@levo-so/site-runtime 0.3.14 → 0.3.15

package/blog-content.js

@@ -22,17 +22,17 @@ import { Details as ye, DetailsContent as be, DetailsSummary as xe } from "@tipt
 import { TextStyle as Se } from "@tiptap/extension-text-style";
 import Ce from "@tiptap/extension-horizontal-rule";
 import { Image as we } from "@tiptap/extension-image";
-import { closeHistory as L } from "@tiptap/pm/history";
-import { TaskItem as Te, TaskList as Ee } from "@tiptap/extension-list";
-import { cellAround as De, columnResizing as Oe, tableEditing as ke } from "@tiptap/pm/tables";
-import { TableCell as Ae, TableHeader as je, TableRow as Me } from "@tiptap/extension-table";
-import { Table as Ne } from "@tiptap/extension-table/table";
-import { Subscript as Pe } from "@tiptap/extension-subscript";
-import { Superscript as Fe } from "@tiptap/extension-superscript";
-import { Typography as Ie } from "@tiptap/extension-typography";
-import { UniqueID as Le } from "@tiptap/extension-unique-id";
+import { closeHistory as Te } from "@tiptap/pm/history";
+import { TaskItem as Ee, TaskList as De } from "@tiptap/extension-list";
+import { cellAround as Oe, columnResizing as ke, tableEditing as Ae } from "@tiptap/pm/tables";
+import { TableCell as je, TableHeader as Me, TableRow as Ne } from "@tiptap/extension-table";
+import { Table as Pe } from "@tiptap/extension-table/table";
+import { Subscript as Fe } from "@tiptap/extension-subscript";
+import { Superscript as Ie } from "@tiptap/extension-superscript";
+import { Typography as Le } from "@tiptap/extension-typography";
+import { UniqueID as Re } from "@tiptap/extension-unique-id";
 //#region ../../libraries/blog-renderer/dist/views/BookmarkView.cssm.js
