@sciflow/editor-start 0.0.1-beta → 0.0.2

package/dist/lib/reference-list.js

@@ -11,6 +11,8 @@ import { __decorate } from "tslib";
 import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+import { t, LOCALE_CHANGE_EVENT } from '@sciflow/editor-core';
+import { setTransparentDragImage } from './drag-preview.js';
 import referenceListCss from './reference-list.css?inline';
 import { applyThemeStylesToRoot, subscribeToSciFlowTheme } from './theme.js';
 let SciFlowReferenceListElement = class SciFlowReferenceListElement extends LitElement {
@@ -20,8 +22,14 @@ let SciFlowReferenceListElement = class SciFlowReferenceListElement extends LitE
         this.references = null;
         /** Reference IDs to highlight. */
         this.highlightedIds = [];
+        /**
+         * Whether the editor has an active cursor. Controls the enabled state of
+         * the "Cite" button. Set to true when the editor has focus/selection and
+         * false when it does not.
+         */
+        this.cursorActive = false;
         /** Text displayed when no references are available. */
-        this.emptyText = 'No references yet.';
+        this.emptyText = '';
         this.themeStyleElements = [];
     }
     static { this.styles = css `${unsafeCSS(referenceListCss)}`; }
@@ -30,8 +38,14 @@ let SciFlowReferenceListElement = class SciFlowReferenceListElement extends LitE
         this.themeUnsub = subscribeToSciFlowTheme((cssTexts) => {
             this.themeStyleElements = applyThemeStylesToRoot(this.renderRoot, this.themeStyleElements, cssTexts);
         });
