@flashist/appframework 0.0.267 → 0.0.268

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

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

@@ -0,0 +1,22 @@
+import { Point } from "@flashist/flibs";
+import { LayoutConfig } from "./LayoutConfig";
+import { ILayoutableContainer } from "./container/ILayoutableContainer";
+import { ILayoutableChild } from "./container/ILayoutableChild";
+/**
+ * ...
+ * @author Mark (ruFlashist@gmail.com)
+ */
+export declare abstract class BaseLayout {
+    settings: LayoutConfig;
+    protected _totalSize: Point;
+    constructor(settings?: Partial<LayoutConfig>);
+    abstract arrange(container: ILayoutableContainer): void;
+    getMaxChildSize(container: ILayoutableContainer): Point;
+    protected arrangeChild(child: ILayoutableChild, prevChild: ILayoutableChild, align: String, valign: String, childMaxSize: Point, columnIndex?: number, rowIndex?: number, cellShift?: Point): void;
+    protected applyChildPosition(child: ILayoutableChild, x: number, y: number): void;
+    abstract findRealRowsAndColumnsCount(container: ILayoutableContainer): Point;
+    findFullColumnsAndRowsInSize(container: ILayoutableContainer, size: Point): Point;
+    protected getTotalSizeForRowsAndColumns(container: ILayoutableContainer, columnsCount: number, rowsCount: number): Point;
+    protected updateTotalSize(container: ILayoutableContainer): void;
+    getTotalSize(): Point;
+}

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

@@ -0,0 +1,108 @@
+import { Align, Point, VAlign } from "@flashist/flibs";
+import { LayoutConfig } from "./LayoutConfig";
+import { GetSizeTools } from "../../tools/GetSizeTools";
+/**
+ * ...
+ * @author Mark (ruFlashist@gmail.com)
+ */
+export class BaseLayout {
+    constructor(settings) {
+        this._totalSize = new Point();
+        this.settings = new LayoutConfig();
+        if (settings) {
+            Object.assign(this.settings, settings);
+        }
+    }
+    getMaxChildSize(container) {
+        var result = new Point();
+        var childrenCount = container.layoutGetChildrenNum();
+        var tempChild;
+        var tempChildSize;
+        for (var childIndex = 0; childIndex < childrenCount; childIndex++) {
+            tempChild = container.layoutGetChildAt(childIndex);
+            tempChildSize = GetSizeTools.getObjectSize(tempChild);
+            if (tempChildSize.x > result.x) {
+                result.x = tempChildSize.x;
+            }
+            if (tempChildSize.y > result.y) {
+                result.y = tempChildSize.y;
+            }
+        }
+        return result;
+    }
+    arrangeChild(child, prevChild, align, valign, childMaxSize, columnIndex = 0, rowIndex = 0, cellShift = null) {
+        var tempChildSize = GetSizeTools.getObjectSize(child);
+        var newChildPos = new Point();
+        newChildPos.x = this.settings.paddingX + (childMaxSize.x + this.settings.spacingX) * columnIndex;
+        switch (align) {
+            case Align.CENTER:
+                newChildPos.x += Math.floor((childMaxSize.x - tempChildSize.x) / 2);
+                break;
+            case Align.RIGHT:
+                newChildPos.x += childMaxSize.x - tempChildSize.x;
+                break;
+        }
+        newChildPos.y = this.settings.paddingY + (childMaxSize.y + this.settings.spacingY) * rowIndex;
+        switch (valign) {
+            case VAlign.MIDDLE:
+                newChildPos.y += Math.floor((childMaxSize.y - tempChildSize.y) / 2);
+                break;
+            case VAlign.BOTTOM:
+                newChildPos.y += childMaxSize.y - tempChildSize.y;
+                break;
+        }
+        if (cellShift) {
+            newChildPos.x += cellShift.x;
+            newChildPos.y += cellShift.y;
+        }
+        this.applyChildPosition(child, newChildPos.x, newChildPos.y);
+    }
+    applyChildPosition(child, x, y) {
+        if (this.settings.isNeedFloorCoordinates) {
+            x = Math.floor(x);
+            y = Math.floor(y);
+        }
+        child.x = x;
+        child.y = y;
+    }
+    findFullColumnsAndRowsInSize(container, size) {
+        var result = new Point();
+        var tempSize;
+        var childsCount = container.layoutGetChildrenNum();
+        for (var columnIndex = 1; columnIndex <= childsCount; columnIndex++) {
+            tempSize = this.getTotalSizeForRowsAndColumns(container, columnIndex, 1);
+            if (tempSize.x <= size.x) {
+                result.x = columnIndex;
+            }
+            else {
+                break;
+            }
+        }
+        for (var rowIndex = 1; rowIndex <= childsCount; rowIndex++) {
+            tempSize = this.getTotalSizeForRowsAndColumns(container, 1, rowIndex);
+            if (tempSize.y <= size.y) {
+                result.y = rowIndex;
+            }
+            else {
+                break;
+            }
+        }
+        return result;
+    }
+    getTotalSizeForRowsAndColumns(container, columnsCount, rowsCount) {
+        var result = new Point();
+        var maxChildSize = this.getMaxChildSize(container);
+        result.x = this.settings.paddingX * 2 + maxChildSize.x * columnsCount + (this.settings.spacingX * (columnsCount - 1));
+        result.y = this.settings.paddingY * 2 + maxChildSize.y * rowsCount + (this.settings.spacingY * (rowsCount - 1));
+        return result;
+    }
+    updateTotalSize(container) {
+        var realRowsAndColumnsCount = this.findRealRowsAndColumnsCount(container);
+        var newTotalSize = this.getTotalSizeForRowsAndColumns(container, realRowsAndColumnsCount.x, realRowsAndColumnsCount.y);
+        this._totalSize = newTotalSize;
+    }
+    getTotalSize() {
+        return this._totalSize;
+    }
+}
+//# sourceMappingURL=BaseLayout.js.map

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

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

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

