@docmentis/udoc-editor 0.8.17 → 0.8.19

package/dist/styles.js

@@ -738,6 +738,39 @@ export const editorStyles = css `
         color: var(--udoc-color-on-surface-variant);
     }
 
+    /* Insert Table's grid: cells to size a table on, those inside the size
+   pointed at lit in the soft tint a selection takes, and above them the size
+   named — or the command, while nothing is pointed at. */
+    .udoc-ui-root .udoc-menu.udoc-table-picker {
+        padding: 6px 10px 10px;
+    }
+    .udoc-ui-root .udoc-table-picker__caption {
+        padding: 2px 0 6px;
+        color: var(--udoc-color-on-surface-variant);
+        font-size: 12px;
+    }
+    .udoc-ui-root .udoc-table-picker__grid {
+        display: grid;
+        gap: 2px;
+    }
+    .udoc-ui-root .udoc-table-picker__cell {
+        width: 16px;
+        height: 16px;
+        padding: 0;
+        border: 1px solid var(--udoc-color-outline-variant);
+        border-radius: 2px;
+        background: var(--udoc-color-surface);
+        cursor: pointer;
+    }
+    .udoc-ui-root .udoc-table-picker__cell--lit {
+        border-color: var(--udoc-color-outline);
+        background-image: linear-gradient(var(--udoc-state-selected) 0 0);
+    }
+    .udoc-ui-root .udoc-table-picker__cell:focus-visible {
+        outline: 2px solid var(--udoc-color-primary);
+        outline-offset: 1px;
+    }
+
     /* Text tab's size field — a narrow fixed-width combobox (a point size is short),
    so picking a different size doesn't shift the Bold / Italic buttons beside it. */
     .udoc-ui-root .udoc-size-select {
@@ -887,6 +920,39 @@ export const editorStyles = css `
         border: 1.5px solid #b8860b;
         will-change: transform;
     }
+    /* A word document's floating drawing, selected: its anchor, in the margin
+   beside the paragraph the drawing is anchored in, where formatting marks draw
+   it in grey. Drawn in the selection's color, sized by the layer to the box the
+   engine reports, and dragged onto another paragraph to anchor the drawing
+   there; a locked anchor wears a padlock and does not drag. Carries no pointer
+   events, like the rest of the chrome. */
+    .udoc-ui-root .udoc-ui__object-anchor {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: flex;
+        box-sizing: border-box;
+        color: var(--udoc-canvas-selection);
+        will-change: transform;
+    }
+    .udoc-ui-root .udoc-ui__object-anchor > svg {
+        width: 100%;
+        height: 100%;
+    }
+    .udoc-ui-root .udoc-ui__object-anchor-lock {
+        position: absolute;
+        right: -25%;
+        bottom: -15%;
+        width: 55%;
+        height: 55%;
+        display: flex;
+        background: #fff;
+        border-radius: 2px;
+    }
+    .udoc-ui-root .udoc-ui__object-anchor-lock > svg {
+        width: 100%;
+        height: 100%;
+    }
 
     /* The ruler's controls (ruler-controls.ts), in the layers over its strips:
    each margin's edge, and the indent markers and tab stops of the paragraph a

package/dist/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,mDAAmD;AACnD,EAAE;AACF,uEAAuE;AACvE,+EAA+E;AAC/E,4BAA4B;AAC5B,MAAM,GAAG,GAAG,CAAC,OAA6B,EAAE,GAAG,MAAiB,EAAU,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC;AAErH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+hC9B,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,mDAAmD;AACnD,EAAE;AACF,uEAAuE;AACvE,+EAA+E;AAC/E,4BAA4B;AAC5B,MAAM,GAAG,GAAG,CAAC,OAA6B,EAAE,GAAG,MAAiB,EAAU,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC;AAErH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAimC9B,CAAC"}

package/dist/table-edits.d.ts

@@ -0,0 +1,44 @@
+import type { TableSelectionEdit, TableSelectionProperties, TextSelection, UDocSelection } from "@docmentis/udoc-wasm";
+/** The value a consensus holds, `null` where it holds several or none. */
+export declare function consensusValue<T>(consensus: "absent" | "mixed" | {
+    value: T;
+} | undefined): T | null;
+/** The one position the innermost table `text` is in takes in its story, as a
+ *  range over it — what a delete of that table deletes. `null` outside a table. */
+export declare function tableSlotSelection(text: TextSelection): TextSelection | null;
+/** A word document's selection with the table it is in selected as text — the
+ *  body's, a header's or a footer's — or `null` where it isn't in one. */
+export declare function wordTableSelection(selection: UDocSelection): UDocSelection | null;
+/** The four sides of a cell's margins, by name. */
+export type MarginSide = "top" | "bottom" | "left" | "right";
+export declare const MARGIN_SIDES: readonly MarginSide[];
+/** What the dialog shows: each value the selection holds one of, `null` where
+ *  it holds several (or none) — a blank field. In points. */
+export interface TablePropertiesValues {
+    rowHeight: number | null;
+    columnWidth: number | null;
+    margins: Record<MarginSide, number | null>;
+    /** Repeat Header Rows — a word document's alone. */
+    header: boolean | null;
+}
+/** What the dialog opens on: the selection's values, and how its rows declare
+ *  their height, which an edited height keeps. */
+export interface TablePropertiesSeed {
+    values: TablePropertiesValues;
+    /** `exact` where every selected row is exactly its height; `atLeast` — a
+     *  minimum, a deck's only rule and a word document's default — otherwise. */
+    heightRule: "atLeast" | "exact";
+    /** Whether Repeat Header Rows shows — in a word document, which repeats a
+     *  table's header rows across pages; a deck's table never splits. */
+    showHeader: boolean;
+}
+/** The dialog's opening values for `table`, the selection's table properties. */
+export declare function tablePropertiesSeed(table: TableSelectionProperties, wordprocessing: boolean): TablePropertiesSeed;
+/**
+ * The edits OK sends for `values` against what the dialog opened on: only what
+ * changed, at most one per kind — the rows' height and header together, the
+ * columns' width, the cells' margins with only the sides that moved — so a
+ * field left as it was stays as each cell has it.
+ */
+export declare function tablePropertiesEdits(seed: TablePropertiesSeed, values: TablePropertiesValues): TableSelectionEdit[];
+//# sourceMappingURL=table-edits.d.ts.map