-var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2zpuyk4", Ue = "_2zpuyk6 _2zpuyk5", We = "_2zpuyk7 _2zpuyk5", Ge = "_2zpuyk9", R = "_2zpuyka", Ke = "_2zpuykb", qe = (e) => {
+var ze = "_2zpuyk0", Be = "_2zpuyk1", Ve = "_2zpuyk2", He = "_2zpuyk3", Ue = "_2zpuyk4", We = "_2zpuyk6 _2zpuyk5", Ge = "_2zpuyk7 _2zpuyk5", Ke = "_2zpuyk9", L = "_2zpuyka", qe = "_2zpuykb", Je = (e) => {
 	let n = D(30), { blogId: r, postId: i, workspaceId: a, interactive: o } = e, s = o === void 0 ? !0 : o, { blog: c, workspace: l, logger: u } = t(), d = a ?? l, [f, p] = j(!0), [m, h] = j(null), g, _;
 	if (n[0] !== c || n[1] !== r || n[2] !== u || n[3] !== i || n[4] !== d ? (g = () => {
 		if (!r || !i) {
@@ -59,10 +59,10 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 		u
 	], n[0] = c, n[1] = r, n[2] = u, n[3] = i, n[4] = d, n[5] = g, n[6] = _) : (g = n[5], _ = n[6]), ce(g, _), f) {
 		let e;
-		n[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ k("div", { className: We }), n[7] = e) : e = n[7];
+		n[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ k("div", { className: Ge }), n[7] = e) : e = n[7];
 		let t;
 		n[8] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ k("div", {
-			className: R,
+			className: L,
 			style: {
 				height: "1rem",
 				width: "65%"
@@ -70,28 +70,28 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 		}), n[8] = t) : t = n[8];
 		let r;
 		n[9] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ k("div", {
-			className: R,
+			className: L,
 			style: { width: "100%" }
 		}), n[9] = r) : r = n[9];
 		let i;
 		n[10] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ k("div", {
-			className: R,
+			className: L,
 			style: { width: "92%" }
 		}), n[10] = i) : i = n[10];
 		let a;
 		return n[11] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ k("div", {
-			className: Re,
+			className: ze,
 			children: /* @__PURE__ */ A("div", {
-				className: `${ze} ${Ge}`,
+				className: `${Be} ${Ke}`,
 				children: [e, /* @__PURE__ */ A("div", {
-					className: Be,
+					className: Ve,
 					children: [t, /* @__PURE__ */ A("div", {
-						className: Ke,
+						className: qe,
 						children: [
 							r,
 							i,
 							/* @__PURE__ */ k("div", {
-								className: R,
+								className: L,
 								style: { width: "60%" }
 							})
 						]
@@ -105,31 +105,31 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 	n[12] === s ? x = n[13] : (x = s ? void 0 : { pointerEvents: "none" }, n[12] = s, n[13] = x);
 	let S = s ? void 0 : -1, C;
 	n[14] !== v || n[15] !== m.title ? (C = v ? /* @__PURE__ */ k("img", {
-		className: Ue,
+		className: We,
 		src: v,
 		alt: m.title,
 		loading: "lazy"
-	}) : /* @__PURE__ */ k("div", { className: We }), n[14] = v, n[15] = m.title, n[16] = C) : C = n[16];
+	}) : /* @__PURE__ */ k("div", { className: Ge }), n[14] = v, n[15] = m.title, n[16] = C) : C = n[16];
 	let w;
 	n[17] === m.title ? w = n[18] : (w = /* @__PURE__ */ k("h3", {
-		className: Ve,
+		className: He,
 		children: m.title
 	}), n[17] = m.title, n[18] = w);
 	let T;
 	n[19] === m.summary ? T = n[20] : (T = m.summary ? /* @__PURE__ */ k("p", {
-		className: He,
+		className: Ue,
 		children: m.summary
 	}) : null, n[19] = m.summary, n[20] = T);
 	let E;
 	n[21] !== w || n[22] !== T ? (E = /* @__PURE__ */ A("div", {
-		className: Be,
+		className: Ve,
 		children: [w, T]
 	}), n[21] = w, n[22] = T, n[23] = E) : E = n[23];
 	let O;
 	return n[24] !== E || n[25] !== b || n[26] !== x || n[27] !== S || n[28] !== C ? (O = /* @__PURE__ */ k("div", {
-		className: Re,
+		className: ze,
 		children: /* @__PURE__ */ A("a", {
-			className: ze,
+			className: Be,
 			href: b,
 			target: "_blank",
 			rel: "noopener noreferrer",
@@ -138,15 +138,15 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			children: [C, E]
 		})
 	}), n[24] = E, n[25] = b, n[26] = x, n[27] = S, n[28] = C, n[29] = O) : O = n[29], O;
-}, Je = (e) => {
+}, Ye = (e) => {
 	let t = D(3), { node: n } = e, r = n?.attrs?.blogId, i = n?.attrs?.postId;
 	if (!r || !i) return null;
 	let a;
-	return t[0] !== r || t[1] !== i ? (a = /* @__PURE__ */ k(qe, {
+	return t[0] !== r || t[1] !== i ? (a = /* @__PURE__ */ k(Je, {
 		blogId: r,
 		postId: i
 	}), t[0] = r, t[1] = i, t[2] = a) : a = t[2], a;
-}, Ye = N.create({
+}, Xe = N.create({
 	name: "quote",
 	content: "block+",
 	defining: !0,
@@ -182,7 +182,7 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			return e.commands.toggleBlockquote();
 		} };
 	}
-}), Xe = N.create({
+}), Ze = N.create({
 	name: "quoteCaption",
 	group: "block",
 	content: "text*",
@@ -228,7 +228,7 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			}
 		};
 	}
-}), Ze = (e) => {
+}), Qe = (e) => {
 	let { state: t } = e, { selection: n } = t;
 	if (n.empty || !(n instanceof I)) return !1;
 	let { $from: r, $to: i } = n, a = -1;
@@ -248,13 +248,13 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 	}).run();
 	let m = t.tr;
 	return i.pos > d && m.delete(d, i.pos), r.pos < u - 1 && m.delete(r.pos, u - 1), m.setSelection(I.near(m.doc.resolve(r.pos))), e.view.dispatch(m.scrollIntoView()), !0;
-}, Qe = N.create({
+}, $e = N.create({
 	name: "blockquoteFigure",
 	group: "block",
 	content: "quote quoteCaption",
 	isolating: !0,
 	addExtensions() {
-		return [Ye, Xe];
+		return [Xe, Ze];
 	},
 	renderHTML({ HTMLAttributes: e }) {
 		return [
@@ -265,8 +265,8 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 	},
 	addKeyboardShortcuts() {
 		return {
-			Backspace: ({ editor: e }) => Ze(e),
-			Delete: ({ editor: e }) => Ze(e)
+			Backspace: ({ editor: e }) => Qe(e),
+			Delete: ({ editor: e }) => Qe(e)
 		};
 	},
 	addInputRules() {
@@ -336,7 +336,7 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			}
 		};
 	}
-}), $e = N.create({
+}), et = N.create({
 	name: "bookmark",
 	atom: !0,
 	group: "block",
@@ -361,13 +361,13 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 	renderHTML({ HTMLAttributes: e }) {
 		return ["div", P(e, { "data-type": this.name })];
 	}
-}), z = "levo-button-trigger", B = (e) => e === "popup" ? "button" : "a", V = (e) => e && ge(e) ? e : "", H = {
+}), R = "levo-button-trigger", tt = (e) => e === "popup" ? "button" : "a", nt = (e) => e && ge(e) ? e : "", z = {
 	variant: "primary",
 	size: "md",
 	align: "left",
 	target: "_self",
 	actionType: "link"
-}, et = N.create({
+}, rt = N.create({
 	name: "button",
 	group: "block",
 	atom: !0,
@@ -389,29 +389,29 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 				renderHTML: () => ({})
 			},
 			target: {
-				default: H.target,
+				default: z.target,
 				parseHTML: (e) => e.querySelector("a")?.getAttribute("target") === "_blank" ? "_blank" : "_self",
 				renderHTML: () => ({})
 			},
 			variant: {
-				default: H.variant,
-				parseHTML: (e) => e.getAttribute("data-variant") || H.variant,
-				renderHTML: (e) => ({ "data-variant": e.variant ?? H.variant })
+				default: z.variant,
+				parseHTML: (e) => e.getAttribute("data-variant") || z.variant,
+				renderHTML: (e) => ({ "data-variant": e.variant ?? z.variant })
 			},
 			size: {
-				default: H.size,
-				parseHTML: (e) => e.getAttribute("data-size") || H.size,
-				renderHTML: (e) => ({ "data-size": e.size ?? H.size })
+				default: z.size,
+				parseHTML: (e) => e.getAttribute("data-size") || z.size,
+				renderHTML: (e) => ({ "data-size": e.size ?? z.size })
 			},
 			align: {
-				default: H.align,
-				parseHTML: (e) => e.getAttribute("data-align") || H.align,
-				renderHTML: (e) => ({ "data-align": e.align ?? H.align })
+				default: z.align,
+				parseHTML: (e) => e.getAttribute("data-align") || z.align,
+				renderHTML: (e) => ({ "data-align": e.align ?? z.align })
 			},
 			actionType: {
-				default: H.actionType,
-				parseHTML: (e) => e.getAttribute("data-action-type") || H.actionType,
-				renderHTML: (e) => ({ "data-action-type": e.actionType ?? H.actionType })
+				default: z.actionType,
+				parseHTML: (e) => e.getAttribute("data-action-type") || z.actionType,
+				renderHTML: (e) => ({ "data-action-type": e.actionType ?? z.actionType })
 			},
 			popupId: {
 				default: null,
@@ -431,13 +431,13 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 	},
 	renderHTML({ HTMLAttributes: e, node: t }) {
 		let n = t.attrs.label ?? "Button", r = P(this.options.HTMLAttributes, e, { "data-type": "button" });
-		if (B(t.attrs.actionType) === "button") return [
+		if (tt(t.attrs.actionType) === "button") return [
 			"div",
 			r,
 			[
 				"button",
 				{
-					class: z,
+					class: R,
 					type: "button"
 				},
 				n
@@ -450,8 +450,8 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			[
 				"a",
 				{
-					class: z,
-					href: V(t.attrs.href),
+					class: R,
+					href: nt(t.attrs.href),
 					target: i,
 					rel: i === "_blank" ? "noopener noreferrer" : null
 				},
@@ -465,7 +465,7 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			attrs: e
 		}) };
 	}
-}), tt = N.create({
+}), it = N.create({
 	name: "callout",
 	group: "layoutBlock",
 	content: "block+",
@@ -522,7 +522,7 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			unsetCallout: () => ({ commands: e }) => e.lift(this.name)
 		};
 	}
-}), nt = _e.configure({ defaultLanguage: null }), rt = "_10e5beq0", it = re({
+}), at = _e.configure({ defaultLanguage: null }), ot = "_10e5beq0", st = re({
 	defaultClassName: "_10e5beq1",
 	variantClassNames: { layout: {
 		"sidebar-left": "_10e5beq2",
@@ -531,7 +531,7 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 	} },
 	defaultVariants: { layout: "two-column" },
 	compoundVariants: []
-}), at = N.create({
+}), ct = N.create({
 	name: "column",
 	content: "block+",
 	isolating: !0,
@@ -547,7 +547,7 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			"div",
 			P(e, {
 				"data-type": "column",
-				class: rt
+				class: ot
 			}),
 			0
 		];
@@ -555,16 +555,16 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 	parseHTML() {
 		return [{ tag: "div[data-type=\"column\"]" }];
 	}
-}), ot = /* @__PURE__ */ function(e) {
+}), lt = /* @__PURE__ */ function(e) {
 	return e.SidebarLeft = "sidebar-left", e.SidebarRight = "sidebar-right", e.TwoColumn = "two-column", e;
-}({}), st = N.create({
+}({}), ut = N.create({
 	name: "columns",
 	group: "layoutBlock",
 	content: "column column",
 	defining: !0,
 	isolating: !0,
 	addAttributes() {
-		return { layout: { default: ot.TwoColumn } };
+		return { layout: { default: lt.TwoColumn } };
 	},
 	addCommands() {
 		return {
@@ -577,7 +577,7 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			"div",
 			{
 				"data-type": "columns",
-				class: it({ layout: e.layout })
+				class: st({ layout: e.layout })
 			},
 			0
 		];
@@ -585,7 +585,7 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 	parseHTML() {
 		return [{ tag: "div[data-type=\"columns\"]" }];
 	}
-}), ct = ve.extend({ content: "(block | layoutBlock)+" }), lt = M.create({
+}), dt = ve.extend({ content: "(block | layoutBlock)+" }), ft = M.create({
 	name: "detailsKit",
 	addExtensions() {
 		let e = [];
@@ -595,7 +595,14 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			...this.options.details || {}
 		})), this.options.detailsSummary !== !1 && e.push(xe.configure(this.options.detailsSummary)), this.options.detailsContent !== !1 && e.push(be.configure(this.options.detailsContent)), e;
 	}
-}), ut = N.create({
+}), pt = [
+	"left",
+	"center",
+	"right"
+], B = (e) => typeof e == "string" && /^\d+(\.\d+)?%$/.test(e), V = (e) => B(e) ? e : null, H = (e) => e && pt.includes(e) ? e : "center", mt = (e) => {
+	let t = Number.parseFloat(e);
+	return Number.isFinite(t) ? `${Math.min(Math.max(t, 30), 100)}%` : "100%";
+}, U = (e) => B(e) ? { style: `width: ${mt(e)}` } : {}, ht = N.create({
 	name: "iframe",
 	group: "block",
 	atom: !0,
@@ -610,8 +617,8 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			src: { default: null },
 			width: {
 				default: null,
-				parseHTML: (e) => e.getAttribute("width"),
-				renderHTML: (e) => ({ width: e.width })
+				parseHTML: (e) => V(e.parentElement?.style.width) ?? e.getAttribute("width"),
+				renderHTML: (e) => B(e.width) ? {} : { width: e.width }
 			},
 			height: {
 				default: null,
@@ -626,17 +633,25 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			allowFullScreen: {
 				default: this.options.allowFullscreen,
 				parseHTML: () => this.options.allowFullscreen
+			},
+			"data-align": {
+				default: "center",
+				parseHTML: (e) => H(e.parentElement?.getAttribute("data-align")),
+				renderHTML: () => ({})
 			}
 		};
 	},
 	parseHTML() {
 		return [{ tag: "iframe" }];
 	},
-	renderHTML({ HTMLAttributes: e }) {
+	renderHTML({ node: e, HTMLAttributes: t }) {
 		return [
 			"div",
-			this.options.HTMLAttributes,
-			["iframe", P(e, { frameBorder: "0" })]
+			P(this.options.HTMLAttributes, {
+				"data-align": e.attrs["data-align"],
+				...U(e.attrs.width)
+			}),
+			["iframe", P(t, { frameBorder: "0" })]
 		];
 	},
 	addCommands() {
@@ -653,13 +668,13 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 			return n && t.replaceRangeWith(r.from, r.to, i), !0;
 		} };
 	}
