@adam26davidson/char-matrix-react 0.0.1

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

@@ -0,0 +1,28 @@
+import { Axis } from "../types/Axes";
+import { Element, ElementConfig } from "./Element";
+export type Alignment = "start" | "end" | "center";
+export interface ContainerElementConfig extends ElementConfig {
+    mainAxis: Axis;
+    justifyContent?: Alignment;
+    alignItems?: Alignment;
+    spacing?: number;
+}
+export declare class ContainerElement extends Element {
+    private mainAxis;
+    private secondaryAxis;
+    private justifyContent;
+    private alignItems;
+    constructor(config: ContainerElementConfig);
+    protected reprocessContent(): void;
+    protected drawOwnContent(): void;
+    protected handleClick(): void;
+    protected handleMouseEnter(): void;
+    protected handleMouseLeave(): void;
+    protected handleUnregisterWithView(): void;
+    protected handleTransitionStart(): void;
+    private calculateContentSize;
+    private calculateSize;
+    private calculateMinContentSizeS;
+    private calculateMinContentSizeM;
+}
+//# sourceMappingURL=ContainerElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerElement.d.ts","sourceRoot":"","sources":["../../../../../char-matrix/src/Element/ContainerElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAQ,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,QAAQ,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,qBAAa,gBAAiB,SAAQ,OAAO;IAC3C,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,cAAc,CAAsB;IAC5C,OAAO,CAAC,UAAU,CAAsB;gBAE5B,MAAM,EAAE,sBAAsB;IAW1C,SAAS,CAAC,gBAAgB;IAwD1B,SAAS,CAAC,cAAc,IAAI,IAAI;IAChC,SAAS,CAAC,WAAW,IAAI,IAAI;IAC7B,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAClC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAClC,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAC1C,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAEvC,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,wBAAwB;IAWhC,OAAO,CAAC,wBAAwB;CAQjC"}

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

@@ -0,0 +1,128 @@
+import { X, Y } from "../types/Axes";
+import { IntPoint } from "../types/IntPoint";
+import { Element } from "./Element";
+export class ContainerElement extends Element {
+    constructor(config) {
+        super(config);
+        Object.defineProperty(this, "mainAxis", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: X
+        });
+        Object.defineProperty(this, "secondaryAxis", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: Y
+        });
+        Object.defineProperty(this, "justifyContent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: "start"
+        });
+        Object.defineProperty(this, "alignItems", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: "start"
+        });
+        this.mainAxis = config.mainAxis;
+        this.secondaryAxis = this.mainAxis === X ? Y : X;
+        this.justifyContent = config.justifyContent || "start";
+        this.alignItems = config.alignItems || "start";
+        this.stage = "queued";
+        this.spacing = config.spacing || 0;
+    }
+    reprocessContent() {
+        console.log("reprocessing content for container element", this.key);
+        const ma = this.mainAxis; // main axis
+        const sa = this.secondaryAxis; // secondary axis
+        const size = this.calculateSize();
+        console.log("calculated size", size, "for", this.key);
+        const totalBoundary = this.getTotalBoundarySize();
+        const innerSizeM = size.get(ma) - totalBoundary.get(ma);
+        const innerSizeS = size.get(sa) - totalBoundary.get(sa);
+        const contentOffset = this.getContentOffset();
+        const globalOffsetS = contentOffset.get(sa);
+        let offsetM = contentOffset.get(ma);
+        const minContentSizeM = this.calculateMinContentSizeM();
+        if (this.justifyContent !== "start" && minContentSizeM < innerSizeM) {
+            if (this.justifyContent === "center") {
+                offsetM += (innerSizeM - minContentSizeM) / 2;
+            }
+            else if (this.justifyContent === "end") {
+                offsetM += innerSizeM - minContentSizeM;
+            }
+        }
+        this.children.forEach((e) => {
+            let offsetS = globalOffsetS;
+            const eSizeM = e.getSize().get(ma);
+            const eSizeS = e.getSize().get(sa);
+            // calculate secondary offset
+            if (eSizeS < innerSizeS) {
+                if (this.alignItems === "center") {
+                    offsetS += (innerSizeS - eSizeS) / 2;
+                }
+                else if (this.alignItems === "end") {
+                    offsetS += innerSizeS - eSizeS;
+                }
+            }
+            const eOffset = new IntPoint();
+            eOffset.set(ma, offsetM);
+            eOffset.set(sa, offsetS);
+            console.log("setting position", eOffset, "for", e.getKey());
+            e.setPosition(eOffset);
+            offsetM += eSizeM + this.spacing;
+        });
+        this.flagForRedraw();
+        this.setSize(size);
+        this.contentSize = this.calculateContentSize();
+        this.updateScrollShowing();
+    }
+    drawOwnContent() { }
+    handleClick() { }
+    handleMouseEnter() { }
+    handleMouseLeave() { }
+    handleUnregisterWithView() { }
+    handleTransitionStart() { }
+    calculateContentSize() {
+        const size = new IntPoint();
+        size.set(this.mainAxis, this.calculateMinContentSizeM());
+        size.set(this.secondaryAxis, this.calculateMinContentSizeS());
+        return size;
+    }
+    calculateSize() {
+        const size = this.getSize().copy();
+        //console.log("size in calculateSize", size, "for", this.key);
+        const boundarySize = this.getTotalBoundarySize();
+        //console.log("boundary size", boundarySize);
+        if (this.sizingMethod[this.mainAxis] === "content") {
+            size.set(this.mainAxis, boundarySize.get(this.mainAxis) + this.calculateMinContentSizeM());
+        }
+        if (this.sizingMethod[this.secondaryAxis] === "content") {
+            size.set(this.secondaryAxis, boundarySize.get(this.secondaryAxis) + this.calculateMinContentSizeS());
+        }
+        return size;
+    }
+    calculateMinContentSizeS() {
+        let minSize = 0;
+        this.children.forEach((e) => {
+            const eSize = e.getSize().get(this.secondaryAxis);
+            if (eSize > minSize) {
+                minSize = eSize;
+            }
+        });
+        return minSize;
+    }
+    calculateMinContentSizeM() {
+        let minSize = 0;
+        this.children.forEach((e) => {
+            minSize += e.getSize().get(this.mainAxis);
+        });
+        minSize += (this.children.length - 1) * this.spacing;
+        return minSize;
+    }
+}
+//# sourceMappingURL=ContainerElement.js.map

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

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

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

