ckeditor5-blazor 1.4.0 → 1.6.0
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.
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +38 -38
- package/dist/index.mjs.map +1 -1
- package/dist/interop/create-editable-blazor-interop.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/interop/create-editable-blazor-interop.test.ts +21 -0
- package/src/interop/create-editable-blazor-interop.ts +2 -1
package/dist/index.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var st=Object.create;var q=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var lt=Object.getPrototypeOf,dt=Object.prototype.hasOwnProperty;var mt=(i,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ut(t))!dt.call(i,n)&&n!==e&&q(i,n,{get:()=>t[n],enumerable:!(a=ct(t,n))||a.enumerable});return i};var r=(i,t,e)=>(e=i!=null?st(lt(i)):{},mt(t||!i||!i.__esModule?q(e,"default",{value:i,enumerable:!0}):e,i));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class E extends Error{constructor(t){super(t),this.name="CKEditor5BlazorError"}}class _{items=new Map;initializationErrors=new Map;pendingCallbacks=new Map;watchers=new Set;execute(t,e,a){const n=this.items.get(t),o=this.initializationErrors.get(t);return o?(a?.(o),Promise.reject(o)):n?Promise.resolve(e(n)):new Promise((s,u)=>{const l=this.getPendingCallbacks(t);l.success.push(async c=>{s(await e(c))}),a?l.error.push(a):l.error.push(u)})}register(t,e){if(this.items.has(t))throw new Error(`Item with ID "${t}" is already registered.`);this.resetErrors(t),this.items.set(t,e);const a=this.pendingCallbacks.get(t);a&&(a.success.forEach(n=>n(e)),this.pendingCallbacks.delete(t)),this.registerAsDefault(t,e),this.notifyWatchers()}error(t,e){this.items.delete(t),this.initializationErrors.set(t,e);const a=this.pendingCallbacks.get(t);a&&(a.error.forEach(n=>n(e)),this.pendingCallbacks.delete(t)),this.initializationErrors.size===1&&!this.items.size&&this.error(null,e),this.notifyWatchers()}resetErrors(t){const{initializationErrors:e}=this;e.has(null)&&e.get(null)===e.get(t)&&e.delete(null),e.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,e){return new Promise((a,n)=>{let o=!1,s=null;this.execute(t,u=>{o||(s!==null&&clearTimeout(s),a(u))},u=>{o||(s!==null&&clearTimeout(s),n(u))}),e&&(s=setTimeout(()=>{o=!0,n(new Error(`Timeout waiting for item with ID "${t}" to be registered.`))},e))})}async destroyAll(){const t=Array.from(new Set(this.items.values())).map(e=>e.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)}reset(){this.items.clear(),this.initializationErrors.clear(),this.pendingCallbacks.clear(),this.notifyWatchers()}notifyWatchers(){this.watchers.forEach(t=>t(new Map(this.items),new Map(this.initializationErrors)))}getPendingCallbacks(t){let e=this.pendingCallbacks.get(t);return e||(e={success:[],error:[]},this.pendingCallbacks.set(t,e)),e}registerAsDefault(t,e){this.items.size===1&&t!==null&&this.register(null,e)}}function M(i,t){let e=null;return(...a)=>{e&&clearTimeout(e),e=setTimeout(()=>{t(...a)},i)}}function ht(i,t){const e=Object.entries(i).filter(([a,n])=>t(n,a));return Object.fromEntries(e)}function H(i){return Object.keys(i).length===0&&i.constructor===Object}function R(i,t){const e=Object.entries(i).map(([a,n])=>[a,t(n,a)]);return Object.fromEntries(e)}function pt(i,t){if(i===t)return!0;const e=Object.keys(i),a=Object.keys(t);if(e.length!==a.length)return!1;for(const n of e)if(i[n]!==t[n]||!Object.prototype.hasOwnProperty.call(t,n))return!1;return!0}function wt(){return Math.random().toString(36).substring(2)}function ft(i,{timeOutAfter:t=500,retryAfter:e=100}={}){return new Promise((a,n)=>{const o=Date.now();let s=null;const u=setTimeout(()=>{n(s??new Error("Timeout"))},t),l=async()=>{try{const c=await i();clearTimeout(u),a(c)}catch(c){s=c,Date.now()-o>t?n(c):setTimeout(l,e)}};l()})}function O(){return new Promise(i=>{switch(document.readyState){case"loading":document.addEventListener("DOMContentLoaded",()=>i(),{once:!0});break;case"interactive":case"complete":setTimeout(i,0);break;default:console.warn("Unexpected document.readyState:",document.readyState),setTimeout(i,0)}})}function $(i){if(i.hasAttribute("data-cke-interactive"))return{promise:Promise.resolve(),disconnect:()=>{}};let t;return{promise:new Promise(a=>{t=new MutationObserver(n=>{for(const o of n)if(o.type==="attributes"&&o.attributeName==="data-cke-interactive"&&i.hasAttribute("data-cke-interactive")){t.disconnect(),a();break}}),t.observe(i,{attributes:!0})}),disconnect:()=>t?.disconnect()}}function D(i){i.setAttribute("data-cke-interactive","true")}const N=Symbol.for("context-editor-watchdog");async function gt({element:i,context:t,creator:e,config:a}){const n=wt();await t.add({creator:(l,c)=>e.create(l,c),id:n,sourceElementOrData:i,type:"editor",config:a});const o=t.getItem(n),s={state:"available",editorContextId:n,context:t};o[N]=s;const u=t.destroy.bind(t);return t.destroy=async()=>(s.state="unavailable",u()),{...s,editor:o}}function yt(i){return N in i?i[N]:null}function J(i){return Array.from(i.model.document.getRoots()).reduce((t,e)=>(e.rootName==="$graveyard"||(t[e.rootName]=i.getData({rootName:e.rootName})),t),Object.create({}))}function P(i){return["inline","classic","balloon","decoupled"].includes(i)}async function B(i){const t=await import("ckeditor5"),a={inline:t.InlineEditor,balloon:t.BalloonEditor,classic:t.ClassicEditor,decoupled:t.DecoupledEditor,multiroot:t.MultiRootEditor}[i];if(!a)throw new E(`Unsupported editor type: ${i}`);return a}class S{static the=new S;plugins=new Map;constructor(){}register(t,e){if(this.plugins.has(t))throw new E(`Plugin with name "${t}" is already registered.`);return this.plugins.set(t,e),this.unregister.bind(this,t)}unregister(t){if(!this.plugins.has(t))throw new E(`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 K(i){const t=await import("ckeditor5");let e=null;const a=i.map(async n=>{if(bt(n)){const{name:l,path:c}=n.$import,m=await import(c),b=(Object.prototype.hasOwnProperty.call(m,l)?m[l]:void 0)??(Object.prototype.hasOwnProperty.call(m,"default")?m.default:void 0);if(!b)throw new E(`Plugin "${l}" not found in module "${c}".`);return b}const o=await S.the.get(n);if(o)return o;const{[n]:s}=t;if(s)return s;if(!e)try{e=await import("ckeditor5-premium-features")}catch(l){throw console.error(`Failed to load premium package: ${l}`),new E(`Plugin "${n}" not found in base package and failed to load premium package.`)}const{[n]:u}=e||{};if(u)return u;throw new E(`Plugin "${n}" not found in base or premium packages.`)});return{loadedPlugins:await Promise.all(a),hasPremium:!!e}}function bt(i){return typeof i=="object"&&i!==null&&"$import"in i}async function G(i,t){const e=[i.ui,i.content];return await Promise.all([U("ckeditor5",e),t&&U("ckeditor5-premium-features",e)].filter(n=>!!n)).then(n=>n.flat())}async function U(i,t){return await Promise.all(t.filter(e=>e!=="en").map(async e=>{const a=await Et(i,e);return a?.default??a}).filter(Boolean))}async function Et(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(e){return console.error(`Failed to load translation for ${i}/${t}:`,e),null}}function Y(i){return R(i,t=>({dictionary:t}))}function X(){return Array.from(document.querySelectorAll("cke5-editor")).map(i=>i.getAttribute("data-cke-editor-id")).filter(i=>i!==null)}function Q(i){const t=Z(i);return R(t,({element:e})=>e)}function j(i){const t=Z(i),e=R(t,({content:a})=>a);return ht(e,a=>typeof a=="string")}function Z(i){const t=Array.from(document.querySelectorAll(`cke5-editable[data-cke-editor-id="${i}"]`)).reduce((s,u)=>{const l=u.getAttribute("data-cke-root-name"),c=u.getAttribute("data-cke-content");return s[l]={element:u.querySelector("[data-cke-editable-content]"),content:c},s},Object.create({})),e=document.querySelector(`cke5-editor[data-cke-editor-id="${i}"]`);if(!e)return t;const a=t.main,n=JSON.parse(e.getAttribute("data-cke-content")),o=document.querySelector(`#${i}_editor `);return a&&n?.main?{...t,main:{...a,content:a.content||n.main}}:o?{...t,main:{element:o,content:n?.main||null}}:t}function I(i){if(!i||typeof i!="object")return i;if(Array.isArray(i))return i.map(a=>I(a));const t=i;if(t.$element&&typeof t.$element=="string"){const a=document.querySelector(t.$element);return a||console.warn(`Element not found for selector: ${t.$element}`),a||null}const e=Object.create(null);for(const[a,n]of Object.entries(i))e[a]=I(n);return e}function T(i,t,e){if(!e||typeof e!="object")return e;if(Array.isArray(e))return e.map(o=>T(i,t,o));const a=e;if(a.$translation&&typeof a.$translation=="string"){const o=a.$translation,s=kt(i,o,t);return s===void 0&&console.warn(`Translation not found for key: ${o}`),s!==void 0?s:null}const n=Object.create(null);for(const[o,s]of Object.entries(e))n[o]=T(i,t,s);return n}function kt(i,t,e){for(const a of i){const n=a[e];if(n?.dictionary&&t in n.dictionary)return n.dictionary[t]}}function vt(i,t){const{editing:e}=i;e.view.change(a=>{a.setStyle("height",`${t}px`,e.view.document.getRoot())})}const V=Symbol.for("elixir-editor-watchdog");async function Ct(i){const{EditorWatchdog:t}=await import("ckeditor5"),e=new t(i);return e.setCreator(async(...a)=>{const n=await i.create(...a);return n[V]=e,n}),{watchdog:e,Constructor:{create:async(...a)=>(await e.create(...a),e.editor)}}}function At(i){return V in i?i[V]:null}class v extends _{static the=new v}class Pt extends HTMLElement{contextPromise=null;interactiveWait;async connectedCallback(){await O(),this.interactiveWait=$(this),await this.interactiveWait.promise,await this.initializeContext()}async initializeContext(){const t=this.getAttribute("data-cke-context-id"),e=JSON.parse(this.getAttribute("data-cke-language")),a=JSON.parse(this.getAttribute("data-cke-context")),{customTranslations:n,watchdogConfig:o,config:{plugins:s,...u}}=a,{loadedPlugins:l,hasPremium:c}=await K(s??[]),m=[...await G(e,c),Y(n||{})].filter(g=>!H(g));this.contextPromise=(async()=>{const{ContextWatchdog:g,Context:f}=await import("ckeditor5"),w=new g(f,{crashNumberLimit:10,...o});let k=I(u);return k=T([...m].reverse(),e.ui,k),await w.create({...k,language:e,plugins:l,...m.length&&{translations:m}}),w.on("itemError",(...x)=>{console.error("Context item error:",...x)}),w})();const b=await this.contextPromise;this.isConnected&&v.the.register(t,b)}async disconnectedCallback(){this.interactiveWait?.disconnect();const t=this.getAttribute("data-cke-context-id");this.style.display="none";try{await(await this.contextPromise)?.destroy()}finally{this.contextPromise=null,t&&v.the.hasItem(t)&&v.the.unregister(t)}}}class h extends _{static the=new h}class tt extends HTMLElement{editorPromise=null;interactiveWait;beforeDestroyCallbacks=[];onBeforeDestroy(t){this.beforeDestroyCallbacks.push(t)}async connectedCallback(){await O(),this.interactiveWait=$(this),await this.interactiveWait.promise,await this.initializeEditable()}async initializeEditable(){this.hasAttribute("data-cke-editor-id")||this.setAttribute("data-cke-editor-id",X()[0]);const t=this.getAttribute("data-cke-editor-id"),e=this.getAttribute("data-cke-root-name"),a=this.getAttribute("data-cke-content"),n=Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"),10);if(!t||!e)throw new E("Editor ID or Root Name is missing.");this.style.display="block",this.editorPromise=h.the.execute(t,async o=>{if(!this.isConnected)return null;const{ui:s,editing:u,model:l}=o,c=this.querySelector("input");if(l.document.getRoot(e)?.isAttached()){if(a!==null){const w=o.getData({rootName:e});w&&w!==a&&o.setData({[e]:a})}return o}o.addRoot(e,{isUndoable:!1,...a!==null&&{data:a}});const m=this.querySelector("[data-cke-editable-content]"),b=s.view.createEditable(e,m);s.addEditable(b),u.view.forceRender();const g=()=>{if(!l.document.getRoot(e)?.isAttached())return;const w=o.getData({rootName:e});c&&(c.value=w,c.dispatchEvent(new Event("input"))),this.dispatchEvent(new CustomEvent("change",{detail:{value:w}}))},f=M(n,g);return o.model.document.on("change:data",f),this.onBeforeDestroy(()=>o.model.document.off("change:data",f)),g(),o})}async disconnectedCallback(){this.interactiveWait?.disconnect();const t=this.getAttribute("data-cke-root-name");this.style.display="none";const e=await this.editorPromise;this.editorPromise=null;for(const a of this.beforeDestroyCallbacks)a();if(this.beforeDestroyCallbacks=[],e&&e.state!=="destroyed"&&t){const a=e.model.document.getRoot(t);if(a&&"detachEditable"in e){try{e.ui.view.editables[t]&&e.detachEditable(a)}catch(n){console.error("Unable unmount editable from root:",n)}a.isAttached()&&e.detachRoot(t,!1)}}}}async function It({saveDebounceMs:i,editorId:t,targetElement:e}){const{Plugin:a}=await import("ckeditor5");return class extends a{static get pluginName(){return"DispatchEditorRootsChangeEvent"}afterInit(){const{editor:o}=this,s=M(i,this.dispatch);o.model.document.on("change:data",s),o.once("ready",this.dispatch)}dispatch=()=>{const{editor:o}=this;e.dispatchEvent(new y({editorId:t,editor:o,roots:J(o)}))}}}class y extends CustomEvent{static EVENT_NAME="ckeditor5:change:data";constructor(t){super(y.EVENT_NAME,{detail:t,bubbles:!0})}}async function Tt(i){const{Plugin:t}=await import("ckeditor5");return class extends t{input=null;form=null;static get pluginName(){return"SyncEditorWithInput"}afterInit(){const{editor:a}=this,o=a.sourceElement.id.replace(/_editor$/,"");this.input=document.getElementById(`${o}_input`),this.input&&(a.model.document.on("change:data",M(i,()=>this.sync())),a.once("ready",this.sync),this.form=this.input.closest("form"),this.form?.addEventListener("submit",this.sync))}sync=()=>{if(this.input){const a=this.editor.getData();this.input.value=a,this.input.dispatchEvent(new Event("input",{bubbles:!0}))}};destroy(){this.form&&this.form.removeEventListener("submit",this.sync),this.input=null,this.form=null}}}class et extends HTMLElement{editorPromise=null;interactiveWait;async connectedCallback(){await O(),this.interactiveWait=$(this),B("classic"),await this.interactiveWait.promise,await this.initializeEditor()}async initializeEditor(){const t=this.getAttribute("data-cke-editor-id");h.the.resetErrors(t);try{this.style.display="block",this.editorPromise=this.createEditor();const e=await this.editorPromise;this.isConnected&&(h.the.register(t,e),e.once("destroy",()=>{h.the.hasItem(t)&&h.the.unregister(t)}))}catch(e){console.error(`Error initializing CKEditor5 instance with ID "${t}":`,e),this.editorPromise=null,h.the.error(t,e)}}async disconnectedCallback(){this.interactiveWait?.disconnect(),this.style.display="none";try{const t=await this.editorPromise;if(!t)return;const e=yt(t),a=At(t);e?e.state!=="unavailable"&&await e.context.remove(e.editorContextId):a?await a.destroy():await t.destroy()}finally{this.editorPromise=null}}async createEditor(){const t=this.getAttribute("data-cke-editor-id"),e=JSON.parse(this.getAttribute("data-cke-preset")),a=this.getAttribute("data-cke-context-id"),n=this.getAttribute("data-cke-editable-height")?Number.parseInt(this.getAttribute("data-cke-editable-height"),10):null,o=Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"),10),s=JSON.parse(this.getAttribute("data-cke-language")),u=this.hasAttribute("data-cke-watchdog"),l=JSON.parse(this.getAttribute("data-cke-content")),{customTranslations:c,editorType:d,licenseKey:m,config:{plugins:b,...g}}=e;let f=await B(d);const w=await(a?v.the.waitFor(a):null);if(u&&!w){const p=await Ct(f);({Constructor:f}=p),p.watchdog.on("restart",()=>{const C=p.watchdog.editor;this.editorPromise=Promise.resolve(C),h.the.register(t,C)})}const{loadedPlugins:k,hasPremium:x}=await K(b);k.push(await It({saveDebounceMs:o,editorId:t,targetElement:this})),P(d)&&k.push(await Tt(o));const z=[...await G(s,x),Y(c||{})].filter(p=>!H(p));let A={...l,...j(t)};P(d)&&(A=A.main||"");const W=await(async()=>{let p=Q(t);if(!p.main){const L=P(d)?["main"]:Object.keys(A);rt(p,L)||(p=await Ot(t,L),A={...l,...j(t)})}P(d)&&"main"in p&&(p=p.main);let C=I(g);C=T([...z].reverse(),s.ui,C);const F={...C,initialData:A,licenseKey:m,plugins:k,language:s,...z.length&&{translations:z}};return!w||!(p instanceof HTMLElement)?f.create(p,F):(await gt({context:w,element:p,creator:f,config:F})).editor})();return P(d)&&n&&vt(W,n),W}}function rt(i,t){return t.every(e=>i[e])}async function Ot(i,t){return ft(()=>{const e=Q(i);if(!rt(e,t))throw new Error(`It looks like not all required root elements are present yet.
|
|
1
|
+
"use strict";var st=Object.create;var B=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var lt=Object.getPrototypeOf,dt=Object.prototype.hasOwnProperty;var mt=(i,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ut(t))!dt.call(i,n)&&n!==e&&B(i,n,{get:()=>t[n],enumerable:!(a=ct(t,n))||a.enumerable});return i};var r=(i,t,e)=>(e=i!=null?st(lt(i)):{},mt(t||!i||!i.__esModule?B(e,"default",{value:i,enumerable:!0}):e,i));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class E extends Error{constructor(t){super(t),this.name="CKEditor5BlazorError"}}class H{items=new Map;initializationErrors=new Map;pendingCallbacks=new Map;watchers=new Set;execute(t,e,a){const n=this.items.get(t),o=this.initializationErrors.get(t);return o?(a?.(o),Promise.reject(o)):n?Promise.resolve(e(n)):new Promise((s,u)=>{const l=this.getPendingCallbacks(t);l.success.push(async c=>{s(await e(c))}),a?l.error.push(a):l.error.push(u)})}register(t,e){if(this.items.has(t))throw new Error(`Item with ID "${t}" is already registered.`);this.resetErrors(t),this.items.set(t,e);const a=this.pendingCallbacks.get(t);a&&(a.success.forEach(n=>n(e)),this.pendingCallbacks.delete(t)),this.registerAsDefault(t,e),this.notifyWatchers()}error(t,e){this.items.delete(t),this.initializationErrors.set(t,e);const a=this.pendingCallbacks.get(t);a&&(a.error.forEach(n=>n(e)),this.pendingCallbacks.delete(t)),this.initializationErrors.size===1&&!this.items.size&&this.error(null,e),this.notifyWatchers()}resetErrors(t){const{initializationErrors:e}=this;e.has(null)&&e.get(null)===e.get(t)&&e.delete(null),e.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,e){return new Promise((a,n)=>{let o=!1,s=null;this.execute(t,u=>{o||(s!==null&&clearTimeout(s),a(u))},u=>{o||(s!==null&&clearTimeout(s),n(u))}),e&&(s=setTimeout(()=>{o=!0,n(new Error(`Timeout waiting for item with ID "${t}" to be registered.`))},e))})}async destroyAll(){const t=Array.from(new Set(this.items.values())).map(e=>e.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)}reset(){this.items.clear(),this.initializationErrors.clear(),this.pendingCallbacks.clear(),this.notifyWatchers()}notifyWatchers(){this.watchers.forEach(t=>t(new Map(this.items),new Map(this.initializationErrors)))}getPendingCallbacks(t){let e=this.pendingCallbacks.get(t);return e||(e={success:[],error:[]},this.pendingCallbacks.set(t,e)),e}registerAsDefault(t,e){this.items.size===1&&t!==null&&this.register(null,e)}}function M(i,t){let e=null;return(...a)=>{e&&clearTimeout(e),e=setTimeout(()=>{t(...a)},i)}}function ht(i,t){const e=Object.entries(i).filter(([a,n])=>t(n,a));return Object.fromEntries(e)}function J(i){return Object.keys(i).length===0&&i.constructor===Object}function R(i,t){const e=Object.entries(i).map(([a,n])=>[a,t(n,a)]);return Object.fromEntries(e)}function pt(i,t){if(i===t)return!0;const e=Object.keys(i),a=Object.keys(t);if(e.length!==a.length)return!1;for(const n of e)if(i[n]!==t[n]||!Object.prototype.hasOwnProperty.call(t,n))return!1;return!0}function wt(){return Math.random().toString(36).substring(2)}function ft(i,{timeOutAfter:t=500,retryAfter:e=100}={}){return new Promise((a,n)=>{const o=Date.now();let s=null;const u=setTimeout(()=>{n(s??new Error("Timeout"))},t),l=async()=>{try{const c=await i();clearTimeout(u),a(c)}catch(c){s=c,Date.now()-o>t?n(c):setTimeout(l,e)}};l()})}function O(){return new Promise(i=>{switch(document.readyState){case"loading":document.addEventListener("DOMContentLoaded",()=>i(),{once:!0});break;case"interactive":case"complete":setTimeout(i,0);break;default:console.warn("Unexpected document.readyState:",document.readyState),setTimeout(i,0)}})}function $(i){if(i.hasAttribute("data-cke-interactive"))return{promise:Promise.resolve(),disconnect:()=>{}};let t;return{promise:new Promise(a=>{t=new MutationObserver(n=>{for(const o of n)if(o.type==="attributes"&&o.attributeName==="data-cke-interactive"&&i.hasAttribute("data-cke-interactive")){t.disconnect(),a();break}}),t.observe(i,{attributes:!0})}),disconnect:()=>t?.disconnect()}}function D(i){i.setAttribute("data-cke-interactive","true")}const N=Symbol.for("context-editor-watchdog");async function gt({element:i,context:t,creator:e,config:a}){const n=wt();await t.add({creator:(l,c)=>e.create(l,c),id:n,sourceElementOrData:i,type:"editor",config:a});const o=t.getItem(n),s={state:"available",editorContextId:n,context:t};o[N]=s;const u=t.destroy.bind(t);return t.destroy=async()=>(s.state="unavailable",u()),{...s,editor:o}}function yt(i){return N in i?i[N]:null}function K(i){return Array.from(i.model.document.getRoots()).reduce((t,e)=>(e.rootName==="$graveyard"||(t[e.rootName]=i.getData({rootName:e.rootName})),t),Object.create({}))}function P(i){return["inline","classic","balloon","decoupled"].includes(i)}async function U(i){const t=await import("ckeditor5"),a={inline:t.InlineEditor,balloon:t.BalloonEditor,classic:t.ClassicEditor,decoupled:t.DecoupledEditor,multiroot:t.MultiRootEditor}[i];if(!a)throw new E(`Unsupported editor type: ${i}`);return a}class S{static the=new S;plugins=new Map;constructor(){}register(t,e){if(this.plugins.has(t))throw new E(`Plugin with name "${t}" is already registered.`);return this.plugins.set(t,e),this.unregister.bind(this,t)}unregister(t){if(!this.plugins.has(t))throw new E(`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 G(i){const t=await import("ckeditor5");let e=null;const a=i.map(async n=>{if(bt(n)){const{name:l,path:c}=n.$import,m=await import(c),b=(Object.prototype.hasOwnProperty.call(m,l)?m[l]:void 0)??(Object.prototype.hasOwnProperty.call(m,"default")?m.default:void 0);if(!b)throw new E(`Plugin "${l}" not found in module "${c}".`);return b}const o=await S.the.get(n);if(o)return o;const{[n]:s}=t;if(s)return s;if(!e)try{e=await import("ckeditor5-premium-features")}catch(l){throw console.error(`Failed to load premium package: ${l}`),new E(`Plugin "${n}" not found in base package and failed to load premium package.`)}const{[n]:u}=e||{};if(u)return u;throw new E(`Plugin "${n}" not found in base or premium packages.`)});return{loadedPlugins:await Promise.all(a),hasPremium:!!e}}function bt(i){return typeof i=="object"&&i!==null&&"$import"in i}async function Y(i,t){const e=[i.ui,i.content];return await Promise.all([j("ckeditor5",e),t&&j("ckeditor5-premium-features",e)].filter(n=>!!n)).then(n=>n.flat())}async function j(i,t){return await Promise.all(t.filter(e=>e!=="en").map(async e=>{const a=await Et(i,e);return a?.default??a}).filter(Boolean))}async function Et(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(e){return console.error(`Failed to load translation for ${i}/${t}:`,e),null}}function X(i){return R(i,t=>({dictionary:t}))}function W(){return Array.from(document.querySelectorAll("cke5-editor")).map(i=>i.getAttribute("data-cke-editor-id")).filter(i=>i!==null)}function Q(i){const t=Z(i);return R(t,({element:e})=>e)}function _(i){const t=Z(i),e=R(t,({content:a})=>a);return ht(e,a=>typeof a=="string")}function Z(i){const t=Array.from(document.querySelectorAll(`cke5-editable[data-cke-editor-id="${i}"]`)).reduce((s,u)=>{const l=u.getAttribute("data-cke-root-name"),c=u.getAttribute("data-cke-content");return s[l]={element:u.querySelector("[data-cke-editable-content]"),content:c},s},Object.create({})),e=document.querySelector(`cke5-editor[data-cke-editor-id="${i}"]`);if(!e)return t;const a=t.main,n=JSON.parse(e.getAttribute("data-cke-content")),o=document.querySelector(`#${i}_editor `);return a&&n?.main?{...t,main:{...a,content:a.content||n.main}}:o?{...t,main:{element:o,content:n?.main||null}}:t}function I(i){if(!i||typeof i!="object")return i;if(Array.isArray(i))return i.map(a=>I(a));const t=i;if(t.$element&&typeof t.$element=="string"){const a=document.querySelector(t.$element);return a||console.warn(`Element not found for selector: ${t.$element}`),a||null}const e=Object.create(null);for(const[a,n]of Object.entries(i))e[a]=I(n);return e}function T(i,t,e){if(!e||typeof e!="object")return e;if(Array.isArray(e))return e.map(o=>T(i,t,o));const a=e;if(a.$translation&&typeof a.$translation=="string"){const o=a.$translation,s=kt(i,o,t);return s===void 0&&console.warn(`Translation not found for key: ${o}`),s!==void 0?s:null}const n=Object.create(null);for(const[o,s]of Object.entries(e))n[o]=T(i,t,s);return n}function kt(i,t,e){for(const a of i){const n=a[e];if(n?.dictionary&&t in n.dictionary)return n.dictionary[t]}}function vt(i,t){const{editing:e}=i;e.view.change(a=>{a.setStyle("height",`${t}px`,e.view.document.getRoot())})}const V=Symbol.for("elixir-editor-watchdog");async function Ct(i){const{EditorWatchdog:t}=await import("ckeditor5"),e=new t(i);return e.setCreator(async(...a)=>{const n=await i.create(...a);return n[V]=e,n}),{watchdog:e,Constructor:{create:async(...a)=>(await e.create(...a),e.editor)}}}function At(i){return V in i?i[V]:null}class v extends H{static the=new v}class Pt extends HTMLElement{contextPromise=null;interactiveWait;async connectedCallback(){await O(),this.interactiveWait=$(this),await this.interactiveWait.promise,await this.initializeContext()}async initializeContext(){const t=this.getAttribute("data-cke-context-id"),e=JSON.parse(this.getAttribute("data-cke-language")),a=JSON.parse(this.getAttribute("data-cke-context")),{customTranslations:n,watchdogConfig:o,config:{plugins:s,...u}}=a,{loadedPlugins:l,hasPremium:c}=await G(s??[]),m=[...await Y(e,c),X(n||{})].filter(g=>!J(g));this.contextPromise=(async()=>{const{ContextWatchdog:g,Context:f}=await import("ckeditor5"),w=new g(f,{crashNumberLimit:10,...o});let k=I(u);return k=T([...m].reverse(),e.ui,k),await w.create({...k,language:e,plugins:l,...m.length&&{translations:m}}),w.on("itemError",(...x)=>{console.error("Context item error:",...x)}),w})();const b=await this.contextPromise;this.isConnected&&v.the.register(t,b)}async disconnectedCallback(){this.interactiveWait?.disconnect();const t=this.getAttribute("data-cke-context-id");this.style.display="none";try{await(await this.contextPromise)?.destroy()}finally{this.contextPromise=null,t&&v.the.hasItem(t)&&v.the.unregister(t)}}}class h extends H{static the=new h}class tt extends HTMLElement{editorPromise=null;interactiveWait;beforeDestroyCallbacks=[];onBeforeDestroy(t){this.beforeDestroyCallbacks.push(t)}async connectedCallback(){await O(),this.interactiveWait=$(this),await this.interactiveWait.promise,await this.initializeEditable()}async initializeEditable(){this.hasAttribute("data-cke-editor-id")||this.setAttribute("data-cke-editor-id",W()[0]);const t=this.getAttribute("data-cke-editor-id"),e=this.getAttribute("data-cke-root-name"),a=this.getAttribute("data-cke-content"),n=Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"),10);if(!t||!e)throw new E("Editor ID or Root Name is missing.");this.style.display="block",this.editorPromise=h.the.execute(t,async o=>{if(!this.isConnected)return null;const{ui:s,editing:u,model:l}=o,c=this.querySelector("input");if(l.document.getRoot(e)?.isAttached()){if(a!==null){const w=o.getData({rootName:e});w&&w!==a&&o.setData({[e]:a})}return o}o.addRoot(e,{isUndoable:!1,...a!==null&&{data:a}});const m=this.querySelector("[data-cke-editable-content]"),b=s.view.createEditable(e,m);s.addEditable(b),u.view.forceRender();const g=()=>{if(!l.document.getRoot(e)?.isAttached())return;const w=o.getData({rootName:e});c&&(c.value=w,c.dispatchEvent(new Event("input"))),this.dispatchEvent(new CustomEvent("change",{detail:{value:w}}))},f=M(n,g);return o.model.document.on("change:data",f),this.onBeforeDestroy(()=>o.model.document.off("change:data",f)),g(),o})}async disconnectedCallback(){this.interactiveWait?.disconnect();const t=this.getAttribute("data-cke-root-name");this.style.display="none";const e=await this.editorPromise;this.editorPromise=null;for(const a of this.beforeDestroyCallbacks)a();if(this.beforeDestroyCallbacks=[],e&&e.state!=="destroyed"&&t){const a=e.model.document.getRoot(t);if(a&&"detachEditable"in e){try{e.ui.view.editables[t]&&e.detachEditable(a)}catch(n){console.error("Unable unmount editable from root:",n)}a.isAttached()&&e.detachRoot(t,!1)}}}}async function It({saveDebounceMs:i,editorId:t,targetElement:e}){const{Plugin:a}=await import("ckeditor5");return class extends a{static get pluginName(){return"DispatchEditorRootsChangeEvent"}afterInit(){const{editor:o}=this,s=M(i,this.dispatch);o.model.document.on("change:data",s),o.once("ready",this.dispatch)}dispatch=()=>{const{editor:o}=this;e.dispatchEvent(new y({editorId:t,editor:o,roots:K(o)}))}}}class y extends CustomEvent{static EVENT_NAME="ckeditor5:change:data";constructor(t){super(y.EVENT_NAME,{detail:t,bubbles:!0})}}async function Tt(i){const{Plugin:t}=await import("ckeditor5");return class extends t{input=null;form=null;static get pluginName(){return"SyncEditorWithInput"}afterInit(){const{editor:a}=this,o=a.sourceElement.id.replace(/_editor$/,"");this.input=document.getElementById(`${o}_input`),this.input&&(a.model.document.on("change:data",M(i,()=>this.sync())),a.once("ready",this.sync),this.form=this.input.closest("form"),this.form?.addEventListener("submit",this.sync))}sync=()=>{if(this.input){const a=this.editor.getData();this.input.value=a,this.input.dispatchEvent(new Event("input",{bubbles:!0}))}};destroy(){this.form&&this.form.removeEventListener("submit",this.sync),this.input=null,this.form=null}}}class et extends HTMLElement{editorPromise=null;interactiveWait;async connectedCallback(){await O(),this.interactiveWait=$(this),U("classic"),await this.interactiveWait.promise,await this.initializeEditor()}async initializeEditor(){const t=this.getAttribute("data-cke-editor-id");h.the.resetErrors(t);try{this.style.display="block",this.editorPromise=this.createEditor();const e=await this.editorPromise;this.isConnected&&(h.the.register(t,e),e.once("destroy",()=>{h.the.hasItem(t)&&h.the.unregister(t)}))}catch(e){console.error(`Error initializing CKEditor5 instance with ID "${t}":`,e),this.editorPromise=null,h.the.error(t,e)}}async disconnectedCallback(){this.interactiveWait?.disconnect(),this.style.display="none";try{const t=await this.editorPromise;if(!t)return;const e=yt(t),a=At(t);e?e.state!=="unavailable"&&await e.context.remove(e.editorContextId):a?await a.destroy():await t.destroy()}finally{this.editorPromise=null}}async createEditor(){const t=this.getAttribute("data-cke-editor-id"),e=JSON.parse(this.getAttribute("data-cke-preset")),a=this.getAttribute("data-cke-context-id"),n=this.getAttribute("data-cke-editable-height")?Number.parseInt(this.getAttribute("data-cke-editable-height"),10):null,o=Number.parseInt(this.getAttribute("data-cke-save-debounce-ms"),10),s=JSON.parse(this.getAttribute("data-cke-language")),u=this.hasAttribute("data-cke-watchdog"),l=JSON.parse(this.getAttribute("data-cke-content")),{customTranslations:c,editorType:d,licenseKey:m,config:{plugins:b,...g}}=e;let f=await U(d);const w=await(a?v.the.waitFor(a):null);if(u&&!w){const p=await Ct(f);({Constructor:f}=p),p.watchdog.on("restart",()=>{const C=p.watchdog.editor;this.editorPromise=Promise.resolve(C),h.the.register(t,C)})}const{loadedPlugins:k,hasPremium:x}=await G(b);k.push(await It({saveDebounceMs:o,editorId:t,targetElement:this})),P(d)&&k.push(await Tt(o));const z=[...await Y(s,x),X(c||{})].filter(p=>!J(p));let A={...l,..._(t)};P(d)&&(A=A.main||"");const F=await(async()=>{let p=Q(t);if(!p.main){const q=P(d)?["main"]:Object.keys(A);rt(p,q)||(p=await Ot(t,q),A={...l,..._(t)})}P(d)&&"main"in p&&(p=p.main);let C=I(g);C=T([...z].reverse(),s.ui,C);const L={...C,initialData:A,licenseKey:m,plugins:k,language:s,...z.length&&{translations:z}};return!w||!(p instanceof HTMLElement)?f.create(p,L):(await gt({context:w,element:p,creator:f,config:L})).editor})();return P(d)&&n&&vt(F,n),F}}function rt(i,t){return t.every(e=>i[e])}async function Ot(i,t){return ft(()=>{const e=Q(i);if(!rt(e,t))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
|
-
Missing roots: ${t.filter(a=>!e[a]).join(", ")}.`);return e},{timeOutAfter:2e3,retryAfter:100})}class it extends HTMLElement{mountedPromise=null;async connectedCallback(){await O();const t=this.getAttribute("data-cke-editor-id")||
|
|
4
|
+
Missing roots: ${t.filter(a=>!e[a]).join(", ")}.`);return e},{timeOutAfter:2e3,retryAfter:100})}class it extends HTMLElement{mountedPromise=null;async connectedCallback(){await O();const t=this.getAttribute("data-cke-editor-id")||W()[0],e=this.getAttribute("data-cke-name");!t||!e||(this.style.display="block",this.mountedPromise=h.the.execute(t,a=>{if(!this.isConnected)return;const{ui:n}=a,o=Dt(e),s=n.view[o];if(!s)throw new E(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);this.appendChild(s.element)}))}async disconnectedCallback(){this.style.display="none",await this.mountedPromise,this.mountedPromise=null,this.innerHTML=""}}function Dt(i){switch(i){case"toolbar":return"toolbar";case"menubar":return"menuBarView";default:return null}}const St={"cke5-editor":et,"cke5-context":Pt,"cke5-ui-part":it,"cke5-editable":tt};function at(){for(const[i,t]of Object.entries(St))window.customElements.get(i)||window.customElements.define(i,t)}function xt(i){return D(i),{unmount(){}}}function nt(i,t){const e={pendingValue:null,lastSyncedValue:null},a=()=>{e.pendingValue=null},n=(o,s,u)=>{if(u||e.pendingValue===null)return;const l=t.getCurrentValue();t.isEqual(l,e.pendingValue)||t.applyValue(e.pendingValue),e.pendingValue=null};return i.model.document.on("change:data",a),i.ui.focusTracker.on("change:isFocused",n),{unmount(){i.model.document.off("change:data",a),i.ui.focusTracker.off("change:isFocused",n)},shouldNotify(o){return e.lastSyncedValue!==null&&t.isEqual(e.lastSyncedValue,o)?!1:(e.lastSyncedValue=o,!0)},setValue(o){if(i.ui.focusTracker.isFocused){e.pendingValue=o;return}e.lastSyncedValue!==null&&t.isEqual(e.lastSyncedValue,o)||(e.lastSyncedValue=o,t.applyValue(o))}}}function ot(){return{unmount(){},shouldNotify(i){return!1},setValue(i){}}}function zt(i,t){const e=i.getAttribute("data-cke-editor-id")??W()[0],a=i.getAttribute("data-cke-root-name")??"main";let n=!1,o=ot(),s=null;const u=c=>{if(!(c instanceof y)||c.detail.editorId!==e)return;const d=c.detail.roots[a];d!==void 0&&o.shouldNotify(d)&&t.invokeMethodAsync("OnChangeEditableData",s,d)};return(async()=>{const c=await h.the.waitFor(e);s=DotNet.createJSObjectReference(c),o=nt(c,{getCurrentValue:()=>c.getData({rootName:a})??"",applyValue:d=>c.setData({[a]:d}),isEqual:(d,m)=>d===m})})(),document.body.addEventListener(y.EVENT_NAME,u),D(i),{unmount(){n||(document.body.removeEventListener(y.EVENT_NAME,u),o.unmount(),s&&(DotNet.disposeJSObjectReference(s),s=null),n=!0)},setValue:async c=>{n||(await h.the.waitFor(e),o.setValue(c))}}}function Nt(i,t){const e=i.getAttribute("data-cke-editor-id");let a=!1,n=null,o=ot(),s=null;const u=c=>{!(c instanceof y)||c.detail.editorId!==e||o.shouldNotify(c.detail.roots)&&t.invokeMethodAsync("OnChangeEditorData",s,c.detail.roots)};return(async()=>{const c=await h.the.waitFor(e);s=globalThis.DotNet.createJSObjectReference(c),o=nt(c,{getCurrentValue:()=>K(c),applyValue:m=>c.setData(m),isEqual:pt});const d=(m,b,g)=>{const f=g?"OnEditorFocus":"OnEditorBlur";t.invokeMethodAsync(f,s)};c.ui.focusTracker.on("change:isFocused",d),t.invokeMethodAsync("OnEditorReady",s),n=()=>{c.ui.focusTracker.off("change:isFocused",d)}})(),document.body.addEventListener(y.EVENT_NAME,u),at(),D(i),{setValue:async c=>{a||(await h.the.waitFor(e),o.setValue(c))},unmount(){a||(document.body.removeEventListener(y.EVENT_NAME,u),o.unmount(),n?.(),s&&(globalThis.DotNet.disposeJSObjectReference(s),s=null),a=!0)},attachImageUploadAdapter:async()=>{if(a)return;const c=await h.the.waitFor(e);Vt(c,t)}}}function Vt(i,t){if(!i.plugins.has("FileRepository"))return;const e=i.plugins.get("FileRepository");e.createUploadAdapter=a=>{let n=!1;return{async upload(){const o=await a.file;if(n)throw new Error("Upload aborted.");const s=await Mt(o),u=await t.invokeMethodAsync("OnEditorImageUpload",{fileName:o.name,mimeType:o.type,payload:s});if(!u)throw new Error("OnImageUpload handler returned null. Make sure the OnImageUpload parameter is set on the <CKE5Editor> component.");return{default:u}},abort(){n=!0}}}}function Mt(i){return new Promise((t,e)=>{const a=new FileReader;a.onload=()=>{const n=a.result,o=n.split(",")[1]??n;t(o)},a.onerror=()=>e(a.error),a.readAsDataURL(i)})}function Rt(i){return D(i),{unmount(){}}}exports.CKEditor5BlazorError=E;exports.CKEditor5ChangeDataEvent=y;exports.ContextsRegistry=v;exports.CustomEditorPluginsRegistry=S;exports.EditableComponentElement=tt;exports.EditorComponentElement=et;exports.EditorsRegistry=h;exports.UIPartComponentElement=it;exports.createContextBlazorInterop=xt;exports.createEditableBlazorInterop=zt;exports.createEditorBlazorInterop=Nt;exports.createUIPartBlazorInterop=Rt;exports.ensureEditorElementsRegistered=at;
|
|
5
5
|
//# sourceMappingURL=index.cjs.map
|