Current section

Files

Jump to
ckeditor5_phoenix dist index.mjs
Raw

dist/index.mjs

function q(r, t) {
if (!r || r.size !== t.size)
return !1;
for (const [e, n] of r)
if (!t.has(e) || t.get(e) !== n)
return !1;
return !0;
}
class Y {
/**
* Map of registered items.
*/
items = /* @__PURE__ */ new Map();
/**
* Map of initialization errors for items that failed to register.
*/
initializationErrors = /* @__PURE__ */ new Map();
/**
* Map of pending callbacks waiting for items to be registered or fail.
*/
pendingCallbacks = /* @__PURE__ */ new Map();
/**
* Set of watchers that observe changes to the registry.
*/
watchers = /* @__PURE__ */ new Set();
/**
* Batch nesting depth. When > 0, watcher notifications are deferred.
*/
batchDepth = 0;
/**
* Snapshot of the last state dispatched to watchers, used for change detection.
*/
lastNotifiedItems = null;
lastNotifiedErrors = null;
/**
* Executes a function on an item.
* If the item is not yet registered, it will wait for it to be registered.
*
* @param id The ID of the item.
* @param onSuccess The function to execute.
* @param onError Optional error callback.
* @returns A promise that resolves with the result of the function.
*/
execute(t, e, n) {
const a = this.items.get(t), i = this.initializationErrors.get(t);
return i ? (n?.(i), Promise.reject(i)) : a ? Promise.resolve(e(a)) : new Promise((s, c) => {
const o = this.getPendingCallbacks(t);
o.success.push(async (u) => {
s(await e(u));
}), n ? o.error.push(n) : o.error.push(c);
});
}
/**
* Reactively binds a mount/unmount lifecycle to a single registry item.
*
* @param id The ID of the item to observe.
* @param onMount Function executed when the item mounts.
* @returns A function that stops observing and immediately runs any pending cleanup.
*/
mountEffect(t, e) {
let n, a, i = !1;
const s = this.watch((c) => {
const o = c.get(t);
if (o !== a && (n?.(), n = void 0, a = o, !!o))
try {
const u = e(o);
i ? (u?.(), s()) : n = u;
} catch (u) {
throw console.error(u), u;
}
});
return () => {
i = !0, a && (s(), n?.(), n = void 0);
};
}
/**
* Registers an item.
*
* @param id The ID of the item.
* @param item The item instance.
*/
register(t, e) {
this.batch(() => {
if (this.items.has(t))
throw new Error(`Item with ID "${t}" is already registered.`);
this.resetErrors(t), this.items.set(t, e);
const n = this.pendingCallbacks.get(t);
n && (n.success.forEach((a) => a(e)), this.pendingCallbacks.delete(t)), this.items.size === 1 && t !== null && this.register(null, e);
});
}
/**
* Registers an error for an item.
*
* @param id The ID of the item.
* @param error The error to register.
*/
error(t, e) {
this.batch(() => {
this.items.delete(t), this.initializationErrors.set(t, e);
const n = this.pendingCallbacks.get(t);
n && (n.error.forEach((a) => a(e)), this.pendingCallbacks.delete(t)), this.initializationErrors.size === 1 && !this.items.size && this.error(null, e);
});
}
/**
* Resets errors for an item.
*
* @param id The ID of the item.
*/
resetErrors(t) {
const { initializationErrors: e } = this;
e.has(null) && e.get(null) === e.get(t) && e.delete(null), e.delete(t);
}
/**
* Un-registers an item.
*
* @param id The ID of the item.
* @param resetPendingCallbacks If true resets pending callbacks.
*/
unregister(t, e = !0) {
this.batch(() => {
t && this.items.get(null) === this.items.get(t) && this.unregister(null, !1), this.items.delete(t), e && this.pendingCallbacks.delete(t), this.resetErrors(t);
});
}
/**
* Gets all registered items.
*
* @returns An array of all registered items.
*/
getItems() {
return Array.from(this.items.values());
}
/**
* Returns single registered item.
*
* @returns Registered item.
*/
getItem(t) {
return this.items.get(t);
}
/**
* Checks if an item with the given ID is registered.
*
* @param id The ID of the item.
* @returns `true` if the item is registered, `false` otherwise.
*/
hasItem(t) {
return this.items.has(t);
}
/**
* Gets a promise that resolves with the item instance for the given ID.
* If the item is not registered yet, it will wait for it to be registered.
*
* @param id The ID of the item.
* @returns A promise that resolves with the item instance.
*/
waitFor(t) {
return new Promise((e, n) => {
this.execute(t, e, n);
});
}
/**
* Destroys all registered items and clears the registry.
* This will call the `destroy` method on each item.
*/
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.flushWatchers();
}
/**
* Destroys all registered editors and removes all watchers.
*/
async reset() {
await this.destroyAll(), this.watchers.clear();
}
/**
* Executes a callback while deferring all watcher notifications.
* A single notification is fired synchronously after the callback returns,
* but only if the registry actually changed.
*
* Batches can be nested — watchers are notified only when the outermost
* batch completes.
*
* @param fn The callback to execute.
* @returns The return value of the callback.
*/
batch(t) {
this.batchDepth++;
try {
return t();
} finally {
this.batchDepth--, this.batchDepth === 0 && this.flushWatchers();
}
}
/**
* Registers a watcher that will be called whenever the registry changes.
*
* @param watcher The watcher function to register.
* @returns A function to unregister the watcher.
*/
watch(t) {
return this.watchers.add(t), t(
new Map(this.items),
new Map(this.initializationErrors)
), this.unwatch.bind(this, t);
}
/**
* Un-registers a watcher.
*
* @param watcher The watcher function to unregister.
*/
unwatch(t) {
this.watchers.delete(t);
}
/**
* Immediately dispatches the current state to all watchers if it changed.
*/
flushWatchers() {
q(this.lastNotifiedItems, this.items) && q(this.lastNotifiedErrors, this.initializationErrors) || (this.lastNotifiedItems = new Map(this.items), this.lastNotifiedErrors = new Map(this.initializationErrors), this.watchers.forEach((t) => t(
new Map(this.items),
new Map(this.initializationErrors)
)));
}
/**
* Gets or creates pending callbacks for a specific ID.
*
* @param id The ID of the item.
* @returns The pending callbacks structure.
*/
getPendingCallbacks(t) {
let e = this.pendingCallbacks.get(t);
return e || (e = { success: [], error: [] }, this.pendingCallbacks.set(t, e)), e;
}
}
function nt(r) {
return r.replace(/[-_\s]+(.)?/g, (t, e) => e ? e.toUpperCase() : "").replace(/^./, (t) => t.toLowerCase());
}
function I(r, t) {
let e = null;
return (...n) => {
e && clearTimeout(e), e = setTimeout(() => {
t(...n);
}, r);
};
}
function at(r) {
if (Object.prototype.toString.call(r) !== "[object Object]")
return !1;
const t = Object.getPrototypeOf(r);
return t === Object.prototype || t === null;
}
function O(r) {
if (Array.isArray(r))
return r.map(O);
if (at(r)) {
const t = /* @__PURE__ */ Object.create(null);
for (const [e, n] of Object.entries(r))
t[nt(e)] = O(n);
return t;
}
return r;
}
function it(r, t) {
const e = Object.entries(r).filter(([n, a]) => t(a, n));
return Object.fromEntries(e);
}
function st() {
const r = document.querySelector('meta[name="csrf-token"]');
if (r)
return r.getAttribute("content");
const t = document.cookie.match(/(?:^|; )_csrf_token=([^;]*)/);
return t ? decodeURIComponent(t[1]) : null;
}
class S {
/**
* The current state of the hook.
*/
state = "mounting";
/**
* The DOM element the hook is attached to.
* It includes an `instance` property to hold the hook instance.
*/
el;
/**
* Callbacks to run before the hook is destroyed.
*/
_beforeDestroyCallbacks = [];
/**
* Registers a callback to be called before the hook is destroyed.
* Callbacks are called in LIFO order (last registered, first called).
*/
onBeforeDestroy(t) {
this._beforeDestroyCallbacks.push(t);
}
/**
* Pushes an event from the client to the LiveView server process.
* @param _event The name of the event.
* @param _payload The data to send with the event.
* @param _callback An optional function to be called with the server's reply.
*/
pushEvent;
/**
* Pushes an event to another hook on the page.
* @param _selector The CSS selector of the target element with the hook.
* @param _event The name of the event.
* @param _payload The data to send with the event.
* @param _callback An optional function to be called with the reply.
*/
pushEventTo;
/**
* Registers a handler for an event pushed from the server.
* @param _event The name of the event to handle.
* @param _callback The function to execute when the event is received.
*/
handleEvent;
/**
* Called when the hook has been mounted to the DOM.
* This is the ideal place for initialization code.
*/
mounted() {
}
/**
* Called when the element has been removed from the DOM.
* Perfect for cleanup tasks.
*/
destroyed() {
}
/**
* Called when the element has been updated by a LiveView patch.
*/
updated() {
}
/**
* Checks if the hook is in the process of being destroyed.
*/
isBeingDestroyed() {
return this.state === "destroyed" || this.state === "destroying";
}
/**
* Runs all registered before-destroy callbacks and clears the list.
* Called internally by makeHook before destroyed().
*/
_runBeforeDestroyCallbacks() {
for (const t of this._beforeDestroyCallbacks.reverse())
t();
this._beforeDestroyCallbacks = [];
}
}
function N(r) {
return {
/**
* The mounted lifecycle callback for the LiveView hook object.
* It creates an instance of the user-defined hook class and sets up the necessary properties and methods.
*/
async mounted() {
const t = new r();
this.el.instance = t, t.el = this.el, t.pushEvent = (n, a, i) => this.pushEvent?.(n, a, i), t.pushEventTo = (n, a, i, s) => this.pushEventTo?.(n, a, i, s), t.handleEvent = (n, a) => this.handleEvent?.(n, a), t.state = "mounting";
const e = await t.mounted?.();
return t.state = "mounted", e;
},
/**
* The beforeUpdate lifecycle callback that delegates to the hook instance.
*/
beforeUpdate() {
this.el.instance.beforeUpdate?.();
},
/**
* The destroyed lifecycle callback that delegates to the hook instance.
*/
async destroyed() {
const { instance: t } = this.el;
t.state = "destroying", t._runBeforeDestroyCallbacks(), await t.destroyed?.(), t.state = "destroyed";
},
/**
* The disconnected lifecycle callback that delegates to the hook instance.
*/
disconnected() {
this.el.instance.disconnected?.();
},
/**
* The reconnected lifecycle callback that delegates to the hook instance.
*/
reconnected() {
this.el.instance.reconnected?.();
},
/**
* The updated lifecycle callback that delegates to the hook instance.
*/
updated() {
return this.el.instance.updated?.();
}
};
}
function J(r) {
return Object.keys(r).length === 0 && r.constructor === Object;
}
function ot(r) {
return r == null;
}
function j(r, t) {
const e = Object.entries(r).map(([n, a]) => [n, t(a, n)]);
return Object.fromEntries(e);
}
function B(r) {
if (r === null)
return null;
const t = Number.parseInt(r, 10);
return Number.isNaN(t) ? null : t;
}
function ct(r) {
return r == null || r.trim() === "" ? null : JSON.parse(r);
}
function ut(r, t) {
if (r === t)
return !0;
const e = Object.keys(r), n = Object.keys(t);
if (e.length !== n.length)
return !1;
for (const a of e)
if (r[a] !== t[a] || !Object.prototype.hasOwnProperty.call(t, a))
return !1;
return !0;
}
function lt() {
return Math.random().toString(36).substring(2);
}
function dt(r, {
timeOutAfter: t = 500,
retryAfter: e = 100
} = {}) {
return new Promise((n, a) => {
const i = Date.now();
let s = null;
const c = setTimeout(() => {
a(s ?? new Error("Timeout"));
}, t), o = async () => {
try {
const u = await r();
clearTimeout(c), n(u);
} catch (u) {
s = u, Date.now() - i > t ? a(u) : setTimeout(o, e);
}
};
o();
});
}
function ht(r, t) {
const e = mt(r), n = /* @__PURE__ */ new Set([
...Object.keys(e),
...Object.keys(t.roots ?? {})
]), a = Array.from(n).reduce((s, c) => ({
...s,
[c]: {
...t.roots?.[c],
...c === "main" ? t.root : {},
/* v8 ignore next 5 */
...c in e ? {
initialData: e[c]
} : {}
}
}), Object.create(t.roots || {})), i = {
...t,
roots: a
};
return delete i.root, i;
}
function mt(r) {
return typeof r == "string" ? { main: r } : { ...r };
}
function pt(r, t, e) {
const n = ft(t);
if (!r.editorName || r.editorName === "ClassicEditor")
return {
...e,
attachTo: n.main
};
const a = /* @__PURE__ */ new Set([
...Object.keys(n),
...Object.keys(e.roots ?? {})
]), i = Array.from(a).reduce((c, o) => ({
...c,
[o]: {
/* v8 ignore next */
...e.roots?.[o],
...o === "main" ? e.root : {},
/* v8 ignore next 5 */
...o in n ? {
element: n[o]
} : {}
}
}), Object.create(e.roots || {})), s = {
...e,
roots: i
};
return delete s.root, s;
}
function ft(r) {
return r instanceof HTMLElement ? { main: r } : { ...r };
}
function wt(r) {
const t = [
r.ui?.element,
r.ui?.view?.toolbar?.element,
r.ui?.view?.menuBarView?.element
].filter(Boolean);
for (const i of t)
a(i);
const e = r.ui?.view?.body?._bodyCollectionContainer;
e?.isConnected && a(e);
const n = r.editing?.view;
if (n)
for (const i of n.domRoots.values())
i instanceof HTMLElement && (i.removeAttribute("contenteditable"), i.removeAttribute("role"), i.removeAttribute("aria-label"), i.removeAttribute("aria-multiline"), i.removeAttribute("spellcheck"), i.classList.remove(
"ck",
"ck-content",
"ck-editor__editable",
"ck-rounded-corners",
"ck-editor__editable_inline",
"ck-blurred",
"ck-focused"
), a(i));
function a(i) {
i.hasAttribute("data-cke-controlled") ? i.innerHTML = "" : i.remove();
}
}
const R = /* @__PURE__ */ Symbol.for("context-editor-watchdog");
async function gt({ context: r, creator: t, config: e }) {
const n = lt();
await r.add({
creator: t.create.bind(t),
id: n,
type: "editor",
config: e
});
const a = r.getItem(n), i = {
state: "available",
editorContextId: n,
context: r
};
a[R] = i;
const s = r.destroy.bind(r);
return r.destroy = async () => (i.state = "unavailable", s()), {
...i,
editor: a
};
}
function bt(r) {
return R in r ? r[R] : null;
}
function F(r) {
return "addEditable" in r.ui;
}
function T(r) {
return ["inline", "classic", "balloon", "decoupled"].includes(r);
}
async function yt(r) {
const t = await import("ckeditor5"), n = {
inline: t.InlineEditor,
balloon: t.BalloonEditor,
classic: t.ClassicEditor,
decoupled: t.DecoupledEditor,
multiroot: t.MultiRootEditor
}[r];
if (!n)
throw new Error(`Unsupported editor type: ${r}`);
return n;
}
class $ {
static the = new $();
/**
* Map of registered custom plugins.
*/
plugins = /* @__PURE__ */ new Map();
/**
* Private constructor to enforce singleton pattern.
*/
constructor() {
}
/**
* Registers a custom plugin for the CKEditor.
*
* @param name The name of the plugin.
* @param reader The plugin reader function that returns the plugin constructor.
* @returns A function to unregister the plugin.
*/
register(t, e) {
if (this.plugins.has(t))
throw new Error(`Plugin with name "${t}" is already registered.`);
return this.plugins.set(t, e), this.unregister.bind(this, t);
}
/**
* Removes a custom plugin by its name.
*
* @param name The name of the plugin to unregister.
* @throws Will throw an error if the plugin is not registered.
*/
unregister(t) {
if (!this.plugins.has(t))
throw new Error(`Plugin with name "${t}" is not registered.`);
this.plugins.delete(t);
}
/**
* Removes all custom editor plugins.
* This is useful for cleanup in tests or when reloading plugins.
*/
unregisterAll() {
this.plugins.clear();
}
/**
* Retrieves a custom plugin by its name.
*
* @param name The name of the plugin.
* @returns The plugin constructor or undefined if not found.
*/
async get(t) {
return this.plugins.get(t)?.();
}
/**
* Checks if a plugin with the given name is registered.
*
* @param name The name of the plugin.
* @returns `true` if the plugin is registered, `false` otherwise.
*/
has(t) {
return this.plugins.has(t);
}
}
async function G(r) {
const t = await import("ckeditor5");
let e = null;
const n = r.map(async (a) => {
const i = await $.the.get(a);
if (i)
return i;
const { [a]: s } = t;
if (s)
return s;
if (!e)
try {
e = await import("ckeditor5-premium-features");
} catch (o) {
console.error(`Failed to load premium package: ${o}`);
}
const { [a]: c } = e || {};
if (c)
return c;
throw new Error(`Plugin "${a}" not found in base or premium packages.`);
});
return {
loadedPlugins: await Promise.all(n),
hasPremium: !!e
};
}
async function X(r, t) {
const e = [r.ui, r.content];
return await Promise.all(
[
L("ckeditor5", e),
/* v8 ignore next */
t && L("ckeditor5-premium-features", e)
].filter((a) => !!a)
).then((a) => a.flat());
}
async function L(r, t) {
return await Promise.all(
t.filter((e) => e !== "en").map(async (e) => {
const n = await kt(r, e);
return n?.default ?? n;
}).filter(Boolean)
);
}
async function kt(r, t) {
try {
if (r === "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 ${r}/${t}:`, e), null;
}
}
function Q(r) {
return j(r, (t) => ({
dictionary: t
}));
}
function Z(r) {
const t = tt(r);
return j(t, ({ content: e }) => e);
}
function W(r) {
const t = tt(r), e = j(t, ({ initialValue: n }) => n);
return it(e, (n) => typeof n == "string");
}
function tt(r) {
const t = document.querySelectorAll(
[
`[data-cke-editor-id="${r}"][data-cke-editable-root-name]`,
"[data-cke-editable-root-name]:not([data-cke-editor-id])"
].join(", ")
), e = Array.from(t).reduce((c, o) => {
const u = o.getAttribute("data-cke-editable-root-name"), l = o.getAttribute("data-cke-editable-initial-value") || "", d = o.querySelector("[data-cke-editable-content]");
return !u || !d ? c : {
...c,
[u]: {
content: d,
initialValue: l
}
};
}, /* @__PURE__ */ Object.create({})), n = document.querySelector(`[phx-hook="CKEditor5"][id="${r}"]`);
if (!n)
return e;
const a = n.getAttribute("data-cke-initial-value") || "", i = n.querySelector(`#${r}_editor `), s = e.main;
return s ? {
...e,
main: {
...s,
initialValue: s.initialValue || a
}
} : i ? {
...e,
main: {
content: i,
initialValue: a
}
} : e;
}
const K = ["inline", "classic", "balloon", "decoupled", "multiroot"];
function Et(r) {
const t = r.getAttribute("data-cke-preset");
if (!t)
throw new Error('CKEditor5 hook requires a "cke-preset" attribute on the element.');
const { type: e, config: n, license: a, watchdog: i, ...s } = JSON.parse(t);
if (!e || !n || !a)
throw new Error('CKEditor5 hook configuration must include "editor", "config", and "license" properties.');
if (!K.includes(e))
throw new Error(`Invalid editor type: ${e}. Must be one of: ${K.join(", ")}.`);
return {
type: e,
license: a,
watchdog: i,
config: O(n),
customTranslations: s.customTranslations || s.custom_translations
};
}
function x(r) {
if (!r || typeof r != "object")
return r;
if (Array.isArray(r))
return r.map((n) => x(n));
const t = r;
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 e = /* @__PURE__ */ Object.create(null);
for (const [n, a] of Object.entries(r))
e[n] = x(a);
return e;
}
function D(r, t, e) {
if (!e || typeof e != "object")
return e;
if (Array.isArray(e))
return e.map((i) => D(r, t, i));
const n = e;
if (n.$translation && typeof n.$translation == "string") {
const i = n.$translation, s = vt(r, i, t);
return s === void 0 && console.warn(`Translation not found for key: ${i}`), s !== void 0 ? s : null;
}
const a = /* @__PURE__ */ Object.create(null);
for (const [i, s] of Object.entries(e))
a[i] = D(r, t, s);
return a;
}
function vt(r, t, e) {
for (const n of r) {
const a = n[e];
if (a?.dictionary && t in a.dictionary)
return a.dictionary[t];
}
}
function Ct(r, t) {
const { editing: e } = r;
e.view.change((n) => {
n.setStyle("height", `${t}px`, e.view.document.getRoot());
});
}
const V = /* @__PURE__ */ Symbol.for("elixir-editor-watchdog");
async function Pt(r, t) {
const { EditorWatchdog: e } = await import("ckeditor5"), n = new e(null, t ?? {
crashNumberLimit: 10,
minimumNonErrorTimePeriod: 5e3
});
return n.setCreator(async () => {
const a = await r();
return a[V] = n, a;
}), n;
}
function At(r) {
return V in r ? r[V] : null;
}
class y extends Y {
static the = new y();
}
function Tt(r) {
const t = r.getAttribute("data-cke-context");
if (!t)
throw new Error('CKEditor5 hook requires a "data-cke-context" attribute on the element.');
const { config: e, ...n } = JSON.parse(t);
return {
config: O(e),
customTranslations: n.customTranslations || n.custom_translations,
watchdogConfig: n.watchdogConfig || n.watchdog_config
};
}
class It extends S {
/**
* The promise that resolves to the context instance.
*/
contextPromise = null;
/**
* Attributes for the context instance.
*/
get attrs() {
const t = (n) => this.el.getAttribute(n) || null, e = {
id: this.el.id,
config: Tt(this.el),
language: {
ui: t("data-cke-language") || "en",
content: t("data-cke-content-language") || "en"
}
};
return Object.defineProperty(this, "attrs", {
value: e,
writable: !1,
configurable: !1,
enumerable: !0
}), e;
}
/**
* Mounts the context component.
*/
async mounted() {
const { id: t, language: e } = this.attrs, { customTranslations: n, watchdogConfig: a, config: { plugins: i, ...s } } = this.attrs.config, { loadedPlugins: c, hasPremium: o } = await G(i ?? []), l = [
...await X(e, o),
Q(n?.dictionary || {})
].filter((m) => !J(m));
let d = x(s);
d = D([...l].reverse(), e.ui, d), this.contextPromise = (async () => {
const { ContextWatchdog: m, Context: E } = await import("ckeditor5"), b = new m(E, {
crashNumberLimit: 10,
...a
});
return await b.create({
...d,
language: e,
plugins: c,
...l.length && {
translations: l
}
}), b.on("itemError", (...P) => {
console.error("Context item error:", ...P);
}), b;
})();
const g = await this.contextPromise;
this.isBeingDestroyed() || y.the.register(t, g);
}
/**
* Destroys the context component. Unmounts root from the editor.
*/
async destroyed() {
const { id: t } = this.attrs;
this.el.style.display = "none";
try {
await (await this.contextPromise)?.destroy();
} finally {
this.contextPromise = null, y.the.hasItem(t) && y.the.unregister(t);
}
}
}
function Ot(r) {
return r.hasAttribute("data-cke-context");
}
function xt(r) {
let t = r;
for (; t; ) {
if (Ot(t))
return t;
t = t.parentElement;
}
return null;
}
async function Dt(r) {
const t = xt(r);
return t ? y.the.waitFor(t.id) : null;
}
const St = N(It);
function Nt(r, t) {
const e = /* @__PURE__ */ new Set();
return (n) => {
let a = !1;
return r.model.enqueueChange({ isUndoable: !1 }, (i) => {
const s = r.model.document.getRoot(t);
if (s) {
for (const c of e)
n && c in n || (i.removeAttribute(c, s), e.delete(c), a = !0);
for (const [c, o] of Object.entries(n ?? {}))
i.setAttribute(c, o, s), e.add(c), a = !0;
}
}), a;
};
}
async function Mt() {
const { Plugin: r, FileRepository: t } = await import("ckeditor5");
return class extends r {
/**
* The name of the plugin.
*/
static get pluginName() {
return "PhoenixUploadAdapter";
}
static get requires() {
return [t];
}
/**
* Initializes the plugin.
*/
init() {
const { editor: n } = this, { plugins: a, config: i } = n, s = i.get("phoenixUpload.url");
if (!s || a.has("SimpleUploadAdapter") || a.has("Base64UploadAdapter") || a.has("CKFinderUploadAdapter"))
return;
const c = a.get(t);
c.createUploadAdapter = (o) => new Rt(o, s);
}
};
}
class Rt {
loader;
uploadUrl;
abortController = null;
constructor(t, e) {
this.loader = t, this.uploadUrl = e;
}
/**
* Starts the upload process.
*/
async upload() {
const t = await this.loader.file;
this.abortController = new AbortController();
const e = new FormData();
e.append("file", t), t.size && (this.loader.uploadTotal = t.size, this.loader.uploaded = 0);
const n = {}, a = st();
a && (n["X-CSRF-Token"] = a);
try {
const i = await fetch(this.uploadUrl, {
method: "POST",
headers: n,
body: e,
signal: this.abortController.signal
});
if (!i.ok) {
let c = "Couldn't upload file!";
try {
const o = await i.json();
o?.error?.message && (c = o.error.message);
} catch {
}
throw new Error(c);
}
return this.loader.uploaded = this.loader.uploadTotal, {
default: (await i.json()).url
};
} catch (i) {
throw i.name === "AbortError" ? i : i.message || "Couldn't upload file!";
}
}
/**
* Aborts the upload process.
*/
/* v8 ignore next 4 */
abort() {
this.abortController?.abort(), this.abortController = null;
}
}
async function Vt({
editorId: r,
saveDebounceMs: t
}) {
const { Plugin: e } = await import("ckeditor5");
return class extends e {
/**
* The input element to synchronize with.
*/
input = null;
/**
* The form element reference for cleanup.
*/
form = null;
/**
* The name of the plugin.
*/
static get pluginName() {
return "SyncEditorWithInput";
}
/**
* Initializes the plugin.
*/
afterInit() {
const { editor: a } = this;
this.input = document.getElementById(`${r}_input`), this.input && (a.model.document.on("change:data", I(t, () => this.sync())), a.once("ready", this.sync), this.form = this.input.closest("form"), this.form?.addEventListener("submit", this.sync));
}
/**
* Synchronizes the editor's content with the input field.
*/
sync = () => {
const a = this.editor.getData();
this.input.value = a, this.input.dispatchEvent(new Event("input", { bubbles: !0 }));
};
/**
* Destroys the plugin.
*/
destroy() {
this.form && this.form.removeEventListener("submit", this.sync), this.input = null, this.form = null;
}
};
}
const U = /* @__PURE__ */ Symbol("suppress-phoenix-sync");
async function Ut(r) {
const { Plugin: t } = await import("ckeditor5"), { editorId: e, saveDebounceMs: n, events: a, pushEvent: i, handleEvent: s } = r;
return class extends t {
/**
* The name of the plugin.
*/
static get pluginName() {
return "SyncEditorWithPhoenix";
}
/**
* Initializes the plugin.
*/
init() {
const { editor: o } = this;
a.change && this.setupTypingContentPush(), a.blur && this.setupEventPush("blur"), a.focus && this.setupEventPush("focus"), a.ready && this.editor.once("ready", () => {
i("ckeditor5:ready", {
editorId: e,
data: M(o)
});
}), s("ckeditor5:set-data", ({ editorId: u, data: l }) => {
(ot(u) || u === e) && o.setData(l);
});
}
/**
* Setups the content push event for the editor.
*/
setupTypingContentPush() {
const { editor: o } = this;
let u = null, l = !1;
const d = () => {
if (l)
return;
const m = M(o);
(!u || !ut(u, m)) && (i(
"ckeditor5:change",
{
editorId: e,
data: m
}
), u = m);
}, g = I(n, d);
o.model.document.on("change:data", I(10, (m) => {
if (jt(m)) {
u = null;
return;
}
o.ui.focusTracker.isFocused ? g() : d();
})), o.once("ready", d), o.once("destroy", () => {
l = !0;
});
}
/**
* Setups the event push for the editor.
*/
setupEventPush(o) {
const { editor: u } = this, l = () => {
const { isFocused: d } = u.ui.focusTracker;
(d ? "focus" : "blur") === o && i(
`ckeditor5:${o}`,
{
editorId: e,
data: M(u)
}
);
};
u.ui.focusTracker.on("change:isFocused", l);
}
};
}
function M(r) {
return r.model.document.getRootNames().reduce((e, n) => (e[n] = r.getData({ rootName: n }), e), /* @__PURE__ */ Object.create({}));
}
function jt(r) {
const t = r[U];
return delete r[U], !!t;
}
function $t(r) {
let t = !1;
const e = (n) => {
t || (n[U] = !0);
};
return r.model.document.once("change:data", e, { priority: "highest" }), () => {
t = !0, r.model.document.off("change:data", e);
};
}
class et {
/**
* The DOM element being observed for attribute changes.
*/
el;
/**
* The name of the specific root in a multi-root editor setup.
*/
rootName;
/**
* The name of the HTML attribute storing the value.
*/
valueAttrName;
/**
* The name of the HTML attribute storing the root attributes.
*/
rootAttrsAttrName;
/**
* A flag indicating whether the sentinel has been destroyed, used to prevent operations after cleanup.
*/
isDestroyed = !1;
/**
* Cleanup callbacks to be executed when the sentinel is destroyed.
*/
cleanupCallbacks = [];
/**
* The editor instance.
*/
editor;
/**
* When the editor is focused and the value attribute changes, we want to wait until it blurs to
* avoid disrupting the user while typing. This variable holds the pending value that should be applied
* once the editor blurs. It is set to null when there is no pending value or when the user makes changes in the editor,
* indicating that the pending value should be discarded.
*/
pendingValue = null;
/**
* Cache the previous value to avoid reacting to attribute changes that don't actually change the value.
* This can happen when the parent LiveView re-renders and sets the same value again, which would otherwise cause an
* unnecessary update in the editor.
*/
previousValue = null;
/**
* Updater created once the editor is ready. Tracks which root attributes
* were applied by this sentinel so it can clean them up independently of
* other consumers.
*/
attrsUpdater = null;
/**
* When the hook is mounted, we will wait for the editor to be registered and then set the initial value of the root.
* Accepts an options object to configure element, identifiers, and custom attribute names.
*/
constructor({
el: t,
editor: e,
rootName: n,
valueAttrName: a = "data-cke-value",
rootAttrsAttrName: i = "data-cke-root-attrs"
}) {
this.el = t, this.editor = e, this.rootName = n, this.valueAttrName = a, this.rootAttrsAttrName = i;
const { value: s } = this.attrs;
this.previousValue = s, this.setupSyncHandlers(e, this.rootName);
}
/**
* Helper to read and parse attributes from the element.
* It uses dynamically provided attribute names.
*/
get attrs() {
return {
rootAttributes: ct(this.el.getAttribute(this.rootAttrsAttrName)),
value: this.el.getAttribute(this.valueAttrName)
};
}
/**
* When the value attribute changes, we want to update the editor root value.
* However, if the editor is focused, we want to wait until it blurs to avoid disrupting the user while typing.
*/
async updated() {
const { editor: t } = this, { value: e, rootAttributes: n } = this.attrs;
if (!t || t.state === "destroyed" || this.isDestroyed)
return;
let a = () => {
};
t.model.enqueueChange({ isUndoable: !1 }, () => {
let i = this.attrsUpdater?.(n);
e !== this.previousValue && (this.previousValue = e, t.ui.focusTracker.isFocused ? this.pendingValue = e : (this.setRootValue(t, this.rootName, e), i = !0)), i && (a = $t(t));
}), a();
}
/**
* Sets up focus-aware sync handlers on the editor.
* Registers cleanup via onBeforeDestroy.
*/
setupSyncHandlers(t, e) {
this.attrsUpdater = Nt(t, e), this.attrsUpdater(this.attrs.rootAttributes);
const n = () => {
this.pendingValue = null;
}, a = () => {
!t.ui.focusTracker.isFocused && this.pendingValue !== null && (this.setRootValue(t, e, this.pendingValue), this.pendingValue = null);
};
t.model.document.on("change:data", n), t.ui.focusTracker.on("change:isFocused", a), this.cleanupCallbacks.push(() => {
t.model.document.off("change:data", n), t.ui.focusTracker.off("change:isFocused", a);
});
}
/**
* Sets the value of a specific root in the editor.
*/
setRootValue(t, e, n) {
t.getData({ rootName: e }) !== n && t.setData({ [e]: n });
}
/**
* Disconnects the observer and cleans up editor event listeners.
* This should be called manually when the element is removed from the DOM.
*/
destroy() {
this.isDestroyed = !0, this.cleanupCallbacks.forEach((t) => t()), this.cleanupCallbacks = [];
}
}
class h extends Y {
static the = new h();
}
class _t extends S {
/**
* The sentinel instance responsible for tracking and updating root values and attributes
* for single-root editors.
*/
sentinel = null;
/**
* Attributes for the editor instance.
*/
get attrs() {
const { el: t } = this, e = t.getAttribute.bind(t), n = t.hasAttribute.bind(t), a = {
editorId: e("id"),
contextId: e("data-cke-context-id"),
preset: Et(t),
editableHeight: B(e("data-cke-editable-height")),
watchdog: n("data-cke-watchdog"),
events: {
change: n("data-cke-change-event"),
blur: n("data-cke-blur-event"),
focus: n("data-cke-focus-event"),
ready: n("data-cke-ready-event")
},
saveDebounceMs: B(e("data-cke-save-debounce-ms")) ?? 400,
language: {
ui: e("data-cke-language") || "en",
content: e("data-cke-content-language") || "en"
}
};
return Object.defineProperty(this, "attrs", {
value: a,
writable: !1,
configurable: !1,
enumerable: !0
}), a;
}
/**
* Mounts the editor component.
*/
async mounted() {
const { editorId: t } = this.attrs;
h.the.resetErrors(t);
try {
const e = await this.createEditor();
if (this.isBeingDestroyed())
return;
const n = h.the.mountEffect(t, (a) => (a.once("destroy", () => {
h.the.unregister(t, !1);
}, { priority: "highest" }), this.sentinel = new et({
editor: a,
el: this.el,
rootName: "main",
valueAttrName: "data-cke-initial-value",
rootAttrsAttrName: "data-cke-root-attrs"
}), () => {
this.sentinel?.destroy(), this.sentinel = null;
}));
this.onBeforeDestroy(async () => {
h.the.unregister(t), n();
const a = bt(e), i = At(e);
a ? a.state !== "unavailable" && await a.context.remove(a.editorContextId) : i ? await i.destroy() : await e.destroy();
}), h.the.register(t, e);
} catch (e) {
console.error(e), h.the.error(t, e);
}
return this;
}
/**
* Watch attributes changes and sync value if something changed.
*/
async updated() {
this.sentinel?.updated();
}
/**
* Destroys editor component.
*/
async destroyed() {
this.el.style.display = "none";
}
/**
* Creates the CKEditor instance.
*/
async createEditor() {
const {
preset: t,
editorId: e,
contextId: n,
editableHeight: a,
events: i,
saveDebounceMs: s,
language: c,
watchdog: o
} = this.attrs, { customTranslations: u, type: l, license: d, config: { plugins: g, ...m } } = t, E = await yt(l), b = await (n ? y.the.waitFor(n) : Dt(this.el)), P = async () => {
const { loadedPlugins: p, hasPremium: A } = await G(g);
T(l) && p.push(
await Vt({
editorId: e,
saveDebounceMs: s
})
), p.push(
...await Promise.all([
Ut(
{
editorId: e,
saveDebounceMs: s,
events: i,
pushEvent: this.pushEvent.bind(this),
handleEvent: this.handleEvent.bind(this)
}
),
Mt()
])
);
const k = [
...await X(c, A),
Q(u?.dictionary || {})
].filter((C) => !J(C));
let v = W(e);
T(l) && (v = v.main || "");
let f = Z(e);
if (!(f instanceof HTMLElement) && !("main" in f)) {
const C = l === "decoupled" ? ["main"] : Object.keys(v);
rt(f, C) || (f = await zt(e, C), v = W(e));
}
T(l) && "main" in f && (f = f.main);
let w = { ...m };
w = x(w), w = D([...k].reverse(), c.ui, w), w = pt(E, f, w), w = ht(v, w);
const z = {
...w,
licenseKey: d.key,
plugins: p,
language: c,
...k.length && {
translations: k
}
}, H = await (async () => !b || !(f instanceof HTMLElement) ? E.create(z) : (await gt({
context: b,
creator: E,
config: z
})).editor)();
return T(l) && a && Ct(H, a), H;
};
if (o && !b) {
const p = await Pt(P, t.watchdog);
return p.on("error", (A, { causesRestart: _ }) => {
if (_) {
const k = h.the.getItem(e);
k && (wt(k), h.the.unregister(e));
}
}), p.on("restart", () => {
const A = p.editor;
h.the.register(e, A);
}), await p.create({}), p.editor;
}
return P();
}
}
function rt(r, t) {
return t.every((e) => r[e]);
}
async function zt(r, t) {
return dt(
() => {
const e = Z(r);
if (!rt(e, t))
throw new Error(
`It looks like not all required root elements are present yet.
* If you want to wait for them, ensure they are registered before editor initialization.
* If you want lazy initialize roots, consider removing root values from the \`initialData\` config and assign initial data in editable components.
Missing roots: ${t.filter((n) => !e[n]).join(", ")}.`
);
return e;
},
{ timeOutAfter: 2e3, retryAfter: 100 }
);
}
const Ht = N(_t);
class qt extends S {
/**
* The sentinel instance responsible for tracking and updating root values and attributes.
*/
sentinel = null;
/**
* Attributes for the editable instance.
*/
get attrs() {
const t = {
editableId: this.el.getAttribute("id"),
editorId: this.el.getAttribute("data-cke-editor-id") || null,
rootName: this.el.getAttribute("data-cke-editable-root-name"),
initialValue: this.el.getAttribute("data-cke-editable-initial-value") || ""
};
return Object.defineProperty(this, "attrs", {
value: t,
writable: !1,
configurable: !1,
enumerable: !0
}), t;
}
/**
* Mounts the editable component.
*/
mounted() {
const { editableId: t, editorId: e, rootName: n, initialValue: a } = this.attrs, i = h.the.mountEffect(e, (s) => {
const c = this.el.querySelector("[data-cke-editable-content]");
if (this.isBeingDestroyed())
return;
const o = this.el.querySelector(`#${t}_input`);
if (F(s) && !s.model.document.getRoot(n)) {
const { ui: l, editing: d } = s;
s.addRoot(n, {
isUndoable: !1,
initialData: a
});
const g = l.view.createEditable(n, c);
l.addEditable(g), d.view.forceRender();
}
this.sentinel = new et({
el: this.el,
editor: s,
rootName: n,
valueAttrName: "data-cke-editable-initial-value",
rootAttrsAttrName: "data-cke-editable-root-attrs"
});
const u = o ? Ft(o, s, n) : null;
return () => {
if (u?.(), this.sentinel?.destroy(), this.sentinel = null, s.state !== "destroyed") {
const l = s.model.document.getRoot(n);
l && F(s) && (s.ui.view.editables[n] && s.detachEditable(l), l.isAttached() && s.detachRoot(n, !1));
}
};
});
this.onBeforeDestroy(() => {
this.el.style.display = "none", i();
});
}
/**
* Watch attributes changes and sync value if something changed.
*/
async updated() {
this.sentinel?.updated();
}
}
const Bt = N(qt);
function Ft(r, t, e) {
const n = () => {
r.value = t.getData({ rootName: e });
}, a = I(200, n);
return t.model.document.on("change:data", a), n(), () => {
t.model.document.off("change:data", a);
};
}
class Lt extends S {
/**
* Attributes for the editable instance.
*/
get attrs() {
const t = {
editorId: this.el.getAttribute("data-cke-editor-id") || null,
name: this.el.getAttribute("data-cke-ui-part-name")
};
return Object.defineProperty(this, "attrs", {
value: t,
writable: !1,
configurable: !1,
enumerable: !0
}), t;
}
/**
* Mounts the UI part component.
*/
mounted() {
const { editorId: t, name: e } = this.attrs, n = h.the.mountEffect(t, (a) => {
if (this.isBeingDestroyed())
return;
const { ui: i } = a, s = Wt(e), c = i.view[s];
if (!c) {
console.error(`Unknown UI part name: "${e}". Supported names are "toolbar" and "menubar".`);
return;
}
return this.el.appendChild(c.element), () => {
this.el.innerHTML = "";
};
});
this.onBeforeDestroy(() => {
this.el.style.display = "none", n();
});
}
}
function Wt(r) {
switch (r) {
case "toolbar":
return "toolbar";
case "menubar":
return "menuBarView";
default:
return null;
}
}
const Kt = N(Lt), Xt = {
CKEditor5: Ht,
CKEditable: Bt,
CKUIPart: Kt,
CKContext: St
};
export {
y as ContextsRegistry,
$ as CustomEditorPluginsRegistry,
h as EditorsRegistry,
Xt as Hooks,
bt as unwrapEditorContext,
At as unwrapEditorWatchdog
};
//# sourceMappingURL=index.mjs.map