@flashist/appframework 0.0.267 → 0.0.268

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);
+}

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

@@ -0,0 +1,260 @@
+import { FContainer, FLabel, Texture, InteractiveEvent, Sprite, DisplayResizeTools, Graphics, DisplayTools } from "@flashist/flibs";
+import { SimpleButtonDefaultConfig } from "./SimpleButtonConfig";
+import { SimpleButtonState } from "./SimpleButtonState";
+import { AppResizableContainer } from "../resize/AppResizableContainer";
+import { ObjectTools } from '@flashist/fcore';
+import { BaseLayoutableContainer } from "../../../../index";
+export class SimpleButtonView extends AppResizableContainer {
+    constructor(config) {
+        super(config);
+    }
+    construction(config) {
+        var _a;
+        super.construction();
+        // First "write" default values
+        this.curConfig = ObjectTools.clone(SimpleButtonDefaultConfig);
+        // Make sure we don't try to deep-copy some "complex" type properties
+        const linkCopyConfig = {
+            states: {}
+        };
+        const configStateIds = Object.keys(config.states);
+        for (let singleStateId of configStateIds) {
+            if (config.states[singleStateId].externalView) {
+                // Save the "complex" type data, to be able to use it later
+                linkCopyConfig.states[singleStateId] = {
+                    externalView: config.states[singleStateId].externalView
+                };
+                // Temporarily remove the "complex" type data from the config
+                // to correctly apply deep-copy algorythm
+                delete config.states[singleStateId].externalView;
+            }
+        }
+        //
+        // Then override them with passed config
+        ObjectTools.copyProps(this.curConfig, config);
+        // Return back all the deleted "complex" type properties to the original config
+        // And use them in the final config
+        const linkCopyConfigStateIds = Object.keys(config.states);
+        for (let singleCopyStateId of linkCopyConfigStateIds) {
+            if ((_a = linkCopyConfig.states[singleCopyStateId]) === null || _a === void 0 ? void 0 : _a.externalView) {
+                // Set the link-based data of the "complex" link
+                this.curConfig.states[singleCopyStateId].externalView = linkCopyConfig.states[singleCopyStateId].externalView;
+                // Return the data into the original config
+                config.states[singleCopyStateId].externalView = linkCopyConfig.states[singleCopyStateId].externalView;
+            }
+        }
+        // this._bgAlpha = 0;
+        // this._bgColor = 0x000000;
+        // this._bgLineWidth = 0;
+        // this._bgLineColor = 0x000000;
+        // this._bgLineAlpha = 0;
+        // this._bgCornerRadius = 0;
+        // this._contentToBgPaddingX = 0;
+        // this._contentToBgPaddingY = 0;
+        // this.bg = this.createBg();
+        // this.contentCont.addChild(this.bg);
+        this.bg = new Graphics();
+        this.addChild(this.bg);
+        this.contentCont = new FContainer();
+        this.addChild(this.contentCont);
+        // this.viewCont = new FContainer();
+        // this.contentCont.addChild(this.viewCont);
+        this.layoutableCont = new BaseLayoutableContainer();
+        this.contentCont.addChild(this.layoutableCont);
+        this.icon = new Sprite();
+        this.layoutableCont.addChild(this.icon);
+        this.fLabel = new FLabel(this.curConfig.labelConfig);
+        this.layoutableCont.addChild(this.fLabel);
+        //
+        this.fLabel.text = "";
+        //
+        // this.fLabel.interactive = true;
+        // this.fLabel.interactiveChildren = true;
+        this.state = SimpleButtonState.NORMAL;
+        this.enabled = true;
+        // if (!this.config.bgConfig?.resizeBg) {
+        //     this.resize(
+        //         this.bg.width,
+        //         this.bg.height
+        //     );
+        // }
+    }
+    addListeners() {
+        super.addListeners();
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.OVER, this.onOver);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.OUT, this.onOut);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.DOWN, this.onDown);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.UP, this.onUp);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.TAP, this.onTap);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.UP_OUTSIDE, this.onUpOutside);
+    }
+    onUpOutside() {
+        this.state = this.findStateValue(SimpleButtonState.NORMAL);
+    }
+    onOver() {
+        // this.contentCont.alpha = 1;
+        this.state = this.findStateValue(SimpleButtonState.OVER);
+    }
+    onOut() {
+        // this.contentCont.alpha = 0.75;
+        this.state = this.findStateValue(SimpleButtonState.NORMAL);
+    }
+    onDown() {
+        this.state = this.findStateValue(SimpleButtonState.PRESS);
+    }
+    onUp() {
+        this.state = this.findStateValue(SimpleButtonState.OVER);
+    }
+    onTap() {
+        this.onOut();
+    }
+    arrange() {
+        super.arrange();
+        if (this.contentLayout) {
+            this.contentLayout.arrange(this.layoutableCont);
+        }
+        if (this.resizeSize.x && this.resizeSize.y) {
+            this.contentCont.scale.set(1);
+            const tempScale = DisplayResizeTools.getScale(this.contentCont.width, this.contentCont.height, this.resizeSize.x, this.resizeSize.y);
+            this.contentCont.scale.set(tempScale);
+        }
+        this.updateBg();
+        // this.contentCont.x = this.bg.x + Math.floor((this.bg.width - this.contentCont.width) / 2) + this.curConfig.bgConfig.contentToBgShiftX;
+        // this.contentCont.y = this.bg.y + Math.floor((this.bg.height - this.contentCont.height) / 2) + this.curConfig.bgConfig.contentToBgShiftY;
+    }
+    get enabled() {
+        return this._enabled;
+    }
+    set enabled(value) {
+        if (value === this._enabled) {
+            return;
+        }
+        this._enabled = value;
+        if (this._enabled) {
+            this.state = this.findStateValue(SimpleButtonState.NORMAL);
+        }
+        else {
+            this.state = this.findStateValue(SimpleButtonState.DISABLED);
+        }
+        this.commitData();
+    }
+    get text() {
+        return this.fLabel.text;
+    }
+    set text(value) {
+        this.fLabel.text = value;
+        this.arrange();
+    }
+    get state() {
+        return this._state;
+    }
+    set state(value) {
+        if (value == this.state) {
+            return;
+        }
+        this._state = value;
+        this.commitData();
+    }
+    commitData() {
+        super.commitData();
+        let tempConfigState = this.state;
+        if (!this.curConfig.states[tempConfigState]) {
+            if (this.selected) {
+                tempConfigState = SimpleButtonView.SELECTED_TO_NORMAL_MAP[this.state];
+            }
+        }
+        if (!this.curConfig.states[tempConfigState]) {
+            tempConfigState = SimpleButtonState.NORMAL;
+        }
+        let tempConfig = this.curConfig.states[tempConfigState];
+        if (tempConfig.alpha || tempConfig.alpha === 0) {
+            this.alpha = tempConfig.alpha;
+        }
+        if (tempConfig.icon) {
+            this.icon.texture = Texture.from(tempConfig.icon);
+        }
+        if (tempConfig.labelConfig) {
+            this.fLabel.changeConfig(tempConfig.labelConfig);
+        }
+        if (tempConfig.externalView !== this.curStateExternalView) {
+            DisplayTools.childRemoveItselfFromParent(this.curStateExternalView);
+        }
+        if (tempConfig.externalView) {
+            // this.layoutableCont.addChild(tempConfig.externalView);
+            this.contentCont.addChild(tempConfig.externalView);
+        }
+        if (this.enabled) {
+            this.interactive = true;
+            this.cursor = "pointer";
+        }
+        else {
+            this.interactive = false;
+            this.cursor = null;
+        }
+        // this.updateBg();
+        this.arrange();
+    }
+    get selected() {
+        return this._selected;
+    }
+    set selected(value) {
+        if (value == this.selected) {
+            return;
+        }
+        this._selected = value;
+        this.state = this.findStateValue(SimpleButtonState.NORMAL);
+    }
+    findStateValue(normalState) {
+        let result;
+        if (this.selected) {
+            result = SimpleButtonView.NORMAL_TO_SELECTED_MAP[normalState];
+        }
+        if (!result) {
+            result = normalState;
+        }
+        return result;
+    }
+    addExternalView(view, addAtIndex) {
+        // this.viewCont.addChild(view);
+        if (addAtIndex || addAtIndex === 0) {
+            this.layoutableCont.addChildAt(view, addAtIndex);
+        }
+        else {
+            this.layoutableCont.addChild(view);
+        }
+        this.arrange();
+    }
+    updateBg() {
+        // Temporarily disable (stopped working properly in pixi.js v8)
+        return;
+        this.bg.clear();
+        this.bg.roundRect(0, 0, this.contentCont.width + this.curConfig.bgConfig.contentToBgPaddingX * 2, this.contentCont.height + this.curConfig.bgConfig.contentToBgPaddingY * 2, this.curConfig.bgConfig.bgCornerRadius);
+        this.bg.setStrokeStyle({ width: this.curConfig.bgConfig.bgLineWidth, color: this.curConfig.bgConfig.bgLineColor, alpha: this.curConfig.bgConfig.bgLineAlpha, alignment: 0 });
+        this.bg.fill({ color: this.curConfig.bgConfig.bgColor, alpha: this.curConfig.bgConfig.bgAlpha });
+        // this.bg.endFill();
+    }
+    get contentLayout() {
+        return this._contentLayout;
+    }
+    set contentLayout(value) {
+        this._contentLayout = value;
+        this.arrange();
+    }
+}
+SimpleButtonView.NORMAL_TO_SELECTED_MAP = (() => {
+    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;
+})();
+SimpleButtonView.SELECTED_TO_NORMAL_MAP = (() => {
+    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;
+})();
+//# sourceMappingURL=SimpleButtonView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleButtonView.js","sourceRoot":"","sources":["../../../../../src/display/views/button/SimpleButtonView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAA0B,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE5J,OAAO,EAAgD,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAC/G,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAc,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,OAAO,gBAAmD,SAAQ,qBAA+B;IAkDnG,YAAY,MAA0B;QAClC,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAES,YAAY,CAAC,MAA0B;;QAC7C,KAAK,CAAC,YAAY,EAAE,CAAC;QACrB,+BAA+B;QAC/B,IAAI,CAAC,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;QAE9D,qEAAqE;QACrE,MAAM,cAAc,GAAuB;YACvC,MAAM,EAAE,EAAE;SACb,CAAC;QACF,MAAM,cAAc,GAAa,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAC5D,KAAK,IAAI,aAAa,IAAI,cAAc,EAAE,CAAC;YACvC,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,YAAY,EAAE,CAAC;gBAC5C,2DAA2D;gBAC3D,cAAc,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG;oBACnC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,YAAY;iBAC1D,CAAC;gBAEF,6DAA6D;gBAC7D,yCAAyC;gBACzC,OAAO,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,YAAY,CAAC;YACrD,CAAC;QACL,CAAC;QAED,EAAE;QACF,wCAAwC;QACxC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAE9C,+EAA+E;QAC/E,mCAAmC;QACnC,MAAM,sBAAsB,GAAa,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACpE,KAAK,IAAI,iBAAiB,IAAI,sBAAsB,EAAE,CAAC;YACnD,IAAI,MAAA,cAAc,CAAC,MAAM,CAAC,iBAAiB,CAAC,0CAAE,YAAY,EAAE,CAAC;gBACzD,gDAAgD;gBAChD,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,YAAY,GAAG,cAAc,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,YAAY,CAAC;gBAC9G,2CAA2C;gBAC3C,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,YAAY,GAAG,cAAc,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,YAAY,CAAC;YAC1G,CAAC;QACL,CAAC;QAED,qBAAqB;QACrB,4BAA4B;QAC5B,yBAAyB;QACzB,gCAAgC;QAChC,yBAAyB;QACzB,4BAA4B;QAC5B,iCAAiC;QACjC,iCAAiC;QACjC,6BAA6B;QAC7B,sCAAsC;QAEtC,IAAI,CAAC,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEvB,IAAI,CAAC,WAAW,GAAG,IAAI,UAAU,EAAE,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAEhC,oCAAoC;QACpC,4CAA4C;QAE5C,IAAI,CAAC,cAAc,GAAG,IAAI,uBAAuB,EAAE,CAAC;QACpD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAE/C,IAAI,CAAC,IAAI,GAAG,IAAI,MAAM,EAAE,CAAC;QACzB,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAExC,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QACrD,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1C,EAAE;QACF,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;QACtB,EAAE;QACF,kCAAkC;QAClC,0CAA0C;QAE1C,IAAI,CAAC,KAAK,GAAG,iBAAiB,CAAC,MAAM,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QAEpB,yCAAyC;QACzC,mBAAmB;QACnB,yBAAyB;QACzB,yBAAyB;QACzB,SAAS;QACT,IAAI;IACR,CAAC;IAES,YAAY;QAClB,KAAK,CAAC,YAAY,EAAE,CAAC;QAErB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CACrC,IAAI,EACJ,gBAAgB,CAAC,IAAI,EACrB,IAAI,CAAC,MAAM,CACd,CAAC;QACF,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CACrC,IAAI,EACJ,gBAAgB,CAAC,GAAG,EACpB,IAAI,CAAC,KAAK,CACb,CAAC;QACF,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CACrC,IAAI,EACJ,gBAAgB,CAAC,IAAI,EACrB,IAAI,CAAC,MAAM,CACd,CAAC;QACF,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CACrC,IAAI,EACJ,gBAAgB,CAAC,EAAE,EACnB,IAAI,CAAC,IAAI,CACZ,CAAC;QACF,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CACrC,IAAI,EACJ,gBAAgB,CAAC,GAAG,EACpB,IAAI,CAAC,KAAK,CACb,CAAC;QACF,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CACrC,IAAI,EACJ,gBAAgB,CAAC,UAAU,EAC3B,IAAI,CAAC,WAAW,CACnB,CAAC;IACN,CAAC;IAES,WAAW;QACjB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC;IAES,MAAM;QACZ,8BAA8B;QAC9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAES,KAAK;QACX,iCAAiC;QACjC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC;IAES,MAAM;QACZ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9D,CAAC;IAES,IAAI;QACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAES,KAAK;QACX,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAES,OAAO;QACb,KAAK,CAAC,OAAO,EAAE,CAAC;QAEhB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACpD,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC9B,MAAM,SAAS,GAAW,kBAAkB,CAAC,QAAQ,CACjD,IAAI,CAAC,WAAW,CAAC,KAAK,EACtB,IAAI,CAAC,WAAW,CAAC,MAAM,EACvB,IAAI,CAAC,UAAU,CAAC,CAAC,EACjB,IAAI,CAAC,UAAU,CAAC,CAAC,CACpB,CAAC;YACF,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAC1C,CAAC;QAGD,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEhB,yIAAyI;QACzI,2IAA2I;IAC/I,CAAC;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;IACzB,CAAC;IACD,IAAI,OAAO,CAAC,KAAc;QACtB,IAAI,KAAK,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC1B,OAAO;QACX,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QAEtB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAC/D,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;IAC5B,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAW,KAAK,CAAC,KAAa;QAC1B,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAES,UAAU;QAChB,KAAK,CAAC,UAAU,EAAE,CAAC;QAEnB,IAAI,eAAe,GAAW,IAAI,CAAC,KAAK,CAAC;QACzC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;YAC1C,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChB,eAAe,GAAG,gBAAgB,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC1E,CAAC;QACL,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;YAC1C,eAAe,GAAG,iBAAiB,CAAC,MAAM,CAAC;QAC/C,CAAC;QAED,IAAI,UAAU,GAA6B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;QAClF,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;YAC7C,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;QAClC,CAAC;QAED,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACtD,CAAC;QAED,IAAI,UAAU,CAAC,WAAW,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QACrD,CAAC;QAED,IAAI,UAAU,CAAC,YAAY,KAAK,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACxD,YAAY,CAAC,2BAA2B,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACxE,CAAC;QACD,IAAI,UAAU,CAAC,YAAY,EAAE,CAAC;YAC1B,yDAAyD;YACzD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QACvD,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QAE5B,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACvB,CAAC;QAED,mBAAmB;QACnB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IACD,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QAEvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC;IAES,cAAc,CAAC,WAAmB;QACxC,IAAI,MAAc,CAAC;QAEnB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,MAAM,GAAG,gBAAgB,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC;QAED,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,MAAM,GAAG,WAAW,CAAC;QACzB,CAAC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;IAEM,eAAe,CAAC,IAA4B,EAAE,UAAmB;QACpE,gCAAgC;QAChC,IAAI,UAAU,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAEO,QAAQ;QACZ,+DAA+D;QAC/D,OAAO;QAEP,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;QAEhB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,GAAG,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,GAAG,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QACrN,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;QAC7K,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;QAEjG,qBAAqB;IACzB,CAAC;IAGD,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IACD,IAAW,aAAa,CAAC,KAAiB;QACtC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAE5B,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;;AAjXa,uCAAsB,GAAG,CAAC,GAAQ,EAAE;IAC9C,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC,eAAe,CAAC;IACrE,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,aAAa,CAAC;IACjE,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,cAAc,CAAC;IACnE,MAAM,CAAC,iBAAiB,CAAC,QAAQ,CAAC,GAAG,iBAAiB,CAAC,iBAAiB,CAAC;IAEzE,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC;AAES,uCAAsB,GAAG,CAAC,GAAQ,EAAE;IAC9C,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,MAAM,CAAC,iBAAiB,CAAC,eAAe,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC;IACrE,MAAM,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC;IACjE,MAAM,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC;IACnE,MAAM,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,iBAAiB,CAAC,QAAQ,CAAC;IAEzE,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC,EAAE,CAAC"}