-}), dt = Ce.extend({ renderHTML() {
+}), gt = Ce.extend({ renderHTML() {
 	return [
 		"div",
 		P(this.options.HTMLAttributes, { "data-type": this.name }),
 		["hr"]
 	];
-} }), ft = (e) => ({
+} }), _t = (e) => ({
 	src: e.getAttribute("src"),
 	alt: e.getAttribute("alt"),
 	title: e.getAttribute("title"),
@@ -667,25 +682,25 @@ var Re = "_2zpuyk0", ze = "_2zpuyk1", Be = "_2zpuyk2", Ve = "_2zpuyk3", He = "_2
 	height: e.getAttribute("height"),
 	srcset: e.getAttribute("srcset")
 });
-function pt(e) {
+function vt(e) {
 	let t = { src: e.src || "" };
 	return e.alt && (t.alt = e.alt), e.title && (t.title = e.title), e.width && (t.width = e.width), e.height && (t.height = e.height), e.srcset && (t.srcset = e.srcset), t;
 }
-function mt(e, t) {
+function yt(e, t) {
 	let n = e?.trim();
 	return n ? t || !n.toLowerCase().startsWith("data:") : !1;
 }
-function ht(e, t) {
+function bt(e, t) {
 	let n = t.toUpperCase();
 	return Array.from(e.children).filter((e) => e.tagName === n);
 }
-function gt(e, t) {
-	let n = ht(e, "img");
+function xt(e, t) {
+	let n = bt(e, "img");
 	if (n.length !== 1) return null;
 	let r = n[0];
-	return r && mt(r.getAttribute("src"), t) ? r : null;
+	return r && yt(r.getAttribute("src"), t) ? r : null;
 }
-function U(e, t) {
+function W(e, t) {
 	if (e instanceof F && e.node.type === t) return {
 		imageNode: e.node,
 		imagePos: e.from,
@@ -703,7 +718,7 @@ function U(e, t) {
 	}
 	return null;
 }
-function W(e, t) {
+function G(e, t) {
 	let n = e.view.dom.ownerDocument.getSelection() ?? null;
 	if (!n?.isCollapsed || !n.anchorNode || !e.view.dom.contains(n.anchorNode.nodeType === globalThis.Node.ELEMENT_NODE ? n.anchorNode : n.anchorNode.parentElement)) return null;
 	try {
@@ -718,35 +733,35 @@ function W(e, t) {
 		return null;
 	}
 }
-function G(e, t) {
+function K(e, t) {
 	return e.type === t && !e.attrs.showCaption && e.content.size === 0;
 }
-function K(e, t) {
+function q(e, t) {
 	let { state: n, view: r } = e, i = I.create(n.doc, t);
 	return r.dispatch(n.tr.setSelection(i).scrollIntoView()), !0;
 }
-function q(e, t) {
+function J(e, t) {
 	let { state: n, view: r } = e;
 	return r.dispatch(n.tr.setSelection(F.create(n.doc, t)).scrollIntoView()), !0;
 }
-function _t(e, t, n) {
+function St(e, t, n) {
 	if (!n) return !1;
 	let r = e.doc.resolve(t), i = r.index();
 	return r.parent.canReplaceWith(i, i, n) ? (e.insert(t, n.create()), e.setSelection(I.create(e.doc, t + 1)), !0) : !1;
 }
-function vt(e, t, n, r) {
+function Ct(e, t, n, r) {
 	let i = e.doc.resolve(t), a = i.parent, o = i.index(), s = t;
-	if (n === 1) for (; o < a.childCount && G(a.child(o), r);) s += a.child(o).nodeSize, o += 1;
-	else for (; o > 0 && G(a.child(o - 1), r);) --o, s -= a.child(o).nodeSize;
-	if ((n === 1 ? o === a.childCount : o === 0) && _t(e, s, r.schema.nodes.paragraph)) return !0;
+	if (n === 1) for (; o < a.childCount && K(a.child(o), r);) s += a.child(o).nodeSize, o += 1;
+	else for (; o > 0 && K(a.child(o - 1), r);) --o, s -= a.child(o).nodeSize;
+	if ((n === 1 ? o === a.childCount : o === 0) && St(e, s, r.schema.nodes.paragraph)) return !0;
 	let c = pe.findFrom(e.doc.resolve(s), n, !0);
-	return c && !(c.$from.parent.type === r && G(c.$from.parent, r)) ? (e.setSelection(c), !0) : !1;
+	return c && !(c.$from.parent.type === r && K(c.$from.parent, r)) ? (e.setSelection(c), !0) : !1;
 }
-function J(e, t, n, r) {
+function Y(e, t, n, r) {
 	let { state: i, view: a } = e, o = i.tr;
-	return vt(o, t, n, r) ? (a.dispatch(o.scrollIntoView()), !0) : !1;
+	return Ct(o, t, n, r) ? (a.dispatch(o.scrollIntoView()), !0) : !1;
 }
-function Y(e, t) {
+function X(e, t) {
 	let { $from: n } = e;
 	if (!n.parent.isTextblock || n.depth < 1) return null;
 	let r = n.depth, i = r - 1, a = n.node(i), o = n.index(i) + t;
@@ -757,91 +772,91 @@ function Y(e, t) {
 		position: t === 1 ? s + n.parent.nodeSize : s - c.nodeSize
 	};
 }
-function yt(e, t) {
+function wt(e, t) {
 	if (!e.isEditable) return !1;
-	let { state: n } = e, r = U(n.selection, t);
-	if (r?.atStart) return J(e, r.imagePos, -1, t);
+	let { state: n } = e, r = W(n.selection, t);
+	if (r?.atStart) return Y(e, r.imagePos, -1, t);
 	let { selection: i } = n;
 	if (!(i instanceof I) || !i.empty || i.$from.parentOffset !== 0) return !1;
-	let a = Y(i, -1);
-	return !a || a.node.type !== t ? !1 : G(a.node, t) ? J(e, a.position, -1, t) : K(e, a.position + a.node.nodeSize - 1);
+	let a = X(i, -1);
+	return !a || a.node.type !== t ? !1 : K(a.node, t) ? Y(e, a.position, -1, t) : q(e, a.position + a.node.nodeSize - 1);
 }
-function bt(e, t) {
+function Tt(e, t) {
 	if (!e.isEditable) return !1;
-	let { state: n } = e, r = U(n.selection, t);
-	if (r?.atEnd) return J(e, r.imagePos + r.imageNode.nodeSize, 1, t);
+	let { state: n } = e, r = W(n.selection, t);
+	if (r?.atEnd) return Y(e, r.imagePos + r.imageNode.nodeSize, 1, t);
 	let { selection: i } = n, { $from: a } = i;
 	if (!(i instanceof I) || !i.empty || a.parentOffset !== a.parent.content.size) return !1;
-	let o = Y(i, 1);
-	if (o?.node.type === t) return G(o.node, t) ? J(e, o.position + o.node.nodeSize, 1, t) : K(e, o.position + 1);
-	let s = Y(i, -1);
-	return !!(!o && s && G(s.node, t));
+	let o = X(i, 1);
+	if (o?.node.type === t) return K(o.node, t) ? Y(e, o.position + o.node.nodeSize, 1, t) : q(e, o.position + 1);
+	let s = X(i, -1);
+	return !!(!o && s && K(s.node, t));
 }
-function xt(e, t) {
+function Et(e, t) {
 	if (!e.isEditable) return !1;
-	let { selection: n } = e.state, r = U(n, t);
-	if (r && (n instanceof F || n.empty && r.atStart)) return J(e, r.imagePos, -1, t);
+	let { selection: n } = e.state, r = W(n, t);
+	if (r && (n instanceof F || n.empty && r.atStart)) return Y(e, r.imagePos, -1, t);
 	if (!(n instanceof I) || !n.empty || n.$from.parentOffset !== 0) return !1;
-	let i = Y(n, -1);
-	return !i || i.node.type !== t ? !1 : G(i.node, t) ? q(e, i.position) : K(e, i.position + i.node.nodeSize - 1);
+	let i = X(n, -1);
+	return !i || i.node.type !== t ? !1 : K(i.node, t) ? J(e, i.position) : q(e, i.position + i.node.nodeSize - 1);
 }
-function St(e, t) {
+function Dt(e, t) {
 	if (!e.isEditable) return !1;
-	let { selection: n } = e.state, r = U(n, t);
-	if (r && (n instanceof F || n.empty && r.atEnd)) return J(e, r.imagePos + r.imageNode.nodeSize, 1, t);
+	let { selection: n } = e.state, r = W(n, t);
+	if (r && (n instanceof F || n.empty && r.atEnd)) return Y(e, r.imagePos + r.imageNode.nodeSize, 1, t);
 	if (!(n instanceof I) || !n.empty || n.$from.parentOffset !== n.$from.parent.content.size) return !1;
-	let i = Y(n, 1);
-	return !i || i.node.type !== t ? !1 : G(i.node, t) ? q(e, i.position) : K(e, i.position + 1);
+	let i = X(n, 1);
+	return !i || i.node.type !== t ? !1 : K(i.node, t) ? J(e, i.position) : q(e, i.position + 1);
 }
-function Ct(e, t) {
+function Ot(e, t) {
 	if (!e.isEditable) return !1;
-	let { state: n, view: r } = e, { selection: i } = n, a = U(i, t);
+	let { state: n, view: r } = e, { selection: i } = n, a = W(i, t);
 	if (!a) return !1;
 	let o = n.tr;
 	!(i instanceof F) && !i.empty && o.deleteSelection();
 	let s = o.mapping.map(a.imagePos, -1), c = o.doc.nodeAt(s);
 	if (!c || c.type !== t) return !1;
 	let l = s + c.nodeSize, u = o.doc.resolve(l).nodeAfter, d = n.schema.nodes.paragraph;
-	return d && u?.type === d && u.content.size === 0 ? (o.setSelection(I.create(o.doc, l + 1)), r.dispatch(o.scrollIntoView()), !0) : _t(o, l, d) || vt(o, l, 1, t) ? (r.dispatch(o.scrollIntoView()), !0) : !1;
+	return d && u?.type === d && u.content.size === 0 ? (o.setSelection(I.create(o.doc, l + 1)), r.dispatch(o.scrollIntoView()), !0) : St(o, l, d) || Ct(o, l, 1, t) ? (r.dispatch(o.scrollIntoView()), !0) : !1;
 }
-function wt(e, t) {
+function kt(e, t) {
 	if (!e.isEditable) return !1;
-	let { state: n, view: r } = e, i = U(n.selection, t), a = n.schema.nodes.hardBreak;
+	let { state: n, view: r } = e, i = W(n.selection, t), a = n.schema.nodes.hardBreak;
 	if (!i || n.selection instanceof F || !a || !i.imageNode.contentMatchAt(0).matchType(a)) return !1;
 	let o = n.tr.replaceSelectionWith(a.create());
 	return r.dispatch(o.scrollIntoView()), !0;
 }
-function Tt(e, t) {
+function At(e, t) {
 	if (!e.isEditable) return !1;
 	let { state: n, view: r } = e, { selection: i } = n;
-	if (i instanceof F && i.node.type === t) return r.dispatch(L(n.tr.deleteSelection()).scrollIntoView()), !0;
-	let a = W(e, t), o = U(i, t);
-	if (a?.atStart) return q(e, a.imagePos);
-	if (o && !(i instanceof F) && i.empty && o.atStart) return q(e, o.imagePos);
+	if (i instanceof F && i.node.type === t) return r.dispatch(Te(n.tr.deleteSelection()).scrollIntoView()), !0;
+	let a = G(e, t), o = W(i, t);
+	if (a?.atStart) return J(e, a.imagePos);
+	if (o && !(i instanceof F) && i.empty && o.atStart) return J(e, o.imagePos);
 	if (!(i instanceof I) || !i.empty || i.$from.parentOffset !== 0) return !1;
-	let s = Y(i, -1);
+	let s = X(i, -1);
 	if (!s || s.node.type !== t) return !1;
 	let c = i.$from.parent;
 	if (c.type.name === "paragraph" && c.content.size === 0) {
 		let e = i.$from.before(1), t = i.$from.after(1), a = n.tr.delete(e, t);
 		return a.setSelection(F.create(a.doc, s.position)), r.dispatch(a.scrollIntoView()), !0;
 	}
-	return q(e, s.position);
+	return J(e, s.position);
 }
-function Et(e, t) {
+function jt(e, t) {
 	if (!e.isEditable) return !1;
 	let { state: n, view: r } = e, { selection: i } = n;
-	if (i instanceof F && i.node.type === t) return r.dispatch(L(n.tr.deleteSelection()).scrollIntoView()), !0;
-	let a = W(e, t), o = U(i, t);
-	if (a?.atEnd) return q(e, a.imagePos);
-	if (o && !(i instanceof F) && i.empty && o.atEnd) return q(e, o.imagePos);
+	if (i instanceof F && i.node.type === t) return r.dispatch(Te(n.tr.deleteSelection()).scrollIntoView()), !0;
+	let a = G(e, t), o = W(i, t);
+	if (a?.atEnd) return J(e, a.imagePos);
+	if (o && !(i instanceof F) && i.empty && o.atEnd) return J(e, o.imagePos);
 	if (!(i instanceof I) || !i.empty || i.$from.parentOffset !== i.$from.parent.content.size) return !1;
-	let s = Y(i, 1);
-	return !s || s.node.type !== t ? !1 : q(e, s.position);
+	let s = X(i, 1);
+	return !s || s.node.type !== t ? !1 : J(e, s.position);
 }
-function Dt(e, t) {
+function Mt(e, t) {
 	if (!e.isEditable) return !1;
-	let { state: n, view: r } = e, i = U(n.selection, t) ?? W(e, t);
+	let { state: n, view: r } = e, i = W(n.selection, t) ?? G(e, t);
 	if (!i || n.selection instanceof F) return !1;
 	let a = n.tr;
 	return i.imageNode.content.size === 0 && i.imageNode.attrs.showCaption && (a = a.setNodeMarkup(i.imagePos, void 0, {
@@ -849,7 +864,7 @@ function Dt(e, t) {
 		showCaption: !1
 	})), a = a.setSelection(F.create(a.doc, i.imagePos)), r.dispatch(a.scrollIntoView()), !0;
 }
-var Ot = we.extend({
+var Nt = we.extend({
 	name: "imageBlock",
 	content: "inline*",
 	isolating: !0,
@@ -880,9 +895,9 @@ var Ot = we.extend({
 		return [{
 			tag: "figure",
 			getAttrs: (e) => {
-				let t = gt(e, this.options.allowBase64);
+				let t = xt(e, this.options.allowBase64);
 				return t ? {
-					...ft(t),
+					..._t(t),
 					"data-align": e.getAttribute("data-align"),
 					"data-link-href": e.getAttribute("data-link-href"),
 					"data-id": e.getAttribute("data-id") ?? t.getAttribute("data-id"),
@@ -890,14 +905,14 @@ var Ot = we.extend({
 					showCaption: !0
 				} : !1;
 			},
-			contentElement: (e) => ht(e, "figcaption")[0] ?? e.ownerDocument.createElement("figcaption")
+			contentElement: (e) => bt(e, "figcaption")[0] ?? e.ownerDocument.createElement("figcaption")
 		}, {
 			tag: "img",
 			getAttrs: (e) => {
-				if (!mt(e.getAttribute("src"), this.options.allowBase64)) return !1;
+				if (!yt(e.getAttribute("src"), this.options.allowBase64)) return !1;
 				let t = e.closest("figure");
-				return t && gt(t, this.options.allowBase64) === e ? !1 : {
-					...ft(e),
+				return t && xt(t, this.options.allowBase64) === e ? !1 : {
+					..._t(e),
 					"data-align": e.getAttribute("data-align"),
 					"data-link-href": e.getAttribute("data-link-href"),
 					"data-id": e.getAttribute("data-id"),
@@ -908,7 +923,7 @@ var Ot = we.extend({
 		}];
 	},
 	renderHTML({ node: e }) {
-		let { src: t, alt: n, title: r, srcset: i, width: a, height: o, showCaption: s } = e.attrs, c = e.attrs["data-align"], l = e.attrs["data-link-href"], u = e.attrs["data-id"], d = e.attrs["data-mimetype"], f = pt({
+		let { src: t, alt: n, title: r, srcset: i, width: a, height: o, showCaption: s } = e.attrs, c = e.attrs["data-align"], l = e.attrs["data-link-href"], u = e.attrs["data-id"], d = e.attrs["data-mimetype"], f = vt({
 			src: t,
 			alt: n,
 			title: r,
@@ -948,19 +963,19 @@ var Ot = we.extend({
 				let l = t.tr.setSelection(I.create(t.doc, s, c));
 				return n.dispatch(l), !0;
 			},
-			ArrowUp: ({ editor: e }) => yt(e, this.type),
-			ArrowDown: ({ editor: e }) => bt(e, this.type),
-			ArrowLeft: ({ editor: e }) => xt(e, this.type),
-			ArrowRight: ({ editor: e }) => St(e, this.type),
-			Enter: ({ editor: e }) => Ct(e, this.type),
-			"Shift-Enter": ({ editor: e }) => wt(e, this.type),
-			"Mod-Enter": ({ editor: e }) => wt(e, this.type),
-			Backspace: ({ editor: e }) => Tt(e, this.type),
-			Delete: ({ editor: e }) => Et(e, this.type),
-			Escape: ({ editor: e }) => Dt(e, this.type)
+			ArrowUp: ({ editor: e }) => wt(e, this.type),
+			ArrowDown: ({ editor: e }) => Tt(e, this.type),
+			ArrowLeft: ({ editor: e }) => Et(e, this.type),
+			ArrowRight: ({ editor: e }) => Dt(e, this.type),
+			Enter: ({ editor: e }) => Ot(e, this.type),
+			"Shift-Enter": ({ editor: e }) => kt(e, this.type),
+			"Mod-Enter": ({ editor: e }) => kt(e, this.type),
+			Backspace: ({ editor: e }) => At(e, this.type),
+			Delete: ({ editor: e }) => jt(e, this.type),
+			Escape: ({ editor: e }) => Mt(e, this.type)
 		};
 	}
-}), kt = N.create({
+}), Pt = N.create({
 	name: "levoCollection",
 	atom: !0,
 	group: "block",
@@ -985,7 +1000,7 @@ var Ot = we.extend({
 	renderHTML({ HTMLAttributes: e }) {
 		return ["div", P(e, { "data-type": this.name })];
 	}
-}), At = he.extend({
+}), Ft = he.extend({
 	addOptions() {
 		return {
 			...this.parent?.(),
@@ -1001,7 +1016,7 @@ var Ot = we.extend({
 			}
 		};
 	}
-}), jt = M.create({
+}), It = M.create({
 	name: "indentAttribute",
 	addGlobalAttributes() {
 		return [{
@@ -1025,12 +1040,12 @@ var Ot = we.extend({
 });
 //#endregion
 //#region ../../libraries/editor-core/dist/extensions/nodeStyling/nodeBackground.js
-function Mt(e, t) {
+function Lt(e, t) {
 	if (e.length === 0) return null;
 	for (let n of e) if ((n.node.attrs?.backgroundColor ?? null) !== t) return t;
 	return null;
 }
-var Nt = M.create({
+var Rt = M.create({
 	name: "nodeBackground",
 	addOptions() {
 		return {
@@ -1069,21 +1084,21 @@ var Nt = M.create({
 		return {
 			setNodeBackgroundColor: e((e, t) => t || null),
 			unsetNodeBackgroundColor: e(() => null),
-			toggleNodeBackgroundColor: e((e, t) => Mt(e, t || ""))
+			toggleNodeBackgroundColor: e((e, t) => Lt(e, t || ""))
 		};
 	}
-}), Pt = 35, Ft = 120, It = Ne.extend({
+}), zt = 35, Bt = 120, Vt = Pe.extend({
 	group: "layoutBlock",
 	addProseMirrorPlugins() {
-		let e = this.options.resizable && this.editor.isEditable, t = this.options.cellMinWidth < Ft ? Ft : this.options.cellMinWidth;
-		return [...e ? [Oe({
+		let e = this.options.resizable && this.editor.isEditable, t = this.options.cellMinWidth < Bt ? Bt : this.options.cellMinWidth;
+		return [...e ? [ke({
 			handleWidth: this.options.handleWidth,
-			cellMinWidth: Pt,
+			cellMinWidth: zt,
 			defaultCellMinWidth: t,
 			lastColumnResizable: this.options.lastColumnResizable
-		})] : [], ke({ allowTableNodeSelection: this.options.allowTableNodeSelection })];
+		})] : [], Ae({ allowTableNodeSelection: this.options.allowTableNodeSelection })];
 	}
-}), Lt = Ae.extend({
+}), Ht = je.extend({
 	content: "paragraph+",
 	addAttributes() {
 		return { ...this.parent?.() };
@@ -1104,7 +1119,7 @@ var Nt = M.create({
 		return {
 			...this.parent?.(),
 			"Mod-a": () => {
-				let { state: e, view: t } = this.editor, { selection: n, doc: r } = e, i = n.$anchor, a = De(i);
+				let { state: e, view: t } = this.editor, { selection: n, doc: r } = e, i = n.$anchor, a = Oe(i);
 				if (!a) return !1;
 				let o = r.nodeAt(a.pos);
 				if (!o || !o.textContent) return !1;
@@ -1115,7 +1130,7 @@ var Nt = M.create({
 			}
 		};
 	}
-}), Rt = je.extend({
+}), Ut = Me.extend({
 	content: "paragraph+",
 	addAttributes() {
 		return { ...this.parent?.() };
@@ -1132,43 +1147,114 @@ var Nt = M.create({
 			0
 		];
 	}
-}), zt = M.create({
+}), Wt = M.create({
 	name: "tableKit",
 	addExtensions() {
 		let e = [];
-		return this.options.table !== !1 && e.push(It.configure({
+		return this.options.table !== !1 && e.push(Vt.configure({
 			...this.options.table,
 			renderWrapper: !0
-		})), this.options.tableCell !== !1 && e.push(Lt.configure(this.options.tableCell)), this.options.tableHeader !== !1 && e.push(Rt.configure(this.options.tableHeader)), this.options.tableRow !== !1 && e.push(Me.configure(this.options.tableRow)), e;
+		})), this.options.tableCell !== !1 && e.push(Ht.configure(this.options.tableCell)), this.options.tableHeader !== !1 && e.push(Ut.configure(this.options.tableHeader)), this.options.tableRow !== !1 && e.push(Ne.configure(this.options.tableRow)), e;
+	}
+}), Gt = [
+	"controls",
+	"autoplay",
+	"loop",
+	"muted"
+], Z = (e) => e.tagName === "VIDEO" ? e : e.querySelector(":scope > video"), Kt = (e) => e.tagName === "VIDEO" ? e.parentElement : e, qt = N.create({
+	name: "videoBlock",
+	group: "block",
+	atom: !0,
+	addAttributes() {
+		return {
+			src: {
+				default: null,
+				parseHTML: (e) => Z(e)?.getAttribute("src"),
+				renderHTML: () => ({})
+			},
+			"data-id": {
+				default: null,
+				parseHTML: (e) => Z(e)?.getAttribute("data-id"),
+				renderHTML: () => ({})
+			},
+			"data-mimetype": {
+				default: null,
+				parseHTML: (e) => Z(e)?.getAttribute("data-mimetype"),
+				renderHTML: () => ({})
+			},
+			width: {
+				default: null,
+				parseHTML: (e) => V(Kt(e)?.style.width),
+				renderHTML: () => ({})
+			},
+			"data-align": {
+				default: "center",
+				parseHTML: (e) => H(Kt(e)?.getAttribute("data-align")),
+				renderHTML: () => ({})
+			},
+			...Object.fromEntries(Gt.map((e) => [e, {
+				default: e === "controls",
+				parseHTML: (t) => Z(t)?.hasAttribute(e) ?? !1,
+				renderHTML: () => ({})
+			}]))
+		};
+	},
+	parseHTML() {
+		return [{ tag: "div[data-type=\"videoBlock\"]" }, {
+			tag: "video",
+			getAttrs: (e) => e.parentElement?.getAttribute("data-type") === "videoBlock" ? !1 : null
+		}];
+	},
+	renderHTML({ node: e }) {
+		let { src: t } = e.attrs, n = e.attrs["data-id"], r = e.attrs["data-mimetype"], i = {
+			playsinline: "",
+			preload: "metadata"
+		};
+		for (let t of Gt) e.attrs[t] && (i[t] = "");
+		return e.attrs.autoplay && (i.muted = ""), t && (i.src = t), n && (i["data-id"] = n), r && (i["data-mimetype"] = r), [
+			"div",
+			{
+				"data-type": "videoBlock",
+				"data-align": e.attrs["data-align"],
+				...U(e.attrs.width)
+			},
+			["video", i]
+		];
+	},
+	addCommands() {
+		return { setVideoBlock: (e) => ({ commands: t }) => t.insertContent({
+			type: this.name,
+			attrs: e
+		}) };
 	}
-}), Bt = (e) => {
+}), Jt = (e) => {
 	let t = D(10), { label: n, href: r, target: i, actionType: a, onActivate: o } = e, s = n || "Button";
-	if (B(a) === "button") {
+	if (tt(a) === "button") {
 		let e;
 		return t[0] !== o || t[1] !== s ? (e = /* @__PURE__ */ k("button", {
-			className: z,
+			className: R,
 			type: "button",
 			onClick: o,
 			children: s
 		}), t[0] = o, t[1] = s, t[2] = e) : e = t[2], e;
 	}
 	let c = i === "_blank" ? "_blank" : "_self", l;
-	t[3] === r ? l = t[4] : (l = V(r), t[3] = r, t[4] = l);
+	t[3] === r ? l = t[4] : (l = nt(r), t[3] = r, t[4] = l);
 	let u = l, d = c === "_blank" ? "noopener noreferrer" : void 0, f;
 	return t[5] !== u || t[6] !== c || t[7] !== d || t[8] !== s ? (f = /* @__PURE__ */ k("a", {
-		className: z,
+		className: R,
 		href: u,
 		target: c,
 		rel: d,
 		children: s
 	}), t[5] = u, t[6] = c, t[7] = d, t[8] = s, t[9] = f) : f = t[9], f;
-}, Vt = (e) => {
+}, Yt = (e) => {
 	let t = D(16), { node: n } = e, i;
 	t[0] === n?.attrs ? i = t[1] : (i = n?.attrs ?? {}, t[0] = n?.attrs, t[1] = i);
 	let a = i, { openPopup: o } = r(), s = a.popupId, c;
 	t[2] !== o || t[3] !== s ? (c = s ? () => o(s) : void 0, t[2] = o, t[3] = s, t[4] = c) : c = t[4];
 	let l;
-	t[5] !== a.actionType || t[6] !== a.href || t[7] !== a.label || t[8] !== a.target || t[9] !== c ? (l = /* @__PURE__ */ k(Bt, {
+	t[5] !== a.actionType || t[6] !== a.href || t[7] !== a.label || t[8] !== a.target || t[9] !== c ? (l = /* @__PURE__ */ k(Jt, {
 		label: a.label,
 		href: a.href,
 		target: a.target,
@@ -1183,9 +1269,9 @@ var Nt = M.create({
 		"data-align": a.align,
 		children: l
 	}), t[11] = a.align, t[12] = a.size, t[13] = a.variant, t[14] = l, t[15] = u) : u = t[15], u;
-}, X = null, Ht = () => (X ??= import("lowlight").then(({ common: e, createLowlight: t }) => t(e)).catch((e) => {
-	throw X = null, e;
-}), X), Ut = (e, t) => {
+}, Q = null, Xt = () => (Q ??= import("lowlight").then(({ common: e, createLowlight: t }) => t(e)).catch((e) => {
+	throw Q = null, e;
+}), Q), Zt = (e, t) => {
 	if (e.type === "text") return e.value;
 	if (e.type === "element") {
 		let { className: n, ...r } = e.properties || {};
@@ -1193,26 +1279,26 @@ var Nt = M.create({
 			key: t,
 			...r,
 			className: Array.isArray(n) ? n.join(" ") : n
-		}, e.children?.map((e, n) => Ut(e, `${t}-${n}`)));
+		}, e.children?.map((e, n) => Zt(e, `${t}-${n}`)));
 	}
 	return null;
-}, Z = (e) => {
+}, $ = (e) => {
 	if (!e) return "";
 	if (typeof e == "string") return e;
 	if (e.text) return e.text;
 	if (typeof e.textContent == "string") return e.textContent;
 	if (e.content) {
-		if (Array.isArray(e.content)) return e.content.map(Z).join("");
+		if (Array.isArray(e.content)) return e.content.map($).join("");
 		if (typeof e.content.forEach == "function") {
 			let t = "";
 			return e.content.forEach((e) => {
-				t += Z(e);
+				t += $(e);
 			}), t;
 		}
 	}
 	return "";
-}, Wt = ({ node: e, children: t }) => {
-	let n = oe(Ht()), r = e?.attrs?.language, i = Z(e);
+}, Qt = ({ node: e, children: t }) => {
+	let n = oe(Xt()), r = e?.attrs?.language, i = $(e);
 	if (!i) return /* @__PURE__ */ k("pre", { children: /* @__PURE__ */ k("code", { children: t }) });
 	let a;
 	try {
@@ -1222,26 +1308,26 @@ var Nt = M.create({
 	}
 	return !a || !a.children || a.children.length === 0 ? /* @__PURE__ */ k("pre", { children: /* @__PURE__ */ k("code", { children: i }) }) : /* @__PURE__ */ k("pre", { children: /* @__PURE__ */ k("code", {
 		className: r ? `language-${r}` : "",
-		children: a.children.map((e, t) => Ut(e, `code-${t}`))
+		children: a.children.map((e, t) => Zt(e, `code-${t}`))
 	}) });
-}, Gt = (e) => {
+}, $t = (e) => {
 	let t = D(9), n;
-	t[0] === e.node ? n = t[1] : (n = Z(e.node), t[0] = e.node, t[1] = n);
+	t[0] === e.node ? n = t[1] : (n = $(e.node), t[0] = e.node, t[1] = n);
 	let r = n, i;
 	t[2] === r ? i = t[3] : (i = /* @__PURE__ */ k("pre", { children: /* @__PURE__ */ k("code", { children: r }) }), t[2] = r, t[3] = i);
 	let a;
-	t[4] === e ? a = t[5] : (a = /* @__PURE__ */ k(Wt, { ...e }), t[4] = e, t[5] = a);
+	t[4] === e ? a = t[5] : (a = /* @__PURE__ */ k(Qt, { ...e }), t[4] = e, t[5] = a);
 	let o;
 	return t[6] !== i || t[7] !== a ? (o = /* @__PURE__ */ k(ie.Suspense, {
 		fallback: i,
 		children: a
 	}), t[6] = i, t[7] = a, t[8] = o) : o = t[8], o;
-}, Q = ae({
+}, en = ae({
 	open: !1,
 	toggle: () => {}
-}), Kt = (e) => {
+}), tn = (e) => {
 	let t = D(15), { node: n, children: r } = e, [i, a] = j(!!n.attrs?.open), o;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = () => a(Yt), t[0] = o) : o = t[0];
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = () => a(an), t[0] = o) : o = t[0];
 	let s = o, c = i && "is-open", l;
 	t[1] === c ? l = t[2] : (l = te("details", c), t[1] = c, t[2] = l);
 	let u;
@@ -1256,7 +1342,7 @@ var Nt = M.create({
 		toggle: s
 	}, t[5] = i, t[6] = d);
 	let f;
-	t[7] !== r || t[8] !== d ? (f = /* @__PURE__ */ k("div", { children: /* @__PURE__ */ k(Q.Provider, {
+	t[7] !== r || t[8] !== d ? (f = /* @__PURE__ */ k("div", { children: /* @__PURE__ */ k(en.Provider, {
 		value: d,
 		children: r
 	}) }), t[7] = r, t[8] = d, t[9] = f) : f = t[9];
@@ -1266,8 +1352,8 @@ var Nt = M.create({
 		"data-open": i,
 		children: [u, f]
 	}), t[10] = i, t[11] = l, t[12] = u, t[13] = f, t[14] = p) : p = t[14], p;
-}, qt = (e) => {
-	let t = D(7), { children: n } = e, { open: r, toggle: i } = se(Q), a;
+}, nn = (e) => {
+	let t = D(7), { children: n } = e, { open: r, toggle: i } = se(en), a;
 	t[0] === i ? a = t[1] : (a = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
 	}, t[0] = i, t[1] = a);
@@ -1280,8 +1366,8 @@ var Nt = M.create({
 		onKeyDown: a,
 		children: n
 	}), t[2] = n, t[3] = r, t[4] = a, t[5] = i, t[6] = o) : o = t[6], o;
-}, Jt = (e) => {
-	let t = D(5), { children: n } = e, { open: r } = se(Q), i;
+}, rn = (e) => {
+	let t = D(5), { children: n } = e, { open: r } = se(en), i;
 	t[0] === r ? i = t[1] : (i = r ? {} : { hidden: !0 }, t[0] = r, t[1] = i);
 	let a;
 	return t[2] !== n || t[3] !== i ? (a = /* @__PURE__ */ k("div", {
@@ -1290,12 +1376,12 @@ var Nt = M.create({
 		children: n
 	}), t[2] = n, t[3] = i, t[4] = a) : a = t[4], a;
 };
-function Yt(e) {
+function an(e) {
 	return !e;
 }
 //#endregion
 //#region ../../libraries/blog-renderer/dist/views/ImageView.cssm.js
-var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof e == "string" && e.endsWith("%") ? e : `${e}px` : "fit-content", en = (e) => {
+var on = "_10kj0ro0", sn = "_10kj0ro1", cn = "_10kj0ro2", ln = (e) => e ? typeof e == "string" && e.endsWith("%") ? e : `${e}px` : "fit-content", un = (e) => {
 	let t = D(15), { node: n, children: r, imageRef: i, imageProps: a, caption: o } = e, s = n.attrs, { src: c, alt: l, srcset: u, showCaption: d } = s, f = s["data-link-href"], p = n.content.childCount > 0, m = o === void 0 ? r : o, h = (d || p) && m != null;
 	if (!c) return null;
 	let g = l || "", _ = u || void 0, v;
@@ -1304,7 +1390,7 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 		src: c,
 		alt: g,
 		srcSet: _,
-		className: Qt,
+		className: cn,
 		loading: "lazy",
 		...a
 	}), t[0] = a, t[1] = i, t[2] = c, t[3] = g, t[4] = _, t[5] = v) : v = t[5];
@@ -1322,31 +1408,31 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 	}), t[9] = m, t[10] = h, t[11] = x) : x = t[11];
 	let S;
 	return t[12] !== b || t[13] !== x ? (S = /* @__PURE__ */ A(ne, { children: [b, x] }), t[12] = b, t[13] = x, t[14] = S) : S = t[14], S;
-}, tn = (e) => {
+}, dn = (e) => {
 	let t = D(13), { node: n, children: r } = e, i = n.attrs, a = i["data-align"];
 	if (!i.src) return null;
 	let o;
-	t[0] === i.width ? o = t[1] : (o = $t(i.width), t[0] = i.width, t[1] = o);
+	t[0] === i.width ? o = t[1] : (o = ln(i.width), t[0] = i.width, t[1] = o);
 	let s;
 	t[2] === o ? s = t[3] : (s = { width: o }, t[2] = o, t[3] = s);
 	let c;
-	t[4] !== r || t[5] !== n ? (c = /* @__PURE__ */ k(en, {
+	t[4] !== r || t[5] !== n ? (c = /* @__PURE__ */ k(un, {
 		node: n,
 		children: r
 	}), t[4] = r, t[5] = n, t[6] = c) : c = t[6];
 	let l;
 	t[7] !== s || t[8] !== c ? (l = /* @__PURE__ */ k("div", {
-		className: Zt,
+		className: sn,
 		style: s,
 		children: c
 	}), t[7] = s, t[8] = c, t[9] = l) : l = t[9];
 	let u;
 	return t[10] !== a || t[11] !== l ? (u = /* @__PURE__ */ k("div", {
 		"data-align": a,
-		className: Xt,
+		className: on,
 		children: l
 	}), t[10] = a, t[11] = l, t[12] = u) : u = t[12], u;
-}, nn = "_1dotpmp0", rn = (t) => {
+}, fn = "_1dotpmp0", pn = (t) => {
 	let n = D(10), { collectionId: r, workspaceId: i, preview: a, variant: o } = t, s = a === void 0 ? !1 : a, c = o ?? void 0, l;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (l = {
 		show: !0,
@@ -1370,31 +1456,55 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 		uiConfig: u,
 		theme: d
 	}), n[4] = r, n[5] = s, n[6] = c, n[7] = d, n[8] = i, n[9] = f) : f = n[9], f;
-}, an = (e) => {
+}, mn = (e) => {
 	let n = D(4), { node: r } = e, i = r?.attrs?.collectionId, a = r?.attrs?.variant, { workspace: o } = t();
 	if (!i || !o) return null;
 	let s;
 	return n[0] !== i || n[1] !== a || n[2] !== o ? (s = /* @__PURE__ */ k("div", {
-		className: nn,
-		children: /* @__PURE__ */ k(rn, {
+		className: fn,
+		children: /* @__PURE__ */ k(pn, {
 			collectionId: i,
 			workspaceId: o,
 			variant: a
 		})
 	}), n[0] = i, n[1] = a, n[2] = o, n[3] = s) : s = n[3], s;
-}, on = /^((?:https?:)?\/\/)?((?:www|m|music)\.)?((?:youtube\.com|youtu\.be|youtube-nocookie\.com))(\/(?:[\w-]+\?v=|embed\/|v\/)?)([\w-]+)(\S+)?$/, sn = /^((?:https?:)?\/\/)?((?:www|m|music)\.)?((?:youtube\.com|youtu\.be|youtube-nocookie\.com))(\/(?:[\w-]+\?v=|embed\/|v\/)?)([\w-]+)(\S+)?$/g, $ = (e) => e.match(on), cn = (e, t) => t ? "https://www.youtube-nocookie.com/embed/videoseries?list=" : e ? "https://www.youtube-nocookie.com/embed/" : "https://www.youtube.com/embed/", ln = (e) => {
+}, hn = (e) => {
+	let t = D(14), { node: n } = e, r = n.attrs;
+	if (!r.src) return null;
+	let i = r["data-align"] ?? "center", a;
+	t[0] === r.width ? a = t[1] : (a = B(r.width) ? { width: mt(r.width) } : void 0, t[0] = r.width, t[1] = a);
+	let o = r["data-id"] ?? void 0, s = r["data-mimetype"] ?? void 0, c = r.muted || r.autoplay, l;
+	t[2] !== r.autoplay || t[3] !== r.controls || t[4] !== r.loop || t[5] !== r.src || t[6] !== o || t[7] !== s || t[8] !== c ? (l = /* @__PURE__ */ k("video", {
+		src: r.src,
+		"data-id": o,
+		"data-mimetype": s,
+		controls: r.controls,
+		autoPlay: r.autoplay,
+		loop: r.loop,
+		muted: c,
+		playsInline: !0,
+		preload: "metadata"
+	}), t[2] = r.autoplay, t[3] = r.controls, t[4] = r.loop, t[5] = r.src, t[6] = o, t[7] = s, t[8] = c, t[9] = l) : l = t[9];
+	let u;
+	return t[10] !== i || t[11] !== a || t[12] !== l ? (u = /* @__PURE__ */ k("div", {
+		"data-type": "videoBlock",
+		"data-align": i,
+		style: a,
+		children: l
+	}), t[10] = i, t[11] = a, t[12] = l, t[13] = u) : u = t[13], u;
+}, gn = /^((?:https?:)?\/\/)?((?:www|m|music)\.)?((?:youtube\.com|youtu\.be|youtube-nocookie\.com))(\/(?:[\w-]+\?v=|embed\/|v\/)?)([\w-]+)(\S+)?$/, _n = /^((?:https?:)?\/\/)?((?:www|m|music)\.)?((?:youtube\.com|youtu\.be|youtube-nocookie\.com))(\/(?:[\w-]+\?v=|embed\/|v\/)?)([\w-]+)(\S+)?$/g, vn = (e) => e.match(gn), yn = (e, t) => t ? "https://www.youtube-nocookie.com/embed/videoseries?list=" : e ? "https://www.youtube-nocookie.com/embed/" : "https://www.youtube.com/embed/", bn = (e) => {
 	let { url: t, allowFullscreen: n, autoplay: r, ccLanguage: i, ccLoadPolicy: a, controls: o, disableKBcontrols: s, enableIFrameApi: c, endTime: l, interfaceLanguage: u, ivLoadPolicy: d, loop: f, modestBranding: p, nocookie: m, origin: h, playlist: g, progressBarColor: _, startAt: v, rel: y } = e;
-	if (!$(t)) return null;
+	if (!vn(t)) return null;
 	if (t.includes("/embed/")) return t;
 	if (t.includes("youtu.be")) {
 		let e = t.split("/").pop();
-		return e ? `${cn(m)}${e}` : null;
+		return e ? `${yn(m)}${e}` : null;
 	}
 	let b = /(?:(v|list)=|shorts\/)([-\w]+)/gm.exec(t);
 	if (!b || !b[2]) return null;
-	let x = `${cn(m, b[1] === "list")}${b[2]}`, S = [];
+	let x = `${yn(m, b[1] === "list")}${b[2]}`, S = [];
 	return n === !1 && S.push("fs=0"), r && S.push("autoplay=1"), i && S.push(`cc_lang_pref=${i}`), a && S.push("cc_load_policy=1"), o || S.push("controls=0"), s && S.push("disablekb=1"), c && S.push("enablejsapi=1"), l && S.push(`end=${l}`), u && S.push(`hl=${u}`), d && S.push(`iv_load_policy=${d}`), f && S.push("loop=1"), p && S.push("modestbranding=1"), h && S.push(`origin=${h}`), g && S.push(`playlist=${g}`), v && S.push(`start=${v}`), _ && S.push(`color=${_}`), y !== void 0 && S.push(`rel=${y}`), S.length && (x += `${b[1] === "list" ? "&" : "?"}${S.join("&")}`), x;
-}, un = (e) => {
+}, xn = (e) => {
 	let t;
 	try {
 		t = new URL(e);
@@ -1413,23 +1523,23 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 		if (!e?.[1]) return null;
 		r = `https://www.youtube.com/watch?v=${e[1]}`;
 	}
-	if (!$(r)) return null;
+	if (!vn(r)) return null;
 	let i = { src: r }, a = t.searchParams.get("start");
 	if (a) {
 		let e = Number.parseInt(a, 10);
 		Number.isNaN(e) || (i.start = e);
 	}
 	return i;
-}, dn = (e) => {
+}, Sn = (e) => {
 	if (!e) return null;
 	let t = e.trim();
 	if (t === "") return null;
 	let n = Number(t);
 	return Number.isNaN(n) ? t : n;
-}, fn = (e) => {
+}, Cn = (e) => {
 	let t = e.getAttribute("src");
-	return t ? un(t) || { src: t } : null;
-}, pn = N.create({
+	return t ? xn(t) || { src: t } : null;
+}, wn = N.create({
 	name: "youtube",
 	addOptions() {
 		return {
@@ -1468,19 +1578,19 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 		return {
 			src: {
 				default: null,
-				parseHTML: (e) => fn(e)?.src
+				parseHTML: (e) => Cn(e)?.src
 			},
 			start: {
 				default: 0,
-				parseHTML: (e) => fn(e)?.start
+				parseHTML: (e) => Cn(e)?.start
 			},
 			width: {
 				default: this.options.width,
-				parseHTML: (e) => dn(e.getAttribute("width"))
+				parseHTML: (e) => Sn(e.getAttribute("width"))
 			},
 			height: {
 				default: this.options.height,
-				parseHTML: (e) => dn(e.getAttribute("height"))
+				parseHTML: (e) => Sn(e.getAttribute("height"))
 			}
 		};
 	},
@@ -1488,20 +1598,20 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 		return [{ tag: "div[data-youtube-video] iframe" }];
 	},
 	addCommands() {
-		return { setYoutubeVideo: (e) => ({ commands: t }) => $(e.src) ? t.insertContent({
+		return { setYoutubeVideo: (e) => ({ commands: t }) => vn(e.src) ? t.insertContent({
 			type: this.name,
 			attrs: e
 		}) : !1 };
 	},
 	addPasteRules() {
 		return this.options.addPasteHandler ? [fe({
-			find: sn,
+			find: _n,
 			type: this.type,
 			getAttributes: (e) => ({ src: e.input })
 		})] : [];
 	},
 	renderHTML({ HTMLAttributes: e }) {
-		return e.src = ln({
+		return e.src = bn({
 			url: e.src,
 			allowFullscreen: this.options.allowFullscreen,
 			autoplay: this.options.autoplay,
@@ -1554,8 +1664,40 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 			"start"
 		]
 	})
-}), mn = [
-	ct,
+}).extend({
+	addAttributes() {
+		let e = this.parent?.() ?? {};
+		return {
+			...e,
+			width: {
+				...e.width,
+				parseHTML: (t) => V(t.parentElement?.style.width) ?? e.width?.parseHTML?.(t),
+				renderHTML: (e) => B(e.width) ? {} : { width: e.width }
+			},
+			"data-align": {
+				default: "center",
+				parseHTML: (e) => H(e.parentElement?.getAttribute("data-align")),
+				renderHTML: () => ({})
+			}
+		};
+	},
+	renderHTML(e) {
+		let [t, n, r] = this.parent?.(e);
+		return [
+			t,
+			P(n, {
+				"data-align": e.node.attrs["data-align"],
+				...U(e.node.attrs.width)
+			}),
+			r
+		];
+	}
+}).configure({
+	allowFullscreen: !0,
+	nocookie: !0,
+	HTMLAttributes: { referrerpolicy: "strict-origin-when-cross-origin" }
+}), Tn = [
+	dt,
 	h,
 	d,
 	s,
@@ -1569,17 +1711,17 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 	me,
 	c,
 	_,
-	At,
+	Ft,
 	Se,
 	i,
+	Le,
 	Ie,
 	Fe,
-	Pe,
 	g,
 	b.configure({ multicolor: !0 }),
-	Nt,
+	Rt,
 	x,
-	Le.configure({ types: [
+	Re.configure({ types: [
 		"table",
 		"paragraph",
 		"bulletList",
@@ -1589,44 +1731,42 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 		"blockquoteFigure",
 		"codeBlock"
 	] }),
-	Ee.configure({ itemTypeName: "taskItem" }),
-	Te.configure({ nested: !0 }),
-	zt.configure({ table: { cellMinWidth: 120 } }),
-	Ot,
-	jt,
+	De.configure({ itemTypeName: "taskItem" }),
+	Ee.configure({ nested: !0 }),
+	Wt.configure({ table: { cellMinWidth: 120 } }),
+	Nt,
+	It,
 	C,
-	Qe,
-	et,
-	st,
-	at,
-	dt,
-	lt,
-	tt,
-	nt,
-	pn.configure({
-		allowFullscreen: !0,
-		nocookie: !0,
-		HTMLAttributes: { referrerpolicy: "strict-origin-when-cross-origin" }
-	}),
+	$e,
+	rt,
 	ut,
-	kt,
-	$e
-], hn = (e) => m(e, mn), gn = (e) => {
+	ct,
+	gt,
+	ft,
+	it,
+	at,
+	wn,
+	ht,
+	qt,
+	Pt,
+	et
+], En = (e) => m(e, Tn), Dn = (e) => {
 	let t = D(18), n, r, i, a, o;
 	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5]) : ({content: r, className: n, ref: i, theme: o, ...a} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o);
 	let s;
 	t[6] === r ? s = t[7] : (s = y({
 		content: r,
-		extensions: mn,
+		extensions: Tn,
 		options: { nodeMapping: {
-			bookmark: Je,
-			button: Vt,
-			details: Kt,
-			detailsSummary: qt,
-			detailsContent: Jt,
-			codeBlock: Gt,
-			imageBlock: tn,
-			levoCollection: an
+			bookmark: Ye,
+			button: Yt,
+			details: tn,
+			detailsSummary: nn,
+			detailsContent: rn,
+			codeBlock: $t,
+			imageBlock: dn,
+			levoCollection: mn,
+			videoBlock: hn
 		} }
 	}), t[6] = r, t[7] = s);
 	let c = s, l;
@@ -1643,18 +1783,18 @@ var Xt = "_10kj0ro0", Zt = "_10kj0ro1", Qt = "_10kj0ro2", $t = (e) => e ? typeof
 		theme: o,
 		children: u
 	}), t[15] = u, t[16] = o, t[17] = d) : d = t[17], d;
-}, _n = (e) => {
+}, On = (e) => {
 	if (!e) return null;
-	if (typeof e == "string") return e.trim() ? hn(e) : null;
+	if (typeof e == "string") return e.trim() ? En(e) : null;
 	if (typeof e != "object") return null;
 	let t = e;
-	return t.json ? t.json : typeof t.html == "string" ? t.html.trim() ? hn(t.html) : null : t.type === "doc" ? t : null;
-}, vn = ({ content: e, ...t }) => {
-	let n = _n(e);
-	return n ? /* @__PURE__ */ k(gn, {
+	return t.json ? t.json : typeof t.html == "string" ? t.html.trim() ? En(t.html) : null : t.type === "doc" ? t : null;
+}, kn = ({ content: e, ...t }) => {
+	let n = On(e);
+	return n ? /* @__PURE__ */ k(Dn, {
 		content: n,
 		...t
 	}) : null;
 };
 //#endregion
-export { vn as LevoBlogContent };
+export { kn as LevoBlogContent };