@flashist/appframework 0.0.267 → 0.0.269

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":"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"}

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

package/src/display/views/button/simple-image-button/SimpleImageButton.js

@@ -0,0 +1,167 @@
+import { DisplayTools, FContainer, GraphicsTools, InteractiveEvent, Sprite } from "@flashist/flibs";
+import { ObjectTools } from '@flashist/fcore';
+import { SimpleImageButtonDefaultConfig } from "./SimpleImageButtonConfig";
+import { SimpleImageButtonState, SimpleImageButtonStateNormalToSelectedMap, SimpleImageButtonStateSelectedToNormalMap } from "./SimpleImageButtonState";
+import { AppResizableContainer } from "../../../../../index";
+import { SimpleButtonState } from "../SimpleButtonState";
+export class SimpleImageButton extends AppResizableContainer {
+    constructor(config) {
+        super(config);
+    }
+    construction(config) {
+        super.construction();
+        // First "write" default values
+        this.config = ObjectTools.clone(SimpleImageButtonDefaultConfig);
+        // Then override them with passed config
+        ObjectTools.copyProps(this.config, config);
+        this.contentCont = new FContainer();
+        this.addChild(this.contentCont);
+        this.transpBg = GraphicsTools.createTraspRect(0, 0, 10, 10);
+        this.contentCont.addChild(this.transpBg);
+        this.state = SimpleImageButtonState.NORMAL;
+        this.enabled = true;
+    }
+    addListeners() {
+        super.addListeners();
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.OVER, this.onOver);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.DOWN, this.onDown);
+        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);
+    }
+    onOver() {
+        // this.contentCont.alpha = 1;
+        this.state = this.findStateValue(SimpleImageButtonState.OVER);
+    }
+    onDown() {
+        // this.contentCont.alpha = 1;
+        this.state = this.findStateValue(SimpleImageButtonState.PRESS);
+    }
+    onOut() {
+        // this.contentCont.alpha = 0.75;
+        this.state = this.findStateValue(SimpleImageButtonState.NORMAL);
+    }
+    onTap() {
+        this.onOut();
+        // this.onOver();
+    }
+    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 state() {
+        return this._state;
+    }
+    set state(value) {
+        if (value == this.state) {
+            return;
+        }
+        this._state = value;
+        this.commitData();
+    }
+    commitData() {
+        super.commitData();
+        if (this.enabled) {
+            this.interactive = true;
+            this.cursor = "pointer";
+        }
+        else {
+            this.interactive = false;
+            this.cursor = null;
+        }
+        if (!this.lockState) {
+            let tempConfigState = this.state;
+            if (!this.config.states[tempConfigState]) {
+                if (this.selected) {
+                    tempConfigState = SimpleImageButtonStateSelectedToNormalMap[this.state];
+                }
+            }
+            if (!this.config.states[tempConfigState]) {
+                tempConfigState = this.findStateValue(SimpleImageButtonState.NORMAL);
+            }
+            let tempConfig = this.config.states[tempConfigState];
+            if (tempConfig.alpha || tempConfig.alpha === 0) {
+                this.alpha = tempConfig.alpha;
+            }
+            if (tempConfig.imageId || tempConfig.imageId === "") {
+                if (this.image) {
+                    DisplayTools.childRemoveItselfFromParent(this.image);
+                    this.image = null;
+                }
+                if (tempConfig.imageId) {
+                    this.image = Sprite.from(tempConfig.imageId);
+                    this.contentCont.addChild(this.image);
+                }
+            }
+            if (this.enabled) {
+                this.interactive = true;
+                this.cursor = "pointer";
+            }
+            else {
+                this.interactive = false;
+                this.cursor = null;
+            }
+            this.lastProcessedState = tempConfigState;
+        }
+        this.arrange();
+    }
+    arrange() {
+        super.arrange();
+        if (this.image) {
+            this.transpBg.width = this.image.width;
+            this.transpBg.height = this.image.height;
+        }
+        else {
+            this.transpBg.width = 1;
+            this.transpBg.height = 1;
+        }
+    }
+    get selected() {
+        return this._selected;
+    }
+    set selected(value) {
+        if (value == this.selected) {
+            return;
+        }
+        this._selected = value;
+        this.state = this.findStateValue(SimpleImageButtonState.NORMAL);
+    }
+    findStateValue(normalState) {
+        let result;
+        if (this.enabled) {
+            if (this.selected) {
+                result = SimpleImageButtonStateNormalToSelectedMap[normalState];
+            }
+            if (!result) {
+                result = normalState;
+            }
+        }
+        else {
+            result = SimpleButtonState.DISABLED;
+        }
+        return result;
+    }
+    get lockState() {
+        return this._lockState;
+    }
+    set lockState(value) {
+        if (value === this._lockState) {
+            return;
+        }
+        this._lockState = value;
+        this.commitData();
+    }
+}
+//# sourceMappingURL=SimpleImageButton.js.map

