@flashist/appframework 0.0.267 → 0.0.269

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

@@ -0,0 +1,12 @@
+export declare class BaseBtnState {
+    static NORMAL: string;
+    static OVER: string;
+    static PRESS: string;
+    static DISABLED: string;
+    static SELECTED_NORMAL: string;
+    static SELECTED_OVER: string;
+    static SELECTED_PRESS: string;
+    static SELECTED_DISABLED: string;
+    static NORMAL_TO_SELECTED_MAP: any;
+    static SELECTED_TO_NORMAL_MAP: any;
+}

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

@@ -0,0 +1,27 @@
+export class BaseBtnState {
+}
+BaseBtnState.NORMAL = "normal";
+BaseBtnState.OVER = "over";
+BaseBtnState.PRESS = "press";
+BaseBtnState.DISABLED = "disabled";
+BaseBtnState.SELECTED_NORMAL = "selected_normal";
+BaseBtnState.SELECTED_OVER = "selected_over";
+BaseBtnState.SELECTED_PRESS = "selected_press";
+BaseBtnState.SELECTED_DISABLED = "selected_disabled";
+BaseBtnState.NORMAL_TO_SELECTED_MAP = (() => {
+    let result = {};
+    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;
+})();
+BaseBtnState.SELECTED_TO_NORMAL_MAP = (() => {
+    let result = {};
+    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;
+})();
+//# sourceMappingURL=BaseBtnState.js.map

package/src/display/views/button/BaseBtnState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBtnState.js","sourceRoot":"","sources":["../../../../../src/display/views/button/BaseBtnState.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,YAAY;;AACP,mBAAM,GAAU,QAAQ,CAAC;AACzB,iBAAI,GAAU,MAAM,CAAC;AACrB,kBAAK,GAAU,OAAO,CAAC;AACvB,qBAAQ,GAAU,UAAU,CAAC;AAE7B,4BAAe,GAAU,iBAAiB,CAAC;AAC3C,0BAAa,GAAU,eAAe,CAAC;AACvC,2BAAc,GAAU,gBAAgB,CAAC;AACzC,8BAAiB,GAAU,mBAAmB,CAAC;AAE/C,mCAAsB,GAAG,CAAC,GAAQ,EAAE;IAC9C,IAAI,MAAM,GAAQ,EAAE,CAAC;IACrB,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,eAAe,CAAC;IAC3D,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,aAAa,CAAC;IACvD,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC;IACzD,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,iBAAiB,CAAC;IAE/D,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC;AAES,mCAAsB,GAAG,CAAC,GAAQ,EAAE;IAC9C,IAAI,MAAM,GAAQ,EAAE,CAAC;IACrB,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC;IAC3D,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC;IACvD,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,YAAY,CAAC,QAAQ,CAAC;IAE/D,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC"}

package/src/display/views/button/BaseBtnView.d.ts

@@ -0,0 +1,30 @@
+import { FContainer, Graphics, Point, Sprite } from "@flashist/flibs";
+import { IToggleGroupItem } from "../togglegroup/IToggleGroupItem";
+import { BaseBtn } from "./BaseBtn";
+import { IButtonViewConfig } from "./IButtonViewConfig";
+import { AppResizableContainer } from "../resize/AppResizableContainer";
+export declare class BaseBtnView<DataType extends object = object> extends AppResizableContainer<DataType> implements IToggleGroupItem {
+    private static readonly DEFAULT_CONFIG;
+    protected static DEFAULT_SIZE: Point;
+    private _config;
+    id: string;
+    protected btn: BaseBtn;
+    protected contentCont: FContainer;
+    protected bg: Graphics;
+    protected icon: Sprite;
+    protected pressView: Sprite;
+    protected overView: Sprite;
+    constructor(config: IButtonViewConfig);
+    protected construction(config: IButtonViewConfig): void;
+    destruction(): void;
+    protected addListeners(): void;
+    protected onBtnStateChange(): void;
+    protected onBtnSelectedChange(): void;
+    protected commitData(): void;
+    protected commitStateData(): void;
+    get selected(): boolean;
+    set selected(value: boolean);
+    protected arrange(): void;
+    get config(): IButtonViewConfig;
+    set config(value: IButtonViewConfig);
+}

package/src/display/views/button/BaseBtnView.js