@@ -0,0 +1,31 @@
+import { TransitionSequence } from "./TransitionSequence";
+import { IntPoint } from "../types/IntPoint";
+import { ElementInteraction } from "./ElementInteraction";
+import { ElementConfig } from "./ElementBase";
+export type { CursorType, SizingMethod, ElementStage, ElementConfig } from "./ElementBase";
+export type { RenderTarget } from "../interfaces/RenderTarget";
+export declare abstract class Element extends ElementInteraction {
+    protected abstract handleUnregisterWithView(): void;
+    protected abstract handleTransitionStart(type: "enter" | "exit"): void;
+    protected entranceSequenceTiming: "parallel" | "series";
+    protected exitSequenceTiming: "parallel" | "series";
+    protected entranceSequence: TransitionSequence;
+    protected exitSequence: TransitionSequence;
+    private onEnterFuncs;
+    private onExitFuncs;
+    protected isOnView: boolean;
+    constructor(config: ElementConfig);
+    getIsOnView: () => boolean;
+    setChildren(children: Element[]): void;
+    handleChildResize(): void;
+    pruneExitedChildren(): void;
+    registerWithView(): void;
+    unregisterWithView(): void;
+    runAnimationStep(offset: IntPoint): void;
+    addOnTransition(type: "enter" | "exit", func: () => void): void;
+    startTransition(type: "enter" | "exit", onComplete?: () => void): void;
+    private getOnEnter;
+    private getOnExit;
+    private getOnTransitionFunction;
+}
+//# sourceMappingURL=Element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Element.d.ts","sourceRoot":"","sources":["../../../../../char-matrix/src/Element/Element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC3F,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,8BAAsB,OAAQ,SAAQ,kBAAkB;IACtD,SAAS,CAAC,QAAQ,CAAC,wBAAwB,IAAI,IAAI;IACnD,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAGtE,SAAS,CAAC,sBAAsB,EAAE,UAAU,GAAG,QAAQ,CAAc;IACrE,SAAS,CAAC,kBAAkB,EAAE,UAAU,GAAG,QAAQ,CAAc;IACjE,SAAS,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;IAC/C,SAAS,CAAC,YAAY,EAAE,kBAAkB,CAAC;IAE3C,OAAO,CAAC,YAAY,CAKlB;IACF,OAAO,CAAC,WAAW,CAIjB;IAEF,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAS;gBAExB,MAAM,EAAE,aAAa;IA0B1B,WAAW,gBAAuB;IAIlC,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE;IA+B/B,iBAAiB;IAMjB,mBAAmB;IAuBnB,gBAAgB;IAMhB,kBAAkB;IAUlB,gBAAgB,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI;IAcxC,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,IAAI;IAcxD,eAAe,CACpB,IAAI,EAAE,OAAO,GAAG,MAAM,EACtB,UAAU,GAAE,MAAM,IAAe;IA4BnC,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,uBAAuB;CAchC"}

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