package/dist/table-edits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-edits.d.ts","sourceRoot":"","sources":["../src/table-edits.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGR,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,aAAa,EAChB,MAAM,sBAAsB,CAAC;AAE9B,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,OAAO,GAAG;IAAE,KAAK,EAAE,CAAC,CAAA;CAAE,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAEpG;AAED;mFACmF;AACnF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,aAAa,GAAG,aAAa,GAAG,IAAI,CAS5E;AAED;0EAC0E;AAC1E,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,aAAa,GAAG,aAAa,GAAG,IAAI,CAiBjF;AAED,mDAAmD;AACnD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7D,eAAO,MAAM,YAAY,EAAE,SAAS,UAAU,EAAuC,CAAC;AAEtF;6DAC6D;AAC7D,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,oDAAoD;IACpD,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B;AAED;kDACkD;AAClD,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,qBAAqB,CAAC;IAC9B;iFAC6E;IAC7E,UAAU,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC;yEACqE;IACrE,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,iFAAiF;AACjF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,EAAE,cAAc,EAAE,OAAO,GAAG,mBAAmB,CAmBjH;AAQD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,qBAAqB,GAAG,kBAAkB,EAAE,CAqBnH"}

package/dist/table-edits.js

@@ -0,0 +1,97 @@
+/** The value a consensus holds, `null` where it holds several or none. */
+export function consensusValue(consensus) {
+    return typeof consensus === "object" ? consensus.value : null;
+}
+/** The one position the innermost table `text` is in takes in its story, as a
+ *  range over it — what a delete of that table deletes. `null` outside a table. */
+export function tableSlotSelection(text) {
+    if (!("table" in text))
+        return null;
+    const { story, offset, table } = text.table;
+    // A table in a cell of this one is the innermost: descend through the cell.
+    if ("cellText" in table) {
+        const inner = tableSlotSelection(table.cellText.text);
+        if (inner)
+            return { table: { story, offset, table: { cellText: { ...table.cellText, text: inner } } } };
+    }
+    return { range: { story, anchor: offset, focus: offset + 1 } };
+}
+/** A word document's selection with the table it is in selected as text — the
+ *  body's, a header's or a footer's — or `null` where it isn't in one. */
+export function wordTableSelection(selection) {
+    if (!("wordprocessing" in selection))
+        return null;
+    const word = selection.wordprocessing;
+    if (typeof word !== "object")
+        return null;
+    if ("sectionText" in word) {
+        const slot = tableSlotSelection(word.sectionText.selection);
+        return slot && { wordprocessing: { sectionText: { ...word.sectionText, selection: slot } } };
+    }
+    if ("headerText" in word) {
+        const slot = tableSlotSelection(word.headerText.selection);
+        return slot && { wordprocessing: { headerText: { ...word.headerText, selection: slot } } };
+    }
+    if ("footerText" in word) {
+        const slot = tableSlotSelection(word.footerText.selection);
+        return slot && { wordprocessing: { footerText: { ...word.footerText, selection: slot } } };
+    }
+    return null;
+}
+export const MARGIN_SIDES = ["top", "bottom", "left", "right"];
+/** The dialog's opening values for `table`, the selection's table properties. */
+export function tablePropertiesSeed(table, wordprocessing) {
+    const height = consensusValue(table.height);
+    const margins = consensusValue(table.margins);
+    return {
+        values: {
+            // An automatic height states no measure: the field opens blank.
+            rowHeight: height === null || height === "auto" ? null : "exact" in height ? height.exact : height.atLeast,
+            columnWidth: consensusValue(table.width),
+            margins: {
+                top: margins?.top ?? null,
+                bottom: margins?.bottom ?? null,
+                left: margins?.left ?? null,
+                right: margins?.right ?? null,
+            },
+            header: consensusValue(table.header),
+        },
+        heightRule: height !== null && height !== "auto" && "exact" in height ? "exact" : "atLeast",
+        showHeader: wordprocessing,
+    };
+}
+/** Whether `next` is a value other than `was` — a blank field never is, and a
+ *  measure differs once it moves by a hundredth of a point. */
+function changed(next, was) {
+    return next !== null && (was === null || Math.abs(next - was) >= 0.005);
+}
+/**
+ * The edits OK sends for `values` against what the dialog opened on: only what
+ * changed, at most one per kind — the rows' height and header together, the
+ * columns' width, the cells' margins with only the sides that moved — so a
+ * field left as it was stays as each cell has it.
+ */
+export function tablePropertiesEdits(seed, values) {
+    const was = seed.values;
+    const edits = [];
+    const row = {};
+    if (changed(values.rowHeight, was.rowHeight)) {
+        row.height = seed.heightRule === "exact" ? { exact: values.rowHeight } : { atLeast: values.rowHeight };
+    }
+    if (seed.showHeader && values.header !== null && values.header !== was.header)
+        row.header = values.header;
+    if (Object.keys(row).length > 0)
+        edits.push({ patchRowProperties: { properties: row } });
+    if (changed(values.columnWidth, was.columnWidth))
+        edits.push({ setColumnWidth: { width: values.columnWidth } });
+    const margins = {};
+    for (const side of MARGIN_SIDES) {
+        const next = values.margins[side];
+        if (changed(next, was.margins[side]))
+            margins[side] = next;
+    }
+    if (Object.keys(margins).length > 0)
+        edits.push({ patchCellProperties: { properties: { margins } } });
+    return edits;
+}
+//# sourceMappingURL=table-edits.js.map