@@ -0,0 +1,155 @@
+import { ObjectTools } from "@flashist/fcore";
+import { DisplayResizeTools, FContainer, Graphics, Point, Sprite, Texture } from "@flashist/flibs";
+import { BaseBtn } from "./BaseBtn";
+import { AppResizableContainer } from "../resize/AppResizableContainer";
+import { BaseBtnState } from "./BaseBtnState";
+import { BaseBtnEvent } from "./BaseBtnEvent";
+import { DefaultButtonViewConfig } from "./DefaultButtonViewConfig";
+export class BaseBtnView extends AppResizableContainer {
+    constructor(config) {
+        super(config);
+    }
+    construction(config) {
+        super.construction(config);
+        this._config = config;
+        if (!this._config) {
+            this._config = BaseBtnView.DEFAULT_CONFIG;
+        }
+        ObjectTools.copyProps(this._config, BaseBtnView.DEFAULT_CONFIG, { ignoreExistedProperties: true });
+        this.contentCont = new FContainer();
+        this.addChild(this.contentCont);
+        this.bg = new Graphics();
+        this.contentCont.addChild(this.bg);
+        this.bg.rect(0, 0, 10, 10);
+        this.bg.fill({ color: 0x000000 });
+        this.bg.alpha = 0;
+        this.pressView = new Sprite();
+        this.contentCont.addChild(this.pressView);
+        this.overView = new Sprite();
+        this.contentCont.addChild(this.overView);
+        this.icon = new Sprite();
+        this.contentCont.addChild(this.icon);
+        this.btn = new BaseBtn();
+        this.btn.hitArea = this;
+        // this.btn.commitStateDataCallback = () => this.commitStateData();
+        if (config.size) {
+            this.resize(config.size.x, config.size.y);
+        }
+        else {
+            this.resize(BaseBtnView.DEFAULT_SIZE.x, BaseBtnView.DEFAULT_SIZE.y);
+        }
+        this.commitStateData();
+    }
+    destruction() {
+        super.destruction();
+        if (this.btn) {
+            this.btn.destruction();
+        }
+    }
+    addListeners() {
+        super.addListeners();
+        this.eventListenerHelper.addEventListener(this.btn, BaseBtnEvent.STATE_CHANGE, this.onBtnStateChange);
+        this.eventListenerHelper.addEventListener(this.btn, BaseBtnEvent.SELECTED_CHANGE, this.onBtnSelectedChange);
+    }
+    onBtnStateChange() {
+        this.commitStateData();
+        this.emit(BaseBtnEvent.STATE_CHANGE);
+    }
+    onBtnSelectedChange() {
+        this.emit(BaseBtnEvent.SELECTED_CHANGE);
+    }
+    commitData() {
+        super.commitData();
+        if (this.config.pressTextureId) {
+            this.pressView.texture = Texture.from(this.config.pressTextureId);
+        }
+        if (this.config.overTextureId) {
+            this.overView.texture = Texture.from(this.config.overTextureId);
+        }
+        if (this.config.iconTextureId) {
+            this.icon.texture = Texture.from(this.config.iconTextureId);
+        }
+        this.commitStateData();
+    }
+    commitStateData() {
+        this.contentCont.visible = true;
+        this.pressView.visible = false;
+        this.overView.visible = false;
+        let newAlpha = 1;
+        switch (this.btn.state) {
+            case BaseBtnState.NORMAL:
+                if (this.config.alphaNormal) {
+                    newAlpha = this.config.alphaNormal;
+                }
+                break;
+            case BaseBtnState.OVER:
+                if (this.config.alphaOver) {
+                    newAlpha = this.config.alphaOver;
+                }
+                this.overView.visible = true;
+                break;
+            case BaseBtnState.PRESS:
+                this.pressView.visible = true;
+                break;
+            case BaseBtnState.SELECTED_NORMAL:
+                if (this.config.alphaNormal) {
+                    newAlpha = this.config.alphaNormal;
+                }
+                this.pressView.visible = true;
+                break;
+            case BaseBtnState.SELECTED_OVER:
+                if (this.config.alphaOver) {
+                    newAlpha = this.config.alphaOver;
+                }
+                this.overView.visible = true;
+                this.pressView.visible = true;
+                break;
+            case BaseBtnState.SELECTED_PRESS:
+                this.pressView.visible = true;
+                break;
+            default:
+                this.contentCont.visible = true;
+                break;
+        }
+        this.alpha = newAlpha;
+        if (this.isConstructed) {
+            this.arrange();
+        }
+    }
+    get selected() {
+        return this.btn.selected;
+    }
+    set selected(value) {
+        if (value === this.btn.selected) {
+            return;
+        }
+        this.btn.selected = value;
+    }
+    arrange() {
+        super.arrange();
+        this.bg.width = this.resizeSize.x;
+        this.bg.height = this.resizeSize.y;
+        this.icon.scale.set(1, 1);
+        DisplayResizeTools.scaleObject(this.icon, this.resizeSize.x - (this.config.iconPadding.x * 2), this.resizeSize.y - (this.config.iconPadding.y * 2));
+        this.overView.scale.set(1, 1);
+        DisplayResizeTools.scaleObject(this.overView, this.resizeSize.x, this.resizeSize.y);
+        this.pressView.scale.set(1, 1);
+        DisplayResizeTools.scaleObject(this.pressView, this.resizeSize.x, this.resizeSize.y);
+        this.overView.x = Math.floor(this.bg.x + ((this.bg.width - this.overView.width) / 2));
+        this.overView.y = Math.floor(this.bg.y + ((this.bg.height - this.overView.height) / 2));
+        this.pressView.x = Math.floor(this.bg.x + ((this.bg.width - this.pressView.width) / 2));
+        this.pressView.y = Math.floor(this.bg.y + ((this.bg.height - this.pressView.height) / 2));
+        this.icon.x = Math.floor(this.bg.x + ((this.bg.width - this.icon.width) / 2));
+        this.icon.y = Math.floor(this.bg.y + ((this.bg.height - this.icon.height) / 2));
+    }
+    get config() {
+        return this._config;
+    }
+    set config(value) {
+        this._config = value;
+        this.commitData();
+    }
+}
+BaseBtnView.DEFAULT_CONFIG = new DefaultButtonViewConfig();
+BaseBtnView.DEFAULT_SIZE = new Point(30, 24);
+//# sourceMappingURL=BaseBtnView.js.map

