@flashist/appframework 0.0.267 → 0.0.269

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

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

@@ -0,0 +1,14 @@
+import { Point } from "@flashist/flibs";
+import { MultiColumnLayoutConfig } from "./MultiColumnLayoutConfig";
+import { BaseLayout } from "./BaseLayout";
+import { ILayoutableContainer } from "../../../../index";
+/**
+ * ...
+ * @author Mark (ruFlashist@gmail.com)
+ */
+export declare class MultiColumnLayout extends BaseLayout {
+    settings: MultiColumnLayoutConfig;
+    constructor(settings: Partial<MultiColumnLayoutConfig>);
+    arrange(container: ILayoutableContainer): void;
+    findRealRowsAndColumnsCount(container: ILayoutableContainer): Point;
+}

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

@@ -0,0 +1,38 @@
+import { Logger } from "@flashist/fcore";
+import { Point } from "@flashist/flibs";
+import { BaseLayout } from "./BaseLayout";
+/**
+ * ...
+ * @author Mark (ruFlashist@gmail.com)
+ */
+export class MultiColumnLayout extends BaseLayout {
+    constructor(settings) {
+        super(settings);
+    }
+    arrange(container) {
+        if (!container) {
+            Logger.log("ColumnLayout | arrange", "WARNING! Can't find container!");
+            return;
+        }
+        var tempChild;
+        var childMaxSize = this.getMaxChildSize(container);
+        var prevChild;
+        var childrenCount = container.layoutGetChildrenNum();
+        for (var childIndex = 0; childIndex < childrenCount; childIndex++) {
+            tempChild = container.layoutGetChildAt(childIndex);
+            let colIndex = childIndex % this.settings.columnsCount;
+            let rowIndex = Math.floor(childIndex / this.settings.columnsCount);
+            this.arrangeChild(tempChild, prevChild, this.settings.align, this.settings.valign, childMaxSize, colIndex, rowIndex);
+            prevChild = tempChild;
+        }
+        this.updateTotalSize(container);
+    }
+    findRealRowsAndColumnsCount(container) {
+        var result = new Point();
+        var childrenCount = container.layoutGetChildrenNum();
+        result.x = this.settings.columnsCount;
+        result.y = childrenCount % this.settings.columnsCount;
+        return result;
+    }
+}
+//# sourceMappingURL=MultiColumnLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiColumnLayout.js","sourceRoot":"","sources":["../../../../../src/display/views/layout/MultiColumnLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;;GAGG;AACH,MAAM,OAAO,iBAAkB,SAAQ,UAAU;IAI7C,YAAY,QAA0C;QAClD,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC;IAEM,OAAO,CAAC,SAA+B;QAE1C,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,MAAM,CAAC,GAAG,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAC;YACvE,OAAO;QACX,CAAC;QAED,IAAI,SAA2B,CAAC;QAChC,IAAI,YAAY,GAAU,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAE1D,IAAI,SAA2B,CAAC;QAChC,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,IAAI,QAAQ,GAAW,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;YAC/D,IAAI,QAAQ,GAAW,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;YAE3E,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAErH,SAAS,GAAG,SAAS,CAAC;QAC1B,CAAC;QAGD,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC;IAEM,2BAA2B,CAAC,SAA+B;QAC9D,IAAI,MAAM,GAAU,IAAI,KAAK,EAAE,CAAC;QAEhC,IAAI,aAAa,GAAW,SAAS,CAAC,oBAAoB,EAAE,CAAC;QAC7D,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;QACtC,MAAM,CAAC,CAAC,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;QAEtD,OAAO,MAAM,CAAC;IAClB,CAAC;CACJ"}

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

@@ -0,0 +1,4 @@
+import { LayoutConfig } from "./LayoutConfig";
+export declare class MultiColumnLayoutConfig extends LayoutConfig {
+    columnsCount: number;
+}

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

@@ -0,0 +1,4 @@
+import { LayoutConfig } from "./LayoutConfig";
+export class MultiColumnLayoutConfig extends LayoutConfig {
+}
+//# sourceMappingURL=MultiColumnLayoutConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiColumnLayoutConfig.js","sourceRoot":"","sources":["../../../../../src/display/views/layout/MultiColumnLayoutConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,OAAO,uBAAwB,SAAQ,YAAY;CAIxD"}

package/src/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;
+}

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

