@trebco/treb 37.0.0 → 37.1.0

package/build/treb-grid/src/render/selection-renderer.js

@@ -0,0 +1,315 @@
+/*
+ * This file is part of TREB.
+ *
+ * TREB is free software: you can redistribute it and/or modify it under the
+ * terms of the GNU General Public License as published by the Free Software
+ * Foundation, either version 3 of the License, or (at your option) any
+ * later version.
+ *
+ * TREB is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with TREB. If not, see <https://www.gnu.org/licenses/>.
+ *
+ * Copyright 2022-2026 trebco, llc.
+ * info@treb.app
+ *
+ */
+import { Rectangle } from 'treb-base-types';
+import { SVGSelectionBlock } from './svg_selection_block';
+import { HeaderOverlay, Orientation } from './svg_header_overlay';
+// const SVGNS = 'http://www.w3.org/2000/svg';
+export class SelectionRenderer {
+    theme;
+    layout;
+    model;
+    view;
+    primary_selection;
+    additional_selections;
+    nub_rectangle = new Rectangle(-1, -1, 0, 0);
+    // tmp
+    cached_additional_selections = '';
+    grid_selections = [];
+    row_header_selections = [];
+    column_header_selections = [];
+    corner_selections = [];
+    row_overlay;
+    column_overlay;
+    corner_row_overlay;
+    corner_column_overlay;
+    constructor(theme, layout, model, view, primary_selection, 
+    // private highlight_selection: GridSelection,
+    additional_selections) {
+        this.theme = theme;
+        this.layout = layout;
+        this.model = model;
+        this.view = view;
+        this.primary_selection = primary_selection;
+        this.additional_selections = additional_selections;
+    }
+    Initialize() {
+        // create header overlays
+        this.row_overlay =
+            new HeaderOverlay(this.theme, this.layout.row_header_selection, Orientation.Horizontal);
+        this.column_overlay =
+            new HeaderOverlay(this.theme, this.layout.column_header_selection, Orientation.Vertical);
+        this.corner_row_overlay =
+            new HeaderOverlay(this.theme, this.layout.corner_selection, Orientation.Horizontal);
+        this.corner_column_overlay =
+            new HeaderOverlay(this.theme, this.layout.corner_selection, Orientation.Vertical);
+    }
+    /**
+     * we cache blocks that have inline style information. if style
+     * information updates we will have to flush the cache and rebuild.
+     * /
+    public Flush() {
+  
+      // clean up, then call initialize to reconstruct
+  
+      for (const overlay of [
+          this.row_overlay,
+          this.column_overlay,
+          this.corner_row_overlay,
+          this.corner_column_overlay,
+        ]) {
+        overlay.Remove();
+      }
+  
+      this.Initialize();
+  
+      // selections: remove nodes from DOM, if connected, before cleaning up
+  
+      for (const group of [
+          this.grid_selections,
+          this.row_header_selections,
+          this.column_header_selections,
+          this.corner_selections,
+        ]) {
+        for (const block of group) {
+  
+          // IE11 requires parentNode; seems to work in chrome/ffx,
+          // so unify (was originally using parentElement)
+  
+          if (block.g.parentNode) {
+            block.g.parentNode.removeChild(block.g);
+          }
+        }
+      }
+  
+      this.grid_selections = [];
+      this.row_header_selections = [];
+      this.column_header_selections = [];
+      this.corner_selections = [];
+  
+    }
+    */
+    /**
+     * renders all (primary and additional) selections. selections are painted
+     * on a separate canvas which overlays the grid. unlike grid/header layers,
+     * the selection canvas is transparent (alpha = true, which is default, so
+     * omitted).
+     *
+     * updated for svg selections. erase is now required, so parameter is removed.
+     * update: add an optional (default true) parameter to re-render additional
+     * selections; this will support cache for selections that don't change.
+     */
+    RenderSelections(show_primary_selection = true, rerender = true) {
+        // this is a dumb way of doing this... it's also error prone,
+        // because it needs to track all the function exits (there are
+        // two, atm)
+        const cache_primary_empty = this.primary_selection.empty;
+        if (!show_primary_selection) {
+            this.primary_selection.empty = true;
+        }
+        // temp (we could change the signature and just take an array)
+        const aggregate = [this.primary_selection].concat(this.additional_selections);
+        this.RenderSelectionGroup(aggregate, this.layout.grid_selection, undefined, undefined, this.grid_selections, undefined, rerender);
+        // this is the layout rect for row/column header highlights (primary selection only)
+        let header_selection_rect = new Rectangle(-1, -1, 0, 0);
+        if (!this.primary_selection.empty) {
+            const area = this.view.active_sheet.RealArea(this.primary_selection.area);
+            header_selection_rect =
+                this.layout.CellAddressToRectangle(area.start).Combine(this.layout.CellAddressToRectangle(area.end));
+        }
+        // highlight row header (if visible)
+        if (!this.primary_selection.empty && this.layout.header_offset.y > 2) {
+            this.row_overlay.Show(header_selection_rect.left, 0, header_selection_rect.width, this.layout.header_offset.y);
+            this.corner_row_overlay.Show(header_selection_rect.left + this.layout.header_offset.x, 0, header_selection_rect.width, this.layout.header_offset.y);
+        }
+        else {
+            this.row_overlay.Hide();
+            this.corner_row_overlay.Hide();
+        }
+        // highlight column header (if visible)
+        if (!this.primary_selection.empty && this.layout.header_offset.x > 2) {
+            this.column_overlay.Show(0, header_selection_rect.top, this.layout.header_offset.x, header_selection_rect.height);
+            this.corner_column_overlay.Show(0, header_selection_rect.top + this.layout.header_offset.y, this.layout.header_offset.x, header_selection_rect.height);
+        }
+        else {
+            this.column_overlay.Hide();
+            this.corner_column_overlay.Hide();
+        }
+        if (!this.view.active_sheet.freeze.columns && !this.view.active_sheet.freeze.rows) {
+            this.primary_selection.empty = cache_primary_empty;
+            return;
+        }
+        // check visibility for selections in frozen rows, columns
+        const visible_row = [];
+        const visible_column = [];
+        if (this.primary_selection.empty) {
+            visible_row.push(false);
+            visible_column.push(false);
+        }
+        else {
+            const start = this.primary_selection.area.start;
+            visible_row.push((start.row <= this.view.active_sheet.freeze.rows) ||
+                (start.row === Infinity));
+            visible_column.push((start.column <= this.view.active_sheet.freeze.columns) ||
+                (start.column === Infinity));
+        }
+        for (const { area } of this.additional_selections) {
+            visible_row.push((area.start.row <= this.view.active_sheet.freeze.rows) ||
+                (area.start.row === Infinity));
+            visible_column.push((area.start.column <= this.view.active_sheet.freeze.columns) ||
+                (area.start.column === Infinity));
+        }
+        // selections...
+        if (this.view.active_sheet.freeze.rows) {
+            this.RenderSelectionGroup(aggregate, this.layout.row_header_selection, visible_row, undefined, this.row_header_selections, { x: 0, y: this.layout.header_offset.y });
+        }
+        if (this.view.active_sheet.freeze.columns) {
+            this.RenderSelectionGroup(aggregate, this.layout.column_header_selection, visible_column, undefined, this.column_header_selections, { x: this.layout.header_offset.x, y: 0 });
+        }
+        if (this.view.active_sheet.freeze.rows && this.view.active_sheet.freeze.columns) {
+            this.RenderSelectionGroup(aggregate, this.layout.corner_selection, visible_column, visible_row, this.corner_selections, { ...this.layout.header_offset });
+        }
+        this.primary_selection.empty = cache_primary_empty;
+    }
+    /**
+     * render a group of selections, optionally gated on one or two boolean
+     * arrays (used to check if the selection is within some bounds)
+     */
+    RenderSelectionGroup(aggregate, node, visible_a, visible_b, group, offset, rerender = true) {
+        for (let i = 0; i < aggregate.length; i++) {
+            const sheet_match = (!aggregate[i].area.start.sheet_id) ||
+                (aggregate[i].area.start.sheet_id === this.view.active_sheet.id);
+            if (sheet_match && !aggregate[i].empty && (!visible_a || visible_a[i]) && (!visible_b || visible_b[i])) {
+                if (rerender || !aggregate[i].rendered) {
+                    const block = this.EnsureGridSelectionBlock(node, group, i, offset);
+                    this.RenderSVGSelection(aggregate[i], block, i);
+                }
+            }
+            else {
+                if (group[i])
+                    group[i].Show(false);
+            }
+        }
+        for (let i = aggregate.length; i < group.length; i++) {
+            if (group[i])
+                group[i].Show(false);
+        }
+    }
+    /**
+     * create or return existing node. supports changing the offset,
+     * as that may be variable.
+     *
+     * FIXME: now that this is in a single method, could inline?
+     */
+    EnsureGridSelectionBlock(node, node_set, index, offset) {
+        // ensure the selection
+        let selection_block = node_set[index];
+        if (!selection_block) {
+            selection_block = new SVGSelectionBlock(!index, this.theme, undefined, node);
+            node_set[index] = selection_block;
+            if (index) {
+                // alternate, should indicate a different way
+                // we're adding a node to contain alternate selections just so that
+                // we can use 1n, 2n, 3n indexing in CSS... although nth-of-type looks
+                // like it might help, it won't. it doesn't mean nth-instance.
+                let group = node.querySelector('.alternate-selections');
+                if (!group) {
+                    group = this.layout.DOM.SVG('g', 'alternate-selections');
+                    node.appendChild(group);
+                }
+                group?.appendChild(selection_block.g);
+            }
+            else {
+                // primary
+                node.appendChild(selection_block.g);
+            }
+        }
+        if (offset)
+            selection_block.Offset(offset);
+        return selection_block;
+    }
+    ClampEnd(address) {
+        // NOTE: column/row can be infinity, but min handles that properly
+        return {
+            row: Math.min(address.row, this.view.active_sheet.rows - 1),
+            column: Math.min(address.column, this.view.active_sheet.columns - 1),
+        };
+    }
+    /**
+     * testing an SVG selection. index replaces primary; primary is always index 0.
+     */
+    RenderSVGSelection(selection, block, index = 0) {
+        const area = this.view.active_sheet.RealArea(selection.area, true);
+        let rect = this.layout.CellAddressToRectangle(area.start);
+        if (area.count > 1) {
+            rect = rect.Combine(this.layout.CellAddressToRectangle(area.end));
+        }
+        else if (index) {
+            // update: select merge areas for alternate selections when single
+            const data = this.view.active_sheet.CellData(selection.target);
+            if (data.merge_area) {
+                rect = this.layout.CellAddressToRectangle(data.merge_area.start);
+                rect = rect.Combine(this.layout.CellAddressToRectangle(data.merge_area.end));
+            }
+        }
+        // nub select target wants the base rectangle (not offset for tiles)
+        // FIXME: parameterize size
+        if (!index) {
+            this.nub_rectangle = new Rectangle(rect.left + rect.width - 6, rect.top + rect.height - 6, 11, 11);
+        }
+        else {
+            // block.SetThemeColor(index - 1);
+        }
+        // FIXME: with giant selection svg, we should clip the selection rect
+        // to visible to prevent giant rects/paths
+        // when not showing headers...
+        if (rect.top === 0 && this.layout.header_offset.y <= 1) {
+            rect.top = 1;
+            rect.height -= 1;
+        }
+        if (rect.left === 0 && this.layout.header_offset.x <= 1) {
+            rect.left = 1;
+            rect.width -= 1;
+        }
+        // don't render if the rect is <= 0 height or width (cells are hidden)
+        if (rect.height <= 0 || rect.height <= 0) {
+            block.Show(false);
+            return;
+        }
+        // FIXME: this could be wrapped up in one call
+        block.SetOutline(rect, !!index);
+        if (!index) {
+            // get the target rect (primary only)
+            let target_rect = this.layout.CellAddressToRectangle(selection.target);
+            const data = this.view.active_sheet.CellData(selection.target);
+            if (data.merge_area) {
+                target_rect = this.layout.CellAddressToRectangle(data.merge_area.start);
+                target_rect = target_rect.Combine(this.layout.CellAddressToRectangle(data.merge_area.end));
+            }
+            block.SetFill(target_rect, rect);
+            block.SetNub(rect);
+        }
+        else {
+            selection.rendered = true;
+        }
+        block.Show();
+    }
+}
+//# sourceMappingURL=selection-renderer.js.map

