zimporter-html 1.0.0

package/dist/ZButton.js

@@ -0,0 +1,258 @@
+import { ZContainer } from './ZContainer';
+// ─────────────────────────────────────────────────────────────────────────────
+// Standalone listener helpers (same API as the PIXI version)
+// ─────────────────────────────────────────────────────────────────────────────
+export const RemoveClickListener = (container) => {
+    container.removeAllListeners('mouseup');
+    container.removeAllListeners('touchend');
+    container.removeAllListeners('touchendoutside');
+    container.removeAllListeners('mouseupoutside');
+    container.removeAllListeners('mousedown');
+    container.removeAllListeners('touchstart');
+};
+export const AttachClickListener = (container, pressCallback, longPressCallback) => {
+    container.interactive = true;
+    container.el.style.pointerEvents = 'auto';
+    if (pressCallback)
+        container.pressCallback = pressCallback;
+    if (longPressCallback)
+        container.longPressCallback = longPressCallback;
+    const LONG_PRESS_DURATION = 500;
+    const MAX_DRAG_DISTANCE = 20;
+    let longPressTimer = null;
+    let longPressFired = false;
+    let startPos = null;
+    const getPos = (e) => {
+        if (e.global)
+            return e.global;
+        if (e.clientX !== undefined)
+            return { x: e.clientX, y: e.clientY };
+        return { x: 0, y: 0 };
+    };
+    const onDown = (e) => {
+        longPressFired = false;
+        startPos = getPos(e);
+        longPressTimer = setTimeout(() => {
+            longPressFired = true;
+            container.longPressCallback?.();
+        }, LONG_PRESS_DURATION);
+        container.on('mouseup', onUp);
+        container.on('touchend', onUp);
+        container.on('touchendoutside', onUp);
+        container.on('mouseupoutside', onUp);
+    };
+    const onUp = (e) => {
+        if (longPressTimer) {
+            clearTimeout(longPressTimer);
+            longPressTimer = null;
+        }
+        const endPos = getPos(e);
+        let isDrag = false;
+        if (startPos) {
+            const dx = endPos.x - startPos.x;
+            const dy = endPos.y - startPos.y;
+            if (Math.sqrt(dx * dx + dy * dy) > MAX_DRAG_DISTANCE)
+                isDrag = true;
+        }
+        startPos = null;
+        if (!longPressFired && !isDrag) {
+            container.pressCallback?.();
+        }
+        container.off('mouseup', onUp);
+        container.off('touchend', onUp);
+        container.off('touchendoutside', onUp);
+        container.off('mouseupoutside', onUp);
+    };
+    container.on('mousedown', onDown);
+    container.on('touchstart', onDown);
+};
+export const AddHoverListener = (container, hoverCallback, outCallback) => {
+    container.on('mouseover', hoverCallback);
+    container.on('mouseout', outCallback);
+};
+export const RemoveHoverListener = (container) => {
+    container.removeAllListeners('mouseover');
+    container.removeAllListeners('mouseout');
+};
+export class ZButton extends ZContainer {
+    topLabelContainer;
+    topLabelContainer2;
+    overState;
+    overLabelContainer;
+    overLabelContainer2;
+    downState;
+    downLabelContainer;
+    downLabelContainer2;
+    upState;
+    upLabelContainer;
+    upLabelContainer2;
+    disabledState;
+    disabledLabelContainer;
+    disabledLabelContainer2;
+    pressCallback;
+    longPressCallback;
+    labelState = 'none';
+    getType() { return 'ZButton'; }
+    init(_labelStr = '') {
+        super.init();
+        this.interactive = true;
+        this.interactiveChildren = true;
+        this.el.style.pointerEvents = 'auto';
+        if (this.overState) {
+            this.overLabelContainer = this.overState.getChildByName('labelContainer');
+            this.overLabelContainer2 = this.overState.getChildByName('labelContainer2');
+        }
+        if (this.disabledState) {
+            this.disabledLabelContainer = this.disabledState.getChildByName('labelContainer');
+            this.disabledLabelContainer2 = this.disabledState.getChildByName('labelContainer2');
+        }
+        if (this.downState) {
+            this.downLabelContainer = this.downState.getChildByName('labelContainer');
+            this.downLabelContainer2 = this.downState.getChildByName('labelContainer2');
+        }
+        if (this.upState) {
+            this.upLabelContainer = this.upState.getChildByName('labelContainer');
+            this.upLabelContainer2 = this.upState.getChildByName('labelContainer2');
+        }
+        this.topLabelContainer = this.labelContainer;
+        this.topLabelContainer2 = this.labelContainer2;
+        if (this.topLabelContainer) {
+            this.labelState = 'single';
+            if (this.upState)
+                this.el.appendChild(this.upState.el);
+            this.el.appendChild(this.topLabelContainer.el);
+        }
+        else if (this.overState && this.disabledState && this.downState && this.upState) {
+            if (this.overLabelContainer && this.disabledLabelContainer && this.downLabelContainer && this.upLabelContainer) {
+                this.labelState = 'multi';
+                this.el.appendChild(this.upState.el);
+                if (this.upLabelContainer)
+                    this.upState.addChild(this.upLabelContainer);
+                if (this.upLabelContainer2)
+                    this.upState.addChild(this.upLabelContainer2);
+            }
+        }
+        this.enable();
+    }
+    setLabel(name) {
+        if (this.labelState === 'single') {
+            this.getAll('labelContainer').forEach(l => { l.visible = true; l.setText(name); });
+        }
+        else if (this.labelState === 'multi') {
+            [
+                ...(this.overState ? this.overState.getAll('labelContainer') : []),
+                ...(this.disabledState ? this.disabledState.getAll('labelContainer') : []),
+                ...(this.downState ? this.downState.getAll('labelContainer') : []),
+                ...(this.upState ? this.upState.getAll('labelContainer') : []),
+            ].forEach(l => { l.visible = true; l.setText(name); });
+        }
+    }
+    setLabel2(name) {
+        if (this.labelState === 'single') {
+            this.getAll('labelContainer2').forEach(l => { l.visible = true; l.setText(name); });
+        }
+        else if (this.labelState === 'multi') {
+            [
+                ...(this.overState ? this.overState.getAll('labelContainer2') : []),
+                ...(this.disabledState ? this.disabledState.getAll('labelContainer2') : []),
+                ...(this.downState ? this.downState.getAll('labelContainer2') : []),
+                ...(this.upState ? this.upState.getAll('labelContainer2') : []),
+            ].forEach(l => { l.visible = true; l.setText(name); });
+        }
+    }
+    setFixedTextSize(fixed) {
+        this.getAll('labelContainer').forEach(c => c.setFixedBoxSize(fixed));
+        this.getAll('labelContainer2').forEach(c => c.setFixedBoxSize(fixed));
+    }
+    makeSingleLine() {
+        this.getAll('labelContainer2').forEach(l => l.visible = false);
+        this.getAll('labelContainer').forEach(l => {
+            const parent = l.parent;
+            if (parent)
+                l.y = 0; // centered; adjust if you know height
+        });
+    }
+    getLabel() {
+        if (this.labelState === 'single' && this.topLabelContainer) {
+            return this.topLabelContainer.getTextField();
+        }
+        else if (this.labelState === 'multi' && this.upLabelContainer) {
+            return this.upLabelContainer.getTextField();
+        }
+        return null;
+    }
+    // ── Visual states ─────────────────────────────────────────────────────────
+    _showState(state) {
+        [this.upState, this.downState, this.overState, this.disabledState].forEach(s => {
+            if (s)
+                s.setVisible(false);
+        });
+        if (state)
+            state.setVisible(true);
+    }
+    enable() {
+        this.el.style.pointerEvents = 'auto';
+        this._showState(this.upState);
+        if (!this._interactionsAttached) {
+            this._attachInteractions();
+            this._interactionsAttached = true;
+        }
+    }
+    disable() {
+        this.el.style.pointerEvents = 'none';
+        this._showState(this.disabledState || this.upState);
+    }
+    _interactionsAttached = false;
+    _attachInteractions() {
+        this.el.style.cursor = 'pointer';
+        // ── Hover ─────────────────────────────────────────────────────────────
+        this.el.addEventListener('mouseenter', () => {
+            if (this.overState)
+                this._showState(this.overState);
+        });
+        this.el.addEventListener('mouseleave', () => {
+            if (this.upState)
+                this._showState(this.upState);
+        });
+        // ── Press with drag-guard — intentionally does NOT go through
+        //   AttachClickListener, which would overwrite this.pressCallback. ────
+        const LONG_PRESS_MS = 500;
+        const MAX_DRAG_PX = 20;
+        let startX = 0, startY = 0;
+        let longTimer = null;
+        let longFired = false;
+        const onDown = (e) => {
+            startX = e.clientX;
+            startY = e.clientY;
+            longFired = false;
+            if (this.downState)
+                this._showState(this.downState);
+            longTimer = setTimeout(() => {
+                longFired = true;
+                this.longPressCallback?.();
+            }, LONG_PRESS_MS);
+            this.el.addEventListener('pointerup', onUp, { once: true });
+            this.el.addEventListener('pointercancel', onCancel, { once: true });
+        };
+        const onUp = (e) => {
+            if (longTimer) {
+                clearTimeout(longTimer);
+                longTimer = null;
+            }
+            this._showState(this.upState);
+            const dx = e.clientX - startX, dy = e.clientY - startY;
+            if (!longFired && Math.sqrt(dx * dx + dy * dy) <= MAX_DRAG_PX) {
+                this.pressCallback?.();
+            }
+        };
+        const onCancel = () => {
+            if (longTimer) {
+                clearTimeout(longTimer);
+                longTimer = null;
+            }
+            this._showState(this.upState);
+        };
+        this.el.addEventListener('pointerdown', onDown);
+    }
+}
+//# sourceMappingURL=ZButton.js.map

