@directivegames/genesys.js 3.1.24

package/dist/src/ui/components/NumberDisplay.d.ts

@@ -0,0 +1,51 @@
+import { BaseUIComponent } from './BaseUIComponent.js';
+import type { BaseUIComponentOptions } from './BaseUIComponent.js';
+import type * as ENGINE from '../../index.js';
+export interface NumberDisplayOptions extends BaseUIComponentOptions {
+    /** Text prefix to display before the number */
+    prefix?: string;
+    /** Text suffix to display after the number */
+    suffix?: string;
+    /** Initial number value */
+    initialValue?: number;
+    /** Minimum allowed value */
+    minValue?: number;
+    /** Maximum allowed value */
+    maxValue?: number;
+    /** Number of decimal places to display */
+    decimalPlaces?: number;
+    /** Whether to animate value changes */
+    animate?: boolean;
+    /** Animation duration in milliseconds */
+    animationDuration?: number;
+}
+export declare class NumberDisplay extends BaseUIComponent<NumberDisplayOptions> {
+    private numberElement;
+    private value;
+    private animationId;
+    constructor(ui: ENGINE.UIManager, options?: NumberDisplayOptions);
+    protected getAssetPaths(): {
+        templatePath: string;
+        stylesPath: string;
+    };
+    protected getDefaultOptions(): Required<NumberDisplayOptions>;
+    protected getInitialData(): Record<string, any>;
+    protected cacheElements(): void;
+    protected onInitialize(): Promise<void>;
+    protected onDataUpdate(data: Record<string, any>): void;
+    setValue(value: number, animate?: boolean): void;
+    getValue(): number;
+    add(amount: number, animate?: boolean): void;
+    subtract(amount: number, animate?: boolean): void;
+    increment(animate?: boolean): void;
+    decrement(animate?: boolean): void;
+    reset(animate?: boolean): void;
+    setPrefix(prefix: string): void;
+    setSuffix(suffix: string): void;
+    setRange(min: number, max: number): void;
+    private clampValue;
+    private formatNumber;
+    private updateDisplay;
+    private animateToValue;
+    protected onDestroy(): void;
+}

package/dist/src/ui/components/NumberDisplay.js

