@damiro/stylo 0.13.1 → 0.13.5

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

@@ -1,5 +1,5 @@
-import { a as e, o as t, r as n } from "./highlight-B4c0sXF_.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-C3DKpax1.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) } });
@@ -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-DJzxnK6B.js.map
+//# sourceMappingURL=InPlaceView-Cq5YJ3-P.js.map