@flashist/appframework 0.0.3 → 0.0.4

package/display/views/button/SimpleButtonView.js

@@ -0,0 +1,181 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { FContainer, FLabel, Graphics, InteractiveEvent, Sprite } from "@flashist/flibs";
+import { SimpleButtonState } from "./SimpleButtonState";
+import { ResizableContainer } from "../resize/ResizableContainer";
+var SimpleButtonView = /** @class */ (function (_super) {
+    __extends(SimpleButtonView, _super);
+    function SimpleButtonView(config) {
+        return _super.call(this, config) || this;
+    }
+    SimpleButtonView.prototype.construction = function (config) {
+        _super.prototype.construction.call(this);
+        this.config = config;
+        this.contentCont = new FContainer();
+        this.addChild(this.contentCont);
+        this.bg = this.createBg();
+        this.contentCont.addChild(this.bg);
+        this.label = new FLabel(this.config.labelConfig);
+        this.contentCont.addChild(this.label);
+        //
+        this.label.interactive = false;
+        this.label.interactiveChildren = false;
+        this.state = SimpleButtonState.NORMAL;
+        this.enabled = true;
+        if (!this.config.bgConfig.resizeBg) {
+            this.resize(this.bg.width, this.bg.height);
+        }
+    };
+    SimpleButtonView.prototype.addListeners = function () {
+        _super.prototype.addListeners.call(this);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.OVER, this.onOver);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.OUT, this.onOut);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.TAP, this.onTap);
+        this.eventListenerHelper.addEventListener(this, InteractiveEvent.UP_OUTSIDE, this.onOut);
+    };
+    SimpleButtonView.prototype.onOver = function () {
+        // this.contentCont.alpha = 1;
+        this.state = this.findStateValue(SimpleButtonState.OVER);
+    };
+    SimpleButtonView.prototype.onOut = function () {
+        // this.contentCont.alpha = 0.75;
+        this.state = this.findStateValue(SimpleButtonState.NORMAL);
+    };
+    SimpleButtonView.prototype.onTap = function () {
+        // this.onOut();
+    };
+    SimpleButtonView.prototype.arrange = function () {
+        _super.prototype.arrange.call(this);
+        if (this.config.bgConfig.resizeBg) {
+            if (this.bg.width !== this.resizeSize.x ||
+                this.bg.height !== this.resizeSize.y) {
+                this.updateBg();
+            }
+        }
+        this.label.width = this.bg.width;
+        this.label.height = this.bg.height;
+        this.label.x = this.bg.x + Math.floor((this.bg.width - this.label.width) / 2);
+        this.label.y = this.bg.y + Math.floor((this.bg.height - this.label.height) / 2);
+    };
+    Object.defineProperty(SimpleButtonView.prototype, "enabled", {
+        get: function () {
+            return this._enabled;
+        },
+        set: function (value) {
+            if (value === this._enabled) {
+                return;
+            }
+            this._enabled = value;
+            this.commitData();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SimpleButtonView.prototype, "text", {
+        get: function () {
+            return this.label.text;
+        },
+        set: function (value) {
+            this.label.text = value;
+            this.arrange();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SimpleButtonView.prototype, "state", {
+        get: function () {
+            return this._state;
+        },
+        set: function (value) {
+            if (value == this.state) {
+                return;
+            }
+            this._state = value;
+            this.commitData();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SimpleButtonView.prototype.commitData = function () {
+        _super.prototype.commitData.call(this);
+        if (this.enabled) {
+            this.interactive = true;
+            this.alpha = 1;
+        }
+        else {
+            this.interactive = false;
+            this.alpha = 0.5;
+        }
+        this.updateBg();
+    };
+    Object.defineProperty(SimpleButtonView.prototype, "selected", {
+        get: function () {
+            return this._selected;
+        },
+        set: function (value) {
+            if (value == this.selected) {
+                return;
+            }
+            this._selected = value;
+            this.state = this.findStateValue(SimpleButtonState.NORMAL);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SimpleButtonView.prototype.findStateValue = function (normalState) {
+        var result;
+        if (this.selected) {
+            result = SimpleButtonState.NORMAL_TO_SELECTED_MAP[normalState];
+        }
+        if (!result) {
+            result = normalState;
+        }
+        return result;
+    };
+    SimpleButtonView.prototype.createBg = function () {
+        var result;
+        if (this.config.bgConfig.image) {
+            result = Sprite.from(this.config.bgConfig.image.imageId);
+        }
+        else {
+            result = new Graphics();
+        }
+        return result;
+    };
+    SimpleButtonView.prototype.updateBg = function () {
+        if (this.config.bgConfig.image) {
+            if (this.config.bgConfig.resizeBg) {
+                this.bg.width = this.resizeSize.x;
+                this.bg.height = this.resizeSize.y;
+            }
+        }
+        else {
+            var vectorBg = this.bg;
+            vectorBg.clear();
+            var bgColor = this.config.bgConfig.vector.bgColor;
+            if (this.state === SimpleButtonState.SELECTED_NORMAL || this.state === SimpleButtonState.OVER || this.state === SimpleButtonState.SELECTED_OVER) {
+                bgColor = this.config.bgConfig.vector.overBgColor;
+            }
+            vectorBg.beginFill(bgColor, this.config.bgConfig.vector.bgAlpha);
+            vectorBg.lineStyle(this.config.bgConfig.vector.bgBorderWidth, this.config.bgConfig.vector.bgBorderColor, this.config.bgConfig.vector.bgBorderAlpha, 0);
+            vectorBg.drawRect(0, 0, this.resizeSize.x, this.resizeSize.y);
+            vectorBg.endFill();
+        }
+    };
+    return SimpleButtonView;
+}(ResizableContainer));
+export { SimpleButtonView };
+//# sourceMappingURL=SimpleButtonView.js.map

package/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/display/views/getsize/GetSizeTools.d.ts

@@ -0,0 +1,11 @@
+import { DisplayObjectContainer, Point } from "@flashist/flibs";
+export declare class GetSizeTools {
+    /**
+     * Получение размера объекта.
+     *
+     * @param    sourceObject
+     *
+     * @return
+     */
+    static getObjectSize(sourceObject: DisplayObjectContainer): Point;
+}

package/{src/display/views/getsize/GetSizeTools.ts → display/views/getsize/GetSizeTools.js}

@@ -1,8 +1,7 @@
-import {DisplayObjectContainer, Point} from "@flashist/flibs";
-import {IGetSizeObject} from "./IGetSizeObject";
-
-export class GetSizeTools {
-
+import { Point } from "@flashist/flibs";
+var GetSizeTools = /** @class */ (function () {
+    function GetSizeTools() {
+    }
     /**
      * Получение размера объекта.
      *
@@ -10,14 +9,13 @@ export class GetSizeTools {
      *
      * @return
      */
-    static getObjectSize(sourceObject: DisplayObjectContainer): Point {
-        let result: Point = new Point();
-
-        let getSizeObject: IGetSizeObject = (sourceObject as any as IGetSizeObject);
+    GetSizeTools.getObjectSize = function (sourceObject) {
+        var result = new Point();
+        var getSizeObject = sourceObject;
         if (getSizeObject.getSize) {
             result = getSizeObject.getSize();
-
-        } else {
+        }
+        else {
             if (sourceObject.width) {
                 result.x = sourceObject.width;
             }
@@ -25,8 +23,9 @@ export class GetSizeTools {
                 result.y = sourceObject.height;
             }
         }
-
         return result;
-    }
-
-}
+    };
+    return GetSizeTools;
+}());
+export { GetSizeTools };
+//# sourceMappingURL=GetSizeTools.js.map

package/display/views/getsize/GetSizeTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetSizeTools.js","sourceRoot":"","sources":["../../../../src/display/views/getsize/GetSizeTools.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,EAAC,MAAM,iBAAiB,CAAC;AAG9D;IAAA;IA4BA,CAAC;IA1BG;;;;;;OAMG;IACI,0BAAa,GAApB,UAAqB,YAAoC;QACrD,IAAI,MAAM,GAAU,IAAI,KAAK,EAAE,CAAC;QAEhC,IAAI,aAAa,GAAoB,YAAsC,CAAC;QAC5E,IAAI,aAAa,CAAC,OAAO,EAAE;YACvB,MAAM,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC;SAEpC;aAAM;YACH,IAAI,YAAY,CAAC,KAAK,EAAE;gBACpB,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;aACjC;YACD,IAAI,YAAY,CAAC,MAAM,EAAE;gBACrB,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC;aAClC;SACJ;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;IAEL,mBAAC;AAAD,CAAC,AA5BD,IA4BC"}

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

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

package/display/views/getsize/IGetSizeObject.js

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

package/display/views/getsize/IGetSizeObject.js.map

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

package/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 {
+    protected 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/display/views/layout/BaseLayout.js

@@ -0,0 +1,113 @@
+import { Align, Point, VAlign } from "@flashist/flibs";
+import { LayoutConfig } from "./LayoutConfig";
+import { GetSizeTools } from "../../tools/GetSizeTools";
+/**
+ * ...
+ * @author Mark (ruFlashist@gmail.com)
+ */
+var BaseLayout = /** @class */ (function () {
+    function BaseLayout(settings) {
+        this._totalSize = new Point();
+        this.settings = new LayoutConfig();
+        if (settings) {
+            Object.assign(this.settings, settings);
+        }
+    }
+    BaseLayout.prototype.getMaxChildSize = function (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;
+    };
+    BaseLayout.prototype.arrangeChild = function (child, prevChild, align, valign, childMaxSize, columnIndex, rowIndex, cellShift) {
+        if (columnIndex === void 0) { columnIndex = 0; }
+        if (rowIndex === void 0) { rowIndex = 0; }
+        if (cellShift === void 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.paddingY) * 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);
+    };
+    BaseLayout.prototype.applyChildPosition = function (child, x, y) {
+        if (this.settings.isNeedFloorCoordinates) {
+            x = Math.floor(x);
+            y = Math.floor(y);
+        }
+        child.x = x;
+        child.y = y;
+    };
+    BaseLayout.prototype.findFullColumnsAndRowsInSize = function (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;
+    };
+    BaseLayout.prototype.getTotalSizeForRowsAndColumns = function (container, columnsCount, rowsCount) {
+        var result = new Point();
+        var maxChildSize = this.getMaxChildSize(container);
+        result.x = this.settings.paddingX * 2 + maxChildSize.x * columnsCount + (this.settings.spacingY * (columnsCount - 1));
+        result.y = this.settings.paddingY * 2 + maxChildSize.y * rowsCount + (this.settings.spacingX * (rowsCount - 1));
+        return result;
+    };
+    BaseLayout.prototype.updateTotalSize = function (container) {
+        var realRowsAndColumnsCount = this.findRealRowsAndColumnsCount(container);
+        var newTotalSize = this.getTotalSizeForRowsAndColumns(container, realRowsAndColumnsCount.x, realRowsAndColumnsCount.y);
+        this._totalSize = newTotalSize;
+    };
+    BaseLayout.prototype.getTotalSize = function () {
+        return this._totalSize;
+    };
+    return BaseLayout;
+}());
+export { BaseLayout };
+//# sourceMappingURL=BaseLayout.js.map

package/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/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/display/views/layout/ColumnLayout.js

@@ -0,0 +1,117 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseLayout } from "./BaseLayout";
+import { Logger } from "@flashist/fcore";
+import { Point } from "@flashist/flibs";
+import { GetSizeTools } from "../../tools/GetSizeTools";
+/**
+ * ...
+ * @author Mark (ruFlashist@gmail.com)
+ */
+var ColumnLayout = /** @class */ (function (_super) {
+    __extends(ColumnLayout, _super);
+    function ColumnLayout() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /**
+     * Расстановка элементов контейнера.
+     *
+     * @param    coutnainer
+     */
+    ColumnLayout.prototype.arrange = function (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
+     */
+    ColumnLayout.prototype.arrangeChild = function (child, prevChild, align, valign, childMaxSize, columnIndex, rowIndex, cellShift) {
+        if (columnIndex === void 0) { columnIndex = 0; }
+        if (rowIndex === void 0) { rowIndex = 0; }
+        if (cellShift === void 0) { cellShift = null; }
+        _super.prototype.arrangeChild.call(this, 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
+     */
+    ColumnLayout.prototype.updateTotalSize = function (container) {
+        _super.prototype.updateTotalSize.call(this, 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
+     */
+    ColumnLayout.prototype.findRealRowsAndColumnsCount = function (container) {
+        var result = new Point();
+        var childrenCount = container.layoutGetChildrenNum();
+        result.x = 1;
+        result.y = childrenCount;
+        return result;
+    };
+    return ColumnLayout;
+}(BaseLayout));
+export { ColumnLayout };
+//# sourceMappingURL=ColumnLayout.js.map

package/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/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/display/views/layout/LayoutConfig.js

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

package/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;IAAA;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;IAAD,mBAAC;AAAD,CAAC,AAbD,IAaC"}

package/display/views/layout/RowLayout.d.ts

@@ -0,0 +1,38 @@
+import { BaseLayout } from "./BaseLayout";
+import { Point } from "@flashist/flibs";
+import { ILayoutableContainer } from "./container/ILayoutableContainer";
+import { ILayoutableChild } from "./container/ILayoutableChild";
+export declare class RowLayout 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;
+}