@@ -0,0 +1,164 @@
+import { BaseUIComponent } from './BaseUIComponent.js';
+export class NumberDisplay extends BaseUIComponent {
+    constructor(ui, options = {}) {
+        super(ui, options);
+        Object.defineProperty(this, "numberElement", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "value", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "animationId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        this.value = this.options.initialValue;
+    }
+    getAssetPaths() {
+        return {
+            templatePath: '@engine/assets/ui/templates/number-display.html',
+            stylesPath: '@engine/assets/ui/styles/number-display.css'
+        };
+    }
+    getDefaultOptions() {
+        return {
+            position: 'top-center',
+            visible: true,
+            customClasses: [],
+            customStyles: {},
+            prefix: '',
+            suffix: '',
+            initialValue: 0,
+            minValue: Number.NEGATIVE_INFINITY,
+            maxValue: Number.POSITIVE_INFINITY,
+            decimalPlaces: 0,
+            animate: false,
+            animationDuration: 300
+        };
+    }
+    getInitialData() {
+        return {
+            value: this.formatNumber(this.value),
+            prefix: this.options.prefix,
+            suffix: this.options.suffix,
+            position: this.options.position
+        };
+    }
+    cacheElements() {
+        if (!this.layout)
+            return;
+        this.numberElement = this.createElementWrapper(this.layout.querySelector('.number-display'));
+        this.elements.set('number', this.numberElement);
+    }
+    async onInitialize() {
+        // Set initial display
+        this.updateDisplay();
+    }
+    onDataUpdate(data) {
+        if ('value' in data) {
+            this.setValue(data.value, false); // Don't animate data updates
+        }
+    }
+    // Public API methods
+    setValue(value, animate = this.options.animate) {
+        const oldValue = this.value;
+        this.value = this.clampValue(value);
+        if (animate && oldValue !== this.value) {
+            this.animateToValue(oldValue, this.value);
+        }
+        else {
+            this.updateDisplay();
+        }
+    }
+    getValue() {
+        return this.value;
+    }
+    add(amount, animate = this.options.animate) {
+        this.setValue(this.value + amount, animate);
+    }
+    subtract(amount, animate = this.options.animate) {
+        this.setValue(this.value - amount, animate);
+    }
+    increment(animate = this.options.animate) {
+        this.add(1, animate);
+    }
+    decrement(animate = this.options.animate) {
+        this.subtract(1, animate);
+    }
+    reset(animate = this.options.animate) {
+        this.setValue(this.options.initialValue, animate);
+    }
+    setPrefix(prefix) {
+        this.options.prefix = prefix;
+        this.updateDisplay();
+    }
+    setSuffix(suffix) {
+        this.options.suffix = suffix;
+        this.updateDisplay();
+    }
+    setRange(min, max) {
+        this.options.minValue = min;
+        this.options.maxValue = max;
+        this.value = this.clampValue(this.value);
+        this.updateDisplay();
+    }
+    // Private methods
+    clampValue(value) {
+        return Math.max(this.options.minValue, Math.min(this.options.maxValue, value));
+    }
+    formatNumber(value) {
+        return value.toFixed(this.options.decimalPlaces);
+    }
+    updateDisplay() {
+        if (!this.numberElement)
+            return;
+        const formattedValue = this.formatNumber(this.value);
+        const displayText = `${this.options.prefix}${formattedValue}${this.options.suffix}`;
+        this.numberElement.setText(displayText);
+    }
+    animateToValue(fromValue, toValue) {
+        if (this.animationId) {
+            cancelAnimationFrame(this.animationId);
+        }
+        const startTime = performance.now();
+        const duration = this.options.animationDuration;
+        const delta = toValue - fromValue;
+        const animate = (currentTime) => {
+            const elapsed = currentTime - startTime;
+            const progress = Math.min(elapsed / duration, 1);
+            // Ease out animation
+            const easedProgress = 1 - Math.pow(1 - progress, 3);
+            const currentValue = fromValue + (delta * easedProgress);
+            // Update display without changing this.value
+            if (this.numberElement) {
+                const formattedValue = this.formatNumber(currentValue);
+                const displayText = `${this.options.prefix}${formattedValue}${this.options.suffix}`;
+                this.numberElement.setText(displayText);
+            }
+            if (progress < 1) {
+                this.animationId = requestAnimationFrame(animate);
+            }
+            else {
+                this.animationId = null;
+                this.updateDisplay(); // Final update with exact value
+            }
+        };
+        this.animationId = requestAnimationFrame(animate);
+    }
+    onDestroy() {
+        if (this.animationId) {
+            cancelAnimationFrame(this.animationId);
+            this.animationId = null;
+        }
+        this.numberElement = null;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTnVtYmVyRGlzcGxheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS9jb21wb25lbnRzL051bWJlckRpc3BsYXkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBd0J2RCxNQUFNLE9BQU8sYUFBYyxTQUFRLGVBQXFDO0lBS3RFLFlBQVksRUFBb0IsRUFBRSxVQUFnQyxFQUFFO1FBQ2xFLEtBQUssQ0FBQyxFQUFFLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFMYjs7OzttQkFBeUMsSUFBSTtXQUFDO1FBQzlDOzs7OztXQUFjO1FBQ2Q7Ozs7bUJBQTZCLElBQUk7V0FBQztRQUl4QyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDO0lBQ3pDLENBQUM7SUFFUyxhQUFhO1FBQ3JCLE9BQU87WUFDTCxZQUFZLEVBQUUsaURBQWlEO1lBQy9ELFVBQVUsRUFBRSw2Q0FBNkM7U0FDMUQsQ0FBQztJQUNKLENBQUM7SUFFUyxpQkFBaUI7UUFDekIsT0FBTztZQUNMLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLE9BQU8sRUFBRSxJQUFJO1lBQ2IsYUFBYSxFQUFFLEVBQUU7WUFDakIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsTUFBTSxFQUFFLEVBQUU7WUFDVixNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxDQUFDO1lBQ2YsUUFBUSxFQUFFLE1BQU0sQ0FBQyxpQkFBaUI7WUFDbEMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxpQkFBaUI7WUFDbEMsYUFBYSxFQUFFLENBQUM7WUFDaEIsT0FBTyxFQUFFLEtBQUs7WUFDZCxpQkFBaUIsRUFBRSxHQUFHO1NBQ3ZCLENBQUM7SUFDSixDQUFDO0lBRVMsY0FBYztRQUN0QixPQUFPO1lBQ0wsS0FBSyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztZ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

package/dist/src/ui/components/ProgressBar.d.ts

@@ -0,0 +1,115 @@
+import { BaseUIComponent } from './BaseUIComponent.js';
+import type { BaseUIComponentOptions } from './BaseUIComponent.js';
+export interface ProgressBarOptions extends BaseUIComponentOptions {
+    /** Current value of the bar */
+    currentValue?: number;
+    /** Maximum value of the bar */
+    maxValue?: number;
+    /** Minimum value of the bar */
+    minValue?: number;
+    /** Width of the bar in pixels */
+    width?: number;
+    /** Height of the bar in pixels */
+    height?: number;
+    /** Color theme preset */
+    theme?: 'health' | 'mana' | 'stamina' | 'experience' | 'custom';
+    /** Custom fill color (overrides theme) */
+    fillColor?: string;
+    /** Custom background color */
+    backgroundColor?: string;
+    /** Custom border color */
+    borderColor?: string;
+    /** Bar style variant */
+    style?: 'flat' | 'gradient' | 'rounded' | 'glow';
+    /** Animation duration in milliseconds */
+    animationDuration?: number;
+    /** Enable smooth animations */
+    animate?: boolean;
+    /** Text display mode */
+    textDisplay?: 'none' | 'value' | 'percentage' | 'both' | 'custom';
+    /** Custom text to display */
+    customText?: string;
+    /** Text color */
+    textColor?: string;
+    /** Label to show before the bar */
+    label?: string;
+    /** Direction of the bar fill */
+    direction?: 'horizontal' | 'vertical';
+    /** Fill direction for horizontal bars */
+    fillDirection?: 'left-to-right' | 'right-to-left';
+    /** Show background bar */
+    showBackground?: boolean;
+    /** Show border */
+    showBorder?: boolean;
+    /** Border width in pixels */
+    borderWidth?: number;
+    /** Corner radius for rounded style */
+    borderRadius?: number;
+}
+export declare class ProgressBar extends BaseUIComponent<ProgressBarOptions> {
+    private fillElement;
+    private textElement;
+    private labelElement;
+    private animationId;
+    private currentDisplayValue;
+    protected getAssetPaths(): {
+        templatePath: string;
+        stylesPath: string;
+    };
+    protected getDefaultOptions(): Required<ProgressBarOptions>;
+    protected getInitialData(): {
+        theme: "health" | "mana" | "stamina" | "experience" | "custom";
+        style: "flat" | "gradient" | "rounded" | "glow";
+        direction: "horizontal" | "vertical";
+        label: string;
+        displayText: string;
+    };
+    private getInitialDisplayText;
+    protected cacheElements(): void;
+    protected onInitialize(): Promise<void>;
+    /**
+     * Apply initial styles that were previously in the template
+     */
+    private applyInitialStyles;
+    /**
+     * Set the current value of the progress bar
+     */
+    setValue(value: number, animate?: boolean): void;
+    /**
+     * Set the maximum value of the progress bar
+     */
+    setMaxValue(maxValue: number): void;
+    /**
+     * Get the current value
+     */
+    getValue(): number;
+    /**
+     * Get the current percentage (0-100)
+     */
+    getPercentage(): number;
+    /**
+     * Set custom text to display
+     */
+    setCustomText(text: string): void;
+    /**
+     * Set the theme colors
+     */
+    setTheme(theme: 'health' | 'mana' | 'stamina' | 'experience' | 'custom'): void;
+    /**
+     * Set custom fill color
+     */
+    setFillColor(color: string): void;
+    private calculatePercentage;
+    private getThemeColors;
+    private getDisplayText;
+    private animateToValue;
+    private updateDisplay;
+    private updateFill;
+    private updateText;
+    private updateColors;
+    /**
+     * Update visibility of elements based on options
+     */
+    private updateVisibility;
+    protected onDestroy(): void;
+}