oasis-editor 0.0.148 → 0.0.150

package/dist/plugins/internal/essentialsCapabilities.d.ts

@@ -1,4 +1,4 @@
-import { EditorImageBorder, EditorPageMargins } from '../../core/model.js';
+import { EditorImageBorder, EditorPageMargins, EditorMathExpression } from '../../core/model.js';
 import { ImageBorderPatch } from '../../core/commands/image.js';
 import { TextCaseMode } from '../../core/commands/text.js';
 import { ToolbarStyleState } from '../../ui/toolbarStyleState.js';
@@ -24,6 +24,8 @@ export interface EssentialsFormattingCapability {
     selectAll: () => boolean;
     insertFootnote: () => boolean;
     insertText: (text: string, fontFamily?: string | null) => boolean;
+    insertEquation: (expression: EditorMathExpression) => boolean;
+    updateEquation: (runId: string, expression: EditorMathExpression) => boolean;
     pastePlainText: () => boolean;
     bold: () => boolean;
     italic: () => boolean;
@@ -92,6 +94,7 @@ export interface EssentialsDocumentCapability {
     insertImage: () => void;
     insertShape: (preset: string) => void;
     openSymbolDialog: () => void;
+    openEquationDialog: () => void;
 }
 export interface EssentialsLinkCapability {
     prompt: () => void;
@@ -117,6 +120,16 @@ export interface EssentialsImageCapability {
     toggleCrop: () => void;
     /** Apply an aspect-ratio crop preset (e.g. "16:9", "1:1", "reset"). */
     applyCropAspect: (preset: string) => void;
+    /** Current DrawingML picture mask preset, or `null` for a rectangle. */
+    getCropShape: () => string | null;
+    /** Apply/remove a DrawingML picture mask preset. */
+    applyCropShape: (preset: string) => void;
+    /** Fill the current picture frame by cropping the source. */
+    applyCropFill: () => void;
+    /** Fit the complete source image inside the current picture frame. */
+    applyCropFit: () => void;
+    /** Clear source crop, fit/fill mode and picture mask. */
+    resetCrop: () => void;
     /** Outline of the selected image (`pic:spPr/a:ln`), or `null`. */
     getBorder: () => EditorImageBorder | null;
     /** Merge a partial outline edit; `{ color: null }` removes the outline. */

package/dist/ui/OasisEditorEditorProps.d.ts

@@ -71,6 +71,9 @@ export interface OasisEditorEditorSurfaceHandlers {
     onImageCropHandleMouseDown?: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
         currentTarget: HTMLElement;
     }) => void;
+    onImageCropBodyMouseDown?: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+        currentTarget: HTMLElement;
+    }) => void;
     onTextBoxRotateHandleMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
         currentTarget: HTMLElement;
     }) => void;

package/dist/ui/app/EditorDialogsLayer.d.ts

@@ -2,6 +2,7 @@ import { ComponentProps, JSX } from 'solid-js';
 import { FontDialog } from '../components/Dialogs/FontDialog.js';
 import { ParagraphDialog } from '../components/Dialogs/ParagraphDialog.js';
 import { TablePropertiesDialog } from '../components/Dialogs/TablePropertiesDialog.js';
+import { EditorMathExpression } from '../../core/model.js';
 import { FindReplaceDialog } from '../components/FindReplace/FindReplaceDialog.js';
 import { ContextMenu } from '../components/ContextMenu/ContextMenu.js';
 import { createEditorDialogs } from './useEditorDialogs.js';
