@flashist/appframework 0.0.266 → 0.0.268

package/src/display/views/simplelist/SimpleList.js

@@ -0,0 +1,241 @@
+import { ArrayTools, Dictionary, Logger, ObjectTools } from "@flashist/fcore";
+import { DisplayTools, FContainer, Point, getInstance } from "@flashist/flibs";
+export class SimpleList extends FContainer {
+    construction() {
+        super.construction();
+        this._dataProvider = [];
+        this.items = [];
+        this.cacheItems = [];
+        this._itemsDataPropertyName = "data";
+    }
+    get ItemRendererClass() {
+        return this._ItemRendererClass;
+    }
+    set ItemRendererClass(value) {
+        if (value == this._ItemRendererClass) {
+            return;
+        }
+        this._ItemRendererClass = value;
+        this.commitItemsData();
+    }
+    get itemsProperties() {
+        return this._itemsProperties;
+    }
+    set itemsProperties(value) {
+        if (value === this._itemsProperties) {
+            return;
+        }
+        this._itemsProperties = value;
+        this.commitItemsData();
+    }
+    get dataProvider() {
+        return this._dataProvider;
+    }
+    set dataProvider(value) {
+        if (!value) {
+            value = [];
+        }
+        if (ArrayTools.checkIfEqual(value, this.dataProvider)) {
+            return;
+        }
+        this._dataProvider = value;
+        this.commitItemsData();
+    }
+    get itemsDataPropertyName() {
+        return this._itemsDataPropertyName;
+    }
+    set itemsDataPropertyName(value) {
+        if (value == this._itemsDataPropertyName) {
+            return;
+        }
+        this._itemsDataPropertyName = value;
+        this.commitItemsData();
+    }
+    getItemFromCacheToReuse(data) {
+        let result;
+        for (let item of this.cacheItems) {
+            if (item[this._itemsDataPropertyName] === data) {
+                result = item;
+                // Remove item from the cache, to prevent reusing it as a regular cached item
+                ArrayTools.removeItem(this.cacheItems, result);
+                break;
+            }
+        }
+        return result;
+    }
+    getItemFromCache() {
+        let result;
+        if (this.cacheItems.length > 0) {
+            result = this.cacheItems.shift();
+        }
+        return result;
+    }
+    addItemToCache(item) {
+        if (this.cacheItems.indexOf(item) !== -1) {
+            return;
+        }
+        this.cacheItems.push(item);
+    }
+    removeItemFromCache(item) {
+        ArrayTools.removeItem(this.cacheItems, item);
+    }
+    commitItemsData() {
+        if (!this.ItemRendererClass) {
+        }
+        else if (!this.dataProvider) {
+            this.removeAllItems();
+        }
+        else {
+            var tempData;
+            var tempItem;
+            var itemIndex;
+            var itemsCount = this.dataProvider.length;
+            var prevItems = this.items.concat();
+            if (this.items.length) {
+                var maxStepsCount = 100000;
+                var stepIndex = 0;
+                while (this.items.length > 0) {
+                    tempItem = this.items[0];
+                    this.removeItem(tempItem, false);
+                    stepIndex++;
+                    if (stepIndex >= maxStepsCount) {
+                        Logger.log("SimpleList | commitItemsData", "WARNING! Max steps count reached!");
+                        break;
+                    }
+                }
+            }
+            var reuseItemsToDataMap = new Dictionary();
+            var reuseDataItems = [];
+            if (this.reuseItemsForConcreteData) {
+                itemsCount = this.dataProvider.length;
+                for (itemIndex = 0; itemIndex < itemsCount; itemIndex++) {
+                    tempData = this.dataProvider[itemIndex];
+                    tempItem = this.getItemFromCacheToReuse(tempData);
+                    if (tempItem) {
+                        reuseDataItems.push(tempItem);
+                        reuseItemsToDataMap.addItem(tempData, tempItem);
+                    }
+                }
+                // Remove all items, which will be reused for specific data, from the cache
+                // ArrayTools.removeItems(this.cacheItems, reuseDataItems);
+            }
+            // Creation of items
+            for (itemIndex = 0; itemIndex < itemsCount; itemIndex++) {
+                tempItem = null;
+                tempData = this.dataProvider[itemIndex];
+                // If cache should be used
+                if (this.useItemsCache) {
+                    // If reusing elements for specific data is turned on,
+                    // try to find an item for specific data
+                    if (this.reuseItemsForConcreteData) {
+                        //tempItem = this.getItemFromCache(tempData, this.reuseItemsForConcreteData);
+                        // tempItem = this.getItemFromCacheToReuse(tempData);
+                        tempItem = reuseItemsToDataMap.getItem(tempData);
+                        if (tempItem) {
+                            reuseItemsToDataMap.removeItemByKey(tempData);
+                        }
+                    }
+                    if (this.cacheItems.length > 0) {
+                        // If a cached item for the specific data wasn't found,
+                        // then try to get regular cached item
+                        if (!tempItem) {
+                            tempItem = this.getItemFromCache();
+                        }
+                    }
+                }
+                if (!tempItem) {
+                    // tempItem = new this.ItemRendererClass();
+                    tempItem = getInstance(this.ItemRendererClass);
+                }
+                this.addItem(tempItem, itemIndex);
+            }
+            // Remove newly used items from the list of the previously used items
+            ArrayTools.removeItems(prevItems, this.items);
+            // Remove all previously used items (and add them to cache if allowed)
+            itemsCount = prevItems.length;
+            for (itemIndex = 0; itemIndex < itemsCount; itemIndex++) {
+                tempItem = prevItems[itemIndex];
+                this.removeItem(tempItem);
+            }
+        }
+        if (this.items && this._itemsProperties) {
+            for (const singleItem of this.items) {
+                ObjectTools.copyProps(singleItem, this._itemsProperties);
+            }
+        }
+        this.arrange();
+    }
+    addItem(item, index) {
+        this.items[index] = item;
+        this.applyDataToItem(item, this.dataProvider[index]);
+        DisplayTools.safeAddChildAt(this, item, index);
+        this.resizeSingleItem(item);
+    }
+    removeItem(item, removeFromDisplayList = true) {
+        if (!item) {
+            return;
+        }
+        if (removeFromDisplayList) {
+            DisplayTools.childRemoveItselfFromParent(item);
+        }
+        ArrayTools.removeItem(this.items, item);
+        if (this.useItemsCache) {
+            this.addItemToCache(item);
+        }
+    }
+    applyDataToItem(item, itemData) {
+        if (!item) {
+            return;
+        }
+        item[this.itemsDataPropertyName] = itemData;
+    }
+    removeAllItems() {
+        DisplayTools.removeAllChildren(this);
+        this.items = [];
+        this.cacheItems = [];
+    }
+    layoutGetChildrenNum() {
+        return this.items.length;
+    }
+    layoutGetChildAt(index) {
+        return this.items[index];
+    }
+    getItems() {
+        return this.items.concat();
+    }
+    itemsForceCommitData() {
+        for (let singleItem of this.items) {
+            if (singleItem.forceCommitData) {
+                singleItem.forceCommitData();
+            }
+        }
+    }
+    resizeItems(childrenWidth, childrenHeight) {
+        if (!this.childrenResizeSize) {
+            this.childrenResizeSize = new Point();
+        }
+        if (this.childrenResizeSize.x === childrenWidth &&
+            this.childrenResizeSize.y === childrenHeight) {
+            return;
+        }
+        this.childrenResizeSize.x = childrenWidth;
+        this.childrenResizeSize.y = childrenHeight;
+        for (let singleItem of this.items) {
+            this.resizeSingleItem(singleItem);
+        }
+    }
+    resizeSingleItem(item) {
+        if (!this.childrenResizeSize) {
+            return;
+        }
+        const resizableItem = item;
+        if (resizableItem.resize) {
+            resizableItem.resize(this.childrenResizeSize.x, this.childrenResizeSize.y);
+        }
+        else {
+            item.width = this.childrenResizeSize.x;
+            item.height = this.childrenResizeSize.y;
+        }
+    }
+}
+//# sourceMappingURL=SimpleList.js.map

