@damiro/stylo 0.13.0 → 0.13.5

package/dist/{InPlaceView-BGVCST5f.js → InPlaceView-Cq5YJ3-P.js}

@@ -1,5 +1,5 @@
-import { a as e, o as t, r as n } from "./highlight-DNGJlCDY.js";
-import { S as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as ee, s as v, t as te, u as ne, v as re, x as y, y as b } from "./useCodeMirror-COmcRrUo.js";
+import { a as e, o as t, r as n } from "./highlight-dLERTt-F.js";
+import { S as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as ee, s as v, t as te, u as ne, v as re, x as y, y as b } from "./useCodeMirror-DtxWsSw7.js";
 import { a as ie, i as x } from "./config-DTBxVhtH.js";
 import { a as S, n as ae, o as oe, r as C, t as w } from "./embed-Dsu6b-MV.js";
 import { t as se } from "./katex-BfiLlqfN.js";
@@ -124,13 +124,11 @@ function Ne(e, t, n, r, i, a) {
 		to: t,
 		enter: (e) => {
 			if (e.name !== "ListItem") return;
-			let t = Me(e) - 1;
-			if (t < 1) return;
-			let n = r.lineAt(e.from).number, i = e.node.getChild("BulletList") ?? e.node.getChild("OrderedList"), s = r.lineAt(i ? i.from - 1 : Math.min(e.to, r.length)).number;
-			for (let e = n; e <= s; e++) o.has(e) || (o.add(e), a.push(D.line({
+			let t = Me(e), n = t - 1, i = r.lineAt(e.from).number, s = e.node.getChild("BulletList") ?? e.node.getChild("OrderedList"), c = r.lineAt(s ? s.from - 1 : Math.min(e.to, r.length)).number, l = e.node.prevSibling ? "cm-inplace-item-gap" : t > 1 ? "cm-inplace-item-gap-nested" : null;
+			for (let e = i; e <= c; e++) n >= 1 && !o.has(e) && (o.add(e), a.push(D.line({
 				class: "cm-inplace-li",
-				attributes: { style: `--sl-li-depth:${t}` }
-			}).range(r.line(e).from)));
+				attributes: { style: `--sl-li-depth:${n}` }
+			}).range(r.line(e).from))), e === i && l && a.push(D.line({ class: l }).range(r.line(e).from));
 		}
 	});
 }