package/build/treb-grid/src/render/selection-renderer.js.map

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

package/build/treb-grid/src/render/svg_header_overlay.d.ts

@@ -0,0 +1,20 @@
+import { type Theme } from 'treb-base-types';
+export declare enum Orientation {
+    Horizontal = 0,
+    Vertical = 1
+}
+export declare class HeaderOverlay {
+    private theme;
+    private container;
+    private orientation;
+    private g;
+    private overlay;
+    private highlight;
+    constructor(theme: Theme, container: SVGElement, orientation: Orientation);
+    /**
+     * remove from DOM, prior to cleanup
+     */
+    Remove(): void;
+    Hide(): void;
+    Show(x: number, y: number, width: number, height: number): void;
+}

package/build/treb-grid/src/render/svg_header_overlay.js

@@ -0,0 +1,76 @@
+/*
+ * This file is part of TREB.
+ *
+ * TREB is free software: you can redistribute it and/or modify it under the
+ * terms of the GNU General Public License as published by the Free Software
+ * Foundation, either version 3 of the License, or (at your option) any
+ * later version.
+ *
+ * TREB is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with TREB. If not, see <https://www.gnu.org/licenses/>.
+ *
+ * Copyright 2022-2026 trebco, llc.
+ * info@treb.app
+ *
+ */
+import { DOMContext } from 'treb-base-types';
+export var Orientation;
+(function (Orientation) {
+    Orientation[Orientation["Horizontal"] = 0] = "Horizontal";
+    Orientation[Orientation["Vertical"] = 1] = "Vertical";
+})(Orientation || (Orientation = {}));
+export class HeaderOverlay {
+    theme;
+    container;
+    orientation;
+    g;
+    overlay;
+    highlight;
+    constructor(theme, container, orientation) {
+        this.theme = theme;
+        this.container = container;
+        this.orientation = orientation;
+        const DOM = DOMContext.GetInstance(container.ownerDocument);
+        this.g = DOM.SVG('g', 'treb-header-overlay');
+        this.overlay = DOM.SVG('rect', 'treb-overlay');
+        this.highlight = DOM.SVG('rect', 'treb-highlight');
+        this.g.style.display = 'none';
+        this.g.appendChild(this.highlight);
+        this.g.appendChild(this.overlay);
+        container.appendChild(this.g);
+    }
+    /**
+     * remove from DOM, prior to cleanup
+     */
+    Remove() {
+        this.container.removeChild(this.g);
+    }
+    Hide() {
+        this.g.style.display = 'none';
+    }
+    Show(x, y, width, height) {
+        this.overlay.setAttribute('x', x.toString());
+        this.overlay.setAttribute('y', y.toString());
+        this.overlay.setAttribute('width', width.toString());
+        this.overlay.setAttribute('height', height.toString());
+        if (this.orientation === Orientation.Horizontal) {
+            this.highlight.setAttribute('x', x.toString());
+            this.highlight.setAttribute('y', (y + height - 2).toString());
+            this.highlight.setAttribute('width', width.toString());
+            this.highlight.setAttribute('height', '2');
+        }
+        else {
+            this.highlight.setAttribute('x', (x + width - 2).toString());
+            this.highlight.setAttribute('y', y.toString());
+            this.highlight.setAttribute('width', '2');
+            this.highlight.setAttribute('height', height.toString());
+        }
+        this.g.style.display = 'block';
+    }
+}
+//# sourceMappingURL=svg_header_overlay.js.map