package/src/display/views/simplelist/SimpleList.js.map

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

package/src/display/views/simplelist/SimpleListEvent.d.ts

@@ -0,0 +1,4 @@
+export declare const SimpleListEvent: {
+    ITEM_ADDED: string;
+    ITEM_REMOVED: string;
+};

package/src/display/views/simplelist/SimpleListEvent.js

@@ -0,0 +1,5 @@
+export const SimpleListEvent = {
+    ITEM_ADDED: "ITEM_ADDED",
+    ITEM_REMOVED: "ITEM_REMOVED"
+};
+//# sourceMappingURL=SimpleListEvent.js.map

package/src/display/views/simplelist/SimpleListEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleListEvent.js","sourceRoot":"","sources":["../../../../../src/display/views/simplelist/SimpleListEvent.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,UAAU,EAAE,YAAY;IACxB,YAAY,EAAE,cAAc;CAC/B,CAAC"}

package/src/display/views/sizedistributor/ISizeDistributorChild.d.ts

@@ -0,0 +1,4 @@
+import { DisplayObjectContainer } from "@flashist/flibs";
+import { IResizable } from "../resize/IResizable";
+export interface ISizeDistributorChild extends DisplayObjectContainer, IResizable {
+}

package/src/display/views/sizedistributor/ISizeDistributorChild.js

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

