@nldd/design-system 0.8.86 → 0.8.88

package/dist/components/inputs/text-editor/text-editor.mentions.js

@@ -1,6 +1,57 @@
 import { autocompletion, completionStatus, startCompletion, } from '@codemirror/autocomplete';
 import { EditorView } from '@codemirror/view';
-const MENTION_QUERY = /@[\w.-]*$/;
+import { enclosingNamed } from './text-editor.syntax.js';
+import '../../content/avatar/avatar.js';
+import '../../content/icon/icon.js';
+/* Typeaheads: a trigger character opens a list of candidates the consumer
+ * supplies, and choosing one writes something in place of the trigger and the
+ * query. The editor is headless and knows no users, channels or emoji; it owns
+ * the interaction (the popup, the keys, the accessibility) and the consumer
+ * owns the data and, if it wants, what gets inserted (#200, #204).
+ *
+ * The @-mention is the built-in one: it inserts a markdown-compatible token
+ * that degrades to a plain link outside the editor, and the token rendering
+ * lives in the markdown decoration layer. */
+/** The query being typed: a trigger at the start of the line or after
+ *  whitespace, followed by name characters, up to the caret. Anchored that way
+ *  so a trigger inside a word (an e-mail address, `piet@sam`) stays a plain
+ *  character. The name class is ASCII for now; widening it changes what a
+ *  source receives and is its own change. */
+const queryPatterns = new Map();
+function queryPattern(triggers) {
+    const chars = Array.from(new Set(triggers.filter((t) => t.length === 1 && !/[\s\w]/.test(t)))).sort().join('');
+    if (!chars)
+        return null;
+    let pattern = queryPatterns.get(chars);
+    if (!pattern) {
+        pattern = new RegExp(`(^|\\s)([${chars.replace(/[\\\]^-]/g, '\\$&')}])([\\w.-]*)$`);
+        queryPatterns.set(chars, pattern);
+    }
+    return pattern;
+}
+/** Code is quoted verbatim, so a trigger in a fenced block, an indented block
+ *  or a backtick span is not a typeahead and must not open the list. */
+const CODE_NODES = new Set(['FencedCode', 'CodeBlock', 'InlineCode']);
+function inCode(state, pos) {
+    return enclosingNamed(state, pos, 1, CODE_NODES) !== null;
+}
+/** The typeahead query at `pos` for one of `triggers`, or null when the text
+ *  before the caret is not one. `from` is the trigger, `query` the typed text
+ *  without it. Both the completion source and the reopen-on-delete path go
+ *  through this, so they cannot disagree about what counts as a query. */
+export function typeaheadQueryAt(state, pos, triggers) {
+    const pattern = queryPattern(triggers);
+    if (!pattern)
+        return null;
+    const line = state.doc.lineAt(pos);
+    const match = pattern.exec(state.sliceDoc(line.from, pos));
+    if (!match)
+        return null;
+    const from = line.from + match.index + match[1].length;
+    if (inCode(state, from))
+        return null;
+    return { from, to: pos, query: match[3], trigger: match[2] };
+}
 /** Href prefix that marks a markdown link as a mention. */
 export const MENTION_HREF_PREFIX = 'user:';
 /** The markdown-compatible token stored for a mention (degrades to a plain link).
@@ -10,13 +61,17 @@ export const MENTION_HREF_PREFIX = 'user:';
  *  `]` or `)` would otherwise start a second, attacker-shaped link. The render
  *  layer reverses both via `unescapeMentionLabel` / `decodeMentionId`. */
 export function mentionToken(candidate) {
-    const label = candidate.label.replace(/[[\]\\]/g, (c) => '\\' + c);
+    const label = candidate.text.replace(/[[\]\\]/g, (c) => '\\' + c);
     // encodeURIComponent leaves ( ) < > ! * ' . - _ ~ intact, but ")" closes a
     // markdown link destination — encode the parens and angle brackets on top of it
     // (decodeURIComponent reverses all of it).
     const id = encodeURIComponent(candidate.id).replace(/[()<>]/g, (c) => '%' + c.charCodeAt(0).toString(16).toUpperCase());
     return `[@${label}](${MENTION_HREF_PREFIX}${id})`;
 }
+/** What the built-in mention writes: the token and a space to go on typing. */
+export function mentionInsert(candidate) {
+    return `${mentionToken(candidate)} `;
+}
 /** Reverse `mentionToken`'s label escaping for display. */
 export function unescapeMentionLabel(label) {
     return label.replace(/\\([[\]\\])/g, '$1');
@@ -31,33 +86,84 @@ export function decodeMentionId(id) {
         return id;
     }
 }