package/build/treb-grid/src/render/svg_header_overlay.js.map

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

package/build/treb-grid/src/render/svg_selection_block.d.ts

@@ -0,0 +1,27 @@
+import { type Theme, type Rectangle } from 'treb-base-types';
+/**
+ * the original selections -- a canvas overlaid over the tile canvases --
+ * broke android chrome, hard. so we are switching to an svg overlay (seems
+ * ok on android chrome, at least for now).
+ *
+ * this class wraps up some of the svg-specific stuff, particularly setting
+ * attributes.
+ */
+export interface SelectionOffset {
+    x: number;
+    y: number;
+}
+export declare class SVGSelectionBlock {
+    private theme;
+    private offset;
+    g: SVGGElement;
+    outline: SVGRectElement;
+    fill?: SVGElement;
+    nub?: SVGRectElement;
+    constructor(primary: boolean, theme: Theme, offset: SelectionOffset | undefined, node: SVGElement);
+    Offset(offset: SelectionOffset): void;
+    Show(show?: boolean): void;
+    SetOutline(rect: Rectangle, fill?: boolean): void;
+    SetFill(inside: Rectangle, outside: Rectangle): void;
+    SetNub(rect: Rectangle): void;
+}

package/build/treb-grid/src/render/svg_selection_block.js

