@sciflow/editor-start 0.0.1-beta → 0.0.2

package/dist/lib/selection-transform-registry.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Registry for attribute encode/decode transforms used by selection UI.
+ * Schema references transforms by string id (e.g. _ui_transform: "citationSourceField").
+ */
+export interface SelectionUiTransform {
+    /** Decode stored value (e.g. URI-encoded string) to UI value */
+    decode(value: string | null | undefined): unknown;
+    /** Encode UI value back to stored form */
+    encode(value: unknown): string | null;
+}
+/** Built-in transform id for citation source (URI-encoded JSON). */
+export declare const TRANSFORM_ID_CITATION_SOURCE = "citationSourceField";
+export declare function registerSelectionUiTransform(id: string, transform: SelectionUiTransform): void;
+export declare function getSelectionUiTransform(id: string): SelectionUiTransform | undefined;
+export declare function clearSelectionUiTransforms(): void;
+//# sourceMappingURL=selection-transform-registry.d.ts.map

package/dist/lib/selection-transform-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-transform-registry.d.ts","sourceRoot":"","sources":["../../src/lib/selection-transform-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,MAAM,WAAW,oBAAoB;IACnC,gEAAgE;IAChE,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;IAClD,0CAA0C;IAC1C,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;CACvC;AAID,oEAAoE;AACpE,eAAO,MAAM,4BAA4B,wBAAwB,CAAC;AAWlE,wBAAgB,4BAA4B,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,GAAG,IAAI,CAE9F;AAED,wBAAgB,uBAAuB,CAAC,EAAE,EAAE,MAAM,GAAG,oBAAoB,GAAG,SAAS,CAEpF;AAED,wBAAgB,0BAA0B,IAAI,IAAI,CAEjD"}

package/dist/lib/selection-transform-registry.js

@@ -0,0 +1,24 @@
+/**
+ * Registry for attribute encode/decode transforms used by selection UI.
+ * Schema references transforms by string id (e.g. _ui_transform: "citationSourceField").
+ */
+import { SourceField } from '@sciflow/editor-core';
+const registry = new Map();
+/** Built-in transform id for citation source (URI-encoded JSON). */
+export const TRANSFORM_ID_CITATION_SOURCE = 'citationSourceField';
+function registerDefaults() {
+    registerSelectionUiTransform(TRANSFORM_ID_CITATION_SOURCE, {
+        decode: (v) => SourceField.fromString(v),
+        encode: (v) => SourceField.toString(Array.isArray(v) ? v : null),
+    });
+}
+registerDefaults();
+export function registerSelectionUiTransform(id, transform) {
+    registry.set(id, transform);
+}
+export function getSelectionUiTransform(id) {
+    return registry.get(id);
+}
+export function clearSelectionUiTransforms() {
+    registry.clear();
+}

package/dist/lib/selection-ui-renderer.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Renders selection editor UI from Draft-07 UI schema fragments.
+ * Uses _ui_* annotations for groups, order, widgets, and transforms.
+ */
+import { type TemplateResult } from 'lit';
+import type { SelectionUiSchemaFragment } from '@sciflow/editor-core';
+export interface SelectionUiRenderContext {
+    attrs: Record<string, unknown>;
+    onAttrChange: (attr: string, value: string | number | null) => void;
+    getOptionsSource?: (id: string) => Array<{
+        id: string;
+        label?: string;
+    }>;
+    widgetChange?: (path: string, value: unknown) => void;
+    showHidden?: boolean;
+}
+/**
+ * Render node attributes from a Draft-07 UI schema fragment.
+ * Respects _ui_group, _ui_collapsed, _ui_order, _ui_hidden, _ui_widget, _ui_transform.
+ */
+export declare function renderNodeFromUiSchema(fragment: SelectionUiSchemaFragment, context: SelectionUiRenderContext): TemplateResult;
+//# sourceMappingURL=selection-ui-renderer.d.ts.map

package/dist/lib/selection-ui-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-ui-renderer.d.ts","sourceRoot":"","sources":["../../src/lib/selection-ui-renderer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAgBtE,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpE,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA2LD;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,yBAAyB,EACnC,OAAO,EAAE,wBAAwB,GAChC,cAAc,CAqEhB"}

package/dist/lib/selection-ui-renderer.js