-function completionSource(getSource, onInsert) {
+function defaultInsert(trigger) {
+    return (candidate) => `${trigger}${candidate.text} `;
+}
+/** The avatar, icon or symbol in front of a row, or nothing. A decorative
+ *  avatar: the name stands beside it as the row's text. The icon is the size of
+ *  a menu item's, and the symbol takes the same box, so a list that mixes them
+ *  lines up. */
+function renderLead(completion) {
+    const { candidate } = completion;
+    if (candidate.avatar) {
+        const avatar = document.createElement('nldd-avatar');
+        avatar.setAttribute('name', candidate.text);
+        avatar.setAttribute('size', '32');
+        avatar.setAttribute('decorative', '');
+        if (candidate.avatar.src)
+            avatar.setAttribute('src', candidate.avatar.src);
+        if (candidate.avatar.type)
+            avatar.setAttribute('type', candidate.avatar.type);
+        return avatar;
+    }
+    if (candidate.icon) {
+        const icon = document.createElement('nldd-icon');
+        icon.setAttribute('name', candidate.icon);
+        icon.setAttribute('size', '20');
+        icon.setAttribute('aria-hidden', 'true');
+        return icon;
+    }
+    if (candidate.symbol) {
+        const symbol = document.createElement('span');
+        symbol.className = 'cm-nldd-symbol';
+        symbol.textContent = candidate.symbol;
+        symbol.setAttribute('aria-hidden', 'true');
+        return symbol;
+    }
+    return null;
+}
+/** A row with an avatar takes two lines: the text above, the supporting text
+ *  under it, like a title cell. */
+function rowClass(completion) {
+    return completion.candidate.avatar ? 'cm-nldd-row-avatar' : '';
+}
+function completionSource(getTypeaheads, onChoose) {
     return async (context) => {
-        const match = context.matchBefore(/@[\w.-]*/);
-        if (!match || (match.from === match.to && !context.explicit))
-            return null;
-        const source = getSource();
-        if (!source)
+        const lists = getTypeaheads();
+        const match = typeaheadQueryAt(context.state, context.pos, lists.map((t) => t.trigger));
+        if (!match)
             return null;
-        const candidates = await source(match.text.slice(1));
-        if (!candidates?.length)
+        // Every list on this trigger contributes, in the order they were given.
+        const onTrigger = lists.filter((t) => t.trigger === match.trigger);
+        const results = await Promise.all(onTrigger.map((t) => t.source(match.query)));
+        const options = [];
+        results.forEach((candidates, index) => {
+            const typeahead = onTrigger[index];
+            const insert = typeahead.insert ?? defaultInsert(match.trigger);
+            for (const candidate of candidates ?? []) {
+                options.push({
+                    label: `${match.trigger}${candidate.text}`,
+                    detail: candidate.supportingText,
+                    candidate,
+                    apply: (view, _completion, from, to) => {
+                        const text = insert(candidate);
+                        view.dispatch({
+                            changes: { from, to, insert: text },
+                            selection: { anchor: from + text.length },
+                            userEvent: 'input.complete',
+                        });
+                        onChoose({ typeahead, trigger: match.trigger, candidate, from, to: from + text.length });
+                    },
+                });
+            }
+        });
+        if (!options.length)
             return null;
         return {
             from: match.from,
-            // The consumer's source already filtered against the query.
+            // The sources already filtered against the query.
             filter: false,
-            options: candidates.map((candidate) => ({
-                label: `@${candidate.label}`,
-                detail: candidate.detail,
-                apply: (view, _completion, from, to) => {
-                    const token = mentionToken(candidate);
-                    view.dispatch({
-                        changes: { from, to, insert: `${token} ` },
-                        selection: { anchor: from + token.length + 1 },
-                    });
-                    onInsert({ id: candidate.id, label: candidate.label, from, to: from + token.length });
-                },
-            })),
+            options,
         };
     };
 }
@@ -76,6 +182,10 @@ const popupTheme = EditorView.theme({
         fontFamily: 'var(--primitives-font-family-body)',
         // Match the editor body (and the inserted token), not a smaller popup size.
         fontSize: 'var(--primitives-font-size-100)',
+        // The minimum of nldd-menu, so a short list of names is not a narrow strip
+        // that changes width as you type.
+        minWidth: 'var(--primitives-area-280)',
+        boxSizing: 'border-box',
         maxHeight: '14em',
         // A small inset around the items, like nldd-menu.
         margin: '0',
@@ -96,6 +206,40 @@ const popupTheme = EditorView.theme({
         color: 'var(--semantics-content-color)',
         cursor: 'default',
     },
+    '.cm-tooltip.cm-tooltip-autocomplete > ul > li > :is(nldd-avatar, nldd-icon, .cm-nldd-symbol)': {
+        flex: 'none',
+    },
+    // The symbol takes the icon's box, so a list that mixes them lines up.
+    '.cm-nldd-symbol': {
+        display: 'inline-flex',
+        justifyContent: 'center',
+        inlineSize: '20px',
+    },
+    // Two lines next to the avatar: the text, and the supporting text under it.
+    // The avatar spans both and sits centered on them.
+    '.cm-tooltip.cm-tooltip-autocomplete > ul > li.cm-nldd-row-avatar': {
+        display: 'grid',
+        gridTemplateColumns: 'auto minmax(0, 1fr)',
+        alignContent: 'center',
+        // The row's gap is for the columns; the two lines sit right on each other.
+        rowGap: '0',
+        minHeight: 'var(--semantics-controls-md-min-size)',
+    },
+    '.cm-tooltip.cm-tooltip-autocomplete > ul > li.cm-nldd-row-avatar > nldd-avatar': {
+        gridRow: 'span 2',
+        alignSelf: 'center',
+    },
+    // Tight line heights on both lines, like a title cell: with the editor's own
+    // loose line height the row grows well past a list row.
+    '.cm-tooltip.cm-tooltip-autocomplete > ul > li.cm-nldd-row-avatar > .cm-completionLabel': {
+        gridColumn: '2',
+        font: 'var(--primitives-font-body-md-regular-tight)',
+    },
+    '.cm-tooltip.cm-tooltip-autocomplete > ul > li.cm-nldd-row-avatar > .cm-completionDetail': {
+        gridColumn: '2',
+        marginLeft: '0',
+        font: 'var(--primitives-font-body-sm-regular-tight)',
+    },
     '.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected]': {
         backgroundColor: 'var(--components-menu-item-is-highlighted-background-color)',
         color: 'var(--components-menu-item-is-highlighted-content-color)',
@@ -126,26 +270,31 @@ const popupTheme = EditorView.theme({
     },
 });
 /**
- * @-mention typeahead. `getSource` is called with the text typed after `@` and
- * returns (a promise of) candidates; selecting one inserts the token and calls
- * `onInsert`. Without a source it is inert.
+ * The typeaheads. `getTypeaheads` is read on every keystroke, so the editor can
+ * hand over its current lists; choosing a candidate writes what the list's
+ * `insert` says and calls `onChoose`. Without lists it is inert.
  */
-// CodeMirror only opens completion while typing, not on deletion. When a
-// backspace brings the query back into a matching state ("@anb" → "@an"),
-// re-open the popup right away instead of waiting for the next character.
-const reopenOnDelete = EditorView.updateListener.of((update) => {
-    if (!update.docChanged || completionStatus(update.state) !== null)
-        return;
-    if (!update.transactions.some((tr) => tr.isUserEvent('delete')))
-        return;
-    const { head } = update.state.selection.main;
-    const before = update.state.sliceDoc(update.state.doc.lineAt(head).from, head);
-    if (MENTION_QUERY.test(before))
-        startCompletion(update.view);
-});
-export function mentions(getSource, onInsert) {
+export function typeaheads(getTypeaheads, onChoose) {
+    // CodeMirror only opens completion while typing, not on deletion. When a
+    // backspace brings the query back into a matching state ("@anb" → "@an"),
+    // re-open the popup right away instead of waiting for the next character.
+    const reopenOnDelete = EditorView.updateListener.of((update) => {
+        if (!update.docChanged || completionStatus(update.state) !== null)
+            return;
+        if (!update.transactions.some((tr) => tr.isUserEvent('delete')))
+            return;
+        const triggers = getTypeaheads().map((t) => t.trigger);
+        if (typeaheadQueryAt(update.state, update.state.selection.main.head, triggers))
+            startCompletion(update.view);
+    });
     return [
-        autocompletion({ override: [completionSource(getSource, onInsert)], icons: false }),
+        autocompletion({
+            override: [completionSource(getTypeaheads, onChoose)],
+            icons: false,
+            // Before the row's text (50): its avatar, icon or symbol.
+            addToOptions: [{ position: 20, render: renderLead }],
+            optionClass: rowClass,
+        }),
         reopenOnDelete,
         popupTheme,
     ];

package/dist/components/inputs/text-editor/text-editor.mentions.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-editor.mentions.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.mentions.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,gBAAgB,EAChB,eAAe,GAIf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,aAAa,GAAG,WAAW,CAAC;AAyBlC,2DAA2D;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAE3C;;;;;0EAK0E;AAC1E,MAAM,UAAU,YAAY,CAAC,SAA2B;IACvD,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACnE,2EAA2E;IAC3E,gFAAgF;IAChF,2CAA2C;IAC3C,MAAM,EAAE,GAAG,kBAAkB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO,CAClD,SAAS,EACT,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CACvD,CAAC;IACF,OAAO,KAAK,KAAK,KAAK,mBAAmB,GAAG,EAAE,GAAG,CAAC;AACnD,CAAC;AAED,2DAA2D;AAC3D,MAAM,UAAU,oBAAoB,CAAC,KAAa;IACjD,OAAO,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;AAC5C,CAAC;AAED;mFACmF;AACnF,MAAM,UAAU,eAAe,CAAC,EAAU;IACzC,IAAI,CAAC;QACJ,OAAO,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC;IAAC,MAAM,CAAC;QACR,OAAO,EAAE,CAAC;IACX,CAAC;AACF,CAAC;AAED,SAAS,gBAAgB,CACxB,SAA0C,EAC1C,QAAiD;IAEjD,OAAO,KAAK,EAAE,OAA0B,EAAoC,EAAE;QAC7E,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC9C,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,IAAI,CAAC;QAC1E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QACzB,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,IAAI,CAAC,UAAU,EAAE,MAAM;YAAE,OAAO,IAAI,CAAC;QACrC,OAAO;YACN,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,4DAA4D;YAC5D,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAc,EAAE,CAAC,CAAC;gBACnD,KAAK,EAAE,IAAI,SAAS,CAAC,KAAK,EAAE;gBAC5B,MAAM,EAAE,SAAS,CAAC,MAAM;gBACxB,KAAK,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;oBACtC,MAAM,KAAK,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;oBACtC,IAAI,CAAC,QAAQ,CAAC;wBACb,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,EAAE;wBAC1C,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;qBAC9C,CAAC,CAAC;oBACH,QAAQ,CAAC,EAAE,EAAE,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;gBACvF,CAAC;aACD,CAAC,CAAC;SACH,CAAC;IACH,CAAC,CAAC;AACH,CAAC;AAED,kDAAkD;AAClD,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC;IACnC,qCAAqC,EAAE;QACtC,MAAM,EAAE,yDAAyD;QACjE,yEAAyE;QACzE,YAAY,EAAE,yCAAyC;QACvD,eAAe,EAAE,iDAAiD;QAClE,SAAS,EAAE,mCAAmC;KAC9C;IACD,0EAA0E;IAC1E,yEAAyE;IACzE,0CAA0C,EAAE;QAC3C,UAAU,EAAE,oCAAoC;QAChD,4EAA4E;QAC5E,QAAQ,EAAE,iCAAiC;QAC3C,SAAS,EAAE,MAAM;QACjB,kDAAkD;QAClD,MAAM,EAAE,GAAG;QACX,OAAO,EAAE,2BAA2B;KACpC;IACD,2EAA2E;IAC3E,+DAA+D;IAC/D,+CAA+C,EAAE;QAChD,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,2BAA2B;QAChC,gEAAgE;QAChE,SAAS,EAAE,uCAAuC;QAClD,SAAS,EAAE,YAAY;QACvB,0CAA0C;QAC1C,OAAO,EAAE,qDAAqD;QAC9D,YAAY,EAAE,4CAA4C;QAC1D,KAAK,EAAE,gCAAgC;QACvC,MAAM,EAAE,SAAS;KACjB;IACD,8DAA8D,EAAE;QAC/D,eAAe,EAAE,6DAA6D;QAC9E,KAAK,EAAE,0DAA0D;KACjE;IACD,6EAA6E;IAC7E,0EAA0E;IAC1E,8EAA8E;IAC9E,mDAAmD;IACnD,uBAAuB,EAAE;QACxB,0EAA0E,EAAE;YAC3E,eAAe,EAAE,yDAAyD;YAC1E,KAAK,EAAE,sDAAsD;SAC7D;KACD;IACD,sBAAsB,EAAE;QACvB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,0CAA0C;QACjD,SAAS,EAAE,QAAQ;KACnB;IACD,mFAAmF,EAAE;QACpF,KAAK,EAAE,SAAS;KAChB;IACD,oEAAoE;IACpE,0BAA0B,EAAE;QAC3B,+CAA+C,EAAE;YAChD,SAAS,EAAE,uCAAuC;SAClD;KACD;CACD,CAAC,CAAC;AAEH;;;;GAIG;AACH,yEAAyE;AACzE,0EAA0E;AAC1E,0EAA0E;AAC1E,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE;IAC9D,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI;QAAE,OAAO;IAC1E,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAAE,OAAO;IACxE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAC7C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/E,IAAI,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;QAAE,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9D,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,QAAQ,CACvB,SAA0C,EAC1C,QAAiD;IAEjD,OAAO;QACN,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QACnF,cAAc;QACd,UAAU;KACV,CAAC;AACH,CAAC"}
+{"version":3,"file":"text-editor.mentions.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.mentions.ts"],"names":[],"mappings":"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"}

package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts

@@ -6,7 +6,5 @@ export interface RenumberChange {
 /** Minimal digit-only changes that renumber every ordered list in `doc` so its
  *  items run in sequence. Empty when everything is already in order. */
 export declare function renumberOrderedLists(doc: string): RenumberChange[];
-/** Renumbers ordered lists in the same transaction as the edit that disturbed them,
- *  so it's one atomic (single-undo) step and the caret/selection maps through it. */
 export declare const orderedListRenumber: import("@codemirror/state").Extension;
 //# sourceMappingURL=text-editor.ordered-list.d.ts.map

package/dist/components/inputs/text-editor/text-editor.ordered-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-editor.ordered-list.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.ordered-list.ts"],"names":[],"mappings":"AA8BA,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CACf;AAED;wEACwE;AACxE,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,EAAE,CAoElE;AAED;qFACqF;AACrF,eAAO,MAAM,mBAAmB,uCAK9B,CAAC"}
+{"version":3,"file":"text-editor.ordered-list.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.ordered-list.ts"],"names":[],"mappings":"AA8BA,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CACf;AAED;wEACwE;AACxE,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,EAAE,CAoElE;AAuBD,eAAO,MAAM,mBAAmB,uCAK9B,CAAC"}

package/dist/components/inputs/text-editor/text-editor.ordered-list.js

@@ -95,8 +95,28 @@ export function renumberOrderedLists(doc) {
 }
 /** Renumbers ordered lists in the same transaction as the edit that disturbed them,
  *  so it's one atomic (single-undo) step and the caret/selection maps through it. */
+/** Whether this change can have disturbed any numbering. It can when it adds or
+ *  removes a line break, or when a line it touches is (or was) an ordered item.
+ *  Typing inside a paragraph cannot, and that is the common case: without this
+ *  test every keystroke read the whole document out and walked every line. */
+function mayRenumber(tr) {
+    let may = false;
+    tr.changes.iterChanges((fromA, toA, fromB, toB, inserted) => {
+        if (may)
+            return;
+        const before = tr.startState.doc;
+        if (inserted.lines > 1 || before.lineAt(fromA).number !== before.lineAt(toA).number) {
+            may = true; // a line break came or went, so items may have moved between lists
+            return;
+        }
+        const ordered = (text) => ORDERED_RE.test(text.slice(BQ_PREFIX_RE.exec(text)[0].length));
+        if (ordered(before.lineAt(fromA).text) || ordered(tr.newDoc.lineAt(fromB).text) || ordered(tr.newDoc.lineAt(toB).text))
+            may = true;
+    });
+    return may;
+}
 export const orderedListRenumber = EditorState.transactionFilter.of((tr) => {
-    if (!tr.docChanged)
+    if (!tr.docChanged || !mayRenumber(tr))
         return tr;
     const changes = renumberOrderedLists(tr.newDoc.toString());
     if (changes.length === 0)

package/dist/components/inputs/text-editor/text-editor.ordered-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-editor.ordered-list.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.ordered-list.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"text-editor.ordered-list.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.ordered-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,mBAAmB,CAAC;AAElE;;;;;;;;;;;;+DAY+D;AAE/D,mFAAmF;AACnF,mFAAmF;AACnF,qFAAqF;AACrF,8DAA8D;AAC9D,MAAM,UAAU,GAAG,yBAAyB,CAAC;AAC7C,sFAAsF;AACtF,sFAAsF;AACtF,sEAAsE;AACtE,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,QAAQ,GAAG,iBAAiB,CAAC;AACnC,kFAAkF;AAClF,uFAAuF;AACvF,MAAM,OAAO,GAAG,IAAI,CAAC;AAQrB;wEACwE;AACxE,MAAM,UAAU,oBAAoB,CAAC,GAAW;IAC/C,MAAM,OAAO,GAAqB,EAAE,CAAC;IACrC,oFAAoF;IACpF,mFAAmF;IACnF,kFAAkF;IAClF,MAAM,MAAM,GAAuC,EAAE,CAAC;IACtD,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC,yDAAyD;IAEzE,KAAK,MAAM,IAAI,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QACpC,MAAM,SAAS,GAAG,MAAM,CAAC;QACzB,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY;QAEvC,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,OAAO,GAAG,CAAC,OAAO,CAAC;YACnB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,oCAAoC;YACvD,MAAM,GAAG,CAAC,CAAC;YACX,SAAS;QACV,CAAC;QACD,IAAI,OAAO;YAAE,SAAS;QAEtB,iFAAiF;QACjF,mFAAmF;QACnF,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAE,CAAC,CAAC,CAAC,CAAC;QAC7C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;QAEpD,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,4EAA4E;YAC5E,+EAA+E;YAC/E,IAAI,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;oBAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;gBACrC,SAAS;YACV,CAAC;YACD,MAAM,GAAG,CAAC,CAAC;YACX,yEAAyE;YACzE,MAAM,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YACnE,OAAO,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM;gBAAE,MAAM,CAAC,GAAG,EAAE,CAAC;YACjF,SAAS;QACV,CAAC;QAED,MAAM,GAAG,CAAC,CAAC;QACX,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QACtC,MAAM,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,CAAC;QACjD,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACvB,OAAO,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM;YAAE,MAAM,CAAC,GAAG,EAAE,CAAC;QAEhF,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACtC,IAAI,MAAc,CAAC;QACnB,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAClC,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC;YAClB,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC;QACf,CAAC;aAAM,CAAC;YACP,iEAAiE;YACjE,MAAM,GAAG,CAAC,CAAC;YACX,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QAClC,CAAC;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QACjC,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;YACzB,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC,MAAM,GAAG,aAAa,CAAC;YAC7D,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;QAClF,CAAC;IACF,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC;AAED;qFACqF;AACrF;;;8EAG8E;AAC9E,SAAS,WAAW,CAAC,EAAe;IACnC,IAAI,GAAG,GAAG,KAAK,CAAC;IAChB,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;QAC3D,IAAI,GAAG;YAAE,OAAO;QAChB,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC;QACjC,IAAI,QAAQ,CAAC,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;YACrF,GAAG,GAAG,IAAI,CAAC,CAAC,mEAAmE;YAC/E,OAAO;QACR,CAAC;QACD,MAAM,OAAO,GAAG,CAAC,IAAY,EAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QAC3G,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;YAAE,GAAG,GAAG,IAAI,CAAC;IACpI,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC;AACZ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IAC1E,IAAI,CAAC,EAAE,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC,EAAiB,CAAC;QAAE,OAAO,EAAE,CAAC;IACjE,MAAM,OAAO,GAAG,oBAAoB,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC3D,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAC5C,CAAC,CAAC,CAAC"}

package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-editor.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBA+kB5B,CAAC"}
+{"version":3,"file":"text-editor.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBAglB5B,CAAC"}

package/dist/components/inputs/text-editor/text-editor.styles.js

@@ -6,13 +6,16 @@ export const textEditorStyles = css `
 	/* # Host */
 
 	:host {
-		--__caret-width: var(--primitives-border-width-regular);
+		--_caret-width: var(--primitives-border-width-regular);
+		--_caret-ring-width: var(--primitives-border-width-thin);
 		--_corner-radius: 0;
 		--_background-color: transparent;
 		--_highlight-border-color: transparent;
 		--_highlight-border-shadow: none;
 		--_padding-block: 0px;
-		--_padding-inline: 0px;
+		/* Room for the caret's own ink at the first and last position of a line:
+		   its width plus its ring. Without it the edge carets are clipped. */
+		--_padding-inline: calc(var(--_caret-width) + var(--_caret-ring-width));
 		--_content-color: var(--semantics-content-color);
 		--_text-font: var(--primitives-font-body-md-regular-snug);
 		--_code-font: var(--primitives-font-monospace-md-regular-snug);
@@ -149,16 +152,14 @@ export const textEditorStyles = css `
 		   surfaces in light and dark (accent-600 fell just short on white), so the
 		   caret stays clearly visible without washing out. */
 		border-left-color: var(--primitives-color-accent-700);
-		border-left-width: var(--__caret-width);
-		/* A thin surface-colored halo, like the drop cursor, so the caret stays legible
+		border-left-width: var(--_caret-width);
+		/* CodeMirror centers its own 1.2px caret with a -0.6px margin. Ours is wider,
+		   so recenter it on the insertion point from its own width. */
+		margin-left: calc(var(--_caret-width) / -2);
+		/* A thin surface-colored ring, like the drop cursor, so the caret stays legible
 		   even over a tinted token (annotation, inline code) where the accent alone can
 		   blend in. Blinks with the caret (opacity covers the shadow too). */
-		box-shadow: 0 0 0 var(--primitives-border-width-thin) var(--semantics-surfaces-base-background-color);
-		/* CodeMirror draws the caret ~0.6px left of the text position. At a line start
-		   with no inline padding (the simple variant) that overhangs the scroller's
-		   overflow edge, so the left of the 2px gets clipped and the caret looks thinner
-		   there than mid-line. Nudge it right so the full width stays inside the content. */
-		transform: translateX(0.6px);
+		box-shadow: 0 0 0 var(--_caret-ring-width) var(--semantics-surfaces-base-background-color);
 	}
 
 	:host .cm-scroller {

package/dist/components/inputs/text-editor/text-editor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-editor.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmE/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4gBrB,CAAC"}
+{"version":3,"file":"text-editor.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsE/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0gBrB,CAAC"}

package/dist/components/inputs/text-editor/text-editor.syntax.d.ts

@@ -0,0 +1,9 @@
+import type { EditorState } from '@codemirror/state';
+import type { SyntaxNode } from '@lezer/common';
+/** The innermost node at `pos` that `match` accepts, looking outward from there.
+ *  `side` decides which node a position between two of them belongs to: -1 the
+ *  one that ends there, 1 the one that starts there. Null when none matches. */
+export declare function enclosingNode(state: EditorState, pos: number, side: -1 | 0 | 1, match: (node: SyntaxNode) => boolean): SyntaxNode | null;
+/** `enclosingNode` for the common case: a node that goes by one of these names. */
+export declare function enclosingNamed(state: EditorState, pos: number, side: -1 | 0 | 1, names: string | ReadonlySet<string>): SyntaxNode | null;
+//# sourceMappingURL=text-editor.syntax.d.ts.map

package/dist/components/inputs/text-editor/text-editor.syntax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.syntax.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.syntax.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAOhD;;gFAEgF;AAChF,wBAAgB,aAAa,CAC5B,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAChB,KAAK,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,GAClC,UAAU,GAAG,IAAI,CAKnB;AAED,mFAAmF;AACnF,wBAAgB,cAAc,CAC7B,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAChB,KAAK,EAAE,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,GACjC,UAAU,GAAG,IAAI,CAEnB"}

package/dist/components/inputs/text-editor/text-editor.syntax.js

@@ -0,0 +1,20 @@
+import { syntaxTree } from '@codemirror/language';
+/* One question the editor asks the markdown tree everywhere: what is the caret
+ * standing in? Is it a link, a code block, an emphasis, a mention. The answer is
+ * always the same walk, from the innermost node at the position outward to the
+ * root, and it used to be written out at every call site. */
+/** The innermost node at `pos` that `match` accepts, looking outward from there.
+ *  `side` decides which node a position between two of them belongs to: -1 the
+ *  one that ends there, 1 the one that starts there. Null when none matches. */
+export function enclosingNode(state, pos, side, match) {
+    for (let node = syntaxTree(state).resolveInner(pos, side); node; node = node.parent) {
+        if (match(node))
+            return node;
+    }
+    return null;
+}
+/** `enclosingNode` for the common case: a node that goes by one of these names. */
+export function enclosingNamed(state, pos, side, names) {
+    return enclosingNode(state, pos, side, typeof names === 'string' ? (node) => node.name === names : (node) => names.has(node.name));
+}
+//# sourceMappingURL=text-editor.syntax.js.map

package/dist/components/inputs/text-editor/text-editor.syntax.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.syntax.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.syntax.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIlD;;;6DAG6D;AAE7D;;gFAEgF;AAChF,MAAM,UAAU,aAAa,CAC5B,KAAkB,EAClB,GAAW,EACX,IAAgB,EAChB,KAAoC;IAEpC,KAAK,IAAI,IAAI,GAAsB,UAAU,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxG,IAAI,KAAK,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;IAC9B,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC;AAED,mFAAmF;AACnF,MAAM,UAAU,cAAc,CAC7B,KAAkB,EAClB,GAAW,EACX,IAAgB,EAChB,KAAmC;IAEnC,OAAO,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACpI,CAAC"}

package/dist/components/layout/page/page.d.ts

@@ -4,8 +4,9 @@
  * A page layout with optional sticky header and footer.
  * Without sticky-header, the host is the scroll container and the header
  * is in normal flow. With sticky-header, the header becomes absolute and
- * .page__scroll takes over scrolling. A ResizeObserver on the header
- * sets padding-top on the scroll wrapper (only when not scrolled).
+ * .page__scroll takes over scrolling, padded by the measured header height.
+ * That padding freezes once you scroll, so a collapsing bar cannot drag the
+ * content up under the cursor.
  *
  * In root-scroll mode (--context-scroll-mode: root, derived upstream by
  * nldd-app-view) the page stops owning a scroller: the document scrolls and the
@@ -42,8 +43,8 @@ export declare class NLDDPage extends LitElement implements ScrollModeConsumer {
     private _scrollMode;
     private _scrollTarget;
     private _scrollProvider;
-    private _headerObserver;
     private _insetObserver;
+    private _headerFullHeight;
     private _mainSlot;
     private _resizeRaf;
     private get _isRoot();
@@ -82,13 +83,30 @@ export declare class NLDDPage extends LitElement implements ScrollModeConsumer {
      * its anchor, and a consumer that had written the number down would be wrong
      * from that moment on. A bar that is not sticky scrolls away and adds
      * nothing, so it stays at zero.
+     *
+     * It also measures the padding the scroll wrapper reserves for an absolute
+     * sticky header. One observer owns both, because two of them writing styles
+     * that resize what the other watches is what leaves ResizeObserver
+     * notifications undelivered.
      */
     private _setupInsetObserver;
     private _teardownInsetObserver;
+    /**
+     * Writes a published variable only when it changes. These values size the
+     * elements the observer watches, so a rewrite feeds the callback its own
+     * next notification, which is what Chromium reports as "ResizeObserver
+     * loop completed with undelivered notifications".
+     */
+    private _publish;
+    /**
+     * The header at its full height: the last measurement taken at scroll top.
+     * A top title bar shrinks as you pass its anchor, and the space reserved for
+     * it must not shrink along, or the content it starts under is dragged up
+     * from under the cursor. Which mode reserves that space is the CSS's call.
+     */
+    private _measureHeaderFullHeight;
     private _setupScrollListener;
     private _teardownScrollListener;
-    private _setupHeaderObserver;
-    private _teardownHeaderObserver;
     private _onScroll;
     private _setupMainSlotListener;
     private _teardownMainSlotListener;

package/dist/components/layout/page/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAsB,MAAM,8CAA8C,CAAC;AAIvH,qBACa,QAAS,SAAQ,UAAW,YAAW,kBAAkB;IACrE,OAAgB,MAAM,0BAAc;IAGpC,YAAY,UAAS;IAGrB,YAAY,UAAS;IAGrB,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAGtD,SAAS,UAAS;IAElB,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,KAAK,OAAO,GAElB;IAED,IAAI,YAAY,IAAI,WAAW,CAG9B;IAED;;;;;;;;;OASG;IACH,IAAI,iBAAiB,IAAI,WAAW,CAGnC;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAEQ,iBAAiB;IA6BjB,oBAAoB;IAYpB,YAAY;IAQZ,OAAO,CAAC,OAAO,EAAE,cAAc;IAIxC;;;OAGG;IACH,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAQvC,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,SAAS,CAMf;IAGF,OAAO,CAAC,gBAAgB;IAYxB;;;;;;;;OAQG;IACH,OAAO,CAAC,mBAAmB;IA6B3B,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,SAAS,CAIf;IAOF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,gBAAgB,CAOtB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAsB,MAAM,8CAA8C,CAAC;AAIvH,qBACa,QAAS,SAAQ,UAAW,YAAW,kBAAkB;IACrE,OAAgB,MAAM,0BAAc;IAGpC,YAAY,UAAS;IAGrB,YAAY,UAAS;IAGrB,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAGtD,SAAS,UAAS;IAElB,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,KAAK,OAAO,GAElB;IAED,IAAI,YAAY,IAAI,WAAW,CAG9B;IAED;;;;;;;;;OASG;IACH,IAAI,iBAAiB,IAAI,WAAW,CAGnC;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAEQ,iBAAiB;IA6BjB,oBAAoB;IAWpB,YAAY;IAQZ,OAAO,CAAC,OAAO,EAAE,cAAc;IAIxC;;;OAGG;IACH,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAQvC,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,SAAS,CAMf;IAGF,OAAO,CAAC,gBAAgB;IAQxB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,sBAAsB;IAO9B;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAKhB;;;;;OAKG;IACH,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,SAAS,CAIf;IAOF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,gBAAgB,CAOtB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}