@@ -23,6 +24,7 @@ export interface EditorDialogsLayerProps {
     applyTablePropertiesDialogValues: ComponentProps<typeof TablePropertiesDialog>["onApply"];
     confirmNewDocument: () => void;
     insertSymbol: (symbol: string, fontFamily: string) => void;
+    applyEquation: (expression: EditorMathExpression, targetRunId?: string) => void;
     closeContextMenu: () => void;
 }
 /**

package/dist/ui/app/buildEditorViewProps.d.ts

@@ -61,6 +61,7 @@ export interface EditorViewSurfaceInput {
     handleTextBoxResizeHandleMouseDown: OasisEditorEditorSurfaceHandlers["onTextBoxResizeHandleMouseDown"];
     handleImageRotateHandleMouseDown: OasisEditorEditorSurfaceHandlers["onImageRotateHandleMouseDown"];
     handleImageCropHandleMouseDown: NonNullable<OasisEditorEditorSurfaceHandlers["onImageCropHandleMouseDown"]>;
+    handleImageCropBodyMouseDown: NonNullable<OasisEditorEditorSurfaceHandlers["onImageCropBodyMouseDown"]>;
     handleTextBoxRotateHandleMouseDown: OasisEditorEditorSurfaceHandlers["onTextBoxRotateHandleMouseDown"];
     handleEditorContextMenu: (event: MouseEvent) => void;
 }

package/dist/ui/app/createAppCommandsController.d.ts

@@ -72,6 +72,10 @@ declare function createAppCommandsControllerImpl(deps: AppCommandsControllerDeps
         applyImageWidthCmCommand: (cm: number) => void;
         applyImageHeightCmCommand: (cm: number) => void;
         applyImageCropAspectCommand: (preset: string) => void;
+        applyImageCropShapeCommand: (preset: string) => void;
+        applyImageCropFillCommand: () => void;
+        applyImageCropFitCommand: () => void;
+        resetImageCropCommand: () => void;
         applyImageBorderCommand: (patch: import('../../core/commands/image.js').ImageBorderPatch) => void;
         handleListTab: (direction: "indent" | "outdent") => boolean;
         handleListEnter: () => boolean;
@@ -110,6 +114,10 @@ declare function createAppCommandsControllerImpl(deps: AppCommandsControllerDeps
         applyImageWidthCmCommand: (cm: number) => void;
         applyImageHeightCmCommand: (cm: number) => void;
         applyImageCropAspectCommand: (preset: string) => void;
+        applyImageCropShapeCommand: (preset: string) => void;
+        applyImageCropFillCommand: () => void;
+        applyImageCropFitCommand: () => void;
+        resetImageCropCommand: () => void;
         applyImageBorderCommand: (patch: import('../../core/commands/image.js').ImageBorderPatch) => void;
         handleListTab: (direction: "indent" | "outdent") => boolean;
         handleListEnter: () => boolean;

package/dist/ui/app/createEditorCommandRuntime.d.ts

@@ -51,6 +51,11 @@ export interface EditorCommandRuntimeDeps {
     setSymbolDialog: (state: {
         isOpen: boolean;
     }) => void;
+    setEquationDialog: (state: {
+        isOpen: boolean;
+        initial?: import('../../core/model.js').EditorMathExpression;
+        targetRunId?: string;
+    }) => void;
     getUiState: () => OasisEditorUiState;
     updateUiState: (patch: OasisEditorUiState) => OasisEditorUiState;
     zoom: {
@@ -100,6 +105,10 @@ declare function createEditorCommandRuntimeImpl(deps: EditorCommandRuntimeDeps):
         applyImageWidthCmCommand: (cm: number) => void;
         applyImageHeightCmCommand: (cm: number) => void;
         applyImageCropAspectCommand: (preset: string) => void;
+        applyImageCropShapeCommand: (preset: string) => void;
+        applyImageCropFillCommand: () => void;
+        applyImageCropFitCommand: () => void;
+        resetImageCropCommand: () => void;
         applyImageBorderCommand: (patch: import('../../core/commands/image.js').ImageBorderPatch) => void;
         handleListTab: (direction: "indent" | "outdent") => boolean;
         handleListEnter: () => boolean;

package/dist/ui/app/createEditorInteractionRuntime.d.ts

@@ -33,6 +33,7 @@ export interface EditorInteractionRuntimeDeps {
     measuredParagraphLayouts: DocRuntime["measuredParagraphLayouts"];
     documentLayout: DocRuntime["documentLayout"];
     canvasSnapshotProvider: DocRuntime["canvasSnapshotProvider"];
+    openEquationDialog: (initial?: import('../../core/model.js').EditorMathExpression, targetRunId?: string) => void;
 }
 /**
  * Phase B of the editor runtime: selection queries, the hit resolver, find &
@@ -123,6 +124,9 @@ declare function createEditorInteractionRuntimeImpl(deps: EditorInteractionRunti
         handleImageCropHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: import('../resizeGeometry.js').ResizeHandleDirection, event: MouseEvent & {
             currentTarget: HTMLElement;
         }) => void;
+        handleImageCropBodyMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+            currentTarget: HTMLElement;
+        }) => void;
     };
     textBoxOps: {
         handleTextBoxResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: import('../resizeGeometry.js').ResizeHandleDirection, event: MouseEvent & {

package/dist/ui/app/essentials/types.d.ts

@@ -28,6 +28,7 @@ export interface CreateEditorEssentialsPluginOptions {
     };
     newDocument: () => void;
     openSymbolDialog: () => void;
+    openEquationDialog: () => void;
     importInputRef: () => HTMLInputElement | undefined;
     imageInputRef: () => HTMLInputElement | undefined;
     selectedImageRun: () => SelectedImageRun | null;

package/dist/ui/app/useEditorDialogs.d.ts

@@ -2,6 +2,7 @@ import { Accessor, Setter } from 'solid-js';
 import { FontDialogInitialValues } from '../components/Dialogs/FontDialog.js';
 import { ParagraphDialogInitialValues } from '../components/Dialogs/ParagraphDialog.js';
 import { TablePropertiesDialogInitialValues } from '../components/Dialogs/TablePropertiesDialog.js';
+import { EditorMathExpression } from '../../core/model.js';
 
 export interface EditorDialogsState {
     newDocumentDialog: Accessor<{
@@ -16,6 +17,16 @@ export interface EditorDialogsState {
     setSymbolDialog: Setter<{
         isOpen: boolean;
     }>;
+    equationDialog: Accessor<{
+        isOpen: boolean;
+        initial?: EditorMathExpression;
+        targetRunId?: string;
+    }>;
+    setEquationDialog: Setter<{
+        isOpen: boolean;
+        initial?: EditorMathExpression;
+        targetRunId?: string;
+    }>;
     linkDialog: Accessor<{
         isOpen: boolean;
         initialHref: string;

package/dist/ui/app/useEditorInteractionWiring.d.ts

@@ -50,6 +50,7 @@ export interface EditorInteractionWiringContext {
     getForcePlainTextPaste: () => boolean;
     setForcePlainTextPaste: (value: boolean) => void;
     insertImageFromFile: ClipboardParams["insertImageFromFile"];
+    openEquationDialog: (initial?: import('../../core/model.js').EditorMathExpression, targetRunId?: string) => void;
 }
 export interface EditorInteractionWiring {
     tableResize: ReturnType<typeof createEditorTableResize>;

package/dist/ui/components/Dialogs/EquationDialog.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'solid-js';
+import { EditorMathExpression } from '../../../core/model.js';
+
+export interface EquationDialogProps {
+    isOpen: boolean;
+    initial?: EditorMathExpression;
+    onClose: () => void;
+    onApply: (expression: EditorMathExpression) => void;
+}
+export declare function EquationDialog(props: EquationDialogProps): JSX.Element;

package/dist/ui/cropGeometry.d.ts

@@ -16,8 +16,9 @@ export interface CropResult {
 }
 /**
  * Resolves the next crop + displayed size for a crop-handle drag. `deltaX`/
- * `deltaY` are pointer deltas in document px (already divided by zoom). Growing
- * a side is bounded by that side's original crop (you cannot un-crop past the
- * source image).
+ * `deltaY` are pointer deltas in document px (already divided by zoom). The
+ * display dimensions follow the handle so the source image keeps its scale.
  */
 export declare function resolveCroppedImage(geometry: CropSessionGeometry, deltaX: number, deltaY: number): CropResult;
