@adam26davidson/char-matrix-react 0.0.1

package/dist/char-matrix/src/Element/ElementDrawing.d.ts

@@ -0,0 +1,41 @@
+import { IntPoint } from "../types/IntPoint";
+import { ElementLayout } from "./ElementLayout";
+import { ElementConfig } from "./ElementBase";
+import { ElementAnimationHandler } from "../interfaces/ElementAnimationHandler";
+export declare abstract class ElementDrawing extends ElementLayout {
+    protected scrollOffset: IntPoint;
+    protected fullContentOffset: IntPoint;
+    protected mustRedraw: boolean;
+    protected animationHandler: ElementAnimationHandler | null;
+    protected isDraggingScrollbar: boolean;
+    private dragStartY;
+    private dragStartScroll;
+    constructor(config: ElementConfig);
+    getScrollOffset: () => IntPoint;
+    protected drawChar(char: string, p: IntPoint, o?: IntPoint): void;
+    draw(offset: IntPoint): void;
+    protected abstract drawOwnContent(offset: IntPoint): void;
+    protected flagForRedraw(): void;
+    /**
+     * Apply a scroll delta (in character rows). Returns true if scroll was consumed.
+     */
+    protected applyScroll(delta: number): boolean;
+    /**
+     * Update showingScrollBar based on content vs viewable size.
+     * Called from reprocessContent in subclasses.
+     */
+    protected updateScrollShowing(): void;
+    /** Check if a point (relative to element top-left) is on the scrollbar thumb */
+    protected isPointOnScrollbarThumb(px: number, py: number): boolean;
+    /** Start a scrollbar drag */
+    protected startScrollbarDrag(mouseY: number): void;
+    /** Update scroll position during drag */
+    protected updateScrollbarDrag(mouseY: number): void;
+    /** Stop scrollbar drag */
+    protected stopScrollbarDrag(): void;
+    private drawBackground;
+    private drawBorder;
+    private drawVerticalScrollBar;
+    protected onSizeChanged(_oldSize: IntPoint, _newSize: IntPoint): void;
+}
+//# sourceMappingURL=ElementDrawing.d.ts.map

package/dist/char-matrix/src/Element/ElementDrawing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDrawing.d.ts","sourceRoot":"","sources":["../../../../../char-matrix/src/Element/ElementDrawing.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAc,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAGhF,8BAAsB,cAAe,SAAQ,aAAa;IACxD,SAAS,CAAC,YAAY,EAAE,QAAQ,CAAsB;IACtD,SAAS,CAAC,iBAAiB,EAAE,QAAQ,CAAsB;IAC3D,SAAS,CAAC,UAAU,EAAE,OAAO,CAAQ;IACrC,SAAS,CAAC,gBAAgB,EAAE,uBAAuB,GAAG,IAAI,CAAQ;IAGlE,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAS;IAC/C,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,eAAe,CAAa;gBAExB,MAAM,EAAE,aAAa;IAK1B,eAAe,iBAA2B;IAEjD,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAE,QAAqB;IAQ/D,IAAI,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI;IAoBnC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI;IAEzD,SAAS,CAAC,aAAa;IAKvB;;OAEG;IACH,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAiB7C;;;OAGG;IACH,SAAS,CAAC,mBAAmB;IAM7B,gFAAgF;IAChF,SAAS,CAAC,uBAAuB,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO;IAsBlE,6BAA6B;IAC7B,SAAS,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAMlD,yCAAyC;IACzC,SAAS,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAsBnD,0BAA0B;IAC1B,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAInC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,UAAU;IAuBlB,OAAO,CAAC,qBAAqB,CA+B3B;cAEiB,aAAa,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI;CAC/E"}

package/dist/char-matrix/src/Element/ElementDrawing.js