package/dist/ZButton.js.map

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

package/dist/ZContainer.d.ts

@@ -0,0 +1,154 @@
+import { InstanceData, OrientationData } from './SceneData';
+/**
+ * HTML div–based display object that mirrors the ZContainer interface from
+ * the PIXI and Phaser versions of zImporter.
+ *
+ * Each ZContainer owns a single HTMLDivElement (`el`).
+ * The element is `position:absolute; left:0; top:0; width:0; height:0; overflow:visible`
+ * so that children are positioned relative to its (0,0) origin and the
+ * CSS transform maps 1-to-1 to PIXI's transform model:
+ *
+ *   T(x, y) · R(rotation) · S(scaleX, scaleY) · T(-pivotX, -pivotY)
+ *
+ * This is identical to how PIXI.Container resolves world coordinates.
+ */
+export declare class ZContainer {
+    /** The root div element for this container. */
+    readonly el: HTMLDivElement;
+    /** Current CSS-pixel X offset of the stage from the viewport edge. */
+    static stageOffsetX: number;
+    /** Current CSS-pixel Y offset of the stage from the viewport edge. */
+    static stageOffsetY: number;
+    /** Current uniform CSS scale applied to the stage element. */
+    static stageScale: number;
+    portrait: OrientationData;
+    landscape: OrientationData;
+    currentTransform: OrientationData;
+    resizeable: boolean;
+    private _name;
+    get name(): string;
+    set name(value: string);
+    _fitToScreen: boolean;
+    originalTextWidth?: number;
+    originalTextHeight?: number;
+    originalFontSize?: number;
+    fixedBoxSize?: boolean;
+    _props?: any;
+    private _x;
+    private _y;
+    private _rotation;
+    private _scaleX;
+    private _scaleY;
+    private _pivotX;
+    private _pivotY;
+    private _alpha;
+    private _visible;
+    interactive: boolean;
+    interactiveChildren: boolean;
+    /** Typed child list (mirrors PIXI's children array). */
+    children: ZContainer[];
+    parent: ZContainer | null;
+    constructor();
+    addChild(child: ZContainer): ZContainer;
+    removeChild(child: ZContainer): ZContainer;
+    removeChildren(): void;
+    getChildByName(name: string): ZContainer | null;
+    getChildAt(index: number): ZContainer;
+    get(childName: string): ZContainer | null;
+    getAll(childName: string): ZContainer[];
+    getAllOfType(type: string): ZContainer[];
+    get x(): number;
+    set x(value: number);
+    get y(): number;
+    set y(value: number);
+    get rotation(): number;
+    set rotation(value: number);
+    get scaleX(): number;
+    set scaleX(value: number);
+    get scaleY(): number;
+    set scaleY(value: number);
+    get pivotX(): number;
+    set pivotX(value: number);
+    get pivotY(): number;
+    set pivotY(value: number);
+    get alpha(): number;
+    set alpha(value: number);
+    get visible(): boolean;
+    set visible(value: boolean);
+    /**
+     * PIXI-compatible scale object. Setting `.x` / `.y` delegates to the
+     * `scaleX` / `scaleY` setters so that ZScene can write
+     * `stage.scale.x = s` exactly as in the PIXI version.
+     *
+     * Initialised in the constructor so `this` is captured correctly.
+     */
+    readonly scale: {
+        x: number;
+        y: number;
+    };
+    /**
+     * Writes the CSS transform that replicates PIXI's:
+     *   T(x,y) · R(rotation) · S(scaleX,scaleY) · T(-pivotX,-pivotY)
+     */
+    private _applyTransform;
+    setInstanceData(data: InstanceData, orientation: string): void;
+    /**
+     * Stretches this container to visually cover the entire browser viewport.
+     * Mirrors PIXI's `executeFitToScreen` — positions the container at the
+     * viewport's top-left (expressed in stage / scene-unit coords) and scales
+     * the first child image element to fill the viewport dimensions.
+     *
+     * @param viewportW   - Current browser viewport width in CSS pixels.
+     * @param viewportH   - Current browser viewport height in CSS pixels.
+     * @param stageOffsetX - CSS-pixel X offset of the scaled stage from the viewport edge.
+     * @param stageOffsetY - CSS-pixel Y offset of the scaled stage from the viewport edge.
+     * @param stageScale   - Uniform CSS scale applied to the stage.
+     */
+    executeFitToScreen(viewportW: number, viewportH: number, stageOffsetX: number, stageOffsetY: number, stageScale: number): void;
+    applyTransform(): void;
+    private _applyAnchor;
+    /**
+     * Public entry point for ZScene to re-run the anchor computation after all
+     * containers in the resize map have been updated to the new orientation.
+     * This guarantees that ancestor `_x / _y` values are current when chain
+     * inversion runs.
+     */
+    reapplyAnchor(): void;
+    private _doApplyAnchor;
+    resize(width: number, height: number, orientation: 'portrait' | 'landscape'): void;
+    isAnchored(): boolean;
+    setAlpha(value: number): void;
+    getAlpha(): number;
+    setVisible(value: boolean): void;
+    getVisible(): boolean;
+    getProps(): any;
+    getType(): string;
+    setFixedBoxSize(value: boolean): void;
+    /**
+     * Finds the first text element (a `<span class="z-text">`) among children.
+     * Mirrors PIXI's `getTextField()`.
+     */
+    getTextField(): HTMLElement | null;
+    setText(text: string): void;
+    setTextStyle(data: Partial<CSSStyleDeclaration>): void;
+    getTextStyle(): CSSStyleDeclaration | null;
+    private _resizeText;
+    /** Called once all children have been added. Captures original text dimensions. */
+    init(): void;
+    set cursor(value: string);
+    get cursor(): string;
+    private _listeners;
+    on(event: string, listener: Function): this;
+    off(event: string, listener: Function): this;
+    removeAllListeners(event?: string): this;
+    emit(event: string, ...args: any[]): void;
+    /**
+     * Maps the PIXI event names used by ZButton to their DOM equivalents
+     * and attaches a single delegating DOM listener.
+     */
+    private _domListeners;
+    private _syncDOMListeners;
+    private static _pixiToDom;
+    private static _wrapEvent;
+}
+//# sourceMappingURL=ZContainer.d.ts.map

package/dist/ZContainer.d.ts.map

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