@flashist/appframework 0.0.3 → 0.0.4

package/src/display/views/AppContainer.ts

@@ -1,20 +0,0 @@
-import {FContainer} from "@flashist/flibs";
-import {EventListenerHelper} from "@flashist/fcore";
-
-export class AppContainer<DataType extends any = any> extends FContainer<DataType> {
-
-    protected dataEventListenerHelper: EventListenerHelper;
-
-    protected construction(...args): void {
-        super.construction(...args);
-
-        this.dataEventListenerHelper = new EventListenerHelper(this);
-    }
-
-    protected processDataUnset(value: DataType): void {
-        super.processDataUnset(value);
-
-        this.dataEventListenerHelper.removeAllListeners();
-    }
-
-}

package/src/display/views/button/BaseBtn.ts

@@ -1,325 +0,0 @@
-import { BaseObject, EventListenerHelper, IDefaultEventDispatcher } from "@flashist/fcore";
-
-import { DisplayObject, InteractiveEvent } from "@flashist/flibs";
-
-import { BaseBtnState } from "./BaseBtnState";
-import { BaseBtnEvent } from "./BaseBtnEvent";
-
-export class BaseBtn extends BaseObject {
-
-    protected interactiveEventHelper: EventListenerHelper;
-
-    // ToDo: the previous code worked with MovieClip implementation,
-    // so this method might be moved to the MovieClip/Timeline-Button instead of the SimpleButton class
-    /*protected static SELECTED_FRAMES_FIRST_PART:string = "selected_";
-     protected static DISABLED_FRAME_NAME:string = "disabled";
-     protected static HIT_AREA_CLIP_NAME:string = "customHitArea";
-     protected static LABEL_FIELD_NAME:string = "labelField";*/
-
-    protected _hitArea: DisplayObject;
-
-    // protected label:BaseLabel;
-
-    private _state: string;
-    private _selected: boolean;
-
-    public autoToggleSelected: boolean;
-
-    private _enabled: boolean;
-
-
-    protected construction(): void {
-        super.construction();
-
-        this.interactiveEventHelper = new EventListenerHelper(this);
-        // this.label = new BaseLabel();
-
-        this.state = BaseBtnState.NORMAL;
-        this.enabled = true;
-    }
-
-    public destruction(): void {
-        super.destruction();
-
-        if (this.interactiveEventHelper) {
-            this.interactiveEventHelper.destruction();
-            this.interactiveEventHelper = null;
-        }
-    }
-
-    protected removeListeners(): void {
-        super.removeListeners();
-
-        this.removeMouseListeners();
-    }
-
-    protected addMouseListeners(dispatcher: IDefaultEventDispatcher<any>): void {
-        if (!dispatcher) {
-            return;
-        }
-
-        this.removeMouseListeners();
-
-        this.interactiveEventHelper.addEventListener(
-            dispatcher,
-            InteractiveEvent.OVER,
-            this.onOver
-        );
-
-        this.interactiveEventHelper.addEventListener(
-            dispatcher,
-            InteractiveEvent.OUT,
-            this.onOut
-        );
-
-        this.interactiveEventHelper.addEventListener(
-            dispatcher,
-            InteractiveEvent.DOWN,
-            this.onMouseDown
-        );
-
-        this.interactiveEventHelper.addEventListener(
-            dispatcher,
-            InteractiveEvent.TAP,
-            this.onTap
-        );
-    }
-
-    protected removeMouseListeners(): void {
-        if (!this.isConstructed) {
-            return;
-        }
-
-        this.interactiveEventHelper.removeAllListeners();
-    }
-
-
-    protected onOver(): void {
-        if (!this._enabled) {
-            return;
-        }
-
-        this.state = this.findStateValue(BaseBtnState.OVER);
-
-        this.redispatchEvent(InteractiveEvent.OVER);
-    }
-
-    protected onOut(): void {
-        if (!this._enabled) {
-            return;
-        }
-
-        this.state = this.findStateValue(BaseBtnState.NORMAL);
-
-        this.redispatchEvent(InteractiveEvent.OUT);
-    }
-
-    protected onMouseDown(): void {
-        if (!this._enabled) {
-            return;
-        }
-
-        this.state = this.findStateValue(BaseBtnState.PRESS);
-
-        this.redispatchEvent(InteractiveEvent.DOWN);
-    }
-
-    protected onTap(): void {
-        if (!this._enabled) {
-            return;
-        }
-
-        if (this.autoToggleSelected) {
-            this.selected = !this.selected;
-        }
-
-        this.state = this.findStateValue(BaseBtnState.OVER);
-
-        this.redispatchEvent(InteractiveEvent.TAP);
-    }
-
-
-    protected redispatchEvent(sourceEvent: string): void {
-        this.dispatchEvent(sourceEvent);
-    }
-
-    protected commitStateData(): void {
-        if (!this.isConstructed) {
-            return;
-        }
-
-        this.commitEnabledData();
-    }
-
-    protected commitEnabledData(): void {
-        if (this.hitArea) {
-            if (this.enabled) {
-                this.hitArea.interactive = true;
-                this.hitArea.buttonMode = true;
-
-            } else {
-                this.hitArea.interactive = false;
-                this.hitArea.buttonMode = false;
-            }
-        }
-    }
-
-    public get state(): string {
-        return this._state;
-    }
-    public set state(value: string) {
-        if (value == this.state) {
-            return;
-        }
-
-        this._state = value;
-
-        this.commitStateData();
-
-        this.dispatchEvent(BaseBtnEvent.STATE_CHANGE);
-    }
-
-    public get selected(): boolean {
-        return this._selected;
-    }
-    public set selected(value: boolean) {
-        if (value == this.selected) {
-            return;
-        }
-
-        this._selected = value;
-
-        if (this._selected) {
-            this.state = BaseBtnState.SELECTED_NORMAL;
-        } else {
-            this.state = BaseBtnState.NORMAL;
-        }
-
-        this.dispatchEvent(BaseBtnEvent.SELECTED_CHANGE);
-    }
-
-    public get enabled(): boolean {
-        return this._enabled;
-    }
-    public set enabled(value: boolean) {
-        if (value == this.enabled) {
-            return;
-        }
-
-        this._enabled = value;
-
-        if (this._enabled) {
-            this.state = this.findStateValue(BaseBtnState.NORMAL);
-        } else {
-            this.state = this.findStateValue(BaseBtnState.DISABLED);
-        }
-
-        this.commitEnabledData();
-    }
-
-
-    protected commitData(): void {
-        super.commitData();
-
-        if (!this.isConstructed) {
-            return;
-        }
-
-        // this.updateHitArea();
-        this.commitStateData();
-    }
-
-
-    public get hitArea(): DisplayObject {
-        return this._hitArea;
-    }
-    public set hitArea(value: DisplayObject) {
-        if (value == this.hitArea) {
-            return;
-        }
-
-        // Remove previous hit area
-        this.removeMouseListeners();
-
-        // Set the new hit area
-        this._hitArea = value;
-        this.addMouseListeners(this.hitArea);
-
-        this.commitData();
-    }
-
-    // protected updateHitArea():void {
-    //     /*var tempNewHitArea:createjs.DisplayObject;
-    //     if (this.view) {
-    //         tempNewHitArea = (this.view[BaseBtn.HIT_AREA_CLIP_NAME] as createjs.DisplayObject);
-    //         if (!tempNewHitArea) {
-    //             tempNewHitArea = this.view;
-    //         }
-    //     }
-    //
-    //     this.hitArea = tempNewHitArea;*/
-    //     // ToDo: the previous code worked with MovieClip implementation,
-    //     // so this method might be moved to the MovieClip/Timeline-Button instead of the SimpleButton class
-    // }
-
-    /*protected updateLabel():void {
-     // var tempNewField:createjs.Text;
-     // if (this.view) {
-     //     tempNewField = DisplayObjectTools.findChildByName<createjs.Text>(this.view, BaseBtn.LABEL_FIELD_NAME, true);
-     // }
-     //
-     // this.label.field = tempNewField;
-     // ToDo: the previous code worked with MovieClip implementation,
-     // so this method might be moved to the MovieClip/Timeline-Button instead of the BaseBtn class
-     }*/
-
-    // Think whether we really need to have the label object in the BaseBtn class
-    /*public get text():string {
-     return this.label.text;
-     }
-     public set text(value:string) {
-     this.label.text = value;
-     }*/
-
-
-    /*public simulateClick():void {
-     if (this.enabled) {
-     var tempEvent:createjs.MouseEvent = new createjs.MouseEvent(createjs.MouseEvent.CLICK);
-     tempEvent.target = this;
-
-     this.onTap(tempEvent);
-     }
-     }*/
-
-
-    /*private _commitStateDataCallback: Function;
-    get commitStateDataCallback(): Function {
-        return this._commitStateDataCallback;
-    }
-    set commitStateDataCallback(value: Function) {
-        if (value === this.commitStateDataCallback) {
-            return;
-        }
-
-        this._commitStateDataCallback = value;
-
-        this.commitStateData();
-    }*/
-
-    protected findStateValue(sourceState: string): string {
-        let result: string;
-
-        if (this.selected) {
-            result = BaseBtnState.NORMAL_TO_SELECTED_MAP[sourceState];
-
-        } else {
-            result = BaseBtnState.SELECTED_TO_NORMAL_MAP[sourceState];
-        }
-
-        if (!result) {
-            result = sourceState;
-        }
-
-        return result;
-    }
-}