@@ -0,0 +1,232 @@
+import { Y } from "../types/Axes";
+import { IntPoint, ZERO_POINT } from "../types/IntPoint";
+import { ElementLayout } from "./ElementLayout";
+import { octantChar, OCTANT_ROW, OCTANT_RIGHT } from "../utils/Octant";
+export class ElementDrawing extends ElementLayout {
+    constructor(config) {
+        super(config);
+        Object.defineProperty(this, "scrollOffset", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new IntPoint(0, 0)
+        });
+        Object.defineProperty(this, "fullContentOffset", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new IntPoint(0, 0)
+        });
+        Object.defineProperty(this, "mustRedraw", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "animationHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        // Scrollbar drag state
+        Object.defineProperty(this, "isDraggingScrollbar", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "dragStartY", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "dragStartScroll", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "getScrollOffset", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.scrollOffset
+        });
+        Object.defineProperty(this, "drawVerticalScrollBar", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (offset) => {
+                if (!this.showingScrollBar)
+                    return;
+                const fullOffset = offset.add(this.getContentOffset());
+                const boundarySize = this.getTotalBoundarySize();
+                const scrollOffset = -1 * this.scrollOffset.getY();
+                const contentAreaSize = this.size.subtract(boundarySize);
+                const contentAreaHeight = contentAreaSize.getY();
+                const contentHeight = this.contentSize.getY();
+                // 4 sub-rows per character cell
+                const GAP = 1; // sub-rows of gap between thumb and track
+                const subRows = contentAreaHeight * 4;
+                const thumbSize = Math.max(4, Math.round((contentAreaHeight / contentHeight) * subRows));
+                const thumbStart = Math.round((scrollOffset / contentHeight) * subRows);
+                const thumbEnd = thumbStart + thumbSize;
+                const xOffset = contentAreaSize.getX() + this.padding.end.getX();
+                this.forEachAlongAxisInContentArea(Y, (i) => {
+                    let bits = 0;
+                    for (let r = 0; r < 4; r++) {
+                        const sub = i * 4 + r;
+                        if (sub >= thumbStart && sub < thumbEnd) {
+                            bits |= OCTANT_ROW[r]; // thumb: both columns
+                        }
+                        else if (sub < thumbStart - GAP || sub >= thumbEnd + GAP) {
+                            bits |= OCTANT_RIGHT[r]; // track: right column only
+                        }
+                        // else: gap — leave empty
+                    }
+                    const p = new IntPoint(xOffset, i);
+                    this.drawChar(octantChar(bits), p, fullOffset);
+                });
+            }
+        });
+        this.scrollable = config.scrollable || false;
+    }
+    drawChar(char, p, o = ZERO_POINT) {
+        this.view.setContentLayerChar(char, p, o);
+        const hasAnimation = this.animationHandler?.hasActiveAnimation() ?? false;
+        if (!hasAnimation && this.stage !== "queued") {
+            this.view.setAnimationLayerChar(char, p, o);
+        }
+    }
+    draw(offset) {
+        const fullOffset = offset.add(this.scrollOffset);
+        const fullContentOffset = offset.add(this.getContentOffset());
+        this.fullContentOffset = fullContentOffset;
+        if (this.mustRedraw) {
+            this.drawBackground(offset);
+            this.drawVerticalScrollBar(offset);
+            if (this.bordered) {
+                this.drawBorder(offset);
+            }
+            this.drawOwnContent(fullOffset);
+        }
+        this.children.forEach((child) => child.draw(fullOffset.add(child.getOffset())));
+        this.mustRedraw = false;
+    }
+    flagForRedraw() {
+        this.mustRedraw = true;
+        this.children.forEach((child) => child.flagForRedraw());
+    }
+    /**
+     * Apply a scroll delta (in character rows). Returns true if scroll was consumed.
+     */
+    applyScroll(delta) {
+        const contentAreaSize = this.size.subtract(this.getTotalBoundarySize());
+        const maxScroll = Math.max(0, this.contentSize.getY() - contentAreaSize.getY());
+        if (maxScroll === 0)
+            return false;
+        const currentScroll = -this.scrollOffset.getY();
+        const newScroll = Math.round(Math.max(0, Math.min(maxScroll, currentScroll + delta)));
+        if (newScroll === currentScroll)
+            return false;
+        this.scrollOffset.set(Y, -newScroll);
+        this.showingScrollBar = maxScroll > 0;
+        this.flagForRedraw();
+        return true;
+    }
+    /**
+     * Update showingScrollBar based on content vs viewable size.
+     * Called from reprocessContent in subclasses.
+     */
+    updateScrollShowing() {
+        if (!this.scrollable)
+            return;
+        const contentAreaSize = this.size.subtract(this.getTotalBoundarySize());
+        this.showingScrollBar = this.contentSize.getY() > contentAreaSize.getY();
+    }
+    /** Check if a point (relative to element top-left) is on the scrollbar thumb */
+    isPointOnScrollbarThumb(px, py) {
+        if (!this.showingScrollBar)
+            return false;
+        const contentOffset = this.getContentOffset();
+        const boundarySize = this.getTotalBoundarySize();
+        const contentAreaSize = this.size.subtract(boundarySize);
+        const scrollbarX = contentOffset.getX() + contentAreaSize.getX() + this.padding.end.getX();
+        if (Math.floor(px) !== scrollbarX)
+            return false;
+        const scrollOffset = -this.scrollOffset.getY();
+        const contentAreaHeight = contentAreaSize.getY();
+        const contentHeight = this.contentSize.getY();
+        const subRows = contentAreaHeight * 4;
+        const thumbSize = Math.max(4, Math.round((contentAreaHeight / contentHeight) * subRows));
+        const thumbStart = Math.round((scrollOffset / contentHeight) * subRows);
+        const thumbEnd = thumbStart + thumbSize;
+        const subRow = (py - contentOffset.getY()) * 4;
+        return subRow >= thumbStart && subRow < thumbEnd;
+    }
+    /** Start a scrollbar drag */
+    startScrollbarDrag(mouseY) {
+        this.isDraggingScrollbar = true;
+        this.dragStartY = mouseY;
+        this.dragStartScroll = -this.scrollOffset.getY();
+    }
+    /** Update scroll position during drag */
+    updateScrollbarDrag(mouseY) {
+        if (!this.isDraggingScrollbar)
+            return;
+        const boundarySize = this.getTotalBoundarySize();
+        const contentAreaSize = this.size.subtract(boundarySize);
+        const contentAreaHeight = contentAreaSize.getY();
+        const contentHeight = this.contentSize.getY();
+        // Mouse delta in characters → scroll delta in content rows
+        const mouseDelta = mouseY - this.dragStartY;
+        const scrollDelta = mouseDelta * (contentHeight / contentAreaHeight);
+        const newScroll = Math.round(Math.max(0, Math.min(contentHeight - contentAreaHeight, this.dragStartScroll + scrollDelta)));
+        if (newScroll !== -this.scrollOffset.getY()) {
+            this.scrollOffset.set(Y, -newScroll);
+            this.showingScrollBar = true;
+            this.flagForRedraw();
+        }
+    }
+    /** Stop scrollbar drag */
+    stopScrollbarDrag() {
+        this.isDraggingScrollbar = false;
+    }
+    drawBackground(o) {
+        this.forEachVisiblePoint((p) => {
+            this.drawChar(this.backgroundChar, p, o);
+        });
+    }
+    drawBorder(o) {
+        const lastPoint = this.size.add(new IntPoint(-1, -1));
+        this.forEachVisiblePoint((p) => {
+            let char = "│";
+            if (p.equals(ZERO_POINT)) {
+                char = "╭";
+            }
+            else if (p.equals(lastPoint)) {
+                char = "╯";
+            }
+            else if (p.getX() === 0 && p.getY() === lastPoint.getY()) {
+                char = "╰";
+            }
+            else if (p.getX() === lastPoint.getX() && p.getY() === 0) {
+                char = "╮";
+            }
+            else if (p.getX() === 0 || p.getX() === lastPoint.getX()) {
+                char = "│";
+            }
+            else if (p.getY() === 0 || p.getY() === lastPoint.getY()) {
+                char = "─";
+            }
+            else {
+                return;
+            }
+            this.drawChar(char, p, o);
+        });
+    }
+    onSizeChanged(_oldSize, _newSize) { }
+}
+//# sourceMappingURL=ElementDrawing.js.map

