zimporter-html - v1.0.0
    Preparing search index...

    Class ZSlider

    HTML div–based slider.

    Mirrors the Phaser ZSlider API. Requires child containers named "handle" and "track" in the scene data. The handle is dragged horizontally within the track bounds and a 0–1 normalised callback value is emitted.

    Hierarchy (View Summary)

    Index

    Constructors

    Properties

    _fitToScreen: boolean = false
    _props?: any
    callback?: (t: number) => void
    children: ZContainer[] = []

    Typed child list (mirrors PIXI's children array).

    currentTransform: OrientationData
    dragging: boolean = false
    el: HTMLDivElement

    The root div element for this container.

    fixedBoxSize?: boolean
    handle: ZContainer
    interactive: boolean = false
    interactiveChildren: boolean = true
    landscape: OrientationData
    originalFontSize?: number
    originalTextHeight?: number
    originalTextWidth?: number
    parent: ZContainer | null = null
    portrait: OrientationData
    resizeable: boolean = true
    scale: { x: number; y: number }

    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.

    sliderWidth: number = 0
    track: ZContainer
    stageOffsetX: number = 0

    Current CSS-pixel X offset of the stage from the viewport edge.

    stageOffsetY: number = 0

    Current CSS-pixel Y offset of the stage from the viewport edge.

    stageScale: number = 1

    Current uniform CSS scale applied to the stage element.

    Accessors

    • get alpha(): number

      Returns number

    • set alpha(value: number): void

      Parameters

      • value: number

      Returns void

    • get cursor(): string

      Returns string

    • set cursor(value: string): void

      Parameters

      • value: string

      Returns void

    • get name(): string

      Returns string

    • set name(value: string): void

      Parameters

      • value: string

      Returns void

    • get pivotX(): number

      Returns number

    • set pivotX(value: number): void

      Parameters

      • value: number

      Returns void

    • get pivotY(): number

      Returns number

    • set pivotY(value: number): void

      Parameters

      • value: number

      Returns void

    • get rotation(): number

      Returns number

    • set rotation(value: number): void

      Parameters

      • value: number

      Returns void

    • get scaleX(): number

      Returns number

    • set scaleX(value: number): void

      Parameters

      • value: number

      Returns void

    • get scaleY(): number

      Returns number

    • set scaleY(value: number): void

      Parameters

      • value: number

      Returns void

    • get visible(): boolean

      Returns boolean

    • set visible(value: boolean): void

      Parameters

      • value: boolean

      Returns void

    • get x(): number

      Returns number

    • set x(value: number): void

      Parameters

      • value: number

      Returns void

    • get y(): number

      Returns number

    • set y(value: number): void

      Parameters

      • value: number

      Returns void

    Methods

    • 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.

      Parameters

      • viewportW: number

        Current browser viewport width in CSS pixels.

      • viewportH: number

        Current browser viewport height in CSS pixels.

      • stageOffsetX: number

        CSS-pixel X offset of the scaled stage from the viewport edge.

      • stageOffsetY: number

        CSS-pixel Y offset of the scaled stage from the viewport edge.

      • stageScale: number

        Uniform CSS scale applied to the stage.

      Returns void

    • Finds the first text element (a <span class="z-text">) among children. Mirrors PIXI's getTextField().

      Returns HTMLElement | null

    • Called once all children have been added. Captures original text dimensions.

      Returns void

    • Parameters

      • event: string
      • listener: Function

      Returns this

    • Parameters

      • event: string
      • listener: Function

      Returns this

    • 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.

      Returns void

    • Parameters

      • width: number
      • height: number
      • orientation: "portrait" | "landscape"

      Returns void

    • Parameters

      • callback: (t: number) => void

      Returns void

    • Parameters

      • t: number

      Returns void