package/src/display/views/button/BaseBtnState.ts

@@ -1,31 +0,0 @@
-export class BaseBtnState {
-    public static NORMAL:string = "normal";
-    public static OVER:string = "over";
-    public static PRESS:string = "press";
-    public static DISABLED:string = "disabled";
-
-    public static SELECTED_NORMAL:string = "selected_normal";
-    public static SELECTED_OVER:string = "selected_over";
-    public static SELECTED_PRESS:string = "selected_press";
-    public static SELECTED_DISABLED:string = "selected_disabled";
-
-    public static NORMAL_TO_SELECTED_MAP = ((): any => {
-        let result: any = {};
-        result[BaseBtnState.NORMAL] = BaseBtnState.SELECTED_NORMAL;
-        result[BaseBtnState.OVER] = BaseBtnState.SELECTED_OVER;
-        result[BaseBtnState.PRESS] = BaseBtnState.SELECTED_PRESS;
-        result[BaseBtnState.DISABLED] = BaseBtnState.SELECTED_DISABLED;
-
-        return result;
-    })();
-
-    public static SELECTED_TO_NORMAL_MAP = ((): any => {
-        let result: any = {};
-        result[BaseBtnState.SELECTED_NORMAL] = BaseBtnState.NORMAL;
-        result[BaseBtnState.SELECTED_OVER] = BaseBtnState.OVER;
-        result[BaseBtnState.SELECTED_PRESS] = BaseBtnState.PRESS;
-        result[BaseBtnState.SELECTED_DISABLED] = BaseBtnState.DISABLED;
-
-        return result;
-    })();
-}