package/dist/char-matrix/src/Element/ElementDrawing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDrawing.js","sourceRoot":"","sources":["../../../../../char-matrix/src/Element/ElementDrawing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,OAAgB,cAAe,SAAQ,aAAa;IAWxD,YAAY,MAAqB;QAC/B,KAAK,CAAC,MAAM,CAAC,CAAC;QAXN;;;;mBAAyB,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;WAAC;QAC5C;;;;mBAA8B,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;WAAC;QACjD;;;;mBAAsB,IAAI;WAAC;QAC3B;;;;mBAAmD,IAAI;WAAC;QAElE,uBAAuB;QACb;;;;mBAA+B,KAAK;WAAC;QACvC;;;;mBAAqB,CAAC;WAAC;QACvB;;;;mBAA0B,CAAC;WAAC;QAO7B;;;;mBAAkB,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY;WAAC;QA0JzC;;;;mBAAwB,CAAC,MAAgB,EAAE,EAAE;gBACnD,IAAI,CAAC,IAAI,CAAC,gBAAgB;oBAAE,OAAO;gBACnC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;gBACvD,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBACjD,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;gBACnD,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;gBACzD,MAAM,iBAAiB,GAAG,eAAe,CAAC,IAAI,EAAE,CAAC;gBACjD,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;gBAE9C,gCAAgC;gBAChC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,0CAA0C;gBACzD,MAAM,OAAO,GAAG,iBAAiB,GAAG,CAAC,CAAC;gBACtC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,iBAAiB,GAAG,aAAa,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;gBACzF,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,aAAa,CAAC,GAAG,OAAO,CAAC,CAAC;gBACxE,MAAM,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;gBAExC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;gBACjE,IAAI,CAAC,6BAA6B,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC1C,IAAI,IAAI,GAAG,CAAC,CAAC;oBACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;wBAC3B,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;wBACtB,IAAI,GAAG,IAAI,UAAU,IAAI,GAAG,GAAG,QAAQ,EAAE,CAAC;4BACxC,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAI,sBAAsB;wBAClD,CAAC;6BAAM,IAAI,GAAG,GAAG,UAAU,GAAG,GAAG,IAAI,GAAG,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC;4BAC3D,IAAI,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,CAAE,2BAA2B;wBACvD,CAAC;wBACD,0BAA0B;oBAC5B,CAAC;oBACD,MAAM,CAAC,GAAG,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;oBACnC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;gBACjD,CAAC,CAAC,CAAC;YACL,CAAC;WAAC;QA5LA,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,KAAK,CAAC;IAC/C,CAAC;IAIS,QAAQ,CAAC,IAAY,EAAE,CAAW,EAAE,IAAc,UAAU;QACpE,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,IAAI,KAAK,CAAC;QAC1E,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC7C,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAEM,IAAI,CAAC,MAAgB;QAC1B,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACjD,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QAC9D,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAE3C,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAC5B,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;YACnC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC;YACD,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAC9B,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAC9C,CAAC;QAEF,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAIS,aAAa;QACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED;;OAEG;IACO,WAAW,CAAC,KAAa;QACjC,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QACxE,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;QAEhF,IAAI,SAAS,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAElC,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAChD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAEtF,IAAI,SAAS,KAAK,aAAa;YAAE,OAAO,KAAK,CAAC;QAE9C,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QACrC,IAAI,CAAC,gBAAgB,GAAG,SAAS,GAAG,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACO,mBAAmB;QAC3B,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAC7B,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QACxE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,eAAe,CAAC,IAAI,EAAE,CAAC;IAC3E,CAAC;IAED,gFAAgF;IACtE,uBAAuB,CAAC,EAAU,EAAE,EAAU;QACtD,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO,KAAK,CAAC;QAEzC,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACjD,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,EAAE,GAAG,eAAe,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QAE3F,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,UAAU;YAAE,OAAO,KAAK,CAAC;QAEhD,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC/C,MAAM,iBAAiB,GAAG,eAAe,CAAC,IAAI,EAAE,CAAC;QACjD,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QAC9C,MAAM,OAAO,GAAG,iBAAiB,GAAG,CAAC,CAAC;QACtC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,iBAAiB,GAAG,aAAa,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;QACzF,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,aAAa,CAAC,GAAG,OAAO,CAAC,CAAC;QACxE,MAAM,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;QAExC,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;QAC/C,OAAO,MAAM,IAAI,UAAU,IAAI,MAAM,GAAG,QAAQ,CAAC;IACnD,CAAC;IAED,6BAA6B;IACnB,kBAAkB,CAAC,MAAc;QACzC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IACnD,CAAC;IAED,yCAAyC;IAC/B,mBAAmB,CAAC,MAAc;QAC1C,IAAI,CAAC,IAAI,CAAC,mBAAmB;YAAE,OAAO;QAEtC,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACjD,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACzD,MAAM,iBAAiB,GAAG,eAAe,CAAC,IAAI,EAAE,CAAC;QACjD,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QAE9C,2DAA2D;QAC3D,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;QAC5C,MAAM,WAAW,GAAG,UAAU,GAAG,CAAC,aAAa,GAAG,iBAAiB,CAAC,CAAC;QACrE,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAC1B,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,iBAAiB,EAAE,IAAI,CAAC,eAAe,GAAG,WAAW,CAAC,CAAC,CAC7F,CAAC;QAEF,IAAI,SAAS,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC;YAC5C,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;YACrC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAED,0BAA0B;IAChB,iBAAiB;QACzB,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;IACnC,CAAC;IAEO,cAAc,CAAC,CAAW;QAChC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE;YAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,UAAU,CAAC,CAAW;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE;YAC7B,IAAI,IAAI,GAAG,GAAG,CAAC;YACf,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;gBACzB,IAAI,GAAG,GAAG,CAAC;YACb,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC/B,IAAI,GAAG,GAAG,CAAC;YACb,CAAC;iBAAM,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC;gBAC3D,IAAI,GAAG,GAAG,CAAC;YACb,CAAC;iBAAM,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;gBAC3D,IAAI,GAAG,GAAG,CAAC;YACb,CAAC;iBAAM,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC;gBAC3D,IAAI,GAAG,GAAG,CAAC;YACb,CAAC;iBAAM,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC;gBAC3D,IAAI,GAAG,GAAG,CAAC;YACb,CAAC;iBAAM,CAAC;gBACN,OAAO;YACT,CAAC;YACD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC;IAmCkB,aAAa,CAAC,QAAkB,EAAE,QAAkB,IAAS,CAAC;CAClF"}

