@flashist/appframework 0.0.3 → 0.0.5

package/display/views/togglegroup/ToggleGroup.js

@@ -0,0 +1,143 @@
+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 { AssociativeArray, BaseObject } from "@flashist/fcore";
+import { InteractiveEvent } from "@flashist/flibs";
+import { ToggleGroupEvent } from "./ToggleGroupEvent";
+var ToggleGroup = /** @class */ (function (_super) {
+    __extends(ToggleGroup, _super);
+    function ToggleGroup() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // protected toggleItems: IToggleItemType[];
+        _this._selectedId = "";
+        return _this;
+    }
+    ToggleGroup.prototype.construction = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        _super.prototype.construction.apply(this, args);
+        // this.toggleItems = [];
+        this.itemsToIdMap = new AssociativeArray();
+    };
+    ToggleGroup.prototype.destruction = function () {
+        _super.prototype.destruction.call(this);
+        if (this.itemsToIdMap) {
+            this.itemsToIdMap.destruction();
+        }
+    };
+    ToggleGroup.prototype.processItemTap = function (item) {
+        this.selectedId = item.id;
+    };
+    ToggleGroup.prototype.addItemListeners = function (item) {
+        var _this = this;
+        if (!item) {
+            return;
+        }
+        this.eventListenerHelper.addEventListener(item, InteractiveEvent.TAP, function () {
+            _this.processItemTap(item);
+        });
+    };
+    ToggleGroup.prototype.removeItemListeners = function (item) {
+        if (!item) {
+            return;
+        }
+        this.eventListenerHelper.removeAllListeners(item);
+    };
+    ToggleGroup.prototype.addItem = function (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);
+    };
+    ToggleGroup.prototype.removeItem = function (item) {
+        if (this.selectedItem == item) {
+            this.selectedId = null;
+        }
+        // ArrayTools.removeItem(this.toggleItems, item);
+        this.itemsToIdMap.remove(item);
+        this.removeItemListeners(item);
+    };
+    ToggleGroup.prototype.removeAllItems = function () {
+        var itemsCopy = this.itemsToIdMap.getAllItems();
+        for (var _i = 0, itemsCopy_1 = itemsCopy; _i < itemsCopy_1.length; _i++) {
+            var item = itemsCopy_1[_i];
+            this.removeItem(item);
+        }
+    };
+    Object.defineProperty(ToggleGroup.prototype, "selectedId", {
+        /*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: function () {
+            return this._selectedId;
+        },
+        set: function (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);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ToggleGroup.prototype, "selectedItem", {
+        get: function () {
+            return this._selectedItem;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return ToggleGroup;
+}(BaseObject));
+export { ToggleGroup };
+//# sourceMappingURL=ToggleGroup.js.map

package/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/display/views/togglegroup/ToggleGroupEvent.d.ts

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

package/display/views/togglegroup/ToggleGroupEvent.js

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

package/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,IAAM,gBAAgB,GAAG;IAC5B,kBAAkB,EAAE,qCAAqC;CAC5D,CAAC"}

package/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/display/views/viewstack/IViewStackItem.js

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

package/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/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/display/views/viewstack/ViewLazyCreationServiceLocatorStack.js

@@ -0,0 +1,34 @@
+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 { getInstance } from "@flashist/flibs";
+import { ViewLazyCreationStack } from "./ViewLazyCreationStack";
+var ViewLazyCreationServiceLocatorStack = /** @class */ (function (_super) {
+    __extends(ViewLazyCreationServiceLocatorStack, _super);
+    function ViewLazyCreationServiceLocatorStack() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ViewLazyCreationServiceLocatorStack.prototype.getNewInstance = function (id) {
+        var result;
+        var TempClass = this.viewClassToIdMap.getItem(id);
+        if (TempClass) {
+            result = getInstance(TempClass);
+        }
+        return result;
+    };
+    return ViewLazyCreationServiceLocatorStack;
+}(ViewLazyCreationStack));
+export { ViewLazyCreationServiceLocatorStack };
+//# sourceMappingURL=ViewLazyCreationServiceLocatorStack.js.map

package/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;IAAgI,uDAAoC;IAApK;;IAYA,CAAC;IAVa,4DAAc,GAAxB,UAAyB,EAAU;QAC/B,IAAI,MAAqB,CAAC;QAE1B,IAAI,SAAS,GAAuB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAuB,CAAC;QAC5F,IAAI,SAAS,EAAE;YACX,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;SACnC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;IACL,0CAAC;AAAD,CAAC,AAZD,CAAgI,qBAAqB,GAYpJ"}

package/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/ViewLazyCreationStack.js

@@ -0,0 +1,55 @@
+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 { AssociativeArray } from "@flashist/fcore";
+import { ViewStack } from "./ViewStack";
+var ViewLazyCreationStack = /** @class */ (function (_super) {
+    __extends(ViewLazyCreationStack, _super);
+    function ViewLazyCreationStack() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ViewLazyCreationStack.prototype.construction = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        _super.prototype.construction.apply(this, args);
+        this.viewClassToIdMap = new AssociativeArray();
+    };
+    ViewLazyCreationStack.prototype.addViewClass = function (ViewClass, id) {
+        this.viewClassToIdMap.push(ViewClass, id);
+    };
+    ViewLazyCreationStack.prototype.removeViewClass = function (ViewClass) {
+        this.viewClassToIdMap.remove(ViewClass);
+    };
+    ViewLazyCreationStack.prototype.getViewById = function (id) {
+        // Check if the needed view exists, if not, then create it
+        if (!_super.prototype.getViewById.call(this, id)) {
+            this.addView(this.getNewInstance(id), id);
+        }
+        return _super.prototype.getViewById.call(this, id);
+    };
+    ViewLazyCreationStack.prototype.getNewInstance = function (id) {
+        var result;
+        var TempClass = this.viewClassToIdMap.getItem(id);
+        if (TempClass) {
+            result = new TempClass();
+        }
+        return result;
+    };
+    return ViewLazyCreationStack;
+}(ViewStack));
+export { ViewLazyCreationStack };
+//# sourceMappingURL=ViewLazyCreationStack.js.map

package/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;IAAkH,yCAAwB;IAA1I;;IAwCA,CAAC;IApCG,4CAAY,GAAZ;QAAa,cAAO;aAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;YAAP,yBAAO;;QAChB,iBAAM,YAAY,aAAI,IAAI,EAAE;QAE5B,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,EAA+B,CAAC;IAChF,CAAC;IAEM,4CAAY,GAAnB,UAAoB,SAAsC,EAAE,EAAU;QAClE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAC9C,CAAC;IAEM,+CAAe,GAAtB,UAAuB,SAAsC;QACzD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC;IAEM,2CAAW,GAAlB,UAAmB,EAAU;QACzB,0DAA0D;QAC1D,IAAI,CAAC,iBAAM,WAAW,YAAC,EAAE,CAAC,EAAE;YACxB,IAAI,CAAC,OAAO,CACR,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,EACvB,EAAE,CACL,CAAC;SACL;QAED,OAAO,iBAAM,WAAW,YAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAES,8CAAc,GAAxB,UAAyB,EAAU;QAC/B,IAAI,MAAqB,CAAC;QAE1B,IAAI,SAAS,GAAuB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAuB,CAAC;QAC5F,IAAI,SAAS,EAAE;YACX,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;SAC5B;QAED,OAAO,MAAM,CAAC;IAClB,CAAC;IACL,4BAAC;AAAD,CAAC,AAxCD,CAAkH,SAAS,GAwC1H"}

package/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 { ResizableContainer } from "../resize/ResizableContainer";
+export declare class ViewStack<StackViewType extends DisplayObjectContainer = DisplayObjectContainer, DataType extends object = object> extends ResizableContainer<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;
+}