@@ -0,0 +1,244 @@
+/**
+ * Renders selection editor UI from Draft-07 UI schema fragments.
+ * Uses _ui_* annotations for groups, order, widgets, and transforms.
+ */
+import { html } from 'lit';
+import { getUiWidget, getUiGroup, getUiCollapsed, getUiOrder, getUiHidden, getUiOptions, getUiOptionsSource, getUiTransform, t, } from '@sciflow/editor-core';
+import { getSelectionUiTransform } from './selection-transform-registry.js';
+import { getSelectionUiWidgetTag } from './selection-widget-registry.js';
+/**
+ * Get display value for an attribute (decode via transform if _ui_transform is set).
+ */
+function getDisplayValue(fragment, attrName, stored, attrs) {
+    const transformId = getUiTransform(fragment);
+    if (transformId) {
+        const transform = getSelectionUiTransform(transformId);
+        if (transform) {
+            const raw = stored ?? attrs[attrName];
+            const str = typeof raw === 'string' ? raw : raw == null ? undefined : String(raw);
+            return transform.decode(str);
+        }
+    }
+    return stored ?? attrs[attrName];
+}
+/**
+ * Encode value for storage (via transform if _ui_transform is set).
+ */
+function encodeValue(fragment, attrName, value) {
+    const transformId = getUiTransform(fragment);
+    if (transformId) {
+        const transform = getSelectionUiTransform(transformId);
+        if (transform) {
+            const encoded = transform.encode(value);
+            return encoded ?? null;
+        }
+    }
+    if (value === undefined || value === null || value === '')
+        return null;
+    if (typeof value === 'number')
+        return value;
+    return String(value);
+}
+/**
+ * Render one attribute field from schema property fragment.
+ */
+function renderField(attrName, propFragment, context) {
+    const label = typeof propFragment.title === 'string' && propFragment.title.trim().length > 0
+        ? propFragment.title.trim()
+        : attrName
+            .replace(/[-_]/g, ' ')
+            .replace(/\s+/g, ' ')
+            .trim()
+            .replace(/^\w/, (m) => m.toUpperCase());
+    const widgetId = getUiWidget(propFragment);
+    if (widgetId) {
+        const tagName = getSelectionUiWidgetTag(widgetId);
+        const value = getDisplayValue(propFragment, attrName, context.attrs[attrName], context.attrs);
+        return html `
+      <div class="selection-editor-attr-field" data-attr="${attrName}">
+        <label class="selection-editor-attr-label">${label}:</label>
+        <sciflow-widget-slot
+          .widgetTag=${tagName}
+          .value=${value}
+          .valuePath=${attrName}
+          @change=${(e) => {
+            const patches = e.detail?.patches ?? [];
+            patches.forEach((p) => {
+                const v = encodeValue(propFragment, attrName, p.value);
+                context.onAttrChange(attrName, v);
+            });
+            context.widgetChange?.(attrName, patches[0]?.value);
+        }}
+        ></sciflow-widget-slot>
+      </div>
+    `;
+    }
+    const options = getUiOptions(propFragment);
+    const optionsSourceId = getUiOptionsSource(propFragment);
+    const displayValue = getDisplayValue(propFragment, attrName, context.attrs[attrName], context.attrs);
+    const rendered = displayValue === null || displayValue === undefined ? '' : String(displayValue);
+    if (Array.isArray(options) && options.length === 2 && typeof options[0] === 'number' && typeof options[1] === 'number') {
+        const [min, max] = options;
+        const num = Math.min(max, Math.max(min, parseInt(rendered, 10) || min));
+        const nums = Array.from({ length: max - min + 1 }, (_, i) => min + i);
+        return html `
+      <div class="selection-editor-attr-field">
+        <label class="selection-editor-attr-label" for="selection-editor-attr-${attrName}">${label}:</label>
+        <select
+          id="selection-editor-attr-${attrName}"
+          class="selection-editor-input selection-editor-select"
+          .value=${String(num)}
+          @change=${(e) => {
+            const v = e.target.value;
+            context.onAttrChange(attrName, parseInt(v, 10));
+        }}
+        >
+          ${nums.map((n) => html `<option value="${String(n)}">${String(n)}</option>`)}
+        </select>
+      </div>
+    `;
+    }
+    if (Array.isArray(options) && options.length > 0 && !optionsSourceId) {
+        const opts = options;
+        const normalized = opts
+            .map((o) => {
+            if (typeof o === 'string' || typeof o === 'number') {
+                return { value: o, label: String(o) };
+            }
+            return {
+                value: o.value,
+                label: o.label ?? String(o.value),
+            };
+        })
+            .filter((o) => o.value !== undefined && o.value !== null);
+        const current = rendered;
+        return html `
+      <div class="selection-editor-attr-field">
+        <label class="selection-editor-attr-label" for="selection-editor-attr-${attrName}">${label}:</label>
+        <select
+          id="selection-editor-attr-${attrName}"
+          class="selection-editor-input selection-editor-select"
+          .value=${current}
+          @change=${(e) => {
+            const v = e.target.value;
+            const num = parseInt(v, 10);
+            const out = !isNaN(num) ? num : (v || null);
+            context.onAttrChange(attrName, out);
+        }}
+        >
+          ${normalized.map((o) => html `<option value="${String(o.value)}">${o.label}</option>`)}
+        </select>
+      </div>
+    `;
+    }
+    if (optionsSourceId && context.getOptionsSource) {
+        const sourceOptions = context.getOptionsSource(optionsSourceId);
+        if (sourceOptions.length > 0) {
+            return html `
+        <div class="selection-editor-attr-field">
+          <label class="selection-editor-attr-label" for="selection-editor-attr-${attrName}">${label}:</label>
+          <select
+            id="selection-editor-attr-${attrName}"
+            class="selection-editor-input selection-editor-select"
+            .value=${rendered}
+            @change=${(e) => {
+                const v = e.target.value.trim() || null;
+                context.onAttrChange(attrName, v);
+            }}
+          >
+            <option value="">No value</option>
+            ${sourceOptions.map((o) => html `<option value="${o.id}">${o.label ?? o.id}</option>`)}
+          </select>
+        </div>
+      `;
+        }
+    }
+    return html `
+    <div class="selection-editor-attr-field">
+      <label class="selection-editor-attr-label" for="selection-editor-attr-${attrName}">${label}:</label>
+      <input
+        type="text"
+        id="selection-editor-attr-${attrName}"
+        class="selection-editor-input"
+        .value=${rendered}
+        placeholder="No value"
+        @change=${(e) => {
+        const v = e.target.value.trim();
+        const encoded = encodeValue(propFragment, attrName, v || null);
+        context.onAttrChange(attrName, encoded);
+    }}
+      />
+    </div>
+  `;
+}
+/**
+ * Render node attributes from a Draft-07 UI schema fragment.
+ * Respects _ui_group, _ui_collapsed, _ui_order, _ui_hidden, _ui_widget, _ui_transform.
+ */
+export function renderNodeFromUiSchema(fragment, context) {
+    const frag = fragment;
+    const nodeWidget = getUiWidget(frag);
+    if (nodeWidget) {
+        const tagName = getSelectionUiWidgetTag(nodeWidget);
+        return html `
+      <sciflow-widget-slot
+        .widgetTag=${tagName}
+        .value=${context.attrs}
+        .valuePath=${''}
+        @change=${(e) => {
+            const patches = e.detail?.patches ?? [];
+            patches.forEach((p) => {
+                if (p.path === '' && typeof p.value === 'object' && p.value !== null) {
+                    Object.entries(p.value).forEach(([k, v]) => {
+                        context.onAttrChange(k, v);
+                    });
+                }
+                else if (p.path) {
+                    context.onAttrChange(p.path, p.value);
+                }
+            });
+        }}
+      ></sciflow-widget-slot>
+    `;
+    }
+    const properties = (frag.properties ?? frag);
+    if (!properties || typeof properties !== 'object') {
+        return html `<div class="selection-editor-attrs"></div>`;
+    }
+    const entries = Object.entries(properties)
+        .filter(([, prop]) => context.showHidden || !getUiHidden(prop))
+        .sort(([, a], [, b]) => getUiOrder(a) - getUiOrder(b));
+    const primary = [];
+    const advanced = { group: 'advanced', collapsed: true, items: [] };
+    for (const [attrName, propFragment] of entries) {
+        const group = getUiGroup(propFragment) ?? 'primary';
+        const collapsed = getUiCollapsed(propFragment);
+        const field = renderField(attrName, propFragment, context);
+        if (group === 'primary') {
+            primary.push(field);
+        }
+        else {
+            if (advanced.items.length === 0)
+                advanced.collapsed = collapsed;
+            advanced.items.push(field);
+        }
+    }
+    if (advanced.items.length === 0) {
+        return html `
+      <div class="selection-editor-attrs">
+        ${primary}
+      </div>
+    `;
+    }
+    return html `
+    <div class="selection-editor-attrs">
+      ${primary}
+      <details class="selection-editor-details" ?open=${!advanced.collapsed}>
+        <summary class="selection-editor-details-summary">${t('selectionEditor.moreAttributes')}</summary>
+        <div class="selection-editor-details-body">
+          ${advanced.items}
+        </div>
+      </details>
+    </div>
+  `;
+}

