update ChangeLog to 12.4.0

.gitignore

@@ -9,5 +9,5 @@ node_modules
 *-debug.log
 .runtimeconfig.json
 
-package.lock.json
+package-lock.json
 

CHANGELOG/12.4.0.md

@@ -0,0 +1,11 @@
+[12.4.0] - 2024-08-05
+
+- **FIXED** 
+
+- [Incorrect canvas position when use canvas.fitToScreen](https://github.com/Foblex/f-flow/issues/28)
+
+- [Items outside the flow are selected when dragging fExternalItem](https://github.com/Foblex/f-flow/issues/27)
+
+- **NEW** 
+
+- [Describe documentation on how to add a custom background](https://github.com/Foblex/f-flow/issues/9)

package.json

@@ -6,7 +6,8 @@
     "start": "ng serve",
     "build": "ng build && cp dist/f-flow-portal/browser/index.html dist/f-flow-portal/browser/404.html",
     "watch": "ng build --watch --configuration development",
-    "test": "ng test f-flow"
+    "test": "ng test f-flow",
+    "publish": "ng build f-flow && cd dist/f-flow && npm publish"
   },
   "private": true,
   "dependencies": {
@@ -35,6 +36,7 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
+    "ng-packagr": "^18.1.0",
     "typescript": "~5.5.2"
   }
 }

projects/f-flow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foblex/flow",
-  "version": "12.3.7",
+  "version": "12.4.0",
   "description": "An Angular library designed to simplify the creation and manipulation of dynamic flow. Provides components for flows, nodes, and connections, automating node manipulation and inter-node connections.",
   "main": "index.js",
   "types": "index.d.ts",