@@ -0,0 +1,190 @@
+import { TransitionSequence } from "./TransitionSequence";
+import { ElementInteraction } from "./ElementInteraction";
+export class Element extends ElementInteraction {
+    constructor(config) {
+        super(config);
+        // transition orchestration
+        Object.defineProperty(this, "entranceSequenceTiming", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: "parallel"
+        });
+        Object.defineProperty(this, "exitSequenceTiming", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: "parallel"
+        });
+        Object.defineProperty(this, "entranceSequence", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "exitSequence", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onEnterFuncs", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: [
+                () => {
+                    this.stage = "main";
+                    this.flagForRedraw();
+                },
+            ]
+        });
+        Object.defineProperty(this, "onExitFuncs", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: [
+                () => {
+                    this.stage = "exited";
+                },
+            ]
+        });
+        Object.defineProperty(this, "isOnView", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        // --- getters ---
+        Object.defineProperty(this, "getIsOnView", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.isOnView
+        });
+        this.entranceSequenceTiming = config.entranceTiming || "parallel";
+        this.exitSequenceTiming = config.exitTiming || "parallel";
+        this.entranceSequence = new TransitionSequence([], config.entranceTiming || "parallel", "enter");
+        this.entranceSequence.setonComplete(this.getOnEnter());
+        this.exitSequence = new TransitionSequence([], config.exitTiming || "parallel", "exit");
+        this.exitSequence.setonComplete(this.getOnExit());
+        // Use animation handler from config if provided
+        this.animationHandler = config.animationHandler || null;
+    }
+    // --- child management ---
+    setChildren(children) {
+        console.log("setting children", children, "for", this.key);
+        this.children.forEach((child) => child.unregisterWithView());
+        this.children = children;
+        this.children.forEach((child) => {
+            child.setParent(this);
+            if (this.isOnView) {
+                child.registerWithView();
+            }
+            child.enforceNonCircularSizing();
+        });
+        this.resizeChildren();
+        this.reprocessContent();
+        if (this.stage === "queued") {
+            this.entranceSequence = new TransitionSequence(this.children, this.entranceSequenceTiming, "enter");
+            this.entranceSequence.setonComplete(this.getOnEnter());
+        }
+        if (this.stage !== "exiting" && this.stage !== "exited") {
+            this.exitSequence = new TransitionSequence(this.children, this.exitSequenceTiming, "exit");
+            this.exitSequence.setonComplete(this.getOnExit());
+        }
+    }
+    handleChildResize() {
+        this.resizeChildren();
+        this.reprocessContent();
+        this.flagForRedraw();
+    }
+    pruneExitedChildren() {
+        if (this.stage !== "exiting") {
+            const newChildren = this.children.filter((child) => child.getStage() !== "exited");
+            if (newChildren.length !== this.children.length) {
+                const exitedChildren = this.children.filter((child) => child.getStage() === "exited");
+                console.log("pruning exited children", exitedChildren);
+                exitedChildren.forEach((child) => child.unregisterWithView());
+                this.children = newChildren;
+                this.reprocessContent();
+                this.flagForRedraw();
+            }
+            for (const child of this.children) {
+                child.pruneExitedChildren();
+            }
+        }
+    }
+    // --- view registration ---
+    registerWithView() {
+        this.view.registerElement(this);
+        this.isOnView = true;
+        this.children.forEach((child) => child.registerWithView());
+    }
+    unregisterWithView() {
+        this.handleUnregisterWithView();
+        this.view.unregisterElement(this);
+        this.isOnView = false;
+        console.log("unregistering element", this.key);
+        this.children.forEach((child) => child.unregisterWithView());
+    }
+    // --- animation step ---
+    runAnimationStep(offset) {
+        const fullOffset = offset.add(this.scrollOffset);
+        if (this.animationHandler) {
+            // Animation covers the element's own screen area (no scroll offset).
+            // Scroll only shifts children, not the element's border/background/animation.
+            this.animationHandler.runAnimationStep(offset);
+        }
+        this.children.forEach((child) => child.runAnimationStep(fullOffset.add(child.getOffset())));
+    }
+    // --- transitions ---
+    addOnTransition(type, func) {
+        const funcs = type === "enter" ? this.onEnterFuncs : this.onExitFuncs;
+        const stage = type === "enter" ? "entering" : "exiting";
+        funcs.push(func);
+        if (this.stage === stage &&
+            this.animationHandler?.hasActiveAnimation()) {
+            this.animationHandler.setOnComplete(this.getOnTransitionFunction(type));
+        }
+    }
+    startTransition(type, onComplete = () => { }) {
+        console.log("starting transition", type, "for", this.key);
+        this.handleTransitionStart(type);
+        this.addOnTransition(type, onComplete);
+        this.stage = type === "enter" ? "entering" : "exiting";
+        const sequence = type === "enter" ? this.entranceSequence : this.exitSequence;
+        const onTransition = this.getOnTransitionFunction(type);
+        // Try to start an animation via the handler
+        const animationStarted = this.animationHandler?.startAnimation(type, onTransition);
+        if (!animationStarted) {
+            // No animation handler or no config for this type — instant transition
+            onTransition();
+        }
+        sequence.setonComplete(onTransition);
+        sequence.startSequence();
+    }
+    // --- private helpers ---
+    getOnEnter() {
+        return this.getOnTransitionFunction("enter");
+    }
+    getOnExit() {
+        return this.getOnTransitionFunction("exit");
+    }
+    getOnTransitionFunction(transition) {
+        const funcs = transition === "enter" ? this.onEnterFuncs : this.onExitFuncs;
+        const nextStage = transition === "enter" ? "main" : "exited";
+        let otherHasCompleted = false;
+        return () => {
+            if (otherHasCompleted) {
+                console.log("transition complete", this.key);
+                funcs.forEach((func) => func());
+                this.stage = nextStage;
+            }
+            else {
+                otherHasCompleted = true;
+            }
+        };
+    }
+}
+//# sourceMappingURL=Element.js.map

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

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

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

