canvas-editor-engine 2.1.28 → 2.1.30

package/dist/config.d.ts

@@ -9,7 +9,9 @@ export declare class ConfigFabric {
     protected _ZOOM: number;
 }
 export default class AppConfig extends ConfigFabric {
+    private _canvas;
     constructor();
+    bindCanvas(canvasElement: HTMLDivElement): void;
     get CANVAS_SIZE(): ICanvasSize;
     set CANVAS_SIZE(value: ICanvasSize | undefined);
     get LAYERS(): ILayer[];

package/dist/index.mjs

@@ -69,6 +69,7 @@ var AppConfig = function(_super) {
     __extends(AppConfig, _super);
     function AppConfig() {
         var _this = _super.call(this) || this;
+        _this._canvas = null;
         _this._CANVAS_SIZE = {
             width: 300,
             height: 150
@@ -86,6 +87,10 @@ var AppConfig = function(_super) {
         _this._ZOOM = 1;
         return _this;
     }
+    AppConfig.prototype.bindCanvas = function(canvasElement) {
+        var canvas = canvasElement.querySelector("canvas");
+        this._canvas = canvas;
+    };
     Object.defineProperty(AppConfig.prototype, "CANVAS_SIZE", {
         get: function() {
             return this._CANVAS_SIZE;
@@ -93,6 +98,10 @@ var AppConfig = function(_super) {
         set: function(value) {
             if (!!value && !!(value === null || value === void 0 ? void 0 : value.width) && !!(value === null || value === void 0 ? void 0 : value.height)) {
                 this._CANVAS_SIZE = value;
+                if (!!this._canvas) {
+                    this._canvas.width = value.width;
+                    this._canvas.height = value.height;
+                }
             } else {
                 console.warn("CANVAS_SIZE denied");
             }
@@ -2072,6 +2081,24 @@ var DownloadService = function() {
     return DownloadService;
 }();
 
+var ResizeService = function() {
+    function ResizeService(appConfig, throughHistoryService) {
+        this.appConfig = appConfig;
+        this.throughHistoryService = throughHistoryService;
+    }
+    ResizeService.prototype.resize = function(ctx, size) {
+        var currentRender = this.throughHistoryService.current();
+        var state = currentRender.stateValue;
+        this.appConfig.CANVAS_SIZE = size;
+        this.updateCanvas(ctx, state);
+    };
+    ResizeService.prototype.updateCanvas = function(ctx, stateValue) {
+        var filter = new Filter(this.appConfig, ctx);
+        filter.update(stateValue.tempImageData, stateValue.position);
+    };
+    return ResizeService;
+}();
+
 reflect();
 
 var WebComponentWrapper = function() {
@@ -2173,6 +2200,7 @@ var WebComponent = function(_super) {
         this.toolService = new ToolService(this.canvasComponent);
         this.appStoreRepository = new AppStoreRepository;
         this.throughHistoryService = new ThroughHistoryService(this.appConfig, this.appStoreRepository);
+        this.resizeService = new ResizeService(this.appConfig, this.throughHistoryService);
         this.appStore = new AppStore(this.throughHistoryService, this.appStoreRepository);
         this.pullProjectService = new PullProjectService(this.throughHistoryService, this.appStoreRepository);
         this.drawService = new DrawService(this.appConfig, this.appStoreRepository, this.eventService);
@@ -2197,6 +2225,7 @@ var WebComponent = function(_super) {
         return this.initial();
     };
     WebComponent.prototype.initial = function() {
+        this.appConfig.bindCanvas(this.canvasElement);
         return {
             editorElement: this.canvasElement,
             canvasSelector: this.canvasComponent.getCanvasSelector()

package/dist/services/serize.service.d.ts

@@ -0,0 +1,10 @@
+import AppConfig from "../config";
+import { ISize } from "../types/general";
+import ThroughHistoryService from "./through-history.service";
+export default class ResizeService {
+    private appConfig;
+    private throughHistoryService;
+    constructor(appConfig: AppConfig, throughHistoryService: ThroughHistoryService);
+    resize(ctx: CanvasRenderingContext2D, size: ISize): void;
+    private updateCanvas;
+}

package/dist/web-component.d.ts

@@ -17,6 +17,7 @@ import ProjectsService from "./services/projects.service";
 import PullProjectService from "./services/pull-project.service";
 import DrawService from "./services/draw.service";
 import DownloadService from "./services/download.service";
+import ResizeService from "./services/serize.service";
 export declare class WebComponentWrapper {
     baseElement: HTMLDivElement;
     editorWrapElement: HTMLDivElement;
@@ -60,6 +61,7 @@ export default class WebComponent extends HTMLElement {
     loggerService: LoggerService;
     drawService: DrawService;
     downloadService: DownloadService;
+    resizeService: ResizeService;
     constructor();
     init(appConfig: AppConfig): {
         editorElement: HTMLDivElement;

package/package.json

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