package/src/display/views/button/BaseBtnView.js.map

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

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

@@ -0,0 +1,8 @@
+import { Point } from "@flashist/flibs";
+import { IButtonViewConfig } from "./IButtonViewConfig";
+export declare class DefaultButtonViewConfig implements IButtonViewConfig {
+    iconPadding: Point;
+    iconTextureId: string;
+    pressTextureId: string;
+    overTextureId: string;
+}

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

@@ -0,0 +1,10 @@
+import { Point } from "@flashist/flibs";
+export class DefaultButtonViewConfig {
+    constructor() {
+        this.iconPadding = new Point();
+        this.iconTextureId = "";
+        this.pressTextureId = "tools_press_bg.png";
+        this.overTextureId = "tools_over_bg.png";
+    }
+}
+//# sourceMappingURL=DefaultButtonViewConfig.js.map

package/src/display/views/button/DefaultButtonViewConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultButtonViewConfig.js","sourceRoot":"","sources":["../../../../../src/display/views/button/DefaultButtonViewConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,iBAAiB,CAAC;AAItC,MAAM,OAAO,uBAAuB;IAApC;QACI,gBAAW,GAAU,IAAI,KAAK,EAAE,CAAC;QACjC,kBAAa,GAAW,EAAE,CAAC;QAC3B,mBAAc,GAAW,oBAAoB,CAAC;QAC9C,kBAAa,GAAW,mBAAmB,CAAC;IAChD,CAAC;CAAA"}

package/src/display/views/button/IButtonViewConfig.d.ts

@@ -0,0 +1,13 @@
+import { Point } from "@flashist/flibs";
+export interface IButtonViewConfig {
+    iconTextureId?: string;
+    iconPadding?: Point;
+    pressTextureId?: string;
+    overTextureId?: string;
+    size?: {
+        x: number;
+        y: number;
+    };
+    alphaNormal?: number;
+    alphaOver?: number;
+}

package/src/display/views/button/IButtonViewConfig.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IButtonViewConfig.js.map

package/src/display/views/button/IButtonViewConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IButtonViewConfig.js","sourceRoot":"","sources":["../../../../../src/display/views/button/IButtonViewConfig.ts"],"names":[],"mappings":""}

