@nldd/design-system 0.8.63 → 0.8.65

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

@@ -0,0 +1,241 @@
+/**
+ * Nederlandse Digitale Dienst Text Editor Component (Lit + TypeScript)
+ *
+ * A hybrid markdown editor built on CodeMirror 6 (via NLDDCodeMirrorElement):
+ * the document stays plain markdown text, but formatting is shown inline (bold
+ * is bold, headings are larger, links are coloured) while the syntax markers
+ * stay visible, only dimmed — the iA Writer / Kirby approach. No WYSIWYG tree,
+ * so the data stays portable.
+ *
+ * Default `variant="simple"` is bare (no frame, no focus ring) for use inside
+ * a composition (e.g. a message field) that owns its chrome and focus; the
+ * caret is a prominent accent. `variant="input-field"` adds a framed surface + focus
+ * ring. `font` is `sans` (default, best for prose) or `mono`.
+ *
+ * Headless: there is no built-in toolbar. A consumer drives formatting via the
+ * command methods (toggleBold/toggleItalic/toggleInlineCode/toggleStrikethrough/
+ * toggleHeading/toggleBulletList/toggleQuote/toggleLink/runCommand to toggle, and
+ * setHeading/setList for picker-style "set" semantics), reads the active formats
+ * with getState(), listens to the nldd-text-editor-state event to render toggle
+ * states, and forwards padding clicks with focusFromPoint(). Cmd/Ctrl+B/I/E/K are
+ * bound out of the box. Commands keep focus on the editor. An @-mention typeahead
+ * (mentionSource) collapses to an atomic token, and a W3C-style annotation overlay
+ * (annotations) marks ranges with a dashed underline, light tint and a count badge
+ * without touching the underlying text.
+ *
+ * @element nldd-text-editor
+ *
+ * @attr {string} value            - Editor content (markdown)
+ * @attr {string} placeholder      - Placeholder text shown while empty
+ * @attr {string} input-id         - Sets the id on the editable element. Set automatically by nldd-form-field.
+ * @attr {boolean} disabled        - Disabled state
+ * @attr {string} name             - Field name for form submission
+ * @attr {boolean} readonly        - Readonly state (focusable and selectable, not editable)
+ * @attr {boolean} required        - Required state
+ * @attr {boolean} wrap            - Wrap long lines (default true; prose wraps)
+ * @attr {number} rows             - Minimum visible rows (the floor in every resize mode). Default: 6.
+ * @attr {string} resize           - 'none' (fixed) | 'vertical' (drag) | 'auto' (grow, default)
+ * @attr {string} variant          - 'simple' (default, bare) | 'input-field' (framed surface)
+ * @attr {string} font             - 'sans' (default) | 'mono'
+ * @attr {string} accessible-label - Accessible label forwarded to the editor. Set automatically by nldd-form-field.
+ *
+ * @prop {MentionSource} mentionSource - Consumer-supplied @-mention candidate source (property only). Without it, @-typeahead is inert.
+ * @attr {boolean} annotatable - Enable the annotation overlay (off by default). Annotations only render when this is set.
+ * @prop {Annotation[]} annotations - Consumer-supplied annotation overlay (property only). Anchored by offset and mapped through edits; the text stays clean. Requires `annotatable`. Assign a NEW array to apply changes (Lit dirty-checks by identity, so in-place mutation like `.push()` won't re-render): `editor.annotations = [...editor.annotations, next]`.
+ * @attr {object} translations - Override the editor's assistive-tech strings (the open-in-new-tab link badge and the annotation count badge). Unset keys fall back to Dutch.
+ *
+ * @fires input                    - When the content changes (detail: { value })
+ * @fires change                   - When the content is committed on blur (detail: { value })
+ * @fires nldd-text-editor-state   - When the selection or content changes (detail: TextEditorState), for toolbar toggle state
+ * @fires nldd-text-editor-mention - When an @-mention is inserted (detail: MentionInsertedDetail with id, label, from, to)
+ * @fires nldd-text-editor-annotation-click - When an annotation's count badge is clicked (detail: { ids: string[], rect: DOMRect }); rect is the badge's viewport box so a consumer can anchor its own note UI to it
+ */
+import { type PropertyValues } from 'lit';
+import { type Extension } from '@codemirror/state';
+import { NLDDCodeMirrorElement } from '../../../utilities/codemirror/codemirror-element.js';
+import { type MentionSource } from './text-editor.mentions.js';
+import { type Annotation } from './text-editor.annotations.js';
+import { type HeadingLevel, type TextEditorState } from './text-editor.commands.js';
+import { type NLDDTextEditorTranslations } from './text-editor.i18n.js';
+export type ResizeMode = 'none' | 'vertical' | 'auto';
+export type TextEditorVariant = 'input-field' | 'simple';
+export type TextEditorFont = 'sans' | 'mono';
+export type { HeadingLevel, TextEditorState, TextEditorActiveFormats } from './text-editor.commands.js';
+export type { MentionCandidate, MentionSource, MentionInsertedDetail } from './text-editor.mentions.js';
+export type { Annotation } from './text-editor.annotations.js';
+export declare class NLDDTextEditor extends NLDDCodeMirrorElement {
+    static formAssociated: boolean;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: import("lit").CSSResult;
+    private _internals;
+    private _initialValue;
+    private _valueAtFocus;
+    private _accessibleLabelWarned;
+    value: string;
+    inputId: string;
+    placeholder: string;
+    disabled: boolean;
+    name: string;
+    readonly: boolean;
+    required: boolean;
+    wrap: boolean;
+    rows: number;
+    resize: ResizeMode;
+    variant: TextEditorVariant;
+    font: TextEditorFont;
+    accessibleLabel: string;
+    /** Consumer-supplied @-mention source: called with the text typed after `@`
+     *  and returns (a promise of) candidates. Property only (set via JS); without
+     *  it, @-typeahead is inert. */
+    mentionSource?: MentionSource;
+    /** Whether the annotation overlay is enabled. Off by default; set the
+     *  `annotatable` attribute to turn it on (so the comment affordance and the
+     *  overlay only appear when the consumer opts in). */
+    annotatable: boolean;
+    /** Consumer-supplied annotations (W3C-style overlay). Property only (set via
+     *  JS). Render only when `annotatable` is on. The text stays clean; these
+     *  render as a light tint and a count badge, anchored by offset and mapped
+     *  through edits.
+     *
+     *  IMPORTANT: assign a NEW array to apply changes. Lit dirty-checks this
+     *  property by identity, so mutating the existing array in place
+     *  (`editor.annotations.push(next)`, `editor.annotations[0].end = 9`, …) does
+     *  NOT trigger a re-render. Always replace it:
+     *  `editor.annotations = [...editor.annotations, next]`. */
+    annotations: Annotation[];
+    /** Override translation keys for the editor's assistive-tech strings (the
+     *  open-in-new-tab link badge and the annotation count badge). Unset keys fall
+     *  back to Dutch. */
+    translations: Partial<NLDDTextEditorTranslations>;
+    private _container;
+    private _editableCompartment;
+    private _wrapCompartment;
+    private _placeholderCompartment;
+    private _attrsCompartment;
+    private _historyCompartment;
+    protected getEditorParent(): HTMLElement | null | undefined;
+    /** Resolve a translation key, applying `{name}` placeholder substitution from
+     *  `vars`. Consumer overrides via `translations` win; unset keys fall back to the
+     *  Dutch defaults. */
+    _t(key: keyof NLDDTextEditorTranslations, vars?: Record<string, string | number>): string;
+    protected buildExtensions(): Extension[];
+    private _editableExtension;
+    private _placeholderExtension;
+    private _attrsExtension;
+    firstUpdated(): void;
+    protected onEditorMounted(): void;
+    updated(changed: PropertyValues): void;
+    private _syncAnnotations;
+    private _selectMentionBeforeDelete;
+    toggleBold(): void;
+    toggleItalic(): void;
+    toggleInlineCode(): void;
+    toggleStrikethrough(): void;
+    toggleHeading(level: HeadingLevel): void;
+    /** Set the block to a heading level (0 = paragraph) without toggling — for a
+     *  picker where choosing a level always applies it. */
+    setHeading(level: HeadingLevel): void;
+    toggleBulletList(): void;
+    /** Set the list type, replacing any existing list ('none' strips it) — for an
+     *  exclusive list picker. */
+    setList(type: 'none' | 'bullet' | 'ordered'): void;
+    toggleQuote(): void;
+    toggleLink(href?: string): void;
+    toggleCodeBlock(): void;
+    /** Nest the selected list item(s) under the preceding item at the same level.
+     *  Only list items move, and only as far as that parent's content column — so a
+     *  first or standalone item can't be over-indented into an indented code block. */
+    indent(): void;
+    /** Decrease the leading indentation of the selected lines. */
+    outdent(): void;
+    /** Undo the last change. History is built in, so Cmd/Ctrl+Z works too. */
+    undo(): void;
+    /** Redo the last undone change (Cmd/Ctrl+Shift+Z / Ctrl+Y also work). */
+    redo(): void;
+    /** Drop the undo/redo history, leaving the document untouched. Use after a
+     *  consumer-driven discard so a later undo can't step back into the
+     *  thrown-away edits. Reconfiguring the history compartment off and back on
+     *  re-initialises it with empty stacks. */
+    clearHistory(): void;
+    /** Text and annotations of the last cut, so a same-editor paste can move the
+     *  annotations along with their text. Cleared by copy and by a matching paste. */
+    private _cutBuffer;
+    /** The annotations lying fully inside the current selection, offset relative to
+     *  the selection's clean start. */
+    private _annotationsInSelection;
+    /** Copy the current selection to the clipboard, sentinel-free. No-op when the
+     *  selection is empty or the clipboard is unavailable (e.g. permission denied). */
+    copy(): Promise<void>;
+    /** Cut the current selection to the clipboard and remove it from the document.
+     *  Its annotations are remembered so a paste back into this editor moves them
+     *  along. No-op when the selection is empty. */
+    cut(): Promise<void>;
+    /** Paste clipboard text at the caret, replacing any selection. Sentinels that
+     *  rode in from another editor are stripped. When the text matches a cut made in
+     *  this editor, its annotations travel with it (a move); otherwise it's plain
+     *  text. No-op when the clipboard is empty or unreadable. */
+    paste(): Promise<void>;
+    /** Insert `text` at the selection, re-attaching the cut annotations when it matches
+     *  a cut made in this editor (a move, one-shot). Shared by the toolbar's paste()
+     *  and the native Cmd/Ctrl+V handler. */
+    private _pasteText;
+    /** Escape hatch: run a command by name (bold, italic, inlineCode,
+     *  strikethrough, bulletList, quote, heading [payload: level], link
+     *  [payload: href], copy, cut, paste). */
+    runCommand(name: string, payload?: unknown): void;
+    /** The formats active at the current selection (drives a toolbar's state). */
+    getState(): TextEditorState;
+    /** The current selection in CLEAN (annotation-sentinel-free) coordinates plus
+     *  the quoted text — the anchor a consumer needs to attach a new annotation to
+     *  the selection (e.g. from a toolbar "comment" button). `empty` mirrors
+     *  getState().empty for gating that button.
+     *
+     *  `rect` is the selection's bounding box in viewport coordinates (or the
+     *  caret box when empty), so a consumer can anchor a popover to the selected
+     *  text itself instead of to its own button. Use it as a Floating UI virtual
+     *  anchor: `{ getBoundingClientRect: () => rect, contextElement: editorEl }`.
+     *  It is computed from CodeMirror's layout, so it is correct even when the
+     *  editor is not focused (clicking a toolbar button blurs the editor but the
+     *  selection state survives). `null` when there is no view or the selection
+     *  is scrolled out of sight. */
+    getSelection(): {
+        start: number;
+        end: number;
+        quote: string;
+        empty: boolean;
+        rect: DOMRect | null;
+    };
+    /** The annotations currently in the editor, in CLEAN coordinates, each quote
+     *  re-sliced from the current text — so a consumer can persist positions that
+     *  moved with edits (read this on save, then write the anchors back). */
+    getAnnotations(): Annotation[];
+    private _emitState;
+    private _emitMention;
+    private _onScrollerPointerDown;
+    private _onMentionPointerDown;
+    /** A click on an annotation's count badge emits nldd-text-editor-annotation-click
+     *  with the id(s) it covers (a merged badge carries several) and the badge's
+     *  viewport rect, so the consumer can anchor its own note UI to the badge. The
+     *  tinted text stays plain-clickable for caret placement. */
+    private _onAnnotationBadgeClick;
+    private _onDocChanged;
+    private _emitChange;
+    private _checkAccessibleLabel;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formStateRestoreCallback(state: File | string | FormData | null): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-text-editor': NLDDTextEditor;
+    }
+}
+//# sourceMappingURL=text-editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAUtD,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEhG,OAAO,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAG5F,OAAO,EAAY,KAAK,aAAa,EAA8B,MAAM,2BAA2B,CAAC;AACrG,OAAO,EAA4F,KAAK,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAIzJ,OAAO,EAeN,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAEpG,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACxG,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACxG,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,qBACa,cAAe,SAAQ,qBAAqB;IACxD,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAAoB;IAE1C,OAAO,CAAC,UAAU,CAA0B;IAC5C,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,sBAAsB,CAAS;IAGvC,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,UAAQ;IAGZ,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAU;IAG5B,OAAO,EAAE,iBAAiB,CAAY;IAGtC,IAAI,EAAE,cAAc,CAAU;IAG9B,eAAe,SAAM;IAErB;;oCAEgC;IAEhC,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;0DAEsD;IAEtD,WAAW,UAAS;IAEpB;;;;;;;;;gEAS4D;IAE5D,WAAW,EAAE,UAAU,EAAE,CAAM;IAE/B;;yBAEqB;IAErB,YAAY,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAM;IAGvD,OAAO,CAAC,UAAU,CAAe;IAEjC,OAAO,CAAC,oBAAoB,CAAqB;IACjD,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,uBAAuB,CAAqB;IACpD,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,mBAAmB,CAAqB;IAEhD,SAAS,CAAC,eAAe,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS;IAI3D;;0BAEsB;IACf,EAAE,CAAC,GAAG,EAAE,MAAM,0BAA0B,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM;IAUhG,SAAS,CAAC,eAAe,IAAI,SAAS,EAAE;IAkGxC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,eAAe;IAOd,YAAY,IAAI,IAAI;cAUV,eAAe,IAAI,IAAI;IAmBjC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA+B/C,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,0BAA0B;IAelC,UAAU,IAAI,IAAI;IAIlB,YAAY,IAAI,IAAI;IAIpB,gBAAgB,IAAI,IAAI;IAIxB,mBAAmB,IAAI,IAAI;IAI3B,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAIxC;2DACuD;IACvD,UAAU,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAIrC,gBAAgB,IAAI,IAAI;IAIxB;iCAC6B;IAC7B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,IAAI;IAIlD,WAAW,IAAI,IAAI;IAInB,UAAU,CAAC,IAAI,SAAK,GAAG,IAAI;IAI3B,eAAe,IAAI,IAAI;IAIvB;;uFAEmF;IACnF,MAAM,IAAI,IAAI;IAId,8DAA8D;IAC9D,OAAO,IAAI,IAAI;IAOf,0EAA0E;IAC1E,IAAI,IAAI,IAAI;IAOZ,yEAAyE;IACzE,IAAI,IAAI,IAAI;IAOZ;;;+CAG2C;IAC3C,YAAY,IAAI,IAAI;IAQpB;sFACkF;IAClF,OAAO,CAAC,UAAU,CAAmF;IAErG;uCACmC;IACnC,OAAO,CAAC,uBAAuB;IAW/B;uFACmF;IAC7E,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAa3B;;oDAEgD;IAC1C,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC;IAa1B;;;iEAG6D;IACvD,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ5B;;6CAEyC;IACzC,OAAO,CAAC,UAAU;IAiBlB;;8CAE0C;IAC1C,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI;IAgBjD,8EAA8E;IAC9E,QAAQ,IAAI,eAAe;IAW3B;;;;;;;;;;;;oCAYgC;IAChC,YAAY,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;KAAE;IAqBnG;;6EAEyE;IACzE,cAAc,IAAI,UAAU,EAAE;IAY9B,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,qBAAqB,CAiB3B;IAEF;;;iEAG6D;IAC7D,OAAO,CAAC,uBAAuB,CAW7B;IAEF,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,qBAAqB;IAO7B,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI7D,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}

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