package/dist/table-edits.js.map

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

package/dist/table-format.d.ts

@@ -0,0 +1,88 @@
+import type { TableBorder, TableCellBorderEdge, TableLook, TableSelectionEdit, TableSelectionProperties, UDocSelectionProperties } from "@docmentis/udoc-wasm";
+import type { LineDash, PaintSpec, RibbonControl, RibbonControlEnv, UIShellHost } from "@docmentis/udoc-ui/internal";
+import type { MessageKey } from "./i18n/index.js";
+import type { EditTools } from "./tools.js";
+/** The selection's table properties — what the Table tab's controls mirror —
+ *  or `null` outside a table. */
+export declare function selectionTable(properties: UDocSelectionProperties | null): TableSelectionProperties | null;
+/** Turn one of the Table Style Options on or off — the rest of the look as the
+ *  table has it, since the look is set whole. */
+export declare function toggleTableLook(host: UIShellHost, flag: keyof TableLook): Promise<void>;
+/**
+ * Delete the table the selection is in. A deck's table is its frame, a shape
+ * like any other, so it goes as the selected shape does. A word document's
+ * takes one position in its story, so that position is selected and deleted as
+ * text — the paragraphs either side stay apart, as a table's own position is
+ * all a delete of it covers.
+ */
+export declare function deleteTable(host: UIShellHost): Promise<void>;
+/** Run `edit` on the table the selection is in — one committing edit. */
+export declare function runTableEdit(host: UIShellHost, edit: TableSelectionEdit): Promise<void>;
+/** The theme block the color panels show: the document's palette for an Office
+ *  document, none for a PDF. */
+export declare function themeOf(env: RibbonControlEnv): readonly import("@docmentis/udoc-ui/internal").ThemeSwatch[] | null;
+/**
+ * The Shading dropdown: the cells' fill. Like the Shape tab's Fill it mirrors
+ * the selection — the swatch is the shading of the cells it covers, the one a
+ * table style's banding gives them included — and the caret opens the color
+ * panel, whose No Fill row takes the shading away.
+ */
+export declare function tableShadingControl(env: RibbonControlEnv, tools: EditTools): RibbonControl;
+/** The pen a Border lays: a color, a weight in points and a dash. */
+export interface BorderPen {
+    paint: PaintSpec;
+    weight: number;
+    dash: LineDash;
+}
+/** The pen a Border starts with: Office's, a 1pt solid black line. */
+export declare const DEFAULT_BORDER_PEN: BorderPen;
+/** Diagonal Down Border: the top-left to bottom-right diagonal. */
+export declare const ICON_BORDER_DIAGONAL_DOWN = "<svg viewBox=\"0 -960 960 960\" fill=\"currentColor\"><path d=\"M144-144v-72h72v72h-72ZM144-294v-72h72v72h-72ZM144-444v-72h72v72h-72ZM144-594v-72h72v72h-72ZM144-744v-72h72v72h-72ZM744-144v-72h72v72h-72ZM744-294v-72h72v72h-72ZM744-444v-72h72v72h-72ZM744-594v-72h72v72h-72ZM744-744v-72h72v72h-72ZM294-744v-72h72v72h-72ZM444-744v-72h72v72h-72ZM594-744v-72h72v72h-72ZM294-144v-72h72v72h-72ZM444-144v-72h72v72h-72ZM594-144v-72h72v72h-72Z\"/><path d=\"M144-816h51l621 621v51h-51L144-765v-51Z\"/></svg>";
+/** Diagonal Up Border: the bottom-left to top-right diagonal. */
+export declare const ICON_BORDER_DIAGONAL_UP = "<svg viewBox=\"0 -960 960 960\" fill=\"currentColor\"><path d=\"M144-144v-72h72v72h-72ZM144-294v-72h72v72h-72ZM144-444v-72h72v72h-72ZM144-594v-72h72v72h-72ZM144-744v-72h72v72h-72ZM744-144v-72h72v72h-72ZM744-294v-72h72v72h-72ZM744-444v-72h72v72h-72ZM744-594v-72h72v72h-72ZM744-744v-72h72v72h-72ZM294-744v-72h72v72h-72ZM444-744v-72h72v72h-72ZM594-744v-72h72v72h-72ZM294-144v-72h72v72h-72ZM444-144v-72h72v72h-72ZM594-144v-72h72v72h-72Z\"/><path d=\"M144-144h51l621-621v-51h-51L144-195v51Z\"/></svg>";
+/** One of the Border menu's edge choices: what it lays the pen on, its name, and
+ *  its glyph. */
+export interface EdgeChoice {
+    edges: TableCellBorderEdge;
+    label: MessageKey;
+    icon: string;
+}
+/** The edge choices, in Word's and PowerPoint's order. */
+export declare const BORDER_EDGES: readonly EdgeChoice[];
+/** The border `pen` draws as: its `DrawingML` line alone, which the renderer
+ *  strokes and a save of either format writes. */
+export declare function borderOfPen(pen: BorderPen): TableBorder;
+/** No Border's line: one with no fill, which draws nothing — laid on every
+ *  edge, the diagonals included. */
+export declare function noBorder(): TableBorder;
+/** The edit that lays `border` on `edges` of the selected block. */
+export declare function borderEdit(edges: TableCellBorderEdge, border: TableBorder): TableSelectionEdit;
+/** The pen the Border control lays — what the Border Color and Border
+ *  controls share, made once for edit mode and kept across the ribbon's
+ *  rebuilds. */
+export interface BorderState {
+    pen: BorderPen;
+}
+/** A border state at Office's starting pen. */
+export declare function createBorderState(): BorderState;
+/**
+ * A Border Color dropdown, for command `command`: the pen the Border control
+ * lays — its color, and its weight and dash in the panel's fly-outs. It sets
+ * the pen and nothing else, as Word's Pen Color does: the borders already drawn
+ * keep theirs, and the next Border draws with it. The swatch shows the pen's
+ * color.
+ */
+export declare function borderColorControl(env: RibbonControlEnv, tools: EditTools, state: BorderState, command: string): RibbonControl;
+/** What a Border control does with a choice: lays `pen` on `edges` of the
+ *  selected block, or with `null` takes the borders there away. */
+export type LayBorder = (edges: TableCellBorderEdge, pen: BorderPen | null) => void;
+/** A table's {@link LayBorder}: its cells' borders, as `DrawingML` lines. */
+export declare function layTableBorder(host: UIShellHost): LayBorder;
+/**
+ * A Border split button, for command `command`: the main part lays the pen on
+ * All Borders, which its glyph shows; the caret lists the edge choices, then No
+ * Border, each laying the pen (or taking the borders away) at once, as `lay`
+ * does.
+ */
+export declare function borderControl(env: RibbonControlEnv, tools: EditTools, state: BorderState, command: string, lay: LayBorder): RibbonControl;
+//# sourceMappingURL=table-format.d.ts.map