package/src/display/views/sizedistributor/ISizeDistributorChild.js.map

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

package/src/display/views/sizedistributor/SizeDistributor.d.ts

@@ -0,0 +1,2 @@
+export declare class SizeDistributor {
+}

package/src/display/views/sizedistributor/SizeDistributor.js

@@ -0,0 +1,3 @@
+export class SizeDistributor {
+}
+//# sourceMappingURL=SizeDistributor.js.map

package/src/display/views/sizedistributor/SizeDistributor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeDistributor.js","sourceRoot":"","sources":["../../../../../src/display/views/sizedistributor/SizeDistributor.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,eAAe;CAgI3B"}

package/src/display/views/sizedistributor/SizeDistributorConfig.d.ts

@@ -0,0 +1,9 @@
+export declare class SizeDistributorConfig {
+    distributeWidth: boolean;
+    distributeHeight: boolean;
+    spacingX: number;
+    spacingY: number;
+    paddingX: number;
+    paddingY: number;
+    isNeedFloorValues: boolean;
+}

package/src/display/views/sizedistributor/SizeDistributorConfig.js

@@ -0,0 +1,10 @@
+export class SizeDistributorConfig {
+    constructor() {
+        this.spacingX = 0;
+        this.spacingY = 0;
+        this.paddingX = 0;
+        this.paddingY = 0;
+        this.isNeedFloorValues = true;
+    }
+}
+//# sourceMappingURL=SizeDistributorConfig.js.map

package/src/display/views/sizedistributor/SizeDistributorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeDistributorConfig.js","sourceRoot":"","sources":["../../../../../src/display/views/sizedistributor/SizeDistributorConfig.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,qBAAqB;IAAlC;QAII,aAAQ,GAAU,CAAC,CAAC;QACpB,aAAQ,GAAU,CAAC,CAAC;QAEpB,aAAQ,GAAU,CAAC,CAAC;QACpB,aAAQ,GAAU,CAAC,CAAC;QAEpB,sBAAiB,GAAW,IAAI,CAAC;IACrC,CAAC;CAAA"}

package/src/display/views/togglegroup/IToggableItem.d.ts

@@ -0,0 +1,5 @@
+import { DisplayObjectContainer } from "@flashist/flibs";
+export interface IToggableItem extends DisplayObjectContainer {
+    id?: string;
+    selected: boolean;
+}

package/src/display/views/togglegroup/IToggableItem.js

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

package/src/display/views/togglegroup/IToggableItem.js.map

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

package/src/display/views/togglegroup/IToggleGroupItem.d.ts

@@ -0,0 +1,5 @@
+import { DisplayObjectContainer } from "@flashist/flibs";
+export interface IToggleGroupItem extends DisplayObjectContainer {
+    id: string;
+    selected: boolean;
+}