@@ -0,0 +1,66 @@
+import { IntPoint } from "../types/IntPoint";
+import { NormPoint } from "../types/NormPoint";
+import { ParentElement } from "./ParentElement";
+import { RenderTarget } from "../interfaces/RenderTarget";
+export type CursorType = "pointer" | "text" | "default";
+export type SizingMethod = "absolute" | "relative" | "expand" | "content";
+export type ElementStage = "queued" | "entering" | "main" | "exiting" | "exited";
+export interface ElementConfig {
+    key: string;
+    view: RenderTarget;
+    width?: number;
+    widthType?: SizingMethod;
+    height?: number;
+    heightType?: SizingMethod;
+    scrollable?: boolean;
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    paddingX?: number;
+    paddingY?: number;
+    padding?: number;
+    bordered?: boolean;
+    backgroundChar?: string;
+    cursor?: CursorType;
+    xOffset?: number;
+    yOffset?: number;
+    animationHandler?: import("../interfaces/ElementAnimationHandler").ElementAnimationHandler;
+    entranceTiming?: "parallel" | "series";
+    exitTiming?: "parallel" | "series";
+}
+export declare abstract class ElementBase extends ParentElement {
+    protected abstract reprocessContent(): void;
+    protected key: string;
+    protected view: RenderTarget;
+    protected parent: ParentElement | null;
+    protected relativeSize: NormPoint;
+    protected sizingMethod: {
+        x: SizingMethod;
+        y: SizingMethod;
+    };
+    protected size: IntPoint;
+    protected offset: IntPoint;
+    protected contentSize: IntPoint;
+    protected stage: ElementStage;
+    constructor(config: ElementConfig);
+    getSize: () => IntPoint;
+    getRelativeSize: () => NormPoint;
+    getOffset: () => IntPoint;
+    getKey: () => string;
+    getStage: () => ElementStage;
+    getSizingMethod: () => {
+        x: SizingMethod;
+        y: SizingMethod;
+    };
+    getParent: () => ParentElement | null;
+    setPosition(p: IntPoint): void;
+    setParent(parent: ParentElement): void;
+    setSize(size: IntPoint): void;
+    protected enforceNonCircularSizing(): void;
+    /**
+     * Hook for subclasses to respond to size changes (e.g., update scroll div)
+     */
+    protected onSizeChanged(_oldSize: IntPoint, _newSize: IntPoint): void;
+}
+//# sourceMappingURL=ElementBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementBase.d.ts","sourceRoot":"","sources":["../../../../../char-matrix/src/Element/ElementBase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,UAAU,GACV,MAAM,GACN,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,uCAAuC,EAAE,uBAAuB,CAAC;IAC3F,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CACpC;AAED,8BAAsB,WAAY,SAAQ,aAAa;IACrD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,IAAI,IAAI;IAE3C,SAAS,CAAC,GAAG,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,IAAI,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAEvC,SAAS,CAAC,YAAY,EAAE,SAAS,CAAC;IAClC,SAAS,CAAC,YAAY,EAAE;QAAE,CAAC,EAAE,YAAY,CAAC;QAAC,CAAC,EAAE,YAAY,CAAA;KAAE,CAAC;IAC7D,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAsB;IAC9C,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAsB;IAChD,SAAS,CAAC,WAAW,EAAE,QAAQ,CAAsB;IACrD,SAAS,CAAC,KAAK,EAAE,YAAY,CAAY;gBAE7B,MAAM,EAAE,aAAa;IAuB1B,OAAO,iBAAmB;IAC1B,eAAe,kBAA2B;IAC1C,SAAS,iBAAqB;IAC9B,MAAM,eAAkB;IACxB,QAAQ,qBAAoB;IAC5B,eAAe;WAlCO,YAAY;WAAK,YAAY;MAkCT;IAC1C,SAAS,6BAAqB;IAG9B,WAAW,CAAC,CAAC,EAAE,QAAQ,GAAG,IAAI;IAI9B,SAAS,CAAC,MAAM,EAAE,aAAa;IAI/B,OAAO,CAAC,IAAI,EAAE,QAAQ;IA+B7B,SAAS,CAAC,wBAAwB;IAelC;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI;CACtE"}

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