@@ -0,0 +1,30 @@
+import { EditorView, ViewPlugin } from '@codemirror/view';
+import { type Extension } from '@codemirror/state';
+declare class DragMove {
+    private readonly view;
+    private state;
+    private ghost;
+    constructor(view: EditorView);
+    start(event: MouseEvent): boolean;
+    /** Begin a drag of an explicit range (a mention token) seeded from a pointer
+     *  press the component already handled. The mention is selected on press, so a
+     *  plain release keeps it selected; dragging past the threshold moves the whole
+     *  token. mousemove/mouseup still fire after a prevented pointerdown. */
+    startFor(seed: {
+        clientX: number;
+        clientY: number;
+    }, from: number, to: number): void;
+    private removeListeners;
+    private onMove;
+    private onUp;
+    private isInside;
+    private showGhost;
+    private moveGhost;
+    private clearGhost;
+    destroy(): void;
+}
+export declare const dragMovePlugin: ViewPlugin<DragMove, undefined>;
+/** Drag selected text to move it (shadow-DOM-safe; native DnD won't start here). */
+export declare const dragToMove: Extension;
+export {};
+//# sourceMappingURL=text-editor.drag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.drag.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.drag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAmB,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAiG5E,cAAM,QAAQ;IAID,OAAO,CAAC,QAAQ,CAAC,IAAI;IAHjC,OAAO,CAAC,KAAK,CAA0B;IACvC,OAAO,CAAC,KAAK,CAA4B;gBAEZ,IAAI,EAAE,UAAU;IAE7C,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO;IAoBjC;;;6EAGyE;IACzE,QAAQ,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IASpF,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,MAAM,CAkBZ;IAEF,OAAO,CAAC,IAAI,CAuCV;IAEF,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IAKlB,OAAO,IAAI,IAAI;CAIf;AAED,eAAO,MAAM,cAAc,iCAMzB,CAAC;AAEH,oFAAoF;AACpF,eAAO,MAAM,UAAU,EAAE,SAA2D,CAAC"}

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