@@ -1480,7 +1478,7 @@ function Sn(e, t) {
 }
 function Cn(e) {
 	if (!e.facet(I).tables) return D.none;
-	let t = e.facet(xe) === "cells", r = e.facet(L) != null && e.facet(I).embeds, i = F(e), a = n(e.doc), o = t ? null : B(e), s = [];
+	let t = e.facet(xe) === "cells" && !e.readOnly, r = e.facet(L) != null && e.facet(I).embeds, i = F(e), a = n(e.doc), o = t ? null : B(e), s = [];
 	return i.iterate({ enter: (n) => {
 		if (n.name !== "Table") return;
 		if (a && n.from < a.to) return !1;
@@ -1501,7 +1499,11 @@ function Cn(e) {
 }
 var wn = P.define({
 	create: Cn,
-	update: (e, t) => t.annotation(Tn) ? e.map(t.changes) : t.state.facet(xe) === "cells" ? t.docChanged ? Cn(t.state) : e.map(t.changes) : t.docChanged || t.selection ? Cn(t.state) : e,
+	update: (e, t) => {
+		if (t.annotation(Tn)) return e.map(t.changes);
+		let n = t.startState.readOnly !== t.state.readOnly;
+		return t.state.facet(xe) === "cells" ? t.docChanged || n ? Cn(t.state) : e.map(t.changes) : t.docChanged || t.selection || n ? Cn(t.state) : e;
+	},
 	provide: (e) => [O.decorations.from(e), O.atomicRanges.of((t) => t.state.field(e))]
 }), Tn = fe.define(), En = class extends A {
 	data;
@@ -1649,7 +1651,17 @@ var wn = P.define({
 		}
 		let o = this.cols(), s = () => {
 			let { to: e } = this.bounds(t);
-			t.focus(), t.dispatch({ selection: { anchor: Math.min(e + 1, t.state.doc.length) } });
+			if (t.focus(), e >= t.state.doc.length) {
+				t.dispatch({
+					changes: {
+						from: e,
+						insert: "\n"
+					},
+					selection: { anchor: e + 1 }
+				});
+				return;
+			}
+			t.dispatch({ selection: { anchor: e + 1 } });
 		}, c = () => {
 			let { from: e } = this.bounds(t);
 			t.focus(), t.dispatch({ selection: { anchor: Math.max(e - 1, 0) } });
@@ -2021,14 +2033,14 @@ var Wn = P.define({
 			};
 		}, this.contentDOM.addEventListener("pointerdown", this.onPointerDown, !0), this.onContextMenu = (t) => {
 			let n = t.target;
-			e.state.facet(Ce) && (n?.closest(".cm-inplace-table-edit") || (t.preventDefault(), this.longPress.cancel(), !(Date.now() - this.longPressAt < 700) && this.openMenuAt(t.clientX, t.clientY, n)));
+			!e.state.facet(Ce) || e.state.readOnly || n?.closest(".cm-inplace-table-edit") || (t.preventDefault(), this.longPress.cancel(), !(Date.now() - this.longPressAt < 700) && this.openMenuAt(t.clientX, t.clientY, n));
 		}, this.contentDOM.addEventListener("contextmenu", this.onContextMenu), this.longPress = an(this.contentDOM, { onLongPress: (e, t, n) => {
 			this.longPressAt = Date.now(), this.openMenuAt(e, t, n);
 		} });
 	}
 	openMenuAt(e, t, n) {
 		let r = this.view;
-		if (!r.state.facet(Ce) || n?.closest(".cm-inplace-table-edit")) return;
+		if (!r.state.facet(Ce) || r.state.readOnly || n?.closest(".cm-inplace-table-edit")) return;
 		let i = n?.closest(".cm-inplace-hr");
 		if (i) {
 			let n = r.posAtDOM(i);
@@ -2089,7 +2101,7 @@ function Yn(e) {
 	};
 }
 function Xn(e, t, n) {
-	if (e.state.facet(ke) !== "bar" || e.state.field(Kn, !1)) return null;
+	if (e.state.facet(ke) !== "bar" || e.state.readOnly || e.state.field(Kn, !1)) return null;
 	let r = Yn(e);
 	if (!r) return null;
 	let { box: i, inCell: a } = r;
@@ -2140,8 +2152,8 @@ var Zn = class {
 		e.dom.appendChild(this.bar), t.addEventListener("scroll", this.onScroll, !0), t.addEventListener("selectionchange", this.onSelectionChange);
 	}
 	update(e) {
-		let t = e.startState.field(Kn, !1) !== e.state.field(Kn, !1);
-		(e.selectionSet || e.docChanged || e.focusChanged || t) && this.schedule();
+		let t = e.startState.field(Kn, !1) !== e.state.field(Kn, !1), n = e.startState.readOnly !== e.state.readOnly;
+		(e.selectionSet || e.docChanged || e.focusChanged || t || n) && this.schedule();
 	}
 	schedule() {
 		this.view.requestMeasure({
@@ -2191,16 +2203,16 @@ var Zn = class {
 }])), rr = {
 	".cm-inplace-callout": {
 		borderLeft: "0.25rem solid var(--stylo-callout-accent, var(--stylo-border))",
-		padding: "0 1rem",
+		padding: "0 var(--stylo-rhythm-callout-padding-x, 1rem)",
 		background: "color-mix(in srgb, var(--stylo-callout-accent, var(--stylo-border)) 10%, transparent)",
 		color: "var(--stylo-text)"
 	},
 	".cm-inplace-callout-head": {
-		paddingTop: "0.7em",
+		paddingTop: "var(--stylo-rhythm-callout-padding-y, 0.7em)",
 		borderTopRightRadius: "var(--stylo-radius)"
 	},
 	".cm-inplace-callout-foot": {
-		paddingBottom: "0.7em",
+		paddingBottom: "var(--stylo-rhythm-callout-padding-y, 0.7em)",
 		borderBottomRightRadius: "var(--stylo-radius)"
 	},
 	".cm-inplace-callout-note": { "--stylo-callout-accent": "var(--stylo-callout-note, #3b82f6)" },
@@ -2235,28 +2247,32 @@ var Zn = class {
 	},
 	".cm-inplace-heading": { fontWeight: "600" },
 	".cm-inplace-h1": {
-		fontSize: "2.25em",
-		lineHeight: "1.1111111",
+		fontSize: "var(--stylo-rhythm-h1-size, 2.25em)",
+		lineHeight: "var(--stylo-rhythm-h1-line, 1.1111111)",
 		paddingTop: "0.35em"
 	},
 	".cm-inplace-h2": {
-		fontSize: "1.5em",
-		lineHeight: "1.3333333",
+		fontSize: "var(--stylo-rhythm-h2-size, 1.5em)",
+		lineHeight: "var(--stylo-rhythm-h2-line, 1.3333333)",
 		paddingTop: "0.7em"
 	},
 	".cm-inplace-h3": {
-		fontSize: "1.25em",
-		lineHeight: "1.6",
+		fontSize: "var(--stylo-rhythm-h3-size, 1.25em)",
+		lineHeight: "var(--stylo-rhythm-h3-line, 1.6)",
 		paddingTop: "0.6em"
 	},
 	".cm-inplace-h4": {
-		fontSize: "1em",
-		lineHeight: "1.5",
+		fontSize: "var(--stylo-rhythm-h4-size, 1em)",
+		lineHeight: "var(--stylo-rhythm-h4-line, 1.5)",
 		paddingTop: "0.5em"
 	},
-	".cm-inplace-h5": { fontSize: "0.9em" },
+	".cm-inplace-h5": {
+		fontSize: "var(--stylo-rhythm-h5-size, 0.9em)",
+		lineHeight: "var(--stylo-rhythm-h5-line, 1.5)"
+	},
 	".cm-inplace-h6": {
-		fontSize: "0.9em",
+		fontSize: "var(--stylo-rhythm-h6-size, 0.9em)",
+		lineHeight: "var(--stylo-rhythm-h6-line, 1.5)",
 		color: "var(--stylo-text-muted)"
 	},
 	".cm-inplace-strong": { fontWeight: "700" },
@@ -2340,6 +2356,8 @@ var Zn = class {
 		backgroundPosition: "0.35em 0",
 		backgroundSize: "calc(var(--sl-li-depth, 0) * 1.5em) 100%"
 	},
+	".cm-inplace-item-gap": { paddingTop: "var(--stylo-rhythm-list-item-gap, 0.5em)" },
+	".cm-inplace-item-gap-nested": { paddingTop: "var(--stylo-rhythm-list-item-gap-nested, 0.75em)" },
 	".cm-inplace-checkbox": {
 		margin: "0 0.4em 0 0",
 		verticalAlign: "middle",
@@ -2704,4 +2722,4 @@ function _r({ value: e, onChange: n, readOnly: i, placeholder: a, onWikiLinkClic
 //#endregion
 export { _r as InPlaceView };
 
-//# sourceMappingURL=InPlaceView-BGVCST5f.js.map
+//# sourceMappingURL=InPlaceView-Cq5YJ3-P.js.map