@@ -0,0 +1,167 @@
+import { AXES, X, Y } from "../types/Axes";
+import { IntPoint } from "../types/IntPoint";
+import { NormPoint } from "../types/NormPoint";
+import { ParentElement } from "./ParentElement";
+export class ElementBase extends ParentElement {
+    constructor(config) {
+        super();
+        Object.defineProperty(this, "key", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "view", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "parent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "relativeSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "sizingMethod", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "size", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new IntPoint(0, 0)
+        });
+        Object.defineProperty(this, "offset", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new IntPoint(0, 0)
+        });
+        Object.defineProperty(this, "contentSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new IntPoint(0, 0)
+        });
+        Object.defineProperty(this, "stage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: "queued"
+        });
+        // getters
+        Object.defineProperty(this, "getSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.size
+        });
+        Object.defineProperty(this, "getRelativeSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.relativeSize
+        });
+        Object.defineProperty(this, "getOffset", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.offset
+        });
+        Object.defineProperty(this, "getKey", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.key
+        });
+        Object.defineProperty(this, "getStage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.stage
+        });
+        Object.defineProperty(this, "getSizingMethod", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.sizingMethod
+        });
+        Object.defineProperty(this, "getParent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.parent
+        });
+        this.key = config.key;
+        this.view = config.view;
+        this.parent = null;
+        this.offset = new IntPoint(config.xOffset || 0, config.yOffset || 0);
+        this.sizingMethod = {
+            x: config.widthType || (config.width ? "absolute" : "content"),
+            y: config.heightType || (config.height ? "absolute" : "content"),
+        };
+        for (const a of AXES) {
+            if (this.sizingMethod[a] === "absolute") {
+                this.size.set(a, config[a === X ? "width" : "height"] || 0);
+            }
+        }
+        this.relativeSize = new NormPoint(config.width || 1, config.height || 1);
+    }
+    // setters
+    setPosition(p) {
+        this.offset = p;
+    }
+    setParent(parent) {
+        this.parent = parent;
+    }
+    setSize(size) {
+        if (this.size.equals(size)) {
+            return;
+        }
+        console.log("setting size", size, "for", this.key);
+        const oldSize = this.size.copy();
+        this.size = size;
+        let axis = null;
+        if (oldSize.getX() !== this.size.getX() &&
+            oldSize.getY() !== this.size.getY()) {
+            axis = null;
+        }
+        else if (oldSize.getX() !== this.size.getX()) {
+            axis = X;
+        }
+        else if (oldSize.getY() !== this.size.getY()) {
+            axis = Y;
+        }
+        this.onSizeChanged(oldSize, this.size);
+        this.reprocessContent();
+        if (this.parent) {
+            this.parent.handleChildResize(axis);
+        }
+        this.resizeChildren();
+    }
+    enforceNonCircularSizing() {
+        AXES.forEach((a) => {
+            if (this.parent &&
+                this.sizingMethod[a] === "relative" &&
+                this.parent.getSizingMethod()[a] === "content") {
+                console.error("Cannot have relative size child of a content size parent");
+                this.sizingMethod[a] = "content";
+            }
+        });
+    }
+    /**
+     * Hook for subclasses to respond to size changes (e.g., update scroll div)
+     */
+    onSizeChanged(_oldSize, _newSize) { }
+}
+//# sourceMappingURL=ElementBase.js.map

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

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