+/** Moves the source image inside the fixed crop frame. */
+export declare function resolveMovedImageCrop(geometry: CropSessionGeometry, deltaX: number, deltaY: number): CropResult;

package/dist/ui/math/mathPainter.d.ts

@@ -0,0 +1,10 @@
+import { EditorMathExpression, EditorMathNode } from '../../core/model.js';
+
+export declare function mathDisplayText(expression: EditorMathExpression): string;
+export interface MathMeasure {
+    width: number;
+    height: number;
+}
+export declare function measureMathExpression(expression: EditorMathExpression, fontSize: number): MathMeasure;
+export declare function drawMathExpression(ctx: CanvasRenderingContext2D, expression: EditorMathExpression, x: number, baseline: number, fontSize: number, color: string): void;
+export declare function mathNodeText(node: EditorMathNode): string;

package/dist/ui/overlays/ImageCropPreviewOverlay.d.ts

@@ -0,0 +1,16 @@
+import { JSX } from 'solid-js';
+import { EditorImageRunData } from '../../core/model.js';
+
+export interface ImageCropPreviewOverlayProps {
+    box: () => {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    } | null;
+    image: () => EditorImageRunData | null;
+    src: () => string;
+    rotation: () => number;
+}
+/** Shows the uncropped source below the crop mask, as Word does while editing. */
+export declare function ImageCropPreviewOverlay(props: ImageCropPreviewOverlayProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oasis-editor",
-  "version": "0.0.148",
+  "version": "0.0.150",
   "type": "module",
   "repository": {
     "type": "git",