canvas-editor-engine 2.1.8 → 2.1.9

package/dist/index.d.ts

@@ -16,6 +16,7 @@ import ThroughHistoryService from "./services/through-history.service";
 import ProjectsService from "./services/projects.service";
 import PullProjectService from "./services/pull-project.service";
 import AppStore from "./store/store";
+import AppStoreRepository from "./store/storeRepository";
 declare class CanvasEditorEngine {
     constructor();
     getInitial(): {
@@ -29,4 +30,4 @@ declare class StaticCanvasEditorEngine extends CanvasEditorEngine {
 declare class VueCanvasEditorEngine extends CanvasEditorEngine {
     constructor();
 }
-export { AppConfig, PipetteComponent, CanvasComponent, ExcretionComponent, SlotComponent, LoadingComponent, ToolService, DrawService, LoggerService, CropService, DownloadService, ToolLayerService, EventService, ThroughHistoryService, ProjectsService, PullProjectService, StaticCanvasEditorEngine, VueCanvasEditorEngine, AppStore, };
+export { AppConfig, PipetteComponent, CanvasComponent, ExcretionComponent, SlotComponent, LoadingComponent, ToolService, DrawService, LoggerService, CropService, DownloadService, ToolLayerService, EventService, ThroughHistoryService, ProjectsService, PullProjectService, StaticCanvasEditorEngine, VueCanvasEditorEngine, AppStore, AppStoreRepository, };

package/dist/index.mjs

@@ -1467,6 +1467,259 @@ var AppStoreRepository = function() {
     return AppStoreRepository;
 }();
 
+var ProjectFileSerializer = function() {
+    function ProjectFileSerializer(file) {
+        this.projects = [];
+        this.file = file;
+        this.projects = this.load();
+    }
+    ProjectFileSerializer.prototype.load = function() {
+        var rowProjects = JSON.parse(this.file);
+        var imageDataProcessor = function(temp) {
+            var data;
+            var size;
+            if (temp === null || temp === void 0 ? void 0 : temp.current) {
+                data = Object.values(temp === null || temp === void 0 ? void 0 : temp.current.imageData.data);
+                size = temp === null || temp === void 0 ? void 0 : temp.current.size;
+            } else if (temp === null || temp === void 0 ? void 0 : temp.state) {
+                data = Object.values(temp === null || temp === void 0 ? void 0 : temp.state.tempImageData.data);
+                size = temp === null || temp === void 0 ? void 0 : temp.state.size;
+            }
+            var tempImageData = new ImageData(size.width, size.height);
+            data.forEach((function(colorAtom, index) {
+                tempImageData.data[index] = colorAtom;
+            }));
+            return tempImageData;
+        };
+        var projects = rowProjects.map((function(project) {
+            project.state.current.imageData = imageDataProcessor({
+                current: project.state.current
+            });
+            project.state.history = project.state.history.map((function(historyLine) {
+                historyLine.stateValue.tempImageData = imageDataProcessor({
+                    state: historyLine.stateValue
+                });
+                return historyLine;
+            }));
+            project.state.cache = project.state.cache.map((function(historyLine) {
+                historyLine.stateValue.tempImageData = imageDataProcessor({
+                    state: historyLine.stateValue
+                });
+                return historyLine;
+            }));
+            return project;
+        }));
+        return projects;
+    };
+    ProjectFileSerializer.prototype.saveProjects = function(projects) {
+        this.file.save(JSON.stringify(projects));
+    };
+    ProjectFileSerializer.prototype.getProjects = function() {
+        return this.projects;
+    };
+    ProjectFileSerializer.prototype.getProject = function(projectId) {
+        return this.projects.find((function(project) {
+            return project.id === projectId;
+        }));
+    };
+    ProjectFileSerializer.prototype.saveProject = function(project) {
+        var index = this.projects.findIndex((function(p) {
+            return p.id === project.id;
+        }));
+        if (index !== -1) {
+            this.projects[index] = project;
+        } else {
+            this.projects.push(project);
+        }
+        this.saveProjects(this.projects);
+    };
+    ProjectFileSerializer.prototype.removeProject = function(projectId) {
+        var index = this.projects.findIndex((function(p) {
+            return p.id === projectId;
+        }));
+        if (index !== -1) {
+            this.projects.splice(index, 1);
+            this.saveProjects(this.projects);
+        }
+    };
+    ProjectFileSerializer.prototype.updateProject = function(project) {
+        var index = this.projects.findIndex((function(p) {
+            return p.id === project.id;
+        }));
+        if (index !== -1) {
+            this.projects[index] = project;
+            this.saveProjects(this.projects);
+        }
+    };
+    return ProjectFileSerializer;
+}();
+
+var LocalStorageProjectModule = function() {
+    function LocalStorageProjectModule() {
+        this.projectsKey = "cee-projects";
+    }
+    LocalStorageProjectModule.prototype.getProjectsFromLocalStorage = function() {
+        var projects = localStorage.getItem(this.projectsKey);
+        return projects ? JSON.parse(projects) : [];
+    };
+    LocalStorageProjectModule.prototype.getProjectFromLocalStorage = function(projectId) {
+        var projects = this.getProjectsFromLocalStorage();
+        return projects.find((function(project) {
+            return project.id === projectId;
+        }));
+    };
+    LocalStorageProjectModule.prototype.saveProjectsToLocalStorage = function(projects) {
+        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
+    };
+    LocalStorageProjectModule.prototype.saveProjectToLocalStorage = function(project) {
+        var projects = this.getProjectsFromLocalStorage();
+        projects.push(project);
+        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
+    };
+    LocalStorageProjectModule.prototype.removeProjectFromLocalStorage = function(projectId) {
+        var projects = this.getProjectsFromLocalStorage();
+        var index = projects.findIndex((function(project) {
+            return project.id === projectId;
+        }));
+        projects.splice(index, 1);
+        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
+    };
+    LocalStorageProjectModule.prototype.updateProjectInLocalStorage = function(project) {
+        var projects = this.getProjectsFromLocalStorage();
+        var index = projects.findIndex((function(p) {
+            return p.id === project.id;
+        }));
+        projects[index] = project;
+        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
+    };
+    LocalStorageProjectModule.prototype.getProjects = function() {
+        return this.getProjectsFromLocalStorage();
+    };
+    LocalStorageProjectModule.prototype.getProject = function(projectId) {
+        return this.getProjectFromLocalStorage(projectId);
+    };
+    LocalStorageProjectModule.prototype.saveProjects = function(projects) {
+        this.saveProjectsToLocalStorage(projects);
+    };
+    LocalStorageProjectModule.prototype.saveProject = function(project) {
+        this.saveProjectToLocalStorage(project);
+    };
+    LocalStorageProjectModule.prototype.removeProject = function(projectId) {
+        this.removeProjectFromLocalStorage(projectId);
+    };
+    LocalStorageProjectModule.prototype.updateProject = function(project) {
+        this.updateProjectInLocalStorage(project);
+    };
+    return LocalStorageProjectModule;
+}();
+
+var ProjectFileProjectModule = function() {
+    function ProjectFileProjectModule() {}
+    ProjectFileProjectModule.prototype.setSerializer = function(serializer) {
+        this._serializer = serializer;
+    };
+    ProjectFileProjectModule.prototype.getProjects = function() {
+        return this._serializer.getProjects();
+    };
+    ProjectFileProjectModule.prototype.getProject = function(projectId) {
+        return this._serializer.getProject(projectId);
+    };
+    ProjectFileProjectModule.prototype.saveProject = function(project) {
+        return this._serializer.saveProject(project);
+    };
+    ProjectFileProjectModule.prototype.saveProjects = function(projects) {
+        return this._serializer.saveProjects(projects);
+    };
+    ProjectFileProjectModule.prototype.removeProject = function(projectId) {
+        return this._serializer.removeProject(projectId);
+    };
+    ProjectFileProjectModule.prototype.updateProject = function(project) {
+        return this._serializer.updateProject(project);
+    };
+    return ProjectFileProjectModule;
+}();
+
+var ProjectsService = function() {
+    function ProjectsService() {
+        this._modules = [];
+        this._serializer = ProjectFileSerializer;
+        this._addModule("LocalStorage", new LocalStorageProjectModule);
+        this._addModule("File", new ProjectFileProjectModule);
+    }
+    ProjectsService.prototype.on = function(moduleName) {
+        var _this = this;
+        var module = this._modules.find((function(module) {
+            return module.name === moduleName;
+        }));
+        if (!module) {
+            throw new Error("Module ".concat(moduleName, " not found"));
+        }
+        return {
+            getSerializerInstance: function(file) {
+                return new _this._serializer(file);
+            },
+            instance: module.instance
+        };
+    };
+    ProjectsService.prototype._addModule = function(name, module) {
+        this._modules.push({
+            name,
+            instance: module
+        });
+    };
+    return ProjectsService;
+}();
+
+var Project = function() {
+    function Project() {
+        this.id = null;
+        this.name = null;
+        this.description = null;
+        this.state = null;
+        this.createdAt = new Date(Date.now()).toString();
+        this.updatedAt = new Date(Date.now()).toString();
+    }
+    return Project;
+}();
+
+var PullProjectService = function() {
+    function PullProjectService(throughHistoryService, appStoreRepository) {
+        this.throughHistoryService = throughHistoryService;
+        this.appStoreRepository = appStoreRepository;
+        this._project = new Project;
+    }
+    Object.defineProperty(PullProjectService.prototype, "project", {
+        get: function() {
+            return this._project;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PullProjectService.prototype.refreshProject = function() {
+        this._project = new Project;
+    };
+    PullProjectService.prototype.updateProject = function(project) {
+        var _this = this;
+        Object.keys(project).forEach((function(key) {
+            _this._project[key] = project[key];
+        }));
+    };
+    PullProjectService.prototype.pull = function(name, description) {
+        var project = new Project;
+        var state = {
+            cache: this.throughHistoryService.cache,
+            history: this.appStoreRepository.store.historyState.historyLines,
+            current: this.appStoreRepository.store.imageState.getEntry()
+        };
+        project.id = (new Guid4).generate();
+        project.description = description || "New Project";
+        project.name = name || "New Project";
+        project.state = state;
+        this._project = project;
+    };
+    return PullProjectService;
+}();
+
 reflect();
 
 var WebComponentWrapper = function() {
@@ -1560,31 +1813,33 @@ var WebComponent = function(_super) {
     }
     WebComponent.prototype.init = function(appConfig) {
         this.appConfig = appConfig;
-        var loggerService = new LoggerService;
-        var toolLayerService = new ToolLayerService(this.appConfig);
-        var eventService = new EventService;
-        this.canvasComponent = new CanvasComponent(this.appConfig, loggerService, toolLayerService);
-        var toolService = new ToolService(this.canvasComponent);
-        var appStoreRepository = new AppStoreRepository;
-        var throughHistoryService = new ThroughHistoryService(this.appConfig, appStoreRepository);
-        new AppStore(throughHistoryService, appStoreRepository);
+        this.projectsService = new ProjectsService;
+        this.loggerService = new LoggerService;
+        this.toolLayerService = new ToolLayerService(this.appConfig);
+        this.eventService = new EventService;
+        this.canvasComponent = new CanvasComponent(this.appConfig, this.loggerService, this.toolLayerService);
+        this.toolService = new ToolService(this.canvasComponent);
+        this.appStoreRepository = new AppStoreRepository;
+        this.throughHistoryService = new ThroughHistoryService(this.appConfig, this.appStoreRepository);
+        this.appStore = new AppStore(this.throughHistoryService, this.appStoreRepository);
+        this.pullProjectService = new PullProjectService(this.throughHistoryService, this.appStoreRepository);
         var _a = this.canvasComponent.getComponent(), canvasTemplate = _a.canvasTemplate, canvasStyle = _a.canvasStyle;
         this.canvasElement = this.webComponentWrapper.editorWrap.add(canvasTemplate, canvasStyle);
-        var pipetteComponent = new PipetteComponent(toolService, loggerService, this.canvasComponent);
+        var pipetteComponent = new PipetteComponent(this.toolService, this.loggerService, this.canvasComponent);
         var _b = pipetteComponent.getComponent(), pipetteTemplate = _b.pipetteTemplate, pipetteStyle = _b.pipetteStyle;
         this.webComponentWrapper.editorWrap.add(pipetteTemplate, pipetteStyle);
-        var slotComponent = new SlotComponent(loggerService);
+        var slotComponent = new SlotComponent(this.loggerService);
         var _c = slotComponent.getComponent("tools"), slotTemplate = _c.slotTemplate, slotStyle = _c.slotStyle;
         this.webComponentWrapper.toolsWrap.add(slotTemplate, slotStyle);
-        var excretionsComponent = new ExcretionsComponent(toolService, loggerService, toolLayerService, this.canvasComponent);
-        new CropService(this.appConfig, appStoreRepository, excretionsComponent);
-        var _d = excretionsComponent.getComponent(), excretionsTemplate = _d.excretionsTemplate, excretionsStyle = _d.excretionsStyle;
+        this.excretionsComponent = new ExcretionsComponent(this.toolService, this.loggerService, this.toolLayerService, this.canvasComponent);
+        this.cropService = new CropService(this.appConfig, this.appStoreRepository, this.excretionsComponent);
+        var _d = this.excretionsComponent.getComponent(), excretionsTemplate = _d.excretionsTemplate, excretionsStyle = _d.excretionsStyle;
         this.webComponentWrapper.editorWrap.add(excretionsTemplate, excretionsStyle);
-        var loadingComponent = new LoadingComponent(loggerService, eventService);
+        var loadingComponent = new LoadingComponent(this.loggerService, this.eventService);
         var _e = loadingComponent.getComponent(), loadingTemplate = _e.loadingTemplate, loadingStyle = _e.loadingStyle;
         this.webComponentWrapper.editorWrap.add(loadingTemplate, loadingStyle);
         this.canvasComponent.simulateSubscriptions();
-        eventService.applyEvents(this.webComponentWrapper.baseElement);
+        this.eventService.applyEvents(this.webComponentWrapper.baseElement);
         return this.initial();
     };
     WebComponent.prototype.initial = function() {
@@ -1933,259 +2188,6 @@ var DownloadService = function() {
     return DownloadService;
 }();
 
-var ProjectFileSerializer = function() {
-    function ProjectFileSerializer(file) {
-        this.projects = [];
-        this.file = file;
-        this.projects = this.load();
-    }
-    ProjectFileSerializer.prototype.load = function() {
-        var rowProjects = JSON.parse(this.file);
-        var imageDataProcessor = function(temp) {
-            var data;
-            var size;
-            if (temp === null || temp === void 0 ? void 0 : temp.current) {
-                data = Object.values(temp === null || temp === void 0 ? void 0 : temp.current.imageData.data);
-                size = temp === null || temp === void 0 ? void 0 : temp.current.size;
-            } else if (temp === null || temp === void 0 ? void 0 : temp.state) {
-                data = Object.values(temp === null || temp === void 0 ? void 0 : temp.state.tempImageData.data);
-                size = temp === null || temp === void 0 ? void 0 : temp.state.size;
-            }
-            var tempImageData = new ImageData(size.width, size.height);
-            data.forEach((function(colorAtom, index) {
-                tempImageData.data[index] = colorAtom;
-            }));
-            return tempImageData;
-        };
-        var projects = rowProjects.map((function(project) {
-            project.state.current.imageData = imageDataProcessor({
-                current: project.state.current
-            });
-            project.state.history = project.state.history.map((function(historyLine) {
-                historyLine.stateValue.tempImageData = imageDataProcessor({
-                    state: historyLine.stateValue
-                });
-                return historyLine;
-            }));
-            project.state.cache = project.state.cache.map((function(historyLine) {
-                historyLine.stateValue.tempImageData = imageDataProcessor({
-                    state: historyLine.stateValue
-                });
-                return historyLine;
-            }));
-            return project;
-        }));
-        return projects;
-    };
-    ProjectFileSerializer.prototype.saveProjects = function(projects) {
-        this.file.save(JSON.stringify(projects));
-    };
-    ProjectFileSerializer.prototype.getProjects = function() {
-        return this.projects;
-    };
-    ProjectFileSerializer.prototype.getProject = function(projectId) {
-        return this.projects.find((function(project) {
-            return project.id === projectId;
-        }));
-    };
-    ProjectFileSerializer.prototype.saveProject = function(project) {
-        var index = this.projects.findIndex((function(p) {
-            return p.id === project.id;
-        }));
-        if (index !== -1) {
-            this.projects[index] = project;
-        } else {
-            this.projects.push(project);
-        }
-        this.saveProjects(this.projects);
-    };
-    ProjectFileSerializer.prototype.removeProject = function(projectId) {
-        var index = this.projects.findIndex((function(p) {
-            return p.id === projectId;
-        }));
-        if (index !== -1) {
-            this.projects.splice(index, 1);
-            this.saveProjects(this.projects);
-        }
-    };
-    ProjectFileSerializer.prototype.updateProject = function(project) {
-        var index = this.projects.findIndex((function(p) {
-            return p.id === project.id;
-        }));
-        if (index !== -1) {
-            this.projects[index] = project;
-            this.saveProjects(this.projects);
-        }
-    };
-    return ProjectFileSerializer;
-}();
-
-var LocalStorageProjectModule = function() {
-    function LocalStorageProjectModule() {
-        this.projectsKey = "cee-projects";
-    }
-    LocalStorageProjectModule.prototype.getProjectsFromLocalStorage = function() {
-        var projects = localStorage.getItem(this.projectsKey);
-        return projects ? JSON.parse(projects) : [];
-    };
-    LocalStorageProjectModule.prototype.getProjectFromLocalStorage = function(projectId) {
-        var projects = this.getProjectsFromLocalStorage();
-        return projects.find((function(project) {
-            return project.id === projectId;
-        }));
-    };
-    LocalStorageProjectModule.prototype.saveProjectsToLocalStorage = function(projects) {
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    };
-    LocalStorageProjectModule.prototype.saveProjectToLocalStorage = function(project) {
-        var projects = this.getProjectsFromLocalStorage();
-        projects.push(project);
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    };
-    LocalStorageProjectModule.prototype.removeProjectFromLocalStorage = function(projectId) {
-        var projects = this.getProjectsFromLocalStorage();
-        var index = projects.findIndex((function(project) {
-            return project.id === projectId;
-        }));
-        projects.splice(index, 1);
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    };
-    LocalStorageProjectModule.prototype.updateProjectInLocalStorage = function(project) {
-        var projects = this.getProjectsFromLocalStorage();
-        var index = projects.findIndex((function(p) {
-            return p.id === project.id;
-        }));
-        projects[index] = project;
-        localStorage.setItem(this.projectsKey, JSON.stringify(projects));
-    };
-    LocalStorageProjectModule.prototype.getProjects = function() {
-        return this.getProjectsFromLocalStorage();
-    };
-    LocalStorageProjectModule.prototype.getProject = function(projectId) {
-        return this.getProjectFromLocalStorage(projectId);
-    };
-    LocalStorageProjectModule.prototype.saveProjects = function(projects) {
-        this.saveProjectsToLocalStorage(projects);
-    };
-    LocalStorageProjectModule.prototype.saveProject = function(project) {
-        this.saveProjectToLocalStorage(project);
-    };
-    LocalStorageProjectModule.prototype.removeProject = function(projectId) {
-        this.removeProjectFromLocalStorage(projectId);
-    };
-    LocalStorageProjectModule.prototype.updateProject = function(project) {
-        this.updateProjectInLocalStorage(project);
-    };
-    return LocalStorageProjectModule;
-}();
-
-var ProjectFileProjectModule = function() {
-    function ProjectFileProjectModule() {}
-    ProjectFileProjectModule.prototype.setSerializer = function(serializer) {
-        this._serializer = serializer;
-    };
-    ProjectFileProjectModule.prototype.getProjects = function() {
-        return this._serializer.getProjects();
-    };
-    ProjectFileProjectModule.prototype.getProject = function(projectId) {
-        return this._serializer.getProject(projectId);
-    };
-    ProjectFileProjectModule.prototype.saveProject = function(project) {
-        return this._serializer.saveProject(project);
-    };
-    ProjectFileProjectModule.prototype.saveProjects = function(projects) {
-        return this._serializer.saveProjects(projects);
-    };
-    ProjectFileProjectModule.prototype.removeProject = function(projectId) {
-        return this._serializer.removeProject(projectId);
-    };
-    ProjectFileProjectModule.prototype.updateProject = function(project) {
-        return this._serializer.updateProject(project);
-    };
-    return ProjectFileProjectModule;
-}();
-
-var ProjectsService = function() {
-    function ProjectsService() {
-        this._modules = [];
-        this._serializer = ProjectFileSerializer;
-        this._addModule("LocalStorage", new LocalStorageProjectModule);
-        this._addModule("File", new ProjectFileProjectModule);
-    }
-    ProjectsService.prototype.on = function(moduleName) {
-        var _this = this;
-        var module = this._modules.find((function(module) {
-            return module.name === moduleName;
-        }));
-        if (!module) {
-            throw new Error("Module ".concat(moduleName, " not found"));
-        }
-        return {
-            getSerializerInstance: function(file) {
-                return new _this._serializer(file);
-            },
-            instance: module.instance
-        };
-    };
-    ProjectsService.prototype._addModule = function(name, module) {
-        this._modules.push({
-            name,
-            instance: module
-        });
-    };
-    return ProjectsService;
-}();
-
-var Project = function() {
-    function Project() {
-        this.id = null;
-        this.name = null;
-        this.description = null;
-        this.state = null;
-        this.createdAt = new Date(Date.now()).toString();
-        this.updatedAt = new Date(Date.now()).toString();
-    }
-    return Project;
-}();
-
-var PullProjectService = function() {
-    function PullProjectService(throughHistoryService, appStoreRepository) {
-        this.throughHistoryService = throughHistoryService;
-        this.appStoreRepository = appStoreRepository;
-        this._project = new Project;
-    }
-    Object.defineProperty(PullProjectService.prototype, "project", {
-        get: function() {
-            return this._project;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PullProjectService.prototype.refreshProject = function() {
-        this._project = new Project;
-    };
-    PullProjectService.prototype.updateProject = function(project) {
-        var _this = this;
-        Object.keys(project).forEach((function(key) {
-            _this._project[key] = project[key];
-        }));
-    };
-    PullProjectService.prototype.pull = function(name, description) {
-        var project = new Project;
-        var state = {
-            cache: this.throughHistoryService.cache,
-            history: this.appStoreRepository.store.historyState.historyLines,
-            current: this.appStoreRepository.store.imageState.getEntry()
-        };
-        project.id = (new Guid4).generate();
-        project.description = description || "New Project";
-        project.name = name || "New Project";
-        project.state = state;
-        this._project = project;
-    };
-    return PullProjectService;
-}();
-
 reflect();
 
 var CanvasEditorEngine = function() {
@@ -2219,4 +2221,4 @@ var VueCanvasEditorEngine = function(_super) {
     return VueCanvasEditorEngine;
 }(CanvasEditorEngine);
 
-export { AppConfig, AppStore, CanvasComponent, CropService, DownloadService, DrawService, EventService, ExcretionsComponent as ExcretionComponent, LoadingComponent, LoggerService, PipetteComponent, ProjectsService, PullProjectService, SlotComponent, StaticCanvasEditorEngine, ThroughHistoryService, ToolLayerService, ToolService, VueCanvasEditorEngine };
+export { AppConfig, AppStore, AppStoreRepository, CanvasComponent, CropService, DownloadService, DrawService, EventService, ExcretionsComponent as ExcretionComponent, LoadingComponent, LoggerService, PipetteComponent, ProjectsService, PullProjectService, SlotComponent, StaticCanvasEditorEngine, ThroughHistoryService, ToolLayerService, ToolService, VueCanvasEditorEngine };

package/dist/web-component.d.ts

@@ -1,6 +1,20 @@
 import CanvasComponent from "./components/canvas.component";
+import ExcretionsComponent from "./components/excretions.component";
+import LoadingComponent from "./components/loading.component";
+import PipetteComponent from "./components/pipette.component";
+import SlotComponent from "./components/slot.component";
+import EventService from "./services/event.service";
 import { TComponent } from "./types/general";
 import AppConfig from "./config";
+import LoggerService from "./services/logger.service";
+import ToolLayerService from "./services/tool-layers.service";
+import ToolService from "./services/tool.service";
+import CropService from "./services/crop.service";
+import AppStore from "./store/store";
+import ThroughHistoryService from "./services/through-history.service";
+import AppStoreRepository from "./store/storeRepository";
+import ProjectsService from "./services/projects.service";
+import PullProjectService from "./services/pull-project.service";
 export declare class WebComponentWrapper {
     baseElement: HTMLDivElement;
     editorWrapElement: HTMLDivElement;
@@ -25,9 +39,23 @@ export declare class WebComponentWrapper {
 }
 export default class WebComponent extends HTMLElement {
     appConfig: AppConfig;
-    canvasComponent: CanvasComponent;
-    canvasElement: HTMLDivElement;
     webComponentWrapper: WebComponentWrapper;
+    canvasElement: HTMLDivElement;
+    canvasComponent: CanvasComponent;
+    excretionsComponent: ExcretionsComponent;
+    loadingComponent: LoadingComponent;
+    pipetteComponent: PipetteComponent;
+    slotComponent: SlotComponent;
+    toolService: ToolService;
+    toolLayerService: ToolLayerService;
+    cropService: CropService;
+    eventService: EventService;
+    throughHistoryService: ThroughHistoryService;
+    projectsService: ProjectsService;
+    pullProjectService: PullProjectService;
+    appStore: AppStore;
+    loggerService: LoggerService;
+    appStoreRepository: AppStoreRepository;
     constructor();
     init(appConfig: AppConfig): {
         editorElement: HTMLDivElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-editor-engine",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",