package/dist/table-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-format.d.ts","sourceRoot":"","sources":["../src/table-format.ts"],"names":[],"mappings":"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"}

package/dist/table-format.js

@@ -0,0 +1,224 @@
+import { applyPaintBar, buildPaintPanel, createDropdownButton, createMenuItem, createSplitButton, displayToActivePaint, drawingProperties, ICON_FILL as ICON_SHADING, paintSwatch, tableShadingDisplay, } from "@docmentis/udoc-ui/internal";
+import { ICON_BORDER_ALL, ICON_BORDER_BOTTOM, ICON_BORDER_COLOR, ICON_BORDER_INSIDE, ICON_BORDER_INSIDE_HORIZONTAL, ICON_BORDER_INSIDE_VERTICAL, ICON_BORDER_LEFT, ICON_BORDER_NONE, ICON_BORDER_OUTSIDE, ICON_BORDER_RIGHT, ICON_BORDER_TOP, } from "./icons.js";
+import { changedDrawingLine } from "./line-edit.js";
+import { mapThemeColors, paintToDrawingFill, THEMED } from "./paint.js";
+import { editState } from "./state.js";
+import { consensusValue, wordTableSelection } from "./table-edits.js";
+/** The selection's table properties — what the Table tab's controls mirror —
+ *  or `null` outside a table. */
+export function selectionTable(properties) {
+    return drawingProperties(properties)?.table ?? null;
+}
+/** Turn one of the Table Style Options on or off — the rest of the look as the
+ *  table has it, since the look is set whole. */
+export function toggleTableLook(host, flag) {
+    const look = consensusValue(selectionTable(editState(host.store.getState()).selectionProperties)?.look);
+    if (!look)
+        return Promise.resolve();
+    return runTableEdit(host, { patchTableProperties: { properties: { look: { ...look, [flag]: !look[flag] } } } });
+}
+/**
+ * Delete the table the selection is in. A deck's table is its frame, a shape
+ * like any other, so it goes as the selected shape does. A word document's
+ * takes one position in its story, so that position is selected and deleted as
+ * text — the paragraphs either side stay apart, as a table's own position is
+ * all a delete of it covers.
+ */
+export async function deleteTable(host) {
+    if (host.store.getState().docType === "wordprocessing") {
+        const selection = await host.client.selection();
+        const slot = selection && wordTableSelection(selection);
+        if (!slot)
+            return;
+        host.client.setSelection(slot);
+        await host.commit(() => host.client.executeOnSelection({ kind: "deleteText", forward: true }));
+        return;
+    }
+    await host.commit(() => host.client.executeOnSelection({ kind: "deleteShapes" }));
+}
+/** Run `edit` on the table the selection is in — one committing edit. */
+export function runTableEdit(host, edit) {
+    return host.commit(() => host.client.executeOnSelection(edit));
+}
+/** The theme block the color panels show: the document's palette for an Office
+ *  document, none for a PDF. */
+export function themeOf(env) {
+    const state = env.store.getState();
+    return state.docType !== null && THEMED.has(state.docType) ? mapThemeColors(editState(state).themePalette) : null;
+}
+/**
+ * The Shading dropdown: the cells' fill. Like the Shape tab's Fill it mirrors
+ * the selection — the swatch is the shading of the cells it covers, the one a
+ * table style's banding gives them included — and the caret opens the color
+ * panel, whose No Fill row takes the shading away.
+ */
+export function tableShadingControl(env, tools) {
+    const { i18n } = tools;
+    const shading = () => tableShadingDisplay(editState(env.store.getState()).selectionProperties);
+    const dd = createDropdownButton({ icon: paintSwatch(ICON_SHADING, shading()), label: env.label }, {
+        menuLabel: i18n.t("ribbon.paintOptions", { label: env.label }),
+        onOpen: () => buildPaintPanel(dd.menu, {
+            i18n,
+            variant: "fill",
+            theme: themeOf(env),
+            recent: env.recentPaint.fill,
+            active: displayToActivePaint(shading()),
+            stroke: null,
+            onPick: (paint) => {
+                if (paint.kind !== "none")
+                    env.pushRecent("fill", paint.hex);
+                dd.controller.close();
+                void runTableEdit(tools.host, {
+                    patchCellProperties: { properties: { fill: paintToDrawingFill(paint) } },
+                });
+            },
+        }),
+    });
+    dd.trigger.dataset.command = "tableShading";
+    return {
+        el: dd.el,
+        sync: (state) => applyPaintBar(dd.trigger, tableShadingDisplay(editState(state).selectionProperties)),
+        close: () => dd.controller.close(),
+        destroy: () => dd.destroy(),
+    };
+}
+/** The pen a Border starts with: Office's, a 1pt solid black line. */
+export const DEFAULT_BORDER_PEN = { paint: { kind: "solid", hex: "#000000" }, weight: 1, dash: "solid" };
+// The two diagonal borders Material Symbols has no symbol for, drawn from
+// `border_clear`, the no-border glyph: its dotted frame, less the dotted cross
+// inside it — a diagonal is a cell's own, and the cross's centre would sit on
+// it — with one solid diagonal corner to corner, as thick across as Material's
+// own diagonals. Modified from Material Symbols, © Google LLC, licensed under
+// the Apache License 2.0: https://www.apache.org/licenses/LICENSE-2.0
+/** Diagonal Down Border: the top-left to bottom-right diagonal. */
+export const ICON_BORDER_DIAGONAL_DOWN = `<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M144-144v-72h72v72h-72ZM144-294v-72h72v72h-72ZM144-444v-72h72v72h-72ZM144-594v-72h72v72h-72ZM144-744v-72h72v72h-72ZM744-144v-72h72v72h-72ZM744-294v-72h72v72h-72ZM744-444v-72h72v72h-72ZM744-594v-72h72v72h-72ZM744-744v-72h72v72h-72ZM294-744v-72h72v72h-72ZM444-744v-72h72v72h-72ZM594-744v-72h72v72h-72ZM294-144v-72h72v72h-72ZM444-144v-72h72v72h-72ZM594-144v-72h72v72h-72Z"/><path d="M144-816h51l621 621v51h-51L144-765v-51Z"/></svg>`;
+/** Diagonal Up Border: the bottom-left to top-right diagonal. */
+export const ICON_BORDER_DIAGONAL_UP = `<svg viewBox="0 -960 960 960" fill="currentColor"><path d="M144-144v-72h72v72h-72ZM144-294v-72h72v72h-72ZM144-444v-72h72v72h-72ZM144-594v-72h72v72h-72ZM144-744v-72h72v72h-72ZM744-144v-72h72v72h-72ZM744-294v-72h72v72h-72ZM744-444v-72h72v72h-72ZM744-594v-72h72v72h-72ZM744-744v-72h72v72h-72ZM294-744v-72h72v72h-72ZM444-744v-72h72v72h-72ZM594-744v-72h72v72h-72ZM294-144v-72h72v72h-72ZM444-144v-72h72v72h-72ZM594-144v-72h72v72h-72Z"/><path d="M144-144h51l621-621v-51h-51L144-195v51Z"/></svg>`;
+/** The edge choices, in Word's and PowerPoint's order. */
+export const BORDER_EDGES = [
+    { edges: "all", label: "table.borderAll", icon: ICON_BORDER_ALL },
+    { edges: "outside", label: "table.borderOutside", icon: ICON_BORDER_OUTSIDE },
+    { edges: "inside", label: "table.borderInside", icon: ICON_BORDER_INSIDE },
+    { edges: "top", label: "table.borderTop", icon: ICON_BORDER_TOP },
+    { edges: "bottom", label: "table.borderBottom", icon: ICON_BORDER_BOTTOM },
+    { edges: "left", label: "table.borderLeft", icon: ICON_BORDER_LEFT },
+    { edges: "right", label: "table.borderRight", icon: ICON_BORDER_RIGHT },
+    { edges: "insideHorizontal", label: "table.borderInsideHorizontal", icon: ICON_BORDER_INSIDE_HORIZONTAL },
+    { edges: "insideVertical", label: "table.borderInsideVertical", icon: ICON_BORDER_INSIDE_VERTICAL },
+    { edges: "diagonalDown", label: "table.borderDiagonalDown", icon: ICON_BORDER_DIAGONAL_DOWN },
+    { edges: "diagonalUp", label: "table.borderDiagonalUp", icon: ICON_BORDER_DIAGONAL_UP },
+];
+/** The border `pen` draws as: its `DrawingML` line alone, which the renderer
+ *  strokes and a save of either format writes. */
+export function borderOfPen(pen) {
+    const line = changedDrawingLine(null, {}, { fill: paintToDrawingFill(pen.paint), weight: pen.weight, dash: pen.dash });
+    return { line };
+}
+/** No Border's line: one with no fill, which draws nothing — laid on every
+ *  edge, the diagonals included. */
+export function noBorder() {
+    return { line: changedDrawingLine(null, { fill: "none" }, { fill: "none", weight: 1, dash: "solid" }) };
+}
+/** The edit that lays `border` on `edges` of the selected block. */
+export function borderEdit(edges, border) {
+    return { patchCellBorders: { edges, border } };
+}
+/** A border state at Office's starting pen. */
+export function createBorderState() {
+    return { pen: { ...DEFAULT_BORDER_PEN } };
+}
+/**
+ * A Border Color dropdown, for command `command`: the pen the Border control
+ * lays — its color, and its weight and dash in the panel's fly-outs. It sets
+ * the pen and nothing else, as Word's Pen Color does: the borders already drawn
+ * keep theirs, and the next Border draws with it. The swatch shows the pen's
+ * color.
+ */
+export function borderColorControl(env, tools, state, command) {
+    const { i18n } = tools;
+    const dd = createDropdownButton({ icon: paintSwatch(ICON_BORDER_COLOR, displayOfPen(state.pen)), label: env.label }, {
+        menuLabel: i18n.t("ribbon.paintOptions", { label: env.label }),
+        onOpen: () => {
+            buildPaintPanel(dd.menu, {
+                i18n,
+                variant: "stroke",
+                theme: themeOf(env),
+                recent: env.recentPaint.stroke,
+                active: state.pen.paint,
+                stroke: { weight: state.pen.weight, dash: state.pen.dash },
+                onPick: (paint) => {
+                    if (paint.kind !== "none")
+                        env.pushRecent("stroke", paint.hex);
+                    setPen({ ...state.pen, paint });
+                },
+                onWeight: (weight) => setPen({ ...state.pen, weight }),
+                onDash: (dash) => setPen({ ...state.pen, dash }),
+            });
+            // A pen has a color; taking the borders away is the Border
+            // menu's No Border.
+            dd.menu.querySelector(".udoc-paintpanel__none")?.remove();
+        },
+    });
+    dd.trigger.dataset.command = command;
+    function setPen(pen) {
+        state.pen = pen;
+        applyPaintBar(dd.trigger, displayOfPen(pen));
+        dd.controller.close();
+    }
+    return {
+        el: dd.el,
+        close: () => dd.controller.close(),
+        destroy: () => dd.destroy(),
+    };
+}
+/** A table's {@link LayBorder}: its cells' borders, as `DrawingML` lines. */
+export function layTableBorder(host) {
+    return (edges, pen) => void runTableEdit(host, borderEdit(edges, pen ? borderOfPen(pen) : noBorder()));
+}
+/**
+ * A Border split button, for command `command`: the main part lays the pen on
+ * All Borders, which its glyph shows; the caret lists the edge choices, then No
+ * Border, each laying the pen (or taking the borders away) at once, as `lay`
+ * does.
+ */
+export function borderControl(env, tools, state, command, lay) {
+    const { i18n } = tools;
+    const split = createSplitButton({
+        mainLabel: env.label,
+        mainIcon: ICON_BORDER_ALL,
+        caretLabel: i18n.t("table.borderOptions"),
+        menuLabel: i18n.t("table.borderOptions"),
+        onOpen: () => fill(),
+    });
+    split.main.dataset.command = command;
+    split.caret.dataset.command = command;
+    split.main.addEventListener("click", () => lay("all", state.pen));
+    function fill() {
+        split.menu.innerHTML = "";
+        const row = (icon, label, run) => {
+            const item = createMenuItem({ icon, text: i18n.t(label) });
+            item.addEventListener("click", (e) => {
+                e.stopPropagation();
+                split.controller.close();
+                run();
+            });
+            return item;
+        };
+        for (const choice of BORDER_EDGES) {
+            split.menu.append(row(choice.icon, choice.label, () => lay(choice.edges, state.pen)));
+        }
+        const none = row(ICON_BORDER_NONE, "table.borderNone", () => lay("allAndDiagonals", null));
+        none.classList.add("udoc-toolbar__menu-item--divider");
+        split.menu.append(none);
+    }
+    return {
+        el: split.el,
+        close: () => split.controller.close(),
+        destroy: () => split.destroy(),
+    };
+}
+/** The bar a pen's color shows as under the Border Color glyph. */
+function displayOfPen(pen) {
+    return pen.paint.kind === "none" ? { kind: "none" } : { kind: "solid", hex: pen.paint.hex };
+}
+//# sourceMappingURL=table-format.js.map