package/src/display/views/button/DefaultButtonViewConfig.ts

@@ -1,10 +0,0 @@
-import {Point} from "@flashist/flibs";
-
-import {IButtonViewConfig} from "./IButtonViewConfig";
-
-export class DefaultButtonViewConfig implements IButtonViewConfig {
-    iconPadding: Point = new Point();
-    iconTextureId: string = "";
-    pressTextureId: string = "tools_press_bg.png";
-    overTextureId: string = "tools_over_bg.png";
-}

package/src/display/views/button/SimpleButtonState.ts

@@ -1,31 +0,0 @@
-export class SimpleButtonState {
-    public static NORMAL:string = "normal";
-    public static OVER:string = "over";
-    public static PRESS:string = "press";
-    public static DISABLED:string = "disabled";
-
-    public static SELECTED_NORMAL:string = "selected_normal";
-    public static SELECTED_OVER:string = "selected_over";
-    public static SELECTED_PRESS:string = "selected_press";
-    public static SELECTED_DISABLED:string = "selected_disabled";
-
-    public static NORMAL_TO_SELECTED_MAP = ((): any => {
-        let result = {};
-        result[SimpleButtonState.NORMAL] = SimpleButtonState.SELECTED_NORMAL;
-        result[SimpleButtonState.OVER] = SimpleButtonState.SELECTED_OVER;
-        result[SimpleButtonState.PRESS] = SimpleButtonState.SELECTED_PRESS;
-        result[SimpleButtonState.DISABLED] = SimpleButtonState.SELECTED_DISABLED;
-
-        return result;
-    })();
-
-    public static SELECTED_TO_NORMAL_MAP = ((): any => {
-        let result = {};
-        result[SimpleButtonState.SELECTED_NORMAL] = SimpleButtonState.NORMAL;
-        result[SimpleButtonState.SELECTED_OVER] = SimpleButtonState.OVER;
-        result[SimpleButtonState.SELECTED_PRESS] = SimpleButtonState.PRESS;
-        result[SimpleButtonState.SELECTED_DISABLED] = SimpleButtonState.DISABLED;
-
-        return result;
-    })();
-}