package/src/display/views/togglegroup/IToggleGroupItem.js

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

package/src/display/views/togglegroup/IToggleGroupItem.js.map

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

package/src/display/views/togglegroup/ToggleGroup.d.ts

@@ -0,0 +1,18 @@
+import { AssociativeArray, BaseObject } from "@flashist/fcore";
+import { IToggableItem } from "./IToggableItem";
+export declare class ToggleGroup<IToggleItemType extends IToggableItem = IToggableItem> extends BaseObject {
+    protected itemsToIdMap: AssociativeArray<IToggleItemType>;
+    private _selectedItem;
+    protected _selectedId: string;
+    construction(...args: any[]): void;
+    destruction(): void;
+    protected processItemTap(item: IToggleItemType): void;
+    protected addItemListeners(item: IToggleItemType): void;
+    protected removeItemListeners(item: IToggleItemType): void;
+    addItem(item: IToggleItemType): void;
+    removeItem(item: IToggleItemType): void;
+    removeAllItems(): void;
+    get selectedId(): string;
+    set selectedId(value: string);
+    get selectedItem(): IToggleItemType;
+}

package/src/display/views/togglegroup/ToggleGroup.js

@@ -0,0 +1,110 @@
+import { AssociativeArray, BaseObject } from "@flashist/fcore";
+import { InteractiveEvent } from "@flashist/flibs";
+import { ToggleGroupEvent } from "./ToggleGroupEvent";
+export class ToggleGroup extends BaseObject {
+    constructor() {
+        super(...arguments);
+        // protected toggleItems: IToggleItemType[];
+        this._selectedId = "";
+    }
+    construction(...args) {
+        super.construction(...args);
+        // this.toggleItems = [];
+        this.itemsToIdMap = new AssociativeArray();
+    }
+    destruction() {
+        super.destruction();
+        if (this.itemsToIdMap) {
+            this.itemsToIdMap.destruction();
+        }
+    }
+    processItemTap(item) {
+        this.selectedId = item.id;
+    }
+    addItemListeners(item) {
+        if (!item) {
+            return;
+        }
+        this.eventListenerHelper.addEventListener(item, InteractiveEvent.TAP, () => {
+            this.processItemTap(item);
+        });
+    }
+    removeItemListeners(item) {
+        if (!item) {
+            return;
+        }
+        this.eventListenerHelper.removeAllListeners(item);
+    }
+    addItem(item) {
+        // if (this.toggleItems.indexOf(item) != -1) {
+        if (this.itemsToIdMap.getItem(item.id)) {
+            return;
+        }
+        // this.toggleItems.push(item);
+        this.itemsToIdMap.push(item, item.id);
+        this.addItemListeners(item);
+    }
+    removeItem(item) {
+        if (this.selectedItem == item) {
+            this.selectedId = null;
+        }
+        // ArrayTools.removeItem(this.toggleItems, item);
+        this.itemsToIdMap.remove(item);
+        this.removeItemListeners(item);
+    }
+    removeAllItems() {
+        const itemsCopy = this.itemsToIdMap.getAllItems();
+        for (const item of itemsCopy) {
+            this.removeItem(item);
+        }
+    }
+    /*get selectedItem(): IToggleItemType {
+        return this._selectedItem;
+    }
+    set selectedItem(value: IToggleItemType) {
+        if (value == this._selectedItem) {
+            return;
+        }
+        if (value && this.toggleItems.indexOf(value) == -1) {
+            return;
+        }
+
+        // Reset the previous selected item
+        if (this._selectedItem) {
+            this._selectedItem.selected = false;
+        }
+
+        this._selectedItem = value;
+        // Setup the new selected item
+        if (this._selectedItem) {
+            this._selectedItem.selected = true;
+        }
+
+        this.commitData();
+
+        this.dispatchEvent(ToggleGroupEvent.SELECTED_ID_CHANGE);
+    }*/
+    get selectedId() {
+        return this._selectedId;
+    }
+    set selectedId(value) {
+        if (this._selectedId === value) {
+            return;
+        }
+        // Reset the previous selected item
+        if (this._selectedItem) {
+            this._selectedItem.selected = false;
+        }
+        this._selectedId = value;
+        this._selectedItem = this.itemsToIdMap.getItem(this._selectedId);
+        // Setup the new selected item
+        if (this._selectedItem) {
+            this._selectedItem.selected = true;
+        }
+        this.dispatchEvent(ToggleGroupEvent.SELECTED_ID_CHANGE);
+    }
+    get selectedItem() {
+        return this._selectedItem;
+    }
+}
+//# sourceMappingURL=ToggleGroup.js.map