package/src/display/views/button/simple-image-button/SimpleImageButton.js.map

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

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

@@ -0,0 +1,8 @@
+export declare const SimpleImageButtonDefaultConfig: {
+    states: Record<string, ISimpleImageButtonStateVO>;
+};
+export interface ISimpleImageButtonStateVO {
+    imageId?: string;
+    alpha?: number;
+}
+export type SimpleImageButtonConfig = typeof SimpleImageButtonDefaultConfig;

package/src/display/views/button/simple-image-button/SimpleImageButtonConfig.js

@@ -0,0 +1,4 @@
+export const SimpleImageButtonDefaultConfig = {
+    states: {}
+};
+//# sourceMappingURL=SimpleImageButtonConfig.js.map

package/src/display/views/button/simple-image-button/SimpleImageButtonConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleImageButtonConfig.js","sourceRoot":"","sources":["../../../../../../src/display/views/button/simple-image-button/SimpleImageButtonConfig.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC1C,MAAM,EAAE,EAA+C;CAC1D,CAAA"}

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

@@ -0,0 +1,22 @@
+export declare enum SimpleImageButtonState {
+    NORMAL = "normal",
+    OVER = "over",
+    PRESS = "press",
+    DISABLED = "disabled",
+    SELECTED_NORMAL = "selected_normal",
+    SELECTED_OVER = "selected_over",
+    SELECTED_PRESS = "selected_press",
+    SELECTED_DISABLED = "selected_disabled"
+}
+export declare const SimpleImageButtonStateNormalToSelectedMap: {
+    normal: SimpleImageButtonState;
+    over: SimpleImageButtonState;
+    press: SimpleImageButtonState;
+    disabled: SimpleImageButtonState;
+};
+export declare const SimpleImageButtonStateSelectedToNormalMap: {
+    selected_normal: SimpleImageButtonState;
+    selected_over: SimpleImageButtonState;
+    selected_press: SimpleImageButtonState;
+    selected_disabled: SimpleImageButtonState;
+};

package/src/display/views/button/simple-image-button/SimpleImageButtonState.js