package/src/display/views/button/SimpleButtonView.ts

@@ -1,226 +0,0 @@
-import {FContainer, FLabel, Graphics, InteractiveEvent, Sprite} from "@flashist/flibs";
-
-import {ISimpleButtonConfig} from "./ISimpleButtonConfig";
-import {SimpleButtonState} from "./SimpleButtonState";
-import {ResizableContainer} from "../resize/ResizableContainer";
-import {IToggableItem} from "../togglegroup/IToggableItem";
-
-export class SimpleButtonView<DataType extends object = object> extends ResizableContainer<DataType> implements IToggableItem {
-
-    public id: string;
-
-    private _enabled: boolean;
-    protected _state: string;
-    protected _selected: boolean;
-
-    protected config: ISimpleButtonConfig;
-
-    protected contentCont: FContainer;
-    protected bg: Graphics | Sprite;
-    protected label: FLabel;
-
-    constructor(config: ISimpleButtonConfig) {
-        super(config);
-    }
-
-    protected construction(config: ISimpleButtonConfig): void {
-        super.construction();
-
-        this.config = config;
-
-        this.contentCont = new FContainer();
-        this.addChild(this.contentCont);
-
-        this.bg = this.createBg();
-        this.contentCont.addChild(this.bg);
-
-        this.label = new FLabel(this.config.labelConfig);
-        this.contentCont.addChild(this.label);
-        //
-        this.label.interactive = false;
-        this.label.interactiveChildren = false;
-
-        this.state = SimpleButtonState.NORMAL;
-        this.enabled = true;
-
-        if (!this.config.bgConfig.resizeBg) {
-            this.resize(
-                this.bg.width,
-                this.bg.height
-            );
-        }
-    }
-
-    protected addListeners(): void {
-        super.addListeners();
-
-        this.eventListenerHelper.addEventListener(
-            this,
-            InteractiveEvent.OVER,
-            this.onOver
-        );
-        this.eventListenerHelper.addEventListener(
-            this,
-            InteractiveEvent.OUT,
-            this.onOut
-        );
-        this.eventListenerHelper.addEventListener(
-            this,
-            InteractiveEvent.TAP,
-            this.onTap
-        );
-        this.eventListenerHelper.addEventListener(
-            this,
-            InteractiveEvent.UP_OUTSIDE,
-            this.onOut
-        );
-    }
-
-    private onOver(): void {
-        // this.contentCont.alpha = 1;
-        this.state = this.findStateValue(SimpleButtonState.OVER);
-    }
-
-    private onOut(): void {
-        // this.contentCont.alpha = 0.75;
-        this.state = this.findStateValue(SimpleButtonState.NORMAL);
-    }
-
-    protected onTap(): void {
-        // this.onOut();
-    }
-
-    protected arrange(): void {
-        super.arrange();
-
-        if (this.config.bgConfig.resizeBg) {
-            if (this.bg.width !== this.resizeSize.x ||
-                this.bg.height !== this.resizeSize.y) {
-
-                this.updateBg();
-            }
-        }
-
-        this.label.width = this.bg.width;
-        this.label.height = this.bg.height;
-        this.label.x = this.bg.x + Math.floor((this.bg.width - this.label.width) / 2);
-        this.label.y = this.bg.y + Math.floor((this.bg.height - this.label.height) / 2);
-    }
-
-    get enabled(): boolean {
-        return this._enabled;
-    }
-    set enabled(value: boolean) {
-        if (value === this._enabled) {
-            return;
-        }
-
-        this._enabled = value;
-
-        this.commitData();
-    }
-
-    public get text(): string {
-        return this.label.text;
-    }
-    public set text(value: string) {
-        this.label.text = value;
-        this.arrange();
-    }
-
-    public get state(): string {
-        return this._state;
-    }
-    public set state(value: string) {
-        if (value == this.state) {
-            return;
-        }
-
-        this._state = value;
-
-        this.commitData();
-    }
-
-    protected commitData(): void {
-        super.commitData();
-
-        if (this.enabled) {
-            this.interactive = true;
-            this.alpha = 1;
-
-        } else {
-            this.interactive = false;
-            this.alpha = 0.5;
-        }
-
-        this.updateBg();
-    }
-
-    public get selected(): boolean {
-        return this._selected;
-    }
-    public set selected(value: boolean) {
-        if (value == this.selected) {
-            return;
-        }
-
-        this._selected = value;
-
-        this.state = this.findStateValue(SimpleButtonState.NORMAL);
-    }
-
-    protected findStateValue(normalState: string): string {
-        let result: string;
-
-        if (this.selected) {
-            result = SimpleButtonState.NORMAL_TO_SELECTED_MAP[normalState];
-        }
-
-        if (!result) {
-            result = normalState;
-        }
-
-        return result;
-    }
-
-    protected createBg(): Sprite | Graphics {
-        let result: Sprite | Graphics;
-        if (this.config.bgConfig.image) {
-            result = Sprite.from(this.config.bgConfig.image.imageId);
-
-        } else {
-            result = new Graphics();
-        }
-
-        return result;
-    }
-
-    protected updateBg(): void {
-        if (this.config.bgConfig.image) {
-            if (this.config.bgConfig.resizeBg) {
-                this.bg.width = this.resizeSize.x;
-                this.bg.height = this.resizeSize.y;
-            }
-
-        } else {
-            const vectorBg: Graphics = this.bg as Graphics;
-
-            vectorBg.clear();
-
-            let bgColor: number = this.config.bgConfig.vector.bgColor;
-            if (this.state === SimpleButtonState.SELECTED_NORMAL || this.state === SimpleButtonState.OVER || this.state === SimpleButtonState.SELECTED_OVER) {
-                bgColor = this.config.bgConfig.vector.overBgColor;
-            }
-
-            vectorBg.beginFill(bgColor, this.config.bgConfig.vector.bgAlpha);
-            vectorBg.lineStyle(
-                this.config.bgConfig.vector.bgBorderWidth,
-                this.config.bgConfig.vector.bgBorderColor,
-                this.config.bgConfig.vector.bgBorderAlpha,
-                0
-            );
-            vectorBg.drawRect(0, 0, this.resizeSize.x, this.resizeSize.y);
-            vectorBg.endFill();
-        }
-    }
-}

package/src/display/views/getsize/IGetSizeObject.ts

@@ -1,5 +0,0 @@
-import {Point} from "@flashist/flibs";
-
-export interface IGetSizeObject {
-    getSize():Point;
-}