package/dist/char-matrix/src/Element/ElementInteraction.d.ts

@@ -0,0 +1,21 @@
+import { RealPoint } from "../types/RealPoint";
+import { CursorType, ElementConfig } from "./ElementBase";
+import { ElementDrawing } from "./ElementDrawing";
+import { ElementAnimationHandler } from "../interfaces/ElementAnimationHandler";
+export declare abstract class ElementInteraction extends ElementDrawing {
+    protected abstract handleMouseEnter(): void;
+    protected abstract handleMouseLeave(): void;
+    protected abstract handleClick(): void;
+    protected cursor: CursorType;
+    protected onclick: (() => void) | null;
+    protected mouseIsInside: boolean;
+    constructor(config: ElementConfig);
+    setOnClick(onClick: () => void): void;
+    getAnimationHandler(): ElementAnimationHandler | null;
+    handleMouseMove(p: RealPoint): boolean;
+    handleMouseDown(p: RealPoint): void;
+    handleMouseUp(p: RealPoint): void;
+    handleWheel(p: RealPoint, delta: number): boolean;
+    private pointIsInside;
+}
+//# sourceMappingURL=ElementInteraction.d.ts.map

package/dist/char-matrix/src/Element/ElementInteraction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementInteraction.d.ts","sourceRoot":"","sources":["../../../../../char-matrix/src/Element/ElementInteraction.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAEhF,8BAAsB,kBAAmB,SAAQ,cAAc;IAC7D,SAAS,CAAC,QAAQ,CAAC,gBAAgB,IAAI,IAAI;IAC3C,SAAS,CAAC,QAAQ,CAAC,gBAAgB,IAAI,IAAI;IAC3C,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI;IAEtC,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC;IAC7B,SAAS,CAAC,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAQ;IAC9C,SAAS,CAAC,aAAa,EAAE,OAAO,CAAS;gBAE7B,MAAM,EAAE,aAAa;IAK1B,UAAU,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIrC,mBAAmB,IAAI,uBAAuB,GAAG,IAAI;IAIrD,eAAe,CAAC,CAAC,EAAE,SAAS,GAAG,OAAO;IAyCtC,eAAe,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAmBnC,aAAa,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IASjC,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAmBxD,OAAO,CAAC,aAAa;CAGtB"}