@@ -0,0 +1,56 @@
+export var SimpleImageButtonState;
+(function (SimpleImageButtonState) {
+    SimpleImageButtonState["NORMAL"] = "normal";
+    SimpleImageButtonState["OVER"] = "over";
+    SimpleImageButtonState["PRESS"] = "press";
+    SimpleImageButtonState["DISABLED"] = "disabled";
+    SimpleImageButtonState["SELECTED_NORMAL"] = "selected_normal";
+    SimpleImageButtonState["SELECTED_OVER"] = "selected_over";
+    SimpleImageButtonState["SELECTED_PRESS"] = "selected_press";
+    SimpleImageButtonState["SELECTED_DISABLED"] = "selected_disabled";
+})(SimpleImageButtonState || (SimpleImageButtonState = {}));
+;
+export const SimpleImageButtonStateNormalToSelectedMap = {
+    [SimpleImageButtonState.NORMAL]: SimpleImageButtonState.SELECTED_NORMAL,
+    [SimpleImageButtonState.OVER]: SimpleImageButtonState.SELECTED_OVER,
+    [SimpleImageButtonState.PRESS]: SimpleImageButtonState.SELECTED_PRESS,
+    [SimpleImageButtonState.DISABLED]: SimpleImageButtonState.SELECTED_DISABLED
+};
+export const SimpleImageButtonStateSelectedToNormalMap = {
+    [SimpleImageButtonState.SELECTED_NORMAL]: SimpleImageButtonState.NORMAL,
+    [SimpleImageButtonState.SELECTED_OVER]: SimpleImageButtonState.OVER,
+    [SimpleImageButtonState.SELECTED_PRESS]: SimpleImageButtonState.PRESS,
+    [SimpleImageButtonState.SELECTED_DISABLED]: SimpleImageButtonState.DISABLED
+};
+// 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;
+//     })();
+// }
+//# sourceMappingURL=SimpleImageButtonState.js.map

package/src/display/views/button/simple-image-button/SimpleImageButtonState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleImageButtonState.js","sourceRoot":"","sources":["../../../../../../src/display/views/button/simple-image-button/SimpleImageButtonState.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,sBAUX;AAVD,WAAY,sBAAsB;IAC9B,2CAAiB,CAAA;IACjB,uCAAa,CAAA;IACb,yCAAe,CAAA;IACf,+CAAqB,CAAA;IAErB,6DAAmC,CAAA;IACnC,yDAA+B,CAAA;IAC/B,2DAAiC,CAAA;IACjC,iEAAuC,CAAA;AAC3C,CAAC,EAVW,sBAAsB,KAAtB,sBAAsB,QAUjC;AAAA,CAAC;AAEF,MAAM,CAAC,MAAM,yCAAyC,GAAG;IACrD,CAAC,sBAAsB,CAAC,MAAM,CAAC,EAAE,sBAAsB,CAAC,eAAe;IACvE,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,sBAAsB,CAAC,aAAa;IACnE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,sBAAsB,CAAC,cAAc;IACrE,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB;CAC9E,CAAC;AAEF,MAAM,CAAC,MAAM,yCAAyC,GAAG;IACrD,CAAC,sBAAsB,CAAC,eAAe,CAAC,EAAE,sBAAsB,CAAC,MAAM;IACvE,CAAC,sBAAsB,CAAC,aAAa,CAAC,EAAE,sBAAsB,CAAC,IAAI;IACnE,CAAC,sBAAsB,CAAC,cAAc,CAAC,EAAE,sBAAsB,CAAC,KAAK;IACrE,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,QAAQ;CAC9E,CAAC;AAEF,mCAAmC;AACnC,8CAA8C;AAC9C,0CAA0C;AAC1C,4CAA4C;AAC5C,kDAAkD;AAClD,EAAE;AACF,gEAAgE;AAChE,4DAA4D;AAC5D,8DAA8D;AAC9D,oEAAoE;AACpE,EAAE;AACF,2DAA2D;AAC3D,2BAA2B;AAC3B,gFAAgF;AAChF,4EAA4E;AAC5E,8EAA8E;AAC9E,oFAAoF;AACpF,EAAE;AACF,yBAAyB;AACzB,YAAY;AACZ,EAAE;AACF,2DAA2D;AAC3D,2BAA2B;AAC3B,gFAAgF;AAChF,4EAA4E;AAC5E,8EAA8E;AAC9E,oFAAoF;AACpF,EAAE;AACF,yBAAyB;AACzB,YAAY;AACZ,IAAI"}

package/src/display/views/layout/AlignWithMaxSizeLayout.d.ts