@@ -0,0 +1,231 @@
+import { ViewPlugin } from '@codemirror/view';
+import { StateEffect, StateField } from '@codemirror/state';
+import { stripSentinels, docToClean } from './text-editor.annotation-sentinels.js';
+import { annotationMove } from './text-editor.annotations.js';
+/* Drag-to-move for selected text. The editor lives in a shadow DOM, where the
+ * browser refuses to start a native drag of the selection (the document-level
+ * selection is collapsed for shadow-tree selections), so the native HTML5 path
+ * never fires. This reimplements it with pointer tracking: mousedown on the
+ * selection → past a small threshold it becomes a drag → a drop cursor shows
+ * where it will land → mouseup moves the text there. */
+const setDropPos = StateEffect.define();
+// Holds the live drop position during a drag; the overlay plugin draws the cursor.
+const dropPosField = StateField.define({
+    create: () => null,
+    update(value, tr) {
+        for (const effect of tr.effects)
+            if (effect.is(setDropPos))
+                return effect.value;
+        return value === null ? null : tr.changes.mapPos(value);
+    },
+});
+// Draws the drop cursor as an absolutely-positioned overlay instead of an inline
+// widget. An inline widget dropped inside an annotation splits its tint into two
+// rounded pills; an overlay sits above the text, so the annotation stays whole and
+// the cursor can be a clearly visible bar. The position is read in a measure pass,
+// so coordsAtPos (a layout read) never runs mid-update.
+class DropCursorLayer {
+    constructor(view) {
+        this.view = view;
+        this.cursor = null;
+        this.readPos = () => {
+            const pos = this.view.state.field(dropPosField);
+            if (pos === null)
+                return null;
+            const rect = this.view.coordsAtPos(pos, 1);
+            if (!rect)
+                return null;
+            const base = this.view.scrollDOM.getBoundingClientRect();
+            return {
+                left: rect.left - base.left + this.view.scrollDOM.scrollLeft,
+                top: rect.top - base.top + this.view.scrollDOM.scrollTop,
+                height: rect.bottom - rect.top,
+            };
+        };
+        this.drawCursor = (rect) => {
+            if (!rect) {
+                this.remove();
+                return;
+            }
+            if (!this.cursor) {
+                this.cursor = document.createElement('div');
+                this.cursor.className = 'cm-drag-and-drop-cursor';
+                this.view.scrollDOM.appendChild(this.cursor);
+            }
+            this.cursor.style.left = `${rect.left}px`;
+            this.cursor.style.top = `${rect.top}px`;
+            this.cursor.style.height = `${rect.height}px`;
+        };
+    }
+    update(update) {
+        const pos = update.state.field(dropPosField);
+        if (pos === null) {
+            this.remove();
+        }
+        else if (update.startState.field(dropPosField) !== pos ||
+            update.docChanged ||
+            update.geometryChanged) {
+            this.view.requestMeasure({ read: this.readPos, write: this.drawCursor });
+        }
+    }
+    remove() {
+        this.cursor?.remove();
+        this.cursor = null;
+    }
+    destroy() {
+        this.remove();
+    }
+}
+const dropCursorLayer = ViewPlugin.fromClass(DropCursorLayer);
+class DragMove {
+    constructor(view) {
+        this.view = view;
+        this.state = null;
+        this.ghost = null;
+        this.onMove = (event) => {
+            const st = this.state;
+            if (!st)
+                return;
+            if (!st.dragging) {
+                if (Math.abs(event.clientX - st.startX) + Math.abs(event.clientY - st.startY) < 4)
+                    return;
+                st.dragging = true;
+                // Default cursor (no grab handle) plus a translucent copy of the text.
+                this.view.scrollDOM.style.cursor = 'default';
+                this.showGhost(st.from, st.to);
+            }
+            this.moveGhost(event.clientX, event.clientY);
+            // No drop cursor when outside the editor (the drop would be undone) or while
+            // hovering inside the dragged range (a no-op target).
+            const pos = this.isInside(event.clientX, event.clientY)
+                ? this.view.posAtCoords({ x: event.clientX, y: event.clientY })
+                : null;
+            const drop = pos === null || (pos >= st.from && pos <= st.to) ? null : pos;
+            this.view.dispatch({ effects: setDropPos.of(drop) });
+        };
+        this.onUp = (event) => {
+            this.removeListeners();
+            this.view.scrollDOM.style.cursor = '';
+            this.clearGhost();
+            const st = this.state;
+            this.state = null;
+            this.view.dispatch({ effects: setDropPos.of(null) });
+            if (!st)
+                return;
+            const pos = this.view.posAtCoords({ x: event.clientX, y: event.clientY });
+            if (!st.dragging) {
+                // A plain click on a mention keeps it selected (set on press); on a text
+                // selection it collapses the caret where you clicked.
+                if (!st.isMention && pos !== null)
+                    this.view.dispatch({ selection: { anchor: pos } });
+                this.view.focus();
+                return;
+            }
+            if (this.isInside(event.clientX, event.clientY) && pos !== null && (pos < st.from || pos > st.to)) {
+                // Move clean text: any annotation sentinels in the slice are dropped here,
+                // and the document filter re-adds the ones it needs at the new location.
+                const doc = this.view.state.doc.toString();
+                const text = stripSentinels(this.view.state.sliceDoc(st.from, st.to));
+                const insertAt = pos > st.to ? pos - (st.to - st.from) : pos;
+                // Clean-coordinate move info so annotations inside the block travel with it
+                // (drop is always outside the block, so pos is before delFrom or after delTo).
+                const delFrom = docToClean(doc, st.from);
+                const delTo = docToClean(doc, st.to);
+                const cleanPos = docToClean(doc, pos);
+                const cleanInsertAt = cleanPos > delTo ? cleanPos - (delTo - delFrom) : cleanPos;
+                this.view.dispatch({
+                    changes: [{ from: st.from, to: st.to }, { from: pos, insert: text }],
+                    selection: { anchor: insertAt, head: insertAt + text.length },
+                    effects: annotationMove.of({ from: delFrom, to: delTo, insertAt: cleanInsertAt }),
+                });
+            }
+            else {
+                // Dropped outside the editor (or back onto the selection): leave the text
+                // where it was and keep it selected — effectively undoing the drag.
+                this.view.dispatch({ selection: { anchor: st.from, head: st.to } });
+            }
+            this.view.focus();
+        };
+    }
+    start(event) {
+        if (event.button !== 0 || event.shiftKey || event.altKey || event.metaKey || event.ctrlKey)
+            return false;
+        // Leave multi-click to CM (double = word, triple = line). Otherwise the third
+        // click of a triple lands on the word the second click selected, starts a drag,
+        // and collapses to a caret on release — so it took a fourth click to select.
+        if (event.detail >= 2)
+            return false;
+        if (this.view.state.readOnly)
+            return false;
+        // Mentions own their own click (select-on-click); don't hijack it as a drag.
+        if (event.target?.closest?.('.cm-md-mention-token'))
+            return false;
+        const sel = this.view.state.selection.main;
+        if (sel.empty)
+            return false;
+        const pos = this.view.posAtCoords({ x: event.clientX, y: event.clientY });
+        if (pos === null || pos < sel.from || pos > sel.to)
+            return false; // not on the selection
+        this.state = { startX: event.clientX, startY: event.clientY, from: sel.from, to: sel.to, dragging: false, isMention: false };
+        window.addEventListener('mousemove', this.onMove, true);
+        window.addEventListener('mouseup', this.onUp, true);
+        event.preventDefault(); // we own this press; CM shouldn't start a new selection
+        return true;
+    }
+    /** Begin a drag of an explicit range (a mention token) seeded from a pointer
+     *  press the component already handled. The mention is selected on press, so a
+     *  plain release keeps it selected; dragging past the threshold moves the whole
+     *  token. mousemove/mouseup still fire after a prevented pointerdown. */
+    startFor(seed, from, to) {
+        if (this.view.state.readOnly)
+            return;
+        this.state = { startX: seed.clientX, startY: seed.clientY, from, to, dragging: false, isMention: true };
+        // Pointer events, not mouse: the component preventDefault'd the pointerdown to
+        // own the press, which can suppress the compatibility mousemove/mouseup.
+        window.addEventListener('pointermove', this.onMove, true);
+        window.addEventListener('pointerup', this.onUp, true);
+    }
+    removeListeners() {
+        window.removeEventListener('mousemove', this.onMove, true);
+        window.removeEventListener('mouseup', this.onUp, true);
+        window.removeEventListener('pointermove', this.onMove, true);
+        window.removeEventListener('pointerup', this.onUp, true);
+    }
+    isInside(x, y) {
+        const r = this.view.scrollDOM.getBoundingClientRect();
+        return x >= r.left && x <= r.right && y >= r.top && y <= r.bottom;
+    }
+    // A translucent copy of the dragged text that follows the pointer.
+    showGhost(from, to) {
+        const ghost = document.createElement('div');
+        ghost.className = 'cm-drag-ghost';
+        // Show a mention as plain @Name — drop the markdown link wrapper and user id.
+        ghost.textContent = stripSentinels(this.view.state.sliceDoc(from, to)).replace(/\[(@[^\]]*)\]\(user:[^)]*\)/g, '$1');
+        this.view.dom.appendChild(ghost);
+        this.ghost = ghost;
+    }
+    moveGhost(x, y) {
+        if (this.ghost) {
+            this.ghost.style.left = `${x + 12}px`;
+            this.ghost.style.top = `${y + 12}px`;
+        }
+    }
+    clearGhost() {
+        this.ghost?.remove();
+        this.ghost = null;
+    }
+    destroy() {
+        this.removeListeners();
+        this.clearGhost();
+    }
+}
+export const dragMovePlugin = ViewPlugin.fromClass(DragMove, {
+    eventHandlers: {
+        mousedown(event) {
+            return this.start(event);
+        },
+    },
+});
+/** Drag selected text to move it (shadow-DOM-safe; native DnD won't start here). */
+export const dragToMove = [dropPosField, dropCursorLayer, dragMovePlugin];
+//# sourceMappingURL=text-editor.drag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.drag.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.drag.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+export declare const nlddTextEditorTranslations: {
+    'components.text-editor.open-in-new-tab-label': string;
+    'components.text-editor.annotation-count-label': string;
+    'components.text-editor.annotation-singular-lowercase': string;
+    'components.text-editor.annotation-plural-lowercase': string;
+};
+export type NLDDTextEditorTranslations = typeof nlddTextEditorTranslations;
+//# sourceMappingURL=text-editor.i18n.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.i18n.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B;;;;;CAWtC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC"}

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