@@ -0,0 +1,42 @@
+import { BaseLayout } from "./BaseLayout";
+import { ILayoutableContainer } from "./container/ILayoutableContainer";
+import { Point } from "@flashist/flibs";
+import { ILayoutableChild } from "./container/ILayoutableChild";
+/**
+ * ...
+ * @author Mark (ruFlashist@gmail.com)
+ */
+export declare class ColumnLayout extends BaseLayout {
+    /**
+     * Расстановка элементов контейнера.
+     *
+     * @param    coutnainer
+     */
+    arrange(container: ILayoutableContainer): void;
+    /**
+     * Выравнивание объекта.
+     *
+     * @param    child
+     * @param    align
+     * @param    valign
+     * @param    childMaxSize
+     * @param    columnIndex
+     * @param    rowIndex
+     * @param    cellShift
+     */
+    protected arrangeChild(child: ILayoutableChild, prevChild: ILayoutableChild, align: String, valign: String, childMaxSize: Point, columnIndex?: number, rowIndex?: number, cellShift?: Point): void;
+    /**
+     * Обновление общего размера расстановки.
+     *
+     * @param    container
+     */
+    protected updateTotalSize(container: ILayoutableContainer): void;
+    /**
+     * Получение количества строк и столбцов.
+     *
+     * @param    container
+     *
+     * @return
+     */
+    findRealRowsAndColumnsCount(container: ILayoutableContainer): Point;
+}

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