package/dist/lib/selection-widget-host.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Host for _ui_widget web components in the selection editor.
+ * Provides stringified value input and normalizes ui-widget-change output.
+ */
+import { html, LitElement } from 'lit';
+export type WidgetChangePatch = {
+    path: string;
+    value: unknown;
+};
+export type WidgetChangePayload = string | {
+    path: string;
+    value: unknown;
+} | {
+    patches: WidgetChangePatch[];
+};
+export interface NormalizedWidgetChange {
+    /** Single path (for attribute or dotted path). Empty string = root value. */
+    path: string;
+    value: unknown;
+}
+/**
+ * Normalize widget event detail to a list of path/value updates.
+ * - string -> [{ path: '', value }]
+ * - { path, value } -> [{ path, value }]
+ * - { patches } -> patches
+ */
+export declare function normalizeWidgetChange(payload: WidgetChangePayload): NormalizedWidgetChange[];
+export interface MountWidgetHostOptions {
+    /** Container to append the widget element into */
+    container: HTMLElement;
+    /** Custom element tag name (e.g. "sciflow-citation-source-widget") */
+    tagName: string;
+    /** Current value; will be stringified and set as value attribute/property */
+    value: unknown;
+    /** Called when the widget dispatches ui-widget-change with normalized patches */
+    onChange: (patches: NormalizedWidgetChange[]) => void;
+}
+/**
+ * Mount a widget host element, set its value, and listen for ui-widget-change.
+ * @returns Unmount function to remove the element and listener
+ */
+export declare function mountWidgetHost(options: MountWidgetHostOptions): () => void;
+/**
+ * Update an already-mounted widget's value (e.g. when selection or doc changes).
+ */
+export declare function updateWidgetHostValue(container: HTMLElement, tagName: string, value: unknown): void;
+/** Custom element that mounts a widget host and forwards ui-widget-change. */
+export declare class SciflowWidgetSlotElement extends LitElement {
+    static styles: import("lit").CSSResult;
+    widgetTag: string;
+    value: unknown;
+    valuePath: string;
+    private unmount;
+    private slotEl;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private mountWidget;
+    private remountWidget;
+    render(): ReturnType<typeof html>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sciflow-widget-slot': SciflowWidgetSlotElement;
+    }
+}
+//# sourceMappingURL=selection-widget-host.d.ts.map