+        this.localeListener = () => this.requestUpdate();
+        document.addEventListener(LOCALE_CHANGE_EVENT, this.localeListener);
     }
     disconnectedCallback() {
+        if (this.localeListener) {
+            document.removeEventListener(LOCALE_CHANGE_EVENT, this.localeListener);
+            this.localeListener = undefined;
+        }
         this.themeUnsub?.();
         this.themeUnsub = undefined;
         super.disconnectedCallback();
@@ -52,7 +66,7 @@ let SciFlowReferenceListElement = class SciFlowReferenceListElement extends LitE
         if (references.length === 0) {
             return html `
         <ol class="reference-list">
-          <li class="reference-item reference-empty">${this.emptyText}</li>
+          <li class="reference-item reference-empty">${this.emptyText || t('referenceList.noReferences')}</li>
         </ol>
       `;
         }
@@ -74,8 +88,21 @@ let SciFlowReferenceListElement = class SciFlowReferenceListElement extends LitE
               <span class="reference-text">${displayText || nothing}</span>
               <span class="reference-meta">
                 ${id
-                ? html `<code class="reference-id" aria-label=${`CSL id ${id}`}>${id}</code>`
+                ? html `<code class="reference-id" aria-label=${`${t('referenceList.cslIdAriaLabel')} ${id}`}>${id}</code>`
                 : nothing}
+                <button
+                  type="button"
+                  class="reference-cite-btn"
+                  title=${t('referenceList.insertCitation')}
+                  aria-label=${t('referenceList.insertCitation')}
+                  ?disabled=${!this.cursorActive}
+                  @mousedown=${(event) => event.preventDefault()}
+                  @click=${(event) => {
+                event.stopPropagation();
+                if (this.cursorActive)
+                    this.handleInsertCitation(reference);
+            }}
+                >${t('referenceList.insertCitation')}</button>
                 <span class="reference-drag" aria-hidden="true">drag</span>
               </span>
             </li>
@@ -86,13 +113,13 @@ let SciFlowReferenceListElement = class SciFlowReferenceListElement extends LitE
     }
     formatReference(reference) {
         const id = typeof reference.id === 'string' ? reference.id : null;
-        const rawCitation = typeof reference.rawCitation === 'string'
-            ? reference.rawCitation
-            : typeof reference.raw_citation === 'string'
-                ? reference.raw_citation
+        const rawReference = typeof reference.rawReference === 'string'
+            ? reference.rawReference
+            : typeof reference.raw_reference === 'string'
+                ? reference.raw_reference
                 : null;
-        if (rawCitation && rawCitation.trim()) {
-            return { id, displayText: rawCitation.trim() };
+        if (rawReference && rawReference.trim()) {
+            return { id, displayText: rawReference.trim() };
         }
         const authors = Array.isArray(reference.author) && reference.author.length > 0
             ? reference.author
@@ -120,11 +147,19 @@ let SciFlowReferenceListElement = class SciFlowReferenceListElement extends LitE
         const name = `${family}${given}`.trim();
         return name || null;
     }
+    handleInsertCitation(reference) {
+        this.dispatchEvent(new CustomEvent('sciflow-insert-citation', {
+            bubbles: true,
+            composed: true,
+            detail: { reference },
+        }));
+    }
     handleDragStart(event, reference, displayText) {
         const transfer = event.dataTransfer;
         if (!transfer) {
             return;
         }
+        setTransparentDragImage(event, { opacity: 0.35, offsetY: -44, scale: 0.8 });
         transfer.setData('application/x-sciflow-reference', 'sidebar');
         transfer.effectAllowed = 'copy';
         const payload = {
@@ -151,6 +186,9 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], SciFlowReferenceListElement.prototype, "highlightedIds", void 0);
+__decorate([
+    property({ type: Boolean, attribute: false })
+], SciFlowReferenceListElement.prototype, "cursorActive", void 0);
 __decorate([
     property({ type: String, attribute: 'empty-text' })
 ], SciFlowReferenceListElement.prototype, "emptyText", void 0);

package/dist/lib/selection-editor.d.ts

@@ -15,6 +15,7 @@
 import { LitElement } from 'lit';
 import type { SciFlowEditorElement } from './editor-element.js';
 import { type CitationSourceEditorAdapter } from './citation-source-adapter.js';
+import './selection-widget-host.js';
 /**
  * Custom element that displays and edits the selected element's attributes.
  *
@@ -32,12 +33,35 @@ export declare class SciFlowSelectionEditorElement extends LitElement {
     /** Custom adapter for editing citation source. When unset, uses the global adapter. */
     citationSourceAdapter: CitationSourceEditorAdapter | null;
     private elementInfo;
+    /** Draft values for math sidebar (tex, style, label). Synced from node attrs when math is selected. */
+    private mathDraft;
+    /** Last preview result for math (error/warnings). SVG is rendered into mathPreviewContainer. */
+    private mathPreviewResult;
+    /** Draft values for citation sidebar (content + source). Applied only on Update. */
+    private citationDraft;
+    /** Draft values for cross-reference sidebar (display text + target href). */
+    private crossReferenceDraft;
+    /** Draft values for hyperlink (anchor mark) sidebar. */
+    private hyperlinkDraft;
+    private draftAttrs;
+    private draftDirty;
+    private pinSelection;
+    private showAllAttrs;
     private resolvedEditor;
     private selectionListener?;
     private readyListener?;
     private themeUnsub?;
     private themeStyleElements;
     private citationSourceContainer;
+    private mathPreviewContainer;
+    private mathPreviewDebounce;
+    private citationContentEditorContainer;
+    private citationContentView;
+    private citationContentEditorPosition;
+    private selectionDebounce;
+    private localeListener?;
+    private outlineTargetOptionsCacheDoc;
+    private outlineTargetOptionsCache;
     static styles: import("lit").CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -50,37 +74,91 @@ export declare class SciFlowSelectionEditorElement extends LitElement {
     private resolveEditor;
     /** Clean up listeners attached to the last editor instance. */
     private detachEditorListeners;
+    private scheduleSelectionUpdate;
     /**
      * Extract element information from the current selection.
      */
     private updateElementInfo;
+    /** Get the selected citation node's text content from the main document (for draft init). */
+    private getCitationNodeTextContent;
+    /** Get the selected citation node's content as a Fragment (same schema as citation allows). */
+    private getCitationNodeContentFragment;
+    /** Get the citation node at the current selection, or null. */
+    private getCitationNode;
+    /** Get the selected cross-reference link node's text content from the main document. */
+    private getLinkNodeTextContent;
+    /** Get the selected cross-reference link node at current selection, or null. */
+    private getLinkNode;
+    /** Build outline target options for link href dropdown (headings and figures with id). */
+    private getOutlineTargetOptions;
+    private destroyCitationContentView;
+    private mountCitationContentEditor;
     /** Convenience getter mirroring `editor.getCommands()`. */
     private getCommandRunner;
     /**
      * Render a single attribute field, decoding known encoded values for readability.
      */
+    private getNodeTypeLabel;
     private renderAttributeField;
+    /**
+     * Convert a raw attribute name like 'text-align' to a human-readable label.
+     */
+    private getAttributeLabel;
     /**
      * Decode known encoded attributes for more readable display/editing.
      */
     private decodeSpecialAttribute;
     /**
      * Mount the citation source adapter UI when a citation node is selected.
+     * Uses draft context (onSourceChange) so changes apply only on Update.
      */
     private mountCitationSourceAdapter;
     /**
      * Unmount the citation source adapter and clean up.
      */
     private unmountCitationSourceAdapter;
+    private handleDraftAttrChange;
+    /**
+     * Render the figure sidebar: type, id, alt text.
+     */
+    private renderFigureSidebar;
+    /**
+     * Render the math equation sidebar: TeX source, style, label, preview, status, Apply/Cancel.
+     */
+    private renderMathSidebar;
+    private scheduleMathPreview;
+    private runMathPreview;
+    private applyMathDraft;
+    private cancelMathDraft;
+    private handleMathKeydown;
+    /**
+     * Render the citation sidebar: content editor, source fields, Update button.
+     */
+    private renderCitationSidebar;
+    private applyCitationDraft;
+    private handleCitationKeydown;
     /**
-     * Handle attribute field changes.
+     * Render the cross-reference sidebar: display text + target, Update button.
      */
-    private handleAttrChange;
+    private renderCrossReferenceSidebar;
+    private applyCrossReferenceDraft;
+    private handleCrossReferenceKeydown;
     /**
-     * Update node attributes using the command API.
-     * Preserves the 'data' attribute if it exists, even though it's not displayed.
+     * Render the hyperlink (anchor mark) sidebar: URL input, Apply and Remove buttons.
      */
-    private updateNodeAttribute;
+    private renderHyperlinkSidebar;
+    private applyHyperlinkDraft;
+    private removeHyperlink;
+    private handleHyperlinkKeydown;
+    private resetDraftAttrs;
+    private getEffectiveAttrs;
+    private setDraftAttr;
+    private applyDraftAttrs;
+    private revertDraftAttrs;
+    private renderDraftActions;
+    private renderSelectionControls;
+    private togglePinSelection;
+    private handleGenericKeydown;
     /**
      * Encode a source string/JSON into the URI-encoded source field format.
      */

package/dist/lib/selection-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-editor.d.ts","sourceRoot":"","sources":["../../src/lib/selection-editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAMvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAEL,KAAK,2BAA2B,EAEjC,MAAM,8BAA8B,CAAC;AAWtC;;;;;;;;GAQG;AACH,qBACa,6BAA8B,SAAQ,UAAU;IAC3D,oFAAoF;IAEpF,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAE3C,gEAAgE;IAEhE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,uFAAuF;IAEvF,qBAAqB,EAAE,2BAA2B,GAAG,IAAI,CAAQ;IAGjE,OAAO,CAAC,WAAW,CAAqB;IAExC,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,iBAAiB,CAAC,CAAgB;IAC1C,OAAO,CAAC,aAAa,CAAC,CAAgB;IACtC,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC,OAAO,CAAC,kBAAkB,CAA0B;IACpD,OAAO,CAAC,uBAAuB,CAA4B;IAE3D,OAAgB,MAAM,0BAAyC;IAEtD,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;cA+B9D,MAAM;IAyEzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA2C9B,OAAO,CAAC,aAAa;IAmBrB,+DAA+D;IAC/D,OAAO,CAAC,qBAAqB;IAc7B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA0DzB,2DAA2D;IAC3D,OAAO,CAAC,gBAAgB;IAIxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwB5B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAiB9B;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAuBlC;;OAEG;IACH,OAAO,CAAC,4BAA4B;IASpC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAuBxB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IA2C3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;CAmB1B;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,6BAA6B,CAAC;KAC3D;CACF"}
+{"version":3,"file":"selection-editor.d.ts","sourceRoot":"","sources":["../../src/lib/selection-editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAcvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAEL,KAAK,2BAA2B,EAEjC,MAAM,8BAA8B,CAAC;AAGtC,OAAO,4BAA4B,CAAC;AAWpC;;;;;;;;GAQG;AACH,qBACa,6BAA8B,SAAQ,UAAU;IAC3D,oFAAoF;IAEpF,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAE3C,gEAAgE;IAEhE,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,uFAAuF;IAEvF,qBAAqB,EAAE,2BAA2B,GAAG,IAAI,CAAQ;IAGjE,OAAO,CAAC,WAAW,CAAqB;IAExC,uGAAuG;IAEvG,OAAO,CAAC,SAAS,CAA4E;IAE7F,gGAAgG;IAEhG,OAAO,CAAC,iBAAiB,CAAwD;IAEjF,oFAAoF;IAEpF,OAAO,CAAC,aAAa,CAAkE;IAEvF,6EAA6E;IAE7E,OAAO,CAAC,mBAAmB,CAAkD;IAE7E,wDAAwD;IAExD,OAAO,CAAC,cAAc,CAAiC;IAGvD,OAAO,CAAC,UAAU,CAAuD;IAGzE,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,iBAAiB,CAAC,CAAgB;IAC1C,OAAO,CAAC,aAAa,CAAC,CAAgB;IACtC,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC,OAAO,CAAC,kBAAkB,CAA0B;IACpD,OAAO,CAAC,uBAAuB,CAA4B;IAC3D,OAAO,CAAC,oBAAoB,CAA4B;IACxD,OAAO,CAAC,mBAAmB,CAA8C;IACzE,OAAO,CAAC,8BAA8B,CAA4B;IAClE,OAAO,CAAC,mBAAmB,CAA2B;IACtD,OAAO,CAAC,6BAA6B,CAAuB;IAC5D,OAAO,CAAC,iBAAiB,CAA8C;IACvE,OAAO,CAAC,cAAc,CAAC,CAAgB;IACvC,OAAO,CAAC,4BAA4B,CAAgC;IACpE,OAAO,CAAC,yBAAyB,CAA6C;IAE9E,OAAgB,MAAM,0BAAyC;IAEtD,iBAAiB,IAAI,IAAI;IAczB,oBAAoB,IAAI,IAAI;IAgB5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;cA8G9D,MAAM;IAkIzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA2C9B,OAAO,CAAC,aAAa;IAmBrB,+DAA+D;IAC/D,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,uBAAuB;IAa/B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA2LzB,6FAA6F;IAC7F,OAAO,CAAC,0BAA0B;IAKlC,+FAA+F;IAC/F,OAAO,CAAC,8BAA8B;IAKtC,+DAA+D;IAC/D,OAAO,CAAC,eAAe;IAsBvB,wFAAwF;IACxF,OAAO,CAAC,sBAAsB;IAK9B,gFAAgF;IAChF,OAAO,CAAC,WAAW;IAsBnB,0FAA0F;IAC1F,OAAO,CAAC,uBAAuB;IA+B/B,OAAO,CAAC,0BAA0B;IASlC,OAAO,CAAC,0BAA0B;IAmClC,2DAA2D;IAC3D,OAAO,CAAC,gBAAgB;IAIxB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,oBAAoB;IAiD5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAiB9B;;;OAGG;IACH,OAAO,CAAC,0BAA0B;IA+BlC;;OAEG;IACH,OAAO,CAAC,4BAA4B;IASpC,OAAO,CAAC,qBAAqB;IAyB7B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAuB3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAuGzB,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,cAAc;IA+BtB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,iBAAiB;IAUzB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAuD7B,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,qBAAqB;IAO7B;;OAEG;IACH,OAAO,CAAC,2BAA2B;IA8DnC,OAAO,CAAC,wBAAwB;IA2BhC,OAAO,CAAC,2BAA2B;IAOnC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA6C9B,OAAO,CAAC,mBAAmB;IAwC3B,OAAO,CAAC,eAAe;IAqBvB,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,kBAAkB;IAyB1B,OAAO,CAAC,uBAAuB;IAe/B,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,oBAAoB;IAU5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;CAmB1B;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,6BAA6B,CAAC;KAC3D;CACF"}