@@ -0,0 +1,93 @@
+import { BaseLayout } from "./BaseLayout";
+import { Logger } from "@flashist/fcore";
+import { Point } from "@flashist/flibs";
+import { GetSizeTools } from "../../tools/GetSizeTools";
+/**
+ * ...
+ * @author Mark (ruFlashist@gmail.com)
+ */
+export class ColumnLayout extends BaseLayout {
+    /**
+     * Расстановка элементов контейнера.
+     *
+     * @param    coutnainer
+     */
+    arrange(container) {
+        if (!container) {
+            Logger.log("ColumnLayout | arrange", "WARNING! Can't find container!");
+            return;
+        }
+        var tempChild;
+        //var tempSizableChild:IGetSizeSprite;
+        var tempChildSize;
+        var childMaxSize = this.getMaxChildSize(container);
+        //
+        var prevChild;
+        var prevChildSize;
+        //
+        var childrenCount = container.layoutGetChildrenNum();
+        for (var 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, childIndex);
+            // Запоминаем данные о текущем элементе
+            prevChild = tempChild;
+            prevChildSize = tempChildSize;
+        }
+        this.updateTotalSize(container);
+    }
+    /**
+     * Выравнивание объекта.
+     *
+     * @param    child
+     * @param    align
+     * @param    valign
+     * @param    childMaxSize
+     * @param    columnIndex
+     * @param    rowIndex
+     * @param    cellShift
+     */
+    arrangeChild(child, prevChild, align, valign, childMaxSize, columnIndex = 0, rowIndex = 0, cellShift = null) {
+        super.arrangeChild(child, prevChild, align, valign, childMaxSize, columnIndex, rowIndex, cellShift);
+        // В однострочных/одностолбцовых расстановках объекты должны расстанавливаться друг от дуга
+        // не в зависимости от максимального размера, а в зависимости от взаимного размера ближайших объектов
+        if (prevChild) {
+            var prevChildSize = GetSizeTools.getObjectSize(prevChild);
+            //child.y = prevChild.y + prevChildSize.y + this.settings.spacing.y;
+            this.applyChildPosition(child, child.x, prevChild.y + prevChildSize.y + this.settings.spacingY);
+        }
+    }
+    /**
+     * Обновление общего размера расстановки.
+     *
+     * @param    container
+     */
+    updateTotalSize(container) {
+        super.updateTotalSize(container);
+        // В однострочных/одностолбцовых расстановках общий размер по одной из сторон должен рассчитываться
+        // не на основе максимального размера, а на положения и размера последнего элемента
+        var childrenCount = container.layoutGetChildrenNum();
+        if (childrenCount > 0) {
+            var lastChild = container.layoutGetChildAt(childrenCount - 1);
+            if (lastChild) {
+                var lastChildSize = GetSizeTools.getObjectSize(lastChild);
+                this._totalSize.y = lastChild.y + lastChildSize.y + this.settings.paddingY;
+            }
+        }
+    }
+    /**
+     * Получение количества строк и столбцов.
+     *
+     * @param    container
+     *
+     * @return
+     */
+    findRealRowsAndColumnsCount(container) {
+        var result = new Point();
+        var childrenCount = container.layoutGetChildrenNum();
+        result.x = 1;
+        result.y = childrenCount;
+        return result;
+    }
+}
+//# sourceMappingURL=ColumnLayout.js.map

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

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

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

@@ -0,0 +1,9 @@
+export declare class LayoutConfig {
+    paddingX: number;
+    paddingY: number;
+    spacingX: number;
+    spacingY: number;
+    align: string;
+    valign: string;
+    isNeedFloorCoordinates: boolean;
+}

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

@@ -0,0 +1,12 @@
+export class LayoutConfig {
+    constructor() {
+        this.paddingX = 0;
+        this.paddingY = 0;
+        this.spacingX = 0;
+        this.spacingY = 0;
+        this.align = "";
+        this.valign = "";
+        this.isNeedFloorCoordinates = true;
+    }
+}
+//# sourceMappingURL=LayoutConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutConfig.js","sourceRoot":"","sources":["../../../../../src/display/views/layout/LayoutConfig.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,YAAY;IAAzB;QAEI,aAAQ,GAAW,CAAC,CAAC;QACrB,aAAQ,GAAW,CAAC,CAAC;QAErB,aAAQ,GAAW,CAAC,CAAC;QACrB,aAAQ,GAAW,CAAC,CAAC;QAErB,UAAK,GAAW,EAAE,CAAC;QACnB,WAAM,GAAW,EAAE,CAAC;QAEpB,2BAAsB,GAAY,IAAI,CAAC;IAE3C,CAAC;CAAA"}