oasis-editor 0.0.87 → 0.0.89

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

@@ -54,13 +54,23 @@ export interface EssentialsFormattingCapability {
     setHighlight: (value: string | null) => boolean;
     setTextShading: (value: string | null) => boolean;
     setStyleId: (value: string) => boolean;
+    setCharacterStyleId: (value: string) => boolean;
     setUnderlineStyle: (value: string | null) => void;
 }
 export interface EssentialsDocumentStyleDescriptor {
     id: string;
     name: string;
+    type: "paragraph" | "character" | "table";
+    qFormat?: boolean;
+    uiPriority?: number;
+    semiHidden?: boolean;
+    unhideWhenUsed?: boolean;
+    isUsed?: boolean;
     fontFamily?: string;
     fontSize?: number;
+    color?: string;
+    bold?: boolean;
+    italic?: boolean;
 }
 export interface EssentialsDocumentCapability {
     documentStyles: () => EssentialsDocumentStyleDescriptor[];

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

@@ -42,7 +42,7 @@ export interface AppCommandsControllerDeps {
 export declare function createAppCommandsController(deps: AppCommandsControllerDeps): {
     commandsController: {
         applyBooleanStyleCommand: (key: BooleanStyleKey) => void;
-        applyValueStyleCommand: <K extends "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
+        applyValueStyleCommand: <K extends "styleId" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
         applyChangeTextCaseCommand: (mode: import('../../core/commands/textCase').TextCaseMode) => void;
         applyClearFormattingCommand: () => void;
         applyParagraphStyleCommand: <K extends import('../toolbarStyleState.js').ParagraphStyleKey>(key: K, value: import('../../core/model.js').EditorParagraphStyle[K] | null) => void;
@@ -76,7 +76,7 @@ export declare function createAppCommandsController(deps: AppCommandsControllerD
     };
     keyboardCommandsController: {
         applyBooleanStyleCommand: (style: BooleanStyleKey) => void;
-        applyValueStyleCommand: <K extends "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
+        applyValueStyleCommand: <K extends "styleId" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
         applyChangeTextCaseCommand: (mode: import('../../core/commands/textCase').TextCaseMode) => void;
         applyClearFormattingCommand: () => void;
         applyParagraphStyleCommand: <K extends import('../toolbarStyleState.js').ParagraphStyleKey>(key: K, value: import('../../core/model.js').EditorParagraphStyle[K] | null) => void;

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

@@ -57,7 +57,7 @@ export interface EditorCommandRuntimeDeps {
 export declare function createEditorCommandRuntime(deps: EditorCommandRuntimeDeps): {
     commandsController: {
         applyBooleanStyleCommand: (key: BooleanStyleKey) => void;
-        applyValueStyleCommand: <K extends "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
+        applyValueStyleCommand: <K extends "styleId" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
         applyChangeTextCaseCommand: (mode: import('../../core/commands/textCase.js').TextCaseMode) => void;
         applyClearFormattingCommand: () => void;
         applyParagraphStyleCommand: <K extends import('../toolbarStyleState.js').ParagraphStyleKey>(key: K, value: import('../../core/model.js').EditorParagraphStyle[K] | null) => void;

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

@@ -130,7 +130,7 @@ export declare function createEditorInteractionRuntime(deps: EditorInteractionRu
         pendingCaretTextStyle: import('solid-js').Accessor<import('../../core/model.js').EditorTextStyle | undefined>;
         clearPendingCaretTextStyle: () => void;
         toolbarStyleState: () => import('../toolbarStyleState.js').ToolbarStyleState;
-        applyToolbarValueStyleCommand: <K extends "link" | "underlineStyle" | "textEffect" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
+        applyToolbarValueStyleCommand: <K extends "link" | "styleId" | "underlineStyle" | "textEffect" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language">(key: K, value: import('../../core/model.js').EditorTextStyle[K] | null) => void;
         applyToolbarBooleanStyleCommand: (key: import('../toolbarStyleState.js').BooleanStyleKey) => void;
     };
     onEditorMouseDown: (event: MouseEvent) => void;

package/dist/ui/canvas/CanvasLayoutSnapshot.d.ts

@@ -1,6 +1,6 @@
 import { CanvasLayoutSnapshot, BuildCanvasLayoutSnapshotOptions } from './canvasSnapshotTypes.js';
 
-export type { ResolveTextBoxRenderHeight, CanvasSnapshotSlot, CanvasSnapshotLine, CanvasSnapshotTableCellInfo, CanvasSnapshotParagraph, CanvasSnapshotInlineImage, CanvasSnapshotFloatingTextBox, CanvasSnapshotFloatingImage, CanvasSnapshotInlineTextBox, CanvasSnapshotPage, CanvasLayoutSnapshot, BuildCanvasLayoutSnapshotOptions, } from './canvasSnapshotTypes.js';
+export type { ResolveTextBoxRenderHeight, CanvasSnapshotSlot, CanvasSnapshotLine, CanvasSnapshotTableCellInfo, CanvasSnapshotParagraph, CanvasSnapshotInlineImage, CanvasSnapshotFloatingTextBox, CanvasSnapshotFloatingImage, CanvasSnapshotInlineTextBox, CanvasSnapshotFloatingTable, CanvasSnapshotPage, CanvasLayoutSnapshot, BuildCanvasLayoutSnapshotOptions, } from './canvasSnapshotTypes.js';
 /**
  * Coordinate contract ("screen-anchored local" space)
  * ----------------------------------------------------

package/dist/ui/canvas/CanvasTableLayout.d.ts

@@ -1,7 +1,8 @@
-import { EditorParagraphNode, EditorPosition, EditorState, EditorTableNode } from '../../core/model.js';
+import { EditorParagraphNode, EditorPosition, EditorState, EditorTableNode, EditorRevisionMetadata } from '../../core/model.js';
 import { projectParagraphLayout } from '../../layoutProjection/index.js';
 import { VerticalRenderMode } from './verticalText.js';
 
+export declare function resolveCanvasTableWidth(table: EditorTableNode, contentWidth: number): number;
 export type CanvasUnsupportedReason = "unsupported:v-span" | "unsupported:v-merge" | "unsupported:nested-table";
 export interface CanvasTableBorderSpec {
     width: number;
@@ -41,10 +42,15 @@ export interface CanvasTableCellLayoutEntry {
         right: CanvasTableBorderSpec;
         bottom: CanvasTableBorderSpec;
         left: CanvasTableBorderSpec;
+        topLeftToBottomRight?: CanvasTableBorderSpec;
+        topRightToBottomLeft?: CanvasTableBorderSpec;
     };
     paragraphs: CanvasTableParagraphLayoutEntry[];
     /** Vertical text flow inside this cell (`horizontal` when not rotated). */
     verticalMode: VerticalRenderMode;
+    revision?: EditorRevisionMetadata & {
+        type: "insert" | "delete" | "merge" | "property";
+    };
 }
 export interface CanvasTableLayoutResult {
     tableId: string;

package/dist/ui/canvas/canvasBorders.d.ts

@@ -8,6 +8,8 @@ export interface CanvasBorderBox {
     right?: CanvasBorderEdge;
     bottom?: CanvasBorderEdge;
     left?: CanvasBorderEdge;
+    topLeftToBottomRight?: CanvasBorderEdge;
+    topRightToBottomLeft?: CanvasBorderEdge;
 }
 /**
  * Strokes the four edges of a rectangular box. Edges left `undefined` are

package/dist/ui/canvas/canvasSnapshotTypes.d.ts

@@ -25,6 +25,7 @@ export interface CanvasSnapshotTableCellInfo {
     width: number;
     height: number;
     anchorPosition: EditorPosition;
+    revisionId?: string;
 }
 export interface CanvasSnapshotParagraph {
     paragraph: EditorParagraphNode;
@@ -109,6 +110,16 @@ export interface CanvasSnapshotInlineTextBox {
     /** Shape rotation in degrees, when rotated. */
     rotation?: number;
 }
+export interface CanvasSnapshotFloatingTable {
+    tableId: string;
+    zone: EditorEditingZone;
+    footnoteId?: string;
+    pageIndex: number;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
 export interface CanvasSnapshotPage {
     index: number;
     left: number;
@@ -130,6 +141,7 @@ export interface CanvasLayoutSnapshot {
     floatingImages: CanvasSnapshotFloatingImage[];
     inlineTextBoxes: CanvasSnapshotInlineTextBox[];
     floatingTextBoxes: CanvasSnapshotFloatingTextBox[];
+    floatingTables: CanvasSnapshotFloatingTable[];
     unsupportedRegions: Array<{
         pageIndex: number;
         zone: EditorEditingZone;

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

@@ -1,4 +1,4 @@
-import { EditorBorderStyle, EditorDocxWidthValue, EditorTableRowHeightRule } from '../../../core/model.js';
+import { EditorBorderStyle, EditorDocxWidthValue, EditorTableRowHeightRule, EditorTableFloatingLayout } from '../../../core/model.js';
 
 type TableWidthUnit = "points" | "percent";
 type BorderStyleValue = "none" | "solid" | "dashed" | "dotted";
@@ -10,6 +10,17 @@ export interface TablePropertiesDialogInitialValues {
     tableIndentLeft: string;
     tableWrapping: "none" | "around";
     floatingSummary: string;
+    floatingHorizontalAnchor: "margin" | "page" | "text";
+    floatingVerticalAnchor: "margin" | "page" | "text";
+    floatingX: string;
+    floatingY: string;
+    floatingXAlign: "" | "left" | "center" | "right" | "inside" | "outside";
+    floatingYAlign: "" | "top" | "center" | "bottom" | "inside" | "outside";
+    floatingDistanceTop: string;
+    floatingDistanceRight: string;
+    floatingDistanceBottom: string;
+    floatingDistanceLeft: string;
+    floatingOverlap: "overlap" | "never";
     rowHeight: string;
     rowHeightRule: EditorTableRowHeightRule | "";
     repeatHeader: boolean;
@@ -33,6 +44,10 @@ export interface TablePropertiesDialogInitialValues {
     borderRight: boolean;
     borderBottom: boolean;
     borderLeft: boolean;
+    borderStart: boolean;
+    borderEnd: boolean;
+    borderTopLeftToBottomRight: boolean;
+    borderTopRightToBottomLeft: boolean;
     shading: string;
     altTitle: string;
     altDescription: string;
@@ -42,11 +57,17 @@ export interface TablePropertiesDialogBorders {
     right: EditorBorderStyle | null;
     bottom: EditorBorderStyle | null;
     left: EditorBorderStyle | null;
+    start: EditorBorderStyle | null;
+    end: EditorBorderStyle | null;
+    topLeftToBottomRight: EditorBorderStyle | null;
+    topRightToBottomLeft: EditorBorderStyle | null;
 }
 export interface TablePropertiesDialogApplyValues {
     tableWidth: EditorDocxWidthValue | null;
     tableAlign: "left" | "center" | "right" | null;
     tableIndentLeft: EditorDocxWidthValue | null;
+    tableFloating: EditorTableFloatingLayout | null;
+    tableOverlap: "overlap" | "never" | null;
     rowHeight: EditorDocxWidthValue | null;
     rowHeightRule: EditorTableRowHeightRule | null;
     repeatHeader: boolean;

package/dist/ui/components/Toolbar/StyleGallery.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+import { StyleGalleryItem, ToolbarActionApi, ToolbarDocumentStyle } from './schema/items.js';
+
+export declare function getQuickStyles(styles: ToolbarDocumentStyle[]): ToolbarDocumentStyle[];
+export interface StyleGalleryProps {
+    item: StyleGalleryItem;
+    api: ToolbarActionApi;
+}
+export declare function StyleGallery(props: StyleGalleryProps): JSX.Element;

package/dist/ui/components/Toolbar/schema/items.d.ts

@@ -19,8 +19,17 @@ export interface ToolbarCommandState {
 export interface ToolbarDocumentStyle {
     id: string;
     name: string;
+    type: "paragraph" | "character" | "table";
+    qFormat?: boolean;
+    uiPriority?: number;
+    semiHidden?: boolean;
+    unhideWhenUsed?: boolean;
+    isUsed?: boolean;
     fontFamily?: string;
     fontSize?: number;
+    color?: string;
+    bold?: boolean;
+    italic?: boolean;
 }
 /**
  * Narrow surface every toolbar item depends on (DIP/ISP). Items only dispatch
@@ -111,6 +120,13 @@ export interface SelectItem extends ToolbarItemBase {
     placeholder?: string;
     width?: "wide" | "small" | "default";
 }
+export interface StyleGalleryItem extends ToolbarItemBase {
+    type: "styleGallery";
+    /** Reactive descriptors supplied through the command-state boundary. */
+    styles: (api: ToolbarActionApi) => ToolbarDocumentStyle[];
+    paragraphCommand: CommandRef;
+    characterCommand: CommandRef;
+}
 export interface ColorPickerItem extends ToolbarItemBase {
     type: "colorPicker";
     kind: "color" | "highlight" | "shading";
@@ -143,5 +159,5 @@ export interface CustomItem extends ToolbarItemBase {
     type: "custom";
     render: (api: ToolbarActionApi) => JSX.Element;
 }
-export type ToolbarItem = ButtonItem | ToggleItem | SplitItem | MenuItem | SelectItem | ColorPickerItem | GridPickerItem | SeparatorItem | GroupItem | CustomItem;
+export type ToolbarItem = ButtonItem | ToggleItem | SplitItem | MenuItem | SelectItem | StyleGalleryItem | ColorPickerItem | GridPickerItem | SeparatorItem | GroupItem | CustomItem;
 export type ToolbarItemType = ToolbarItem["type"];

package/dist/ui/editorUiTypes.d.ts

@@ -44,7 +44,7 @@ export interface RevisionBox {
     revisionId: string;
     author: string;
     date: number;
-    type: "insert" | "delete";
+    type: "insert" | "delete" | "merge" | "property" | "grid";
     left: number;
     top: number;
 }

package/dist/ui/toolbarStyleState.d.ts

@@ -1,7 +1,7 @@
 import { EditorState } from '../core/model.js';
 
 export type BooleanStyleKey = "bold" | "italic" | "underline" | "strike" | "doubleStrike" | "superscript" | "subscript" | "smallCaps" | "allCaps" | "hidden" | "noProof" | "webHidden" | "specVanish" | "contextualAlternates";
-export type ValueStyleKey = "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle" | "underlineColor" | "characterScale" | "characterSpacing" | "baselineShift" | "kerningThreshold" | "ligatures" | "numberSpacing" | "numberForm" | "stylisticSet";
+export type ValueStyleKey = "styleId" | "fontFamily" | "fontSize" | "color" | "highlight" | "shading" | "language" | "textEffect" | "link" | "underlineStyle" | "underlineColor" | "characterScale" | "characterSpacing" | "baselineShift" | "kerningThreshold" | "ligatures" | "numberSpacing" | "numberForm" | "stylisticSet";
 export type ParagraphStyleKey = "styleId" | "align" | "spacingBefore" | "spacingAfter" | "lineHeight" | "indentLeft" | "indentRight" | "indentFirstLine" | "indentHanging" | "shading" | "tabs" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "pageBreakBefore" | "keepWithNext";
 export interface ToolbarStyleState {
     bold: boolean;
@@ -36,6 +36,7 @@ export interface ToolbarStyleState {
     textEffect: string;
     link: string;
     styleId: string;
+    characterStyleId: string;
     align: string;
     lineHeight: string;
     spacingBefore: string;

package/package.json

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