diff --git a/package-lock.json b/package-lock.json index 6dfcfa7..3045d34 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,7 +17,7 @@ "@angular/platform-browser-dynamic": "~9.1.7", "@angular/router": "~9.1.7", "bootstrap": "^4.4.1", - "fabric": "^5.2.4", + "fabric": "^5.3.0", "font-awesome": "^4.7.0", "ngx-color-picker": "^9.1.0", "rxjs": "~6.5.4", @@ -30,7 +30,7 @@ "@angular/cli": "~9.1.6", "@angular/compiler-cli": "~9.1.7", "@angular/language-service": "~9.1.7", - "@types/fabric": "^3.6.2", + "@types/fabric": "^5.3.4", "@types/jasmine": "~3.5.0", "@types/jasminewd2": "~2.0.3", "@types/node": "^12.11.1", @@ -2624,9 +2624,9 @@ "dev": true }, "node_modules/@types/fabric": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/@types/fabric/-/fabric-3.6.2.tgz", - "integrity": "sha512-4bZv5tnAmgPqWnbl1we5yIvoMw7tZXyBvvBq7aV73RaqYMUa5fgZyYPO++igyrIuLSQq0YE0Ke/r25MKohniOQ==", + "version": "5.3.4", + "resolved": "https://registry.npmjs.org/@types/fabric/-/fabric-5.3.4.tgz", + "integrity": "sha512-tunniULcy73pbFbH7W8vtNF6MbOBxL40DNWjT2CrBPe+MJ9Wb8qIpbNAFB7eIpDZkmzYySnIZnxrDMSg8iPNvA==", "dev": true }, "node_modules/@types/glob": { @@ -3738,6 +3738,16 @@ "node": ">=8" } }, + "node_modules/bindings": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", + "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", + "dev": true, + "optional": true, + "dependencies": { + "file-uri-to-path": "1.0.0" + } + }, "node_modules/blob": { "version": "0.0.5", "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.5.tgz", @@ -7204,9 +7214,9 @@ ] }, "node_modules/fabric": { - "version": "5.2.4", - "resolved": "https://registry.npmjs.org/fabric/-/fabric-5.2.4.tgz", - "integrity": "sha512-3+oLKvsbSJ76/nvPPrQVuUJDp0kOh8i867PpdrOPIHUyN+eLc+9nY3rmzMmDw6ndRm20f/uULv55G8sN01j9+Q==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/fabric/-/fabric-5.3.0.tgz", + "integrity": "sha512-AVayKuzWoXM5cTn7iD3yNWBlfEa8r1tHaOe2g8NsZrmWKAHjryTxT/j6f9ncRfOWOF0I1Ci1AId3y78cC+GExQ==", "engines": { "node": ">=14.0.0" }, @@ -7292,6 +7302,13 @@ "webpack": "^4.0.0 || ^5.0.0" } }, + "node_modules/file-uri-to-path": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", + "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", + "dev": true, + "optional": true + }, "node_modules/fileset": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/fileset/-/fileset-2.0.3.tgz", @@ -9492,6 +9509,12 @@ "node": ">=8" } }, + "node_modules/jquery": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz", + "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==", + "peer": true + }, "node_modules/js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -12602,6 +12625,17 @@ "node": ">=4" } }, + "node_modules/popper.js": { + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", + "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==", + "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1", + "peer": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/portfinder": { "version": "1.0.26", "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.26.tgz", @@ -20713,9 +20747,9 @@ "dev": true }, "@types/fabric": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/@types/fabric/-/fabric-3.6.2.tgz", - "integrity": "sha512-4bZv5tnAmgPqWnbl1we5yIvoMw7tZXyBvvBq7aV73RaqYMUa5fgZyYPO++igyrIuLSQq0YE0Ke/r25MKohniOQ==", + "version": "5.3.4", + "resolved": "https://registry.npmjs.org/@types/fabric/-/fabric-5.3.4.tgz", + "integrity": "sha512-tunniULcy73pbFbH7W8vtNF6MbOBxL40DNWjT2CrBPe+MJ9Wb8qIpbNAFB7eIpDZkmzYySnIZnxrDMSg8iPNvA==", "dev": true }, "@types/glob": { @@ -21670,6 +21704,16 @@ "integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==", "dev": true }, + "bindings": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", + "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", + "dev": true, + "optional": true, + "requires": { + "file-uri-to-path": "1.0.0" + } + }, "blob": { "version": "0.0.5", "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.5.tgz", @@ -24589,9 +24633,9 @@ "dev": true }, "fabric": { - "version": "5.2.4", - "resolved": "https://registry.npmjs.org/fabric/-/fabric-5.2.4.tgz", - "integrity": "sha512-3+oLKvsbSJ76/nvPPrQVuUJDp0kOh8i867PpdrOPIHUyN+eLc+9nY3rmzMmDw6ndRm20f/uULv55G8sN01j9+Q==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/fabric/-/fabric-5.3.0.tgz", + "integrity": "sha512-AVayKuzWoXM5cTn7iD3yNWBlfEa8r1tHaOe2g8NsZrmWKAHjryTxT/j6f9ncRfOWOF0I1Ci1AId3y78cC+GExQ==", "requires": { "canvas": "^2.8.0", "jsdom": "^19.0.0" @@ -24655,6 +24699,13 @@ "schema-utils": "^2.6.5" } }, + "file-uri-to-path": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", + "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", + "dev": true, + "optional": true + }, "fileset": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/fileset/-/fileset-2.0.3.tgz", @@ -26424,6 +26475,12 @@ } } }, + "jquery": { + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz", + "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==", + "peer": true + }, "js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", @@ -28948,6 +29005,12 @@ "find-up": "^2.1.0" } }, + "popper.js": { + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", + "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==", + "peer": true + }, "portfinder": { "version": "1.0.26", "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.26.tgz", diff --git a/package.json b/package.json index 597bb5c..78fae46 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,7 @@ "@angular/platform-browser-dynamic": "~9.1.7", "@angular/router": "~9.1.7", "bootstrap": "^4.4.1", - "fabric": "^5.2.4", + "fabric": "^5.3.0", "font-awesome": "^4.7.0", "ngx-color-picker": "^9.1.0", "rxjs": "~6.5.4", @@ -35,7 +35,7 @@ "@angular/cli": "~9.1.6", "@angular/compiler-cli": "~9.1.7", "@angular/language-service": "~9.1.7", - "@types/fabric": "^3.6.2", + "@types/fabric": "^5.3.4", "@types/jasmine": "~3.5.0", "@types/jasminewd2": "~2.0.3", "@types/node": "^12.11.1", diff --git a/projects/angular-editor-fabric-js/package.json b/projects/angular-editor-fabric-js/package.json index 116b91c..4b7bb6b 100644 --- a/projects/angular-editor-fabric-js/package.json +++ b/projects/angular-editor-fabric-js/package.json @@ -3,8 +3,8 @@ "version": "3.0.0", "desription": "A FabricJS canvas editor for Angular", "dependencies": { - "fabric": "^3.6.3", - "@types/fabric": "^3.6.2", + "fabric": "^5.3.0", + "@types/fabric": "^5.3.4", "ngx-color-picker": "^9.1.0" }, "peerDependencies": { diff --git a/src/app/app.component.html b/src/app/app.component.html index 2204d5f..f3d0338 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -158,7 +158,7 @@