package/dist/lib/selection-widget-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-widget-host.d.ts","sourceRoot":"","sources":["../../src/lib/selection-widget-host.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAO,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjE,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GAChC;IAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA;CAAE,CAAC;AAErC,MAAM,WAAW,sBAAsB;IACrC,6EAA6E;IAC7E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,mBAAmB,GAAG,sBAAsB,EAAE,CAW5F;AAID,MAAM,WAAW,sBAAsB;IACrC,kDAAkD;IAClD,SAAS,EAAE,WAAW,CAAC;IACvB,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,KAAK,EAAE,OAAO,CAAC;IACf,iFAAiF;IACjF,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,EAAE,KAAK,IAAI,CAAC;CACvD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,IAAI,CAwB3E;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,OAAO,GACb,IAAI,CAMN;AAED,8EAA8E;AAC9E,qBACa,wBAAyB,SAAQ,UAAU;IACtD,OAAgB,MAAM,0BAEpB;IAEiD,SAAS,SAAM;IAClC,KAAK,EAAE,OAAO,CAAQ;IACP,SAAS,SAAM;IAE9D,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,MAAM,CAA+B;IAEpC,YAAY,IAAI,IAAI;IAIpB,oBAAoB,IAAI,IAAI;IAS5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAWrD,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,aAAa;IAwBZ,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC;CAG3C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/dist/lib/selection-widget-host.js