package/src/display/views/togglegroup/ToggleGroup.js.map

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

package/src/display/views/togglegroup/ToggleGroupEvent.d.ts

@@ -0,0 +1,3 @@
+export declare const ToggleGroupEvent: {
+    SELECTED_ID_CHANGE: string;
+};

package/src/display/views/togglegroup/ToggleGroupEvent.js

@@ -0,0 +1,4 @@
+export const ToggleGroupEvent = {
+    SELECTED_ID_CHANGE: "ToggleGroupEvent.SELECTED_ID_CHANGE"
+};
+//# sourceMappingURL=ToggleGroupEvent.js.map

package/src/display/views/togglegroup/ToggleGroupEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupEvent.js","sourceRoot":"","sources":["../../../../../src/display/views/togglegroup/ToggleGroupEvent.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,kBAAkB,EAAE,qCAAqC;CAC5D,CAAC"}

package/src/display/views/viewstack/IViewStackItem.d.ts

@@ -0,0 +1,4 @@
+import { IDatable } from "@flashist/fcore";
+import { IResizable } from "../resize/IResizable";
+export interface IViewStackItem extends Partial<IResizable>, IDatable {
+}

package/src/display/views/viewstack/IViewStackItem.js

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

package/src/display/views/viewstack/IViewStackItem.js.map

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

package/src/display/views/viewstack/ViewLazyCreationServiceLocatorStack.d.ts

@@ -0,0 +1,5 @@
+import { DisplayObjectContainer } from "@flashist/flibs";
+import { ViewLazyCreationStack } from "./ViewLazyCreationStack";
+export declare class ViewLazyCreationServiceLocatorStack<StackViewType extends DisplayObjectContainer = DisplayObjectContainer> extends ViewLazyCreationStack<StackViewType> {
+    protected getNewInstance(id: string): StackViewType;
+}

package/src/display/views/viewstack/ViewLazyCreationServiceLocatorStack.js

@@ -0,0 +1,13 @@
+import { getInstance } from "@flashist/flibs";
+import { ViewLazyCreationStack } from "./ViewLazyCreationStack";
+export class ViewLazyCreationServiceLocatorStack extends ViewLazyCreationStack {
+    getNewInstance(id) {
+        let result;
+        let TempClass = this.viewClassToIdMap.getItem(id);
+        if (TempClass) {
+            result = getInstance(TempClass);
+        }
+        return result;
+    }
+}
+//# sourceMappingURL=ViewLazyCreationServiceLocatorStack.js.map

package/src/display/views/viewstack/ViewLazyCreationServiceLocatorStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLazyCreationServiceLocatorStack.js","sourceRoot":"","sources":["../../../../../src/display/views/viewstack/ViewLazyCreationServiceLocatorStack.ts"],"names":[],"mappings":"AAEA,OAAO,EAAyB,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAE9D,MAAM,OAAO,mCAA2G,SAAQ,qBAAoC;IAEtJ,cAAc,CAAC,EAAU;QAC/B,IAAI,MAAqB,CAAC;QAE1B,IAAI,SAAS,GAAuB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAuB,CAAC;QAC5F,IAAI,SAAS,EAAE,CAAC;YACZ,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;QACpC,CAAC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;CACJ"}

package/src/display/views/viewstack/ViewLazyCreationStack.d.ts