@@ -0,0 +1,13 @@
+export const nlddTextEditorTranslations = {
+    // Accessible label on the "open link in new tab" badge that follows a real link.
+    // {url} is the link's destination.
+    'components.text-editor.open-in-new-tab-label': 'Open link in nieuw tabblad: {url}',
+    // Accessible label on an annotation's count badge. {count} is the number of
+    // annotations on the range, {noun} is the singular/plural noun below, and {quote}
+    // is the (truncated) annotated text.
+    'components.text-editor.annotation-count-label': "{count} {noun} op '{quote}'",
+    // The noun used in annotation-count-label: singular for one annotation, plural for more.
+    'components.text-editor.annotation-singular-lowercase': 'annotatie',
+    'components.text-editor.annotation-plural-lowercase': 'annotaties',
+};
+//# sourceMappingURL=text-editor.i18n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.i18n.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACzC,iFAAiF;IACjF,mCAAmC;IACnC,8CAA8C,EAAE,mCAAmC;IACnF,4EAA4E;IAC5E,kFAAkF;IAClF,qCAAqC;IACrC,+CAA+C,EAAE,6BAA6B;IAC9E,yFAAyF;IACzF,sDAAsD,EAAE,WAAW;IACnE,oDAAoD,EAAE,YAAY;CAClE,CAAC"}