@@ -0,0 +1,151 @@
+/**
+ * Host for _ui_widget web components in the selection editor.
+ * Provides stringified value input and normalizes ui-widget-change output.
+ */
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * Normalize widget event detail to a list of path/value updates.
+ * - string -> [{ path: '', value }]
+ * - { path, value } -> [{ path, value }]
+ * - { patches } -> patches
+ */
+export function normalizeWidgetChange(payload) {
+    if (typeof payload === 'string') {
+        return [{ path: '', value: payload }];
+    }
+    if (payload && typeof payload === 'object' && 'patches' in payload && Array.isArray(payload.patches)) {
+        return payload.patches.map((p) => ({ path: p.path ?? '', value: p.value }));
+    }
+    if (payload && typeof payload === 'object' && 'path' in payload && 'value' in payload) {
+        return [{ path: payload.path, value: payload.value }];
+    }
+    return [];
+}
+const UI_WIDGET_CHANGE = 'ui-widget-change';
+/**
+ * Mount a widget host element, set its value, and listen for ui-widget-change.
+ * @returns Unmount function to remove the element and listener
+ */
+export function mountWidgetHost(options) {
+    const { container, tagName, value, onChange } = options;
+    const el = document.createElement(tagName);
+    const str = value === undefined || value === null ? '' : JSON.stringify(value);
+    el.setAttribute('value', str);
+    el.value = str;
+    const handler = (e) => {
+        const customEvent = e;
+        const detail = customEvent.detail;
+        if (detail === undefined)
+            return;
+        const patches = normalizeWidgetChange(detail);
+        if (patches.length > 0) {
+            onChange(patches);
+        }
+    };
+    el.addEventListener(UI_WIDGET_CHANGE, handler);
+    container.appendChild(el);
+    return () => {
+        el.removeEventListener(UI_WIDGET_CHANGE, handler);
+        el.remove();
+    };
+}
+/**
+ * Update an already-mounted widget's value (e.g. when selection or doc changes).
+ */
+export function updateWidgetHostValue(container, tagName, value) {
+    const el = container.querySelector(tagName);
+    if (!el)
+        return;
+    const str = value === undefined || value === null ? '' : JSON.stringify(value);
+    el.setAttribute('value', str);
+    el.value = str;
+}
+/** Custom element that mounts a widget host and forwards ui-widget-change. */
+let SciflowWidgetSlotElement = class SciflowWidgetSlotElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.widgetTag = '';
+        this.value = null;
+        this.valuePath = '';
+        this.unmount = null;
+        this.slotEl = null;
+    }
+    static { this.styles = css `
+    :host { display: block; }
+  `; }
+    firstUpdated() {
+        this.mountWidget();
+    }
+    disconnectedCallback() {
+        if (this.unmount) {
+            this.unmount();
+            this.unmount = null;
+        }
+        this.slotEl = null;
+        super.disconnectedCallback();
+    }
+    updated(changed) {
+        if (changed.has('widgetTag')) {
+            this.remountWidget();
+            return;
+        }
+        if (changed.has('value') && this.slotEl && this.widgetTag && this.unmount) {
+            updateWidgetHostValue(this.slotEl, this.widgetTag, this.value);
+        }
+    }
+    mountWidget() {
+        const slot = this.renderRoot.querySelector('.sciflow-widget-slot');
+        if (!slot)
+            return;
+        this.slotEl = slot;
+        if (!this.widgetTag)
+            return;
+        this.unmount = mountWidgetHost({
+            container: slot,
+            tagName: this.widgetTag,
+            value: this.value,
+            onChange: (patches) => {
+                this.dispatchEvent(new CustomEvent('change', { detail: { patches }, bubbles: true, composed: true }));
+            },
+        });
+    }
+    remountWidget() {
+        if (this.unmount) {
+            this.unmount();
+            this.unmount = null;
+        }
+        if (!this.slotEl || !this.widgetTag) {
+            return;
+        }
+        this.unmount = mountWidgetHost({
+            container: this.slotEl,
+            tagName: this.widgetTag,
+            value: this.value,
+            onChange: (patches) => {
+                this.dispatchEvent(new CustomEvent('change', {
+                    detail: { patches },
+                    bubbles: true,
+                    composed: true,
+                }));
+            },
+        });
+    }
+    render() {
+        return html `<div class="sciflow-widget-slot"></div>`;
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'tag-name' })
+], SciflowWidgetSlotElement.prototype, "widgetTag", void 0);
+__decorate([
+    property({ attribute: false })
+], SciflowWidgetSlotElement.prototype, "value", void 0);
+__decorate([
+    property({ type: String, attribute: 'path' })
+], SciflowWidgetSlotElement.prototype, "valuePath", void 0);
+SciflowWidgetSlotElement = __decorate([
+    customElement('sciflow-widget-slot')
+], SciflowWidgetSlotElement);
+export { SciflowWidgetSlotElement };