@@ -0,0 +1,106 @@
+/*
+ * This file is part of TREB.
+ *
+ * TREB is free software: you can redistribute it and/or modify it under the
+ * terms of the GNU General Public License as published by the Free Software
+ * Foundation, either version 3 of the License, or (at your option) any
+ * later version.
+ *
+ * TREB is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with TREB. If not, see <https://www.gnu.org/licenses/>.
+ *
+ * Copyright 2022-2026 trebco, llc.
+ * info@treb.app
+ *
+ */
+import { DOMContext } from 'treb-base-types';
+export class SVGSelectionBlock {
+    theme;
+    offset;
+    g;
+    outline;
+    fill; // SVGPathElement;
+    nub;
+    constructor(primary, theme, offset = { x: 0, y: 0 }, node) {
+        this.theme = theme;
+        this.offset = offset;
+        const DOM = DOMContext.GetInstance(node.ownerDocument);
+        this.g = DOM.SVG('g');
+        this.g.setAttribute('transform', `translate(${offset.x}, ${offset.y})`);
+        this.outline = DOM.SVG('rect', 'treb-selection-outline');
+        if (primary) {
+            this.g.setAttribute('class', 'selection primary-selection');
+            // primary selections have a separate fill, plus the nub. separate
+            // fill because the "target" is unfilled.
+            this.fill = DOM.SVG('path', 'treb-selection-fill');
+            this.nub = DOM.SVG('rect', 'treb-selection-nub');
+            this.g.appendChild(this.fill);
+            this.g.appendChild(this.outline);
+            this.g.appendChild(this.nub);
+        }
+        else {
+            this.g.setAttribute('class', 'selection alternate-selection');
+            // secondary selections. fill is not used, we just fill the rect
+            // UPDATE: adding the fill, for styling purposes; we can set color,
+            // and use currentColor, but we can't set opacity separately so we
+            // need another node. which is a waste, but ergonomics ftw!
+            this.fill = DOM.SVG('rect', 'treb-selection-fill');
+            // this.SetThemeColor(0);
+            // if (theme.additional_selection_line_dash_array) {
+            //  this.outline.setAttribute('stroke-dasharray', theme.additional_selection_line_dash_array);
+            // }
+            this.g.appendChild(this.fill);
+            this.g.appendChild(this.outline);
+        }
+    }
+    Offset(offset) {
+        this.g.setAttribute('transform', `translate(${offset.x}, ${offset.y})`);
+    }
+    Show(show = true) {
+        this.g.style.display = show ? 'block' : 'none';
+    }
+    SetOutline(rect, fill = false) {
+        this.outline.setAttribute('x', (rect.left - 1).toString());
+        this.outline.setAttribute('y', (rect.top - 1).toString());
+        this.outline.setAttribute('width', (rect.width + 1).toString());
+        this.outline.setAttribute('height', (rect.height + 1).toString());
+        if (fill && this.fill) {
+            this.fill.setAttribute('x', (rect.left).toString());
+            this.fill.setAttribute('y', (rect.top).toString());
+            this.fill.setAttribute('width', (rect.width).toString());
+            this.fill.setAttribute('height', (rect.height).toString());
+        }
+    }
+    SetFill(inside, outside) {
+        if (!this.fill)
+            return;
+        const d = [];
+        // inner
+        d.push('M' + inside.left + ' ' + inside.top);
+        d.push('L' + inside.left + ' ' + inside.bottom);
+        d.push('L' + inside.right + ' ' + inside.bottom);
+        d.push('L' + inside.right + ' ' + inside.top);
+        d.push('Z');
+        // outer, reverse direction
+        d.push('M' + outside.left + ' ' + outside.top);
+        d.push('L' + outside.right + ' ' + outside.top);
+        d.push('L' + outside.right + ' ' + outside.bottom);
+        d.push('L' + outside.left + ' ' + outside.bottom);
+        d.push('Z');
+        this.fill.setAttribute('d', d.join(' '));
+    }
+    SetNub(rect) {
+        if (!this.nub)
+            return;
+        this.nub.setAttribute('x', (rect.left + rect.width - 4).toString());
+        this.nub.setAttribute('y', (rect.top + rect.height - 4).toString());
+        this.nub.setAttribute('width', '7');
+        this.nub.setAttribute('height', '7');
+    }
+}
+//# sourceMappingURL=svg_selection_block.js.map

package/build/treb-grid/src/render/svg_selection_block.js.map

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