@@ -0,0 +1,8 @@
+import { BaseLayout } from "./BaseLayout";
+import { ILayoutableContainer } from "./container/ILayoutableContainer";
+import { Point } from "@flashist/flibs";
+export declare class AlignWithMaxSizeLayout extends BaseLayout {
+    arrange(container: ILayoutableContainer): void;
+    protected getTotalSizeForRowsAndColumns(container: ILayoutableContainer, columnsCount: number, rowsCount: number): Point;
+    findRealRowsAndColumnsCount(container: ILayoutableContainer): Point;
+}

package/src/display/views/layout/AlignWithMaxSizeLayout.js

@@ -0,0 +1,35 @@
+import { BaseLayout } from "./BaseLayout";
+import { Logger } from "@flashist/fcore";
+import { Point } from "@flashist/flibs";
+import { GetSizeTools } from "../../tools/GetSizeTools";
+export class AlignWithMaxSizeLayout extends BaseLayout {
+    arrange(container) {
+        if (!container) {
+            Logger.log("AlignWithMaxSizeLayout | arrange", "WARNING! Can't find container!");
+            return;
+        }
+        let tempChild;
+        let tempChildSize;
+        let childMaxSize = this.getMaxChildSize(container);
+        let prevChild;
+        //
+        let childrenCount = container.layoutGetChildrenNum();
+        for (let childIndex = 0; childIndex < childrenCount; childIndex++) {
+            tempChild = container.layoutGetChildAt(childIndex);
+            tempChildSize = GetSizeTools.getObjectSize(tempChild);
+            this.arrangeChild(tempChild, prevChild, this.settings.align, this.settings.valign, childMaxSize, 0, 0);
+            prevChild = tempChild;
+        }
+        this.updateTotalSize(container);
+    }
+    getTotalSizeForRowsAndColumns(container, columnsCount, rowsCount) {
+        let maxChildSize = this.getMaxChildSize(container);
+        let result = new Point(maxChildSize.x, maxChildSize.y);
+        return result;
+    }
+    findRealRowsAndColumnsCount(container) {
+        let result = new Point(1, 1);
+        return result;
+    }
+}
+//# sourceMappingURL=AlignWithMaxSizeLayout.js.map

package/src/display/views/layout/AlignWithMaxSizeLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlignWithMaxSizeLayout.js","sourceRoot":"","sources":["../../../../../src/display/views/layout/AlignWithMaxSizeLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,MAAM,OAAO,sBAAuB,SAAQ,UAAU;IAE3C,OAAO,CAAC,SAA+B;QAE1C,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,MAAM,CAAC,GAAG,CAAC,kCAAkC,EAAE,gCAAgC,CAAC,CAAC;YACjF,OAAO;QACX,CAAC;QAED,IAAI,SAA2B,CAAC;QAChC,IAAI,aAAoB,CAAC;QAEzB,IAAI,YAAY,GAAU,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAE1D,IAAI,SAA2B,CAAC;QAChC,EAAE;QACF,IAAI,aAAa,GAAW,SAAS,CAAC,oBAAoB,EAAE,CAAC;QAC7D,KAAK,IAAI,UAAU,GAAW,CAAC,EAAE,UAAU,GAAG,aAAa,EAAE,UAAU,EAAE,EAAE,CAAC;YACxE,SAAS,GAAG,SAAS,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;YAEnD,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAEtD,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAEvG,SAAS,GAAG,SAAS,CAAC;QAC1B,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC;IAES,6BAA6B,CAAC,SAA+B,EAAE,YAAoB,EAAE,SAAiB;QAC5G,IAAI,YAAY,GAAU,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC1D,IAAI,MAAM,GAAU,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;QAE9D,OAAO,MAAM,CAAC;IAClB,CAAC;IAEM,2BAA2B,CAAC,SAA+B;QAC9D,IAAI,MAAM,GAAU,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACpC,OAAO,MAAM,CAAC;IAClB,CAAC;CACJ"}