@@ -0,0 +1,11 @@
+import { AssociativeArray, IConstructor } from "@flashist/fcore";
+import { DisplayObjectContainer } from "@flashist/flibs";
+import { ViewStack } from "./ViewStack";
+export declare class ViewLazyCreationStack<StackViewType extends DisplayObjectContainer = DisplayObjectContainer> extends ViewStack<StackViewType> {
+    protected viewClassToIdMap: AssociativeArray<IConstructor<StackViewType>>;
+    construction(...args: any[]): void;
+    addViewClass(ViewClass: IConstructor<StackViewType>, id: string): void;
+    removeViewClass(ViewClass: IConstructor<StackViewType>): void;
+    getViewById(id: string): StackViewType;
+    protected getNewInstance(id: string): StackViewType;
+}

package/{display/views/viewstack/ViewStackLazyCreation.js → src/display/views/viewstack/ViewLazyCreationStack.js}

@@ -1,6 +1,6 @@
 import { AssociativeArray } from "@flashist/fcore";
 import { ViewStack } from "./ViewStack";
-export class ViewStackLazyCreation extends ViewStack {
+export class ViewLazyCreationStack extends ViewStack {
     construction(...args) {
         super.construction(...args);
         this.viewClassToIdMap = new AssociativeArray();
@@ -14,12 +14,17 @@ export class ViewStackLazyCreation extends ViewStack {
     getViewById(id) {
         // Check if the needed view exists, if not, then create it
         if (!super.getViewById(id)) {
-            let TempClass = this.viewClassToIdMap.getItem(id);
-            if (TempClass) {
-                this.addView(new TempClass(), id);
-            }
+            this.addView(this.getNewInstance(id), id);
         }
         return super.getViewById(id);
     }
+    getNewInstance(id) {
+        let result;
+        let TempClass = this.viewClassToIdMap.getItem(id);
+        if (TempClass) {
+            result = new TempClass();
+        }
+        return result;
+    }
 }
-//# sourceMappingURL=ViewStackLazyCreation.js.map
+//# sourceMappingURL=ViewLazyCreationStack.js.map

package/src/display/views/viewstack/ViewLazyCreationStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLazyCreationStack.js","sourceRoot":"","sources":["../../../../../src/display/views/viewstack/ViewLazyCreationStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAe,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,OAAO,qBAA6F,SAAQ,SAAwB;IAItI,YAAY,CAAC,GAAG,IAAI;QAChB,KAAK,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;QAE5B,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,EAA+B,CAAC;IAChF,CAAC;IAEM,YAAY,CAAC,SAAsC,EAAE,EAAU;QAClE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAC9C,CAAC;IAEM,eAAe,CAAC,SAAsC;QACzD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC;IAEM,WAAW,CAAC,EAAU;QACzB,0DAA0D;QAC1D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,CACR,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,EACvB,EAAE,CACL,CAAC;QACN,CAAC;QAED,OAAO,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAES,cAAc,CAAC,EAAU;QAC/B,IAAI,MAAqB,CAAC;QAE1B,IAAI,SAAS,GAAuB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAuB,CAAC;QAC5F,IAAI,SAAS,EAAE,CAAC;YACZ,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;QAC7B,CAAC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;CACJ"}

package/src/display/views/viewstack/ViewStack.d.ts

@@ -0,0 +1,18 @@
+import { AssociativeArray } from "@flashist/fcore";
+import { DisplayObjectContainer } from "@flashist/flibs";
+import { IResizable } from "../resize/IResizable";
+import { AppResizableContainer } from "../resize/AppResizableContainer";
+export declare class ViewStack<StackViewType extends DisplayObjectContainer = DisplayObjectContainer, DataType extends object = object> extends AppResizableContainer<DataType> implements IResizable {
+    protected viewToIdMap: AssociativeArray<StackViewType>;
+    protected _selectedId: string;
+    protected _selectedItem: StackViewType;
+    construction(...args: any[]): void;
+    addView(view: StackViewType, id: string): void;
+    removeView(view: StackViewType): void;
+    get selectedId(): string;
+    set selectedId(value: string);
+    protected getViewById(id: string): StackViewType;
+    get selectedItem(): StackViewType;
+    protected commitData(): void;
+    protected arrange(): void;
+}