package/dist/char-matrix/src/Element/ElementInteraction.js

@@ -0,0 +1,110 @@
+import { AXES } from "../types/Axes";
+import { ElementDrawing } from "./ElementDrawing";
+export class ElementInteraction extends ElementDrawing {
+    constructor(config) {
+        super(config);
+        Object.defineProperty(this, "cursor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onclick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "mouseIsInside", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        this.cursor = config.cursor || "default";
+    }
+    setOnClick(onClick) {
+        this.onclick = onClick;
+    }
+    getAnimationHandler() {
+        return this.animationHandler;
+    }
+    handleMouseMove(p) {
+        // Handle scrollbar drag
+        if (this.isDraggingScrollbar) {
+            this.updateScrollbarDrag(p.getY());
+            return true;
+        }
+        let determiningMouse = false;
+        if (this.stage === "main" || this.stage === "entering") {
+            const pointIsInside = this.pointIsInside(p);
+            if (pointIsInside || this.mouseIsInside) {
+                let childrenDeterminingMouse = false;
+                this.children.forEach((c) => {
+                    const childIsDeterminingMouse = c.handleMouseMove(p.subtract(c.getOffset()).subtract(this.scrollOffset));
+                    if (childIsDeterminingMouse) {
+                        childrenDeterminingMouse = true;
+                        determiningMouse = true;
+                    }
+                });
+                if (!pointIsInside && this.stage !== "entering") {
+                    this.animationHandler?.startAnimation("mouseExit", () => { });
+                    this.mouseIsInside = false;
+                    this.handleMouseLeave();
+                }
+                else if (!this.mouseIsInside && this.stage !== "entering") {
+                    this.animationHandler?.startAnimation("mouseEnter", () => { });
+                    this.mouseIsInside = true;
+                    this.handleMouseEnter();
+                }
+                if (!childrenDeterminingMouse && pointIsInside) {
+                    if (document.body.style.cursor !== this.cursor) {
+                        document.body.style.cursor = this.cursor;
+                    }
+                    determiningMouse = true;
+                }
+            }
+        }
+        return determiningMouse;
+    }
+    handleMouseDown(p) {
+        if ((this.stage === "main" || this.stage === "entering") &&
+            this.pointIsInside(p)) {
+            // Check scrollbar thumb click before delegating to children
+            if (this.scrollable && this.isPointOnScrollbarThumb(p.getX(), p.getY())) {
+                this.startScrollbarDrag(p.getY());
+                return;
+            }
+            this.onclick && this.onclick();
+            this.handleClick();
+            this.children.forEach((c) => c.handleMouseDown(p.subtract(c.getOffset()).subtract(this.scrollOffset)));
+        }
+    }
+    handleMouseUp(p) {
+        if (this.isDraggingScrollbar) {
+            this.stopScrollbarDrag();
+        }
+        this.children.forEach((c) => c.handleMouseUp(p.subtract(c.getOffset()).subtract(this.scrollOffset)));
+    }
+    handleWheel(p, delta) {
+        if (this.stage !== "main" && this.stage !== "entering")
+            return false;
+        if (!this.pointIsInside(p))
+            return false;
+        // Try children first (innermost scrollable element wins)
+        for (const child of this.children) {
+            if (child.handleWheel(p.subtract(child.getOffset()).subtract(this.scrollOffset), delta)) {
+                return true;
+            }
+        }
+        // Handle locally if scrollable
+        if (this.scrollable) {
+            return this.applyScroll(delta);
+        }
+        return false;
+    }
+    pointIsInside(p) {
+        return AXES.every((a) => p.get(a) >= 0 && p.get(a) < this.size.get(a));
+    }
+}
+//# sourceMappingURL=ElementInteraction.js.map

package/dist/char-matrix/src/Element/ElementInteraction.js.map

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

package/dist/char-matrix/src/Element/ElementLayout.d.ts

@@ -0,0 +1,25 @@
+import { Axis } from "../types/Axes";
+import { IntPoint } from "../types/IntPoint";
+import { ElementBase, ElementConfig } from "./ElementBase";
+export declare abstract class ElementLayout extends ElementBase {
+    protected padding: {
+        start: IntPoint;
+        end: IntPoint;
+    };
+    protected bordered: boolean;
+    protected backgroundChar: string;
+    constructor(config: ElementConfig);
+    getHasBorder: () => boolean;
+    getBackgroundChar: () => string;
+    getContentEndOffset(): IntPoint;
+    getContentAreaSize(): IntPoint;
+    getTotalBoundarySize(): IntPoint;
+    getContentOffset(): IntPoint;
+    protected scrollable: boolean;
+    protected showingScrollBar: boolean;
+    protected forEachVisiblePointInContentArea(fn: (p: IntPoint) => void): void;
+    forEachAlongAxisInContentArea(a: Axis, fn: (i: number) => void): void;
+    forEachVisiblePoint(fn: (p: IntPoint) => void): void;
+    forEachVisibleAlongAxis(a: Axis, fn: (i: number) => void): void;
+}
+//# sourceMappingURL=ElementLayout.d.ts.map

package/dist/char-matrix/src/Element/ElementLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementLayout.d.ts","sourceRoot":"","sources":["../../../../../char-matrix/src/Element/ElementLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAK,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE3D,8BAAsB,aAAc,SAAQ,WAAW;IACrD,SAAS,CAAC,OAAO,EAAE;QACjB,KAAK,EAAE,QAAQ,CAAC;QAChB,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,cAAc,EAAE,MAAM,CAAC;gBAErB,MAAM,EAAE,aAAa;IAiB1B,YAAY,gBAAuB;IACnC,iBAAiB,eAA6B;IAE9C,mBAAmB,IAAI,QAAQ;IAI/B,kBAAkB,IAAI,QAAQ;IAI9B,oBAAoB;IASpB,gBAAgB;IAMvB,SAAS,CAAC,UAAU,EAAE,OAAO,CAAS;IACtC,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAS;IAK5C,SAAS,CAAC,gCAAgC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI;IA2B7D,6BAA6B,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;IAoB9D,mBAAmB,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI;IA2B7C,uBAAuB,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;CAiBhE"}

package/dist/char-matrix/src/Element/ElementLayout.js

@@ -0,0 +1,152 @@
+import { DEFAULT_BACKGROUND_CHAR } from "../constants";
+import { X } from "../types/Axes";
+import { IntPoint } from "../types/IntPoint";
+import { ElementBase } from "./ElementBase";
+export class ElementLayout extends ElementBase {
+    constructor(config) {
+        super(config);
+        Object.defineProperty(this, "padding", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "bordered", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "backgroundChar", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "getHasBorder", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.bordered
+        });
+        Object.defineProperty(this, "getBackgroundChar", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.backgroundChar
+        });
+        // --- Scroll state (managed here for boundary size calculation, DOM logic elsewhere) ---
+        Object.defineProperty(this, "scrollable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "showingScrollBar", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        this.bordered = config.bordered || false;
+        this.backgroundChar = config.backgroundChar || DEFAULT_BACKGROUND_CHAR;
+        this.padding = {
+            start: new IntPoint(config.paddingLeft || config.paddingX || config.padding || 0, config.paddingTop || config.paddingY || config.padding || 0),
+            end: new IntPoint(config.paddingRight || config.paddingX || config.padding || 0, config.paddingBottom || config.paddingY || config.padding || 0),
+        };
+    }
+    getContentEndOffset() {
+        return this.size.subtract(this.padding.end);
+    }
+    getContentAreaSize() {
+        return this.size.subtract(this.getTotalBoundarySize());
+    }
+    getTotalBoundarySize() {
+        const b = this.bordered ? 2 : 0;
+        const withPadding = this.padding.start
+            .add(this.padding.end)
+            .add(new IntPoint(b, b));
+        if (this.showingScrollBar)
+            withPadding.set(X, withPadding.getX() + 1);
+        return withPadding;
+    }
+    getContentOffset() {
+        const b = this.bordered ? 1 : 0;
+        return this.padding.start.add(new IntPoint(b, b));
+    }
+    // --- Iteration helpers ---
+    // p is measured from the top left of content area
+    forEachVisiblePointInContentArea(fn) {
+        if (!this.parent)
+            return;
+        const p0FromParentContent = this.offset
+            .add(this.parent.getScrollOffset())
+            .add(this.getContentOffset())
+            .subtract(this.parent.getContentOffset());
+        const parentContentAreaSize = this.parent.getContentAreaSize();
+        const contentAreaSize = this.getContentAreaSize();
+        for (let y = 0; y < contentAreaSize.getY(); y++) {
+            if (y + p0FromParentContent.getY() < 0 ||
+                y + p0FromParentContent.getY() >= parentContentAreaSize.getY()) {
+                continue;
+            }
+            for (let x = 0; x < contentAreaSize.getX(); x++) {
+                if (x + p0FromParentContent.getX() < 0 ||
+                    x + p0FromParentContent.getX() >= parentContentAreaSize.getX()) {
+                    continue;
+                }
+                fn(new IntPoint(x, y));
+            }
+        }
+    }
+    forEachAlongAxisInContentArea(a, fn) {
+        if (!this.parent)
+            return;
+        const p0 = this.offset
+            .add(this.parent.getScrollOffset())
+            .add(this.getContentOffset())
+            .subtract(this.parent.getContentOffset());
+        const parentContentEnd = this.parent.getContentAreaSize();
+        const contentAreaSize = this.getContentAreaSize();
+        for (let i = 0; i < contentAreaSize.get(a) &&
+            i + p0.get(a) < parentContentEnd.get(a) &&
+            i + p0.get(a) >= 0; i++) {
+            fn(i);
+        }
+    }
+    // p is measured from the top left of element
+    forEachVisiblePoint(fn) {
+        if (!this.parent)
+            return;
+        const p0 = this.offset
+            .add(this.parent.getScrollOffset())
+            .subtract(this.parent.getContentOffset());
+        const parentContentAreaSize = this.parent.getContentAreaSize();
+        for (let y = 0; y < this.size.getY() && y + p0.getY() < parentContentAreaSize.getY(); y++) {
+            if (y + p0.getY() < 0) {
+                continue;
+            }
+            for (let x = 0; x < this.size.getX() && x + p0.getX() < parentContentAreaSize.getX(); x++) {
+                if (x + p0.getX() < 0) {
+                    continue;
+                }
+                fn(new IntPoint(x, y));
+            }
+        }
+    }
+    forEachVisibleAlongAxis(a, fn) {
+        if (!this.parent)
+            return;
+        const p0 = this.offset
+            .add(this.parent.getScrollOffset())
+            .subtract(this.parent.getContentOffset());
+        const parentCASize = this.parent.getContentAreaSize();
+        for (let i = 0; i < this.size.get(a) && i + p0.get(a) < parentCASize.get(a); i++) {
+            if (i + p0.get(a) < 0) {
+                continue;
+            }
+            fn(i);
+        }
+    }
+}
+//# sourceMappingURL=ElementLayout.js.map

package/dist/char-matrix/src/Element/ElementLayout.js.map

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

package/dist/char-matrix/src/Element/ParentElement.d.ts

@@ -0,0 +1,24 @@
+import { SizingMethod, Element } from "./Element";
+import { Axis } from "../types/Axes";
+import { IntPoint } from "../types/IntPoint";
+export declare abstract class ParentElement {
+    protected children: Element[];
+    protected spacing: number;
+    abstract getSize(): IntPoint;
+    abstract getParent(): ParentElement | null;
+    abstract getScrollOffset(): IntPoint;
+    abstract handleChildResize(axis: Axis | null): void;
+    abstract getSizingMethod(): {
+        x: SizingMethod;
+        y: SizingMethod;
+    };
+    abstract getIsOnView(): boolean;
+    abstract getBackgroundChar(): string;
+    abstract getTotalBoundarySize(): IntPoint;
+    abstract getContentOffset(): IntPoint;
+    abstract getContentEndOffset(): IntPoint;
+    abstract getContentAreaSize(): IntPoint;
+    abstract getStage(): string;
+    protected resizeChildren(): void;
+}
+//# sourceMappingURL=ParentElement.d.ts.map