package/dist/lib/selection-widget-registry.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Registry for _ui_widget custom element tag names.
+ * Schema references widgets by string id; the host creates an element with this tag.
+ */
+/**
+ * Register a widget id to custom element tag name.
+ * @param id - Schema _ui_widget value (e.g. "citationSource", "mathTexPreview")
+ * @param tagName - Custom element tag (e.g. "sciflow-citation-source-widget")
+ */
+export declare function registerSelectionUiWidget(id: string, tagName: string): void;
+/**
+ * Resolve widget id to tag name. If id looks like a tag (contains hyphen), return as-is.
+ */
+export declare function getSelectionUiWidgetTag(id: string): string;
+export declare function clearSelectionUiWidgets(): void;
+//# sourceMappingURL=selection-widget-registry.d.ts.map

package/dist/lib/selection-widget-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-widget-registry.d.ts","sourceRoot":"","sources":["../../src/lib/selection-widget-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAE3E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAU1D;AAED,wBAAgB,uBAAuB,IAAI,IAAI,CAE9C"}

package/dist/lib/selection-widget-registry.js

@@ -0,0 +1,30 @@
+/**
+ * Registry for _ui_widget custom element tag names.
+ * Schema references widgets by string id; the host creates an element with this tag.
+ */
+const registry = new Map();
+/**
+ * Register a widget id to custom element tag name.
+ * @param id - Schema _ui_widget value (e.g. "citationSource", "mathTexPreview")
+ * @param tagName - Custom element tag (e.g. "sciflow-citation-source-widget")
+ */
+export function registerSelectionUiWidget(id, tagName) {
+    registry.set(id, tagName);
+}
+/**
+ * Resolve widget id to tag name. If id looks like a tag (contains hyphen), return as-is.
+ */
+export function getSelectionUiWidgetTag(id) {
+    const resolved = registry.get(id);
+    if (resolved) {
+        return resolved;
+    }
+    // Allow id to be the tag name itself (e.g. "sciflow-citation-source-widget")
+    if (id.includes('-')) {
+        return id;
+    }
+    return id;
+}
+export function clearSelectionUiWidgets() {
+    registry.clear();
+}

package/dist/lib/test-fixtures/soak-documents.d.ts

@@ -0,0 +1,13 @@
+import type { SciFlowDocJSON } from '@sciflow/editor-core';
+type SoakDocSize = {
+    headingCount: number;
+    paragraphsPerHeading: number;
+    wordsPerParagraph: number;
+    figureEvery: number;
+};
+export declare const createSoakDocFixture: (size: SoakDocSize) => SciFlowDocJSON;
+export declare const SMALL_SOAK_DOC: SciFlowDocJSON;
+export declare const MEDIUM_SOAK_DOC: SciFlowDocJSON;
+export declare const LARGE_SOAK_DOC: SciFlowDocJSON;
+export {};
+//# sourceMappingURL=soak-documents.d.ts.map

package/dist/lib/test-fixtures/soak-documents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"soak-documents.d.ts","sourceRoot":"","sources":["../../../src/lib/test-fixtures/soak-documents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAoCF,eAAO,MAAM,oBAAoB,GAAI,MAAM,WAAW,KAAG,cAwBxD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAK3B,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,cAK5B,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,cAK3B,CAAC"}