@@ -0,0 +1,89 @@
+import { BaseLayout } from "./BaseLayout";
+import { Logger } from "@flashist/fcore";
+import { Point } from "@flashist/flibs";
+import { GetSizeTools } from "../../tools/GetSizeTools";
+export class RowLayout 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, 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, prevChild.x + prevChildSize.x + this.settings.spacingX, child.y);
+        }
+    }
+    /**
+     * Обновление общего размера расстановки.
+     *
+     * @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.x = lastChild.x + lastChildSize.x + this.settings.paddingX;
+            }
+        }
+    }
+    /**
+     * Получение количества строк и столбцов.
+     *
+     * @param    container
+     *
+     * @return
+     */
+    findRealRowsAndColumnsCount(container) {
+        var result = new Point();
+        var childrenCount = container.layoutGetChildrenNum();
+        result.x = childrenCount;
+        result.y = 1;
+        return result;
+    }
+}
+//# sourceMappingURL=RowLayout.js.map

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

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

package/src/display/views/layout/container/BaseLayoutableContainer.d.ts

@@ -0,0 +1,8 @@
+import { FContainer } from "@flashist/flibs";
+import { ILayoutableContainer } from "./ILayoutableContainer";
+import { ILayoutableChild } from "./ILayoutableChild";
+export declare class BaseLayoutableContainer<ChildType extends ILayoutableChild = ILayoutableChild, DataType extends any = any> extends FContainer<DataType> implements ILayoutableContainer<ChildType> {
+    layoutableChildren: ChildType[];
+    layoutGetChildrenNum(): number;
+    layoutGetChildAt(index: number): ChildType;
+}

package/src/display/views/layout/container/BaseLayoutableContainer.js

@@ -0,0 +1,10 @@
+import { FContainer } from "@flashist/flibs";
+export class BaseLayoutableContainer extends FContainer {
+    layoutGetChildrenNum() {
+        return this.layoutableChildren.length;
+    }
+    layoutGetChildAt(index) {
+        return this.layoutableChildren[index];
+    }
+}
+//# sourceMappingURL=BaseLayoutableContainer.js.map

package/src/display/views/layout/container/BaseLayoutableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseLayoutableContainer.js","sourceRoot":"","sources":["../../../../../../src/display/views/layout/container/BaseLayoutableContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAK7C,MAAM,OAAO,uBACT,SAAQ,UAAoB;IAK5B,oBAAoB;QAChB,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC;IAC1C,CAAC;IAED,gBAAgB,CAAC,KAAa;QAC1B,OAAO,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;CAEJ"}

package/src/display/views/layout/container/ILayoutableChild.d.ts

@@ -0,0 +1,2 @@
+import { DisplayObjectContainer } from "@flashist/flibs";
+export type ILayoutableChild = DisplayObjectContainer;

package/src/display/views/layout/container/ILayoutableChild.js

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

package/src/display/views/layout/container/ILayoutableChild.js.map

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

package/src/display/views/layout/container/ILayoutableContainer.d.ts

@@ -0,0 +1,15 @@
+import { ILayoutableChild } from "./ILayoutableChild";
+/**
+ * ...
+ * @author Mark (ruFlashist@gmail.com)
+ */
+export interface ILayoutableContainer<ChildrenType extends ILayoutableChild = ILayoutableChild> {
+    /**
+     * Получение количество дочерних объектов
+     */
+    layoutGetChildrenNum(): number;
+    /**
+     * Получение дочернего объекта по индексу
+     */
+    layoutGetChildAt(index: number): ChildrenType;
+}

package/src/display/views/layout/container/ILayoutableContainer.js

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

package/src/display/views/layout/container/ILayoutableContainer.js.map

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

package/src/display/views/resize/AppResizableContainer.d.ts

@@ -0,0 +1,16 @@
+import { Point } from "@flashist/flibs";
+import { AppContainer } from "../AppContainer";
+import { IResizable } from "./IResizable";
+export declare class AppResizableContainer<DataType extends any = any> extends AppContainer<DataType> implements IResizable {
+    private _resizeSize;
+    private _maxSize;
+    private _minSize;
+    protected construction(...args: any[]): void;
+    resize(width: number, height: number): void;
+    get minSize(): Point;
+    set minSize(value: Point);
+    get maxSize(): Point;
+    set maxSize(value: Point);
+    get resizeSize(): Point;
+    set resizeSize(value: Point);
+}