package/display/views/viewstack/ViewStack.js

@@ -0,0 +1,96 @@
+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 { AssociativeArray } from "@flashist/fcore";
+import { ResizableContainer } from "../resize/ResizableContainer";
+var ViewStack = /** @class */ (function (_super) {
+    __extends(ViewStack, _super);
+    function ViewStack() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ViewStack.prototype.construction = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        _super.prototype.construction.apply(this, args);
+        this.viewToIdMap = new AssociativeArray();
+    };
+    ViewStack.prototype.addView = function (view, id) {
+        this.viewToIdMap.push(view, id);
+    };
+    ViewStack.prototype.removeView = function (view) {
+        this.viewToIdMap.remove(view);
+    };
+    Object.defineProperty(ViewStack.prototype, "selectedId", {
+        get: function () {
+            return this._selectedId;
+        },
+        set: function (value) {
+            if (value == this.selectedId) {
+                return;
+            }
+            // Remove the previous view
+            if (this.selectedItem) {
+                this.selectedItem.parent.removeChild(this._selectedItem);
+                this._selectedItem = null;
+            }
+            this._selectedId = value;
+            this._selectedItem = this.getViewById(this.selectedId);
+            if (this.selectedItem) {
+                this.addChild(this.selectedItem);
+            }
+            this.commitData();
+            this.arrange();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewStack.prototype.getViewById = function (id) {
+        return this.viewToIdMap.getItem(id);
+    };
+    Object.defineProperty(ViewStack.prototype, "selectedItem", {
+        get: function () {
+            return this._selectedItem;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ViewStack.prototype.commitData = function () {
+        _super.prototype.commitData.call(this);
+        if (this.selectedItem) {
+            var selectedDatableItem = this._selectedItem;
+            selectedDatableItem.data = this.data;
+        }
+    };
+    ViewStack.prototype.arrange = function () {
+        _super.prototype.arrange.call(this);
+        if (this._selectedItem) {
+            if (this.resizeSize && this.resizeSize.x !== 0 && this.resizeSize.y !== 0) {
+                var selectedResizableItem = this._selectedItem;
+                if (selectedResizableItem.resize) {
+                    selectedResizableItem.resize(this.resizeSize.x, this.resizeSize.y);
+                }
+                else {
+                    this._selectedItem.width = this.resizeSize.x;
+                    this._selectedItem.height = this.resizeSize.y;
+                }
+            }
+        }
+    };
+    return ViewStack;
+}(ResizableContainer));
+export { ViewStack };
+//# sourceMappingURL=ViewStack.js.map

package/display/views/viewstack/ViewStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewStack.js","sourceRoot":"","sources":["../../../../src/display/views/viewstack/ViewStack.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAC,gBAAgB,EAAW,MAAM,iBAAiB,CAAC;AAK3D,OAAO,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAEhE;IAKY,6BAA4B;IALxC;;IAqFA,CAAC;IAzEG,gCAAY,GAAZ;QAAa,cAAO;aAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;YAAP,yBAAO;;QAChB,iBAAM,YAAY,aAAI,IAAI,EAAE;QAE5B,IAAI,CAAC,WAAW,GAAG,IAAI,gBAAgB,EAAiB,CAAC;IAC7D,CAAC;IAEM,2BAAO,GAAd,UAAe,IAAmB,EAAE,EAAU;QAC1C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACpC,CAAC;IAEM,8BAAU,GAAjB,UAAkB,IAAmB;QACjC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAGD,sBAAW,iCAAU;aAArB;YACI,OAAO,IAAI,CAAC,WAAW,CAAC;QAC5B,CAAC;aAED,UAAsB,KAAa;YAC/B,IAAI,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE;gBAC1B,OAAO;aACV;YAED,2BAA2B;YAC3B,IAAI,IAAI,CAAC,YAAY,EAAE;gBACnB,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBACzD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;aAC7B;YAED,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACvD,IAAI,IAAI,CAAC,YAAY,EAAE;gBACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;aACpC;YAED,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC;;;OArBA;IAuBS,+BAAW,GAArB,UAAsB,EAAU;QAC5B,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IACvC,CAAC;IAED,sBAAW,mCAAY;aAAvB;YACI,OAAO,IAAI,CAAC,aAAa,CAAC;QAC9B,CAAC;;;OAAA;IAES,8BAAU,GAApB;QACI,iBAAM,UAAU,WAAE,CAAC;QAEnB,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAM,mBAAmB,GAAa,IAAI,CAAC,aAAoB,CAAC;YAChE,mBAAmB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACxC;IACL,CAAC;IAES,2BAAO,GAAjB;QACI,iBAAM,OAAO,WAAE,CAAC;QAEhB,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,EAAE;gBACvE,IAAM,qBAAqB,GAAe,IAAI,CAAC,aAAoB,CAAC;gBACpE,IAAI,qBAAqB,CAAC,MAAM,EAAE;oBAC9B,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;iBAEtE;qBAAM;oBACH,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;oBAC7C,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;iBACjD;aACJ;SACJ;IACL,CAAC;IACL,gBAAC;AAAD,CAAC,AArFD,CAKY,kBAAkB,GAgF7B"}

package/display/views/viewstack/ViewStackLazyCreation.d.ts

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

package/display/views/viewstack/ViewStackLazyCreation.js

@@ -0,0 +1,50 @@
+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 { AssociativeArray } from "@flashist/fcore";
+import { ViewStack } from "./ViewStack";
+var ViewStackLazyCreation = /** @class */ (function (_super) {
+    __extends(ViewStackLazyCreation, _super);
+    function ViewStackLazyCreation() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ViewStackLazyCreation.prototype.construction = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        _super.prototype.construction.apply(this, args);
+        this.viewClassToIdMap = new AssociativeArray();
+    };
+    ViewStackLazyCreation.prototype.addViewClass = function (ViewClass, id) {
+        this.viewClassToIdMap.push(ViewClass, id);
+    };
+    ViewStackLazyCreation.prototype.removeViewClass = function (ViewClass) {
+        this.viewClassToIdMap.remove(ViewClass);
+    };
+    ViewStackLazyCreation.prototype.getViewById = function (id) {
+        // Check if the needed view exists, if not, then create it
+        if (!_super.prototype.getViewById.call(this, id)) {
+            var TempClass = this.viewClassToIdMap.getItem(id);
+            if (TempClass) {
+                this.addView(new TempClass(), id);
+            }
+        }
+        return _super.prototype.getViewById.call(this, id);
+    };
+    return ViewStackLazyCreation;
+}(ViewStack));
+export { ViewStackLazyCreation };
+//# sourceMappingURL=ViewStackLazyCreation.js.map

package/display/views/viewstack/ViewStackLazyCreation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewStackLazyCreation.js","sourceRoot":"","sources":["../../../../src/display/views/viewstack/ViewStackLazyCreation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAC,gBAAgB,EAAe,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC;IAKY,yCAAkC;IAL9C;;IAsCA,CAAC;IA7BG,4CAAY,GAAZ;QAAa,cAAc;aAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;YAAd,yBAAc;;QACvB,iBAAM,YAAY,aAAI,IAAI,EAAE;QAE5B,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,EAA+B,CAAC;IAChF,CAAC;IAEM,4CAAY,GAAnB,UAAoB,SAAsC,EAAE,EAAU;QAClE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAC9C,CAAC;IAEM,+CAAe,GAAtB,UAAuB,SAAsC;QACzD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC;IAEM,2CAAW,GAAlB,UAAmB,EAAU;QACzB,0DAA0D;QAC1D,IAAI,CAAC,iBAAM,WAAW,YAAC,EAAE,CAAC,EAAE;YACxB,IAAI,SAAS,GAAuB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAuB,CAAC;YAC5F,IAAI,SAAS,EAAE;gBACX,IAAI,CAAC,OAAO,CACR,IAAI,SAAS,EAAE,EACf,EAAE,CACL,CAAC;aACL;SACJ;QAED,OAAO,iBAAM,WAAW,YAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAEL,4BAAC;AAAD,CAAC,AAtCD,CAKY,SAAS,GAiCpB"}

package/events/commands/DispatchGlobalEventCommand.d.ts

@@ -0,0 +1,8 @@
+import { Command } from "@flashist/fcore";
+import { GlobalEventDispatcher } from "../../globaleventdispatcher/dispatcher/GlobalEventDispatcher";
+export declare class DispatchGlobalEventCommand extends Command {
+    protected globalDispatcher: GlobalEventDispatcher;
+    protected event: string;
+    constructor(event: string);
+    protected executeInternal(): void;
+}

package/events/commands/DispatchGlobalEventCommand.js

@@ -0,0 +1,34 @@
+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 { Command } from "@flashist/fcore";
+import { getInstance } from "@flashist/flibs";
+import { GlobalEventDispatcher } from "../../globaleventdispatcher/dispatcher/GlobalEventDispatcher";
+var DispatchGlobalEventCommand = /** @class */ (function (_super) {
+    __extends(DispatchGlobalEventCommand, _super);
+    function DispatchGlobalEventCommand(event) {
+        var _this = _super.call(this) || this;
+        _this.event = event;
+        _this.globalDispatcher = getInstance(GlobalEventDispatcher);
+        return _this;
+    }
+    DispatchGlobalEventCommand.prototype.executeInternal = function () {
+        this.globalDispatcher.dispatchEvent(this.event);
+        this.notifyComplete();
+    };
+    return DispatchGlobalEventCommand;
+}(Command));
+export { DispatchGlobalEventCommand };
+//# sourceMappingURL=DispatchGlobalEventCommand.js.map

package/events/commands/DispatchGlobalEventCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DispatchGlobalEventCommand.js","sourceRoot":"","sources":["../../../src/events/commands/DispatchGlobalEventCommand.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAC,qBAAqB,EAAC,MAAM,8DAA8D,CAAC;AAEnG;IAAgD,8CAAO;IAKnD,oCAAY,KAAa;QAAzB,YACI,iBAAO,SAIV;QAFG,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAI,CAAC,gBAAgB,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;;IAC/D,CAAC;IAES,oDAAe,GAAzB;QACI,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IACL,iCAAC;AAAD,CAAC,AAhBD,CAAgD,OAAO,GAgBtD"}

package/facade/Facade.d.ts

@@ -0,0 +1,27 @@
+import { BaseObject } from "@flashist/fcore";
+import { FApp } from "@flashist/flibs";
+import { AppAppModulesManager } from "../base/modules/AppModulesManager";
+import { IFacadeOptions } from "./IFacadeOptions";
+import { AppMainContainer } from "../app/views/AppMainContainer";
+import { BaseAppModule } from "../base/modules/BaseAppModule";
+export declare class Facade extends BaseObject {
+    protected options: IFacadeOptions;
+    protected modulesManager: AppAppModulesManager;
+    app: FApp;
+    mainContainer: AppMainContainer;
+    protected resizeListener: any;
+    constructor(options: IFacadeOptions);
+    protected construction(options: IFacadeOptions): void;
+    protected addModules(): void;
+    activateModules(): void;
+    addSingleModule(module: BaseAppModule): void;
+    protected initView(): void;
+    protected addListeners(): void;
+    protected removeListeners(): void;
+    protected onWindowResize(): void;
+    protected onRendererResize(): void;
+    protected arrange(): void;
+    private static _instance;
+    static init(options?: IFacadeOptions): void;
+    static get instance(): Facade;
+}