package/src/display/views/button/simple-image-button/SimpleImageButton.d.ts

@@ -0,0 +1,33 @@
+import { FContainer, Graphics, Sprite } from "@flashist/flibs";
+import { SimpleImageButtonConfig } from "./SimpleImageButtonConfig";
+import { IToggableItem, AppResizableContainer } from "../../../../../index";
+export declare class SimpleImageButton<DataType extends object = object> extends AppResizableContainer<DataType> implements IToggableItem {
+    id: string;
+    private _enabled;
+    protected _state: string;
+    protected _selected: boolean;
+    protected config: SimpleImageButtonConfig;
+    protected contentCont: FContainer;
+    protected transpBg: Graphics;
+    protected image: Sprite;
+    protected lastProcessedState: string;
+    private _lockState;
+    constructor(config: Partial<SimpleImageButtonConfig>);
+    protected construction(config: Partial<SimpleImageButtonConfig>): void;
+    protected addListeners(): void;
+    private onOver;
+    private onDown;
+    private onOut;
+    protected onTap(): void;
+    get enabled(): boolean;
+    set enabled(value: boolean);
+    get state(): string;
+    set state(value: string);
+    protected commitData(): void;
+    protected arrange(): void;
+    get selected(): boolean;
+    set selected(value: boolean);
+    protected findStateValue(normalState: string): string;
+    get lockState(): boolean;
+    set lockState(value: boolean);
+}