package/src/display/views/button/SimpleButtonConfig.d.ts

@@ -0,0 +1,29 @@
+import { DisplayObjectContainer, IFLabelConfig } from "@flashist/flibs";
+import { SimpleButtonState } from "./SimpleButtonState";
+export declare const SimpleButtonDefaultConfig: {
+    labelConfig: IFLabelConfig;
+    bgConfig: Partial<ISimpleButtonBgConfig>;
+    states: ISimpleButtonStatesConfig;
+};
+export interface ISimpleButtonBgConfig {
+    bgAlpha: number;
+    bgColor: number;
+    bgLineWidth: number;
+    bgLineColor: number;
+    bgLineAlpha: number;
+    bgCornerRadius: number;
+    contentToBgPaddingX: number;
+    contentToBgPaddingY: number;
+    contentToBgShiftX: number;
+    contentToBgShiftY: number;
+}
+export interface ISingleButtonStateConfig {
+    alpha?: number;
+    icon?: string;
+    labelConfig?: IFLabelConfig;
+    externalView?: DisplayObjectContainer;
+}
+export type ISimpleButtonStatesConfig = {
+    [key in SimpleButtonState]?: ISingleButtonStateConfig;
+};
+export type SimpleButtonConfig = Partial<typeof SimpleButtonDefaultConfig>;

package/src/display/views/button/SimpleButtonConfig.js

@@ -0,0 +1,54 @@
+export const SimpleButtonDefaultConfig = {
+    // We need this param in both states and root,
+    // because we need a correct label config
+    // at the moment of creationg of the FLabel instance
+    // labelConfig: null as IFLabelConfig,
+    labelConfig: {
+        autosize: true
+    },
+    bgConfig: {
+        // 0.001 to make sure the bg is drawn, but is almost invisible
+        bgAlpha: 0.001,
+        bgColor: 0x000000,
+        bgLineWidth: 0,
+        bgLineColor: 0x000000,
+        bgLineAlpha: 0,
+        bgCornerRadius: 0,
+        contentToBgPaddingX: 0,
+        contentToBgPaddingY: 0,
+        contentToBgShiftX: 0,
+        contentToBgShiftY: 0
+    },
+    states: {
+        normal: {
+            alpha: 0.75
+        },
+        over: {
+            alpha: 1
+        },
+        press: {
+            alpha: 1
+        },
+        disabled: {
+            alpha: 0.5
+        }
+    }
+};
+// export interface ISimpleButtonConfig {
+//     // bgConfig?: {
+//     //     image?: {
+//     //         imageId: string;
+//     //     };
+//     //     vector?: {
+//     //         bgColor: number;
+//     //         overBgColor: number;
+//     //         bgAlpha: number;
+//     //         bgBorderColor: number;
+//     //         bgBorderAlpha: number;
+//     //         bgBorderWidth: number;
+//     //     }
+//     //     resizeBg?: boolean;
+//     // };
+//     labelConfig?: IFLabelConfig;
+// }
+//# sourceMappingURL=SimpleButtonConfig.js.map

package/src/display/views/button/SimpleButtonConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleButtonConfig.js","sourceRoot":"","sources":["../../../../../src/display/views/button/SimpleButtonConfig.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,8CAA8C;IAC9C,yCAAyC;IACzC,oDAAoD;IACpD,sCAAsC;IACtC,WAAW,EAAE;QACT,QAAQ,EAAE,IAAI;KACA;IAElB,QAAQ,EAAE;QACN,8DAA8D;QAC9D,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,QAAQ;QACjB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,QAAQ;QACrB,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,CAAC;QACjB,mBAAmB,EAAE,CAAC;QACtB,mBAAmB,EAAE,CAAC;QACtB,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,EAAE,CAAC;KACW;IAEnC,MAAM,EAAE;QACJ,MAAM,EAAE;YACJ,KAAK,EAAE,IAAI;SACc;QAC7B,IAAI,EAAE;YACF,KAAK,EAAE,CAAC;SACiB;QAC7B,KAAK,EAAE;YACH,KAAK,EAAE,CAAC;SACiB;QAC7B,QAAQ,EAAE;YACN,KAAK,EAAE,GAAG;SACe;KACH;CACjC,CAAA;AA4BD,yCAAyC;AACzC,sBAAsB;AACtB,uBAAuB;AACvB,kCAAkC;AAClC,gBAAgB;AAEhB,wBAAwB;AACxB,kCAAkC;AAClC,sCAAsC;AACtC,kCAAkC;AAClC,wCAAwC;AACxC,wCAAwC;AACxC,wCAAwC;AACxC,eAAe;AAEf,iCAAiC;AACjC,YAAY;AAEZ,mCAAmC;AACnC,IAAI"}

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