package/dist/table-format.js.map

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

package/dist/table-picker.d.ts

@@ -0,0 +1,14 @@
+/** The grid's size: the largest table it inserts, as Word's and PowerPoint's. */
+export declare const PICKER_ROWS = 8;
+export declare const PICKER_COLUMNS = 10;
+/** A table's size, in rows and columns. */
+export interface TableSize {
+    rows: number;
+    columns: number;
+}
+/** The size the grid's cell at `row`, `column` (0-based) stands for: every cell
+ *  up to it and left of it, inclusive. */
+export declare function pickedSize(row: number, column: number): TableSize;
+/** Whether the grid's cell at `row`, `column` lies inside `size`, so it lights. */
+export declare function inSize(size: TableSize | null, row: number, column: number): boolean;
+//# sourceMappingURL=table-picker.d.ts.map

package/dist/table-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-picker.d.ts","sourceRoot":"","sources":["../src/table-picker.ts"],"names":[],"mappings":"AAGA,iFAAiF;AACjF,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,2CAA2C;AAC3C,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACnB;AAED;0CAC0C;AAC1C,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,CAEjE;AAED,mFAAmF;AACnF,wBAAgB,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAEnF"}

package/dist/table-picker.js

@@ -0,0 +1,15 @@
+// The sizing behind Insert Table's grid, apart from the grid itself: which
+// table a cell of it stands for, and which cells light for a size.
+/** The grid's size: the largest table it inserts, as Word's and PowerPoint's. */
+export const PICKER_ROWS = 8;
+export const PICKER_COLUMNS = 10;
+/** The size the grid's cell at `row`, `column` (0-based) stands for: every cell
+ *  up to it and left of it, inclusive. */
+export function pickedSize(row, column) {
+    return { rows: row + 1, columns: column + 1 };
+}
+/** Whether the grid's cell at `row`, `column` lies inside `size`, so it lights. */
+export function inSize(size, row, column) {
+    return size !== null && row < size.rows && column < size.columns;
+}
+//# sourceMappingURL=table-picker.js.map

package/dist/table-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-picker.js","sourceRoot":"","sources":["../src/table-picker.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,mEAAmE;AAEnE,iFAAiF;AACjF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC;AAC7B,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAQjC;0CAC0C;AAC1C,MAAM,UAAU,UAAU,CAAC,GAAW,EAAE,MAAc;IAClD,OAAO,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;AAClD,CAAC;AAED,mFAAmF;AACnF,MAAM,UAAU,MAAM,CAAC,IAAsB,EAAE,GAAW,EAAE,MAAc;IACtE,OAAO,IAAI,KAAK,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;AACrE,CAAC"}

package/dist/table-properties.d.ts

@@ -0,0 +1,12 @@
+import type { EditHost } from "./edit-client.js";
+import type { I18n } from "./i18n/index.js";
+/** The Table Properties dialog, mounted into a shell. */
+export interface TableProperties {
+    /** Open the dialog on the table the selection is in. */
+    open(): void;
+    destroy(): void;
+}
+/** Mount the Table Properties dialog into `host` — once, seeded from the
+ *  selection each open. Its OK sends one edit per kind that changed, in turn. */
+export declare function mountTableProperties(host: EditHost, i18n: I18n): TableProperties;
+//# sourceMappingURL=table-properties.d.ts.map