@@ -0,0 +1,10 @@
+export declare enum SimpleButtonState {
+    NORMAL = "normal",
+    OVER = "over",
+    PRESS = "press",
+    DISABLED = "disabled",
+    SELECTED_NORMAL = "selected_normal",
+    SELECTED_OVER = "selected_over",
+    SELECTED_PRESS = "selected_press",
+    SELECTED_DISABLED = "selected_disabled"
+}

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

@@ -0,0 +1,12 @@
+export var SimpleButtonState;
+(function (SimpleButtonState) {
+    SimpleButtonState["NORMAL"] = "normal";
+    SimpleButtonState["OVER"] = "over";
+    SimpleButtonState["PRESS"] = "press";
+    SimpleButtonState["DISABLED"] = "disabled";
+    SimpleButtonState["SELECTED_NORMAL"] = "selected_normal";
+    SimpleButtonState["SELECTED_OVER"] = "selected_over";
+    SimpleButtonState["SELECTED_PRESS"] = "selected_press";
+    SimpleButtonState["SELECTED_DISABLED"] = "selected_disabled";
+})(SimpleButtonState || (SimpleButtonState = {}));
+//# sourceMappingURL=SimpleButtonState.js.map

package/src/display/views/button/SimpleButtonState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleButtonState.js","sourceRoot":"","sources":["../../../../../src/display/views/button/SimpleButtonState.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,iBAUX;AAVD,WAAY,iBAAiB;IACzB,sCAAiB,CAAA;IACjB,kCAAa,CAAA;IACb,oCAAe,CAAA;IACf,0CAAqB,CAAA;IAErB,wDAAmC,CAAA;IACnC,oDAA+B,CAAA;IAC/B,sDAAiC,CAAA;IACjC,4DAAuC,CAAA;AAC3C,CAAC,EAVW,iBAAiB,KAAjB,iBAAiB,QAU5B"}

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

@@ -0,0 +1,45 @@
+import { FContainer, FLabel, Sprite, Graphics, DisplayObjectContainer } from "@flashist/flibs";
+import { SimpleButtonConfig } from "./SimpleButtonConfig";
+import { AppResizableContainer } from "../resize/AppResizableContainer";
+import { IToggableItem } from "../togglegroup/IToggableItem";
+import { BaseLayout, BaseLayoutableContainer } from "../../../../index";
+export declare class SimpleButtonView<DataType extends object = object> extends AppResizableContainer<DataType> implements IToggableItem {
+    static NORMAL_TO_SELECTED_MAP: any;
+    static SELECTED_TO_NORMAL_MAP: any;
+    id: string;
+    protected _enabled: boolean;
+    protected _state: string;
+    protected _selected: boolean;
+    protected curConfig: SimpleButtonConfig;
+    protected bg: Graphics;
+    protected contentCont: FContainer;
+    protected layoutableCont: BaseLayoutableContainer;
+    protected curStateExternalView: DisplayObjectContainer;
+    protected icon: Sprite;
+    fLabel: FLabel;
+    protected _contentLayout: BaseLayout;
+    constructor(config: SimpleButtonConfig);
+    protected construction(config: SimpleButtonConfig): void;
+    protected addListeners(): void;
+    protected onUpOutside(): void;
+    protected onOver(): void;
+    protected onOut(): void;
+    protected onDown(): void;
+    protected onUp(): void;
+    protected onTap(): void;
+    protected arrange(): void;
+    get enabled(): boolean;
+    set enabled(value: boolean);
+    get text(): string;
+    set text(value: string);
+    get state(): string;
+    set state(value: string);
+    protected commitData(): void;
+    get selected(): boolean;
+    set selected(value: boolean);
+    protected findStateValue(normalState: string): string;
+    addExternalView(view: DisplayObjectContainer, addAtIndex?: number): void;
+    private updateBg;
+    get contentLayout(): BaseLayout;
+    set contentLayout(value: BaseLayout);
+}