Angular v19 compatibility

Updated the changelog

.eslintrc.json

@@ -1,95 +0,0 @@
-{
-    "root": true,
-    "env": {
-        "es6": true
-    },
-    "parserOptions": {
-        "ecmaVersion": 2018
-    },
-    "ignorePatterns": [
-        "projects/**/*"
-    ],
-    "overrides": [
-        {
-            "files": [
-                "*.ts"
-            ],
-            "parserOptions": {
-                "project": [
-                    "tsconfig.json"
-                ],
-                "createDefaultProgram": true
-            },
-            "extends": [
-                "plugin:@angular-eslint/ng-cli-compat",
-                "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
-                "plugin:@angular-eslint/template/process-inline-templates"
-            ],
-            "rules": {
-                "@angular-eslint/component-selector": [
-                    "error",
-                    {
-                        "type": "element",
-                        "prefix": "",
-                        "style": "kebab-case"
-                    }
-                ],
-                "@angular-eslint/directive-selector": [
-                    "error",
-                    {
-                        "type": "attribute",
-                        "prefix": "",
-                        "style": "camelCase"
-                    }
-                ],
-                "@typescript-eslint/dot-notation": "off",
-                "@typescript-eslint/explicit-function-return-type": "error",
-                "@typescript-eslint/explicit-member-accessibility": [
-                    "off",
-                    {
-                        "accessibility": "explicit"
-                    }
-                ],
-                "@typescript-eslint/no-inferrable-types": "off",
-                "arrow-parens": [
-                    "error",
-                    "as-needed",
-                    {
-                        "requireForBlockBody": true
-                    }
-                ],
-                "brace-style": [
-                    "off",
-                    "off"
-                ],
-                "import/order": "off",
-                "max-len": [
-                    "error",
-                    {
-                        "ignorePattern": "^import |^export | implements",
-                        "code": 180
-                    }
-                ],
-                "no-underscore-dangle": "off",
-                "object-shorthand": "off",
-                "quote-props": [
-                    "error",
-                    "consistent"
-                ],
-                "quotes": [
-                    "error",
-                    "single"
-                ]
-            }
-        },
-        {
-            "files": [
-                "*.html"
-            ],
-            "extends": [
-                "plugin:@angular-eslint/template/recommended"
-            ],
-            "rules": {}
-        }
-    ]
-}

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

.prettierrc

@@ -0,0 +1,11 @@
+{
+    "printWidth": 80,
+    "semi": true,
+    "bracketSameLine": false,
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "singleQuote": true,
+    "bracketSpacing": true,
+    "arrowParens": "always",
+    "plugins": ["prettier-plugin-organize-imports", "prettier-plugin-tailwindcss"]
+}

LICENSE.md

@@ -1,6 +1,6 @@
 Envato Standard License
 
-Copyright (c) Sercan Yemen <sercanyemen@gmail.com>
+Copyright (c) Withinpixels <hi@withinpixels.com>
 
 This project is protected by Envato's Standard License. For more information,
 check the official license page at [https://themeforest.net/licenses/standard](https://themeforest.net/licenses/standard)

README.md

@@ -20,7 +20,7 @@ Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.
 
 ## Running end-to-end tests
 
-Run `ng e2e` to execute the end-to-end tests via a platform of your choice.  To use this command, you need to first add a package that implements end-to-end testing capabilities.
+Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
 
 ## Further help
 

angular.json

@@ -15,29 +15,26 @@
             "prefix": "app",
             "architect": {
                 "build": {
-                    "builder": "@angular-devkit/build-angular:browser",
+                    "builder": "@angular-devkit/build-angular:application",
                     "options": {
                         "outputPath": "dist/fuse",
                         "index": "src/index.html",
-                        "main": "src/main.ts",
-                        "polyfills": [
-                            "zone.js"
-                        ],
+                        "browser": "src/main.ts",
+                        "polyfills": ["zone.js"],
                         "tsConfig": "tsconfig.app.json",
                         "inlineStyleLanguage": "scss",
                         "allowedCommonJsDependencies": [
                             "apexcharts",
-                            "highlight.js",
                             "crypto-js/enc-utf8",
                             "crypto-js/hmac-sha256",
                             "crypto-js/enc-base64",
-                            "flat",
                             "quill-delta"
                         ],
                         "assets": [
-                            "src/favicon-16x16.png",
-                            "src/favicon-32x32.png",
-                            "src/assets",
+                            {
+                                "glob": "**/*",
+                                "input": "public"
+                            },
                             {
                                 "glob": "_redirects",
                                 "input": "src",
@@ -45,11 +42,11 @@
                             }
                         ],
                         "stylePreprocessorOptions": {
-                            "includePaths": [
-                                "src/@fuse/styles"
-                            ]
+                            "includePaths": ["src/@fuse/styles"]
                         },
                         "styles": [
+                            "src/styles/splash-screen.css",
+                            "src/styles/inter.css",
                             "src/@fuse/styles/tailwind.scss",
                             "src/@fuse/styles/themes.scss",
                             "src/styles/vendors.scss",
@@ -76,12 +73,9 @@
                             "outputHashing": "all"
                         },
                         "development": {
-                            "buildOptimizer": false,
                             "optimization": false,
-                            "vendorChunk": true,
                             "extractLicenses": false,
-                            "sourceMap": true,
-                            "namedChunks": true
+                            "sourceMap": true
                         }
                     },
                     "defaultConfiguration": "production"
@@ -90,37 +84,30 @@
                     "builder": "@angular-devkit/build-angular:dev-server",
                     "configurations": {
                         "production": {
-                          "buildTarget": "fuse:build:production"
+                            "buildTarget": "fuse:build:production"
                         },
                         "development": {
-                          "buildTarget": "fuse:build:development"
+                            "buildTarget": "fuse:build:development"
                         }
                     },
                     "defaultConfiguration": "development"
                 },
                 "extract-i18n": {
-                    "builder": "@angular-devkit/build-angular:extract-i18n",
-                    "options": {
-                      "buildTarget": "fuse:build"
-                    }
+                    "builder": "@angular-devkit/build-angular:extract-i18n"
                 },
                 "test": {
                     "builder": "@angular-devkit/build-angular:karma",
                     "options": {
-                        "polyfills": [
-                            "zone.js",
-                            "zone.js/testing"
-                        ],
+                        "polyfills": ["zone.js", "zone.js/testing"],
                         "tsConfig": "tsconfig.spec.json",
                         "inlineStyleLanguage": "scss",
                         "assets": [
-                            "src/favicon-16x16.png",
-                            "src/favicon-32x32.png",
-                            "src/assets"
-                        ],
-                        "styles": [
-                            "src/styles/styles.scss"
+                            {
+                                "glob": "**/*",
+                                "input": "public"
+                            }
                         ],
+                        "styles": ["src/styles/styles.scss"],
                         "scripts": []
                     }
                 }

package.json

@@ -1,6 +1,6 @@
 {
     "name": "fuse-angular",
-    "version": "19.1.0",
+    "version": "21.0.0",
     "description": "Fuse - Angular Admin Template and Starter Project",
     "author": "https://themeforest.net/user/srcn",
     "license": "https://themeforest.net/licenses/standard",
@@ -13,53 +13,57 @@
         "test": "ng test"
     },
     "dependencies": {
-        "@angular/animations": "17.2.4",
-        "@angular/cdk": "17.2.2",
-        "@angular/common": "17.2.4",
-        "@angular/compiler": "17.2.4",
-        "@angular/core": "17.2.4",
-        "@angular/forms": "17.2.4",
-        "@angular/material": "17.2.2",
-        "@angular/material-luxon-adapter": "17.2.2",
-        "@angular/platform-browser": "17.2.4",
-        "@angular/platform-browser-dynamic": "17.2.4",
-        "@angular/router": "17.2.4",
-        "@ngneat/transloco": "6.0.4",
-        "apexcharts": "3.47.0",
+        "@angular/animations": "19.0.5",
+        "@angular/cdk": "19.0.4",
+        "@angular/common": "19.0.5",
+        "@angular/compiler": "19.0.5",
+        "@angular/core": "19.0.5",
+        "@angular/forms": "19.0.5",
+        "@angular/material": "19.0.4",
+        "@angular/material-luxon-adapter": "19.0.4",
+        "@angular/platform-browser": "19.0.5",
+        "@angular/platform-browser-dynamic": "19.0.5",
+        "@angular/router": "19.0.5",
+        "@jsverse/transloco": "7.5.1",
+        "apexcharts": "4.3.0",
         "crypto-js": "4.2.0",
-        "highlight.js": "11.9.0",
+        "highlight.js": "11.11.1",
         "lodash-es": "4.17.21",
-        "luxon": "3.4.4",
-        "ng-apexcharts": "1.9.0",
-        "ngx-quill": "25.1.1",
-        "perfect-scrollbar": "1.5.5",
+        "luxon": "3.5.0",
+        "ng-apexcharts": "1.15.0",
+        "ngx-quill": "27.0.0",
+        "perfect-scrollbar": "1.5.6",
+        "quill": "2.0.3",
         "rxjs": "7.8.1",
-        "tslib": "2.6.2",
-        "zone.js": "0.14.4"
+        "tslib": "2.8.1",
+        "zone.js": "0.15.0"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "17.2.3",
-        "@angular/cli": "17.2.3",
-        "@angular/compiler-cli": "17.2.4",
-        "@tailwindcss/typography": "0.5.10",
-        "@types/chroma-js": "2.4.4",
+        "@angular-devkit/build-angular": "19.0.6",
+        "@angular/cli": "19.0.6",
+        "@angular/compiler-cli": "19.0.5",
+        "@tailwindcss/typography": "0.5.15",
+        "@types/chroma-js": "2.4.5",
         "@types/crypto-js": "4.2.2",
         "@types/highlight.js": "10.1.0",
-        "@types/jasmine": "5.1.4",
-        "@types/lodash": "4.14.202",
+        "@types/jasmine": "5.1.5",
+        "@types/lodash": "4.17.13",
         "@types/lodash-es": "4.17.12",
         "@types/luxon": "3.4.2",
-        "autoprefixer": "10.4.18",
+        "autoprefixer": "10.4.20",
         "chroma-js": "2.4.2",
         "jasmine-core": "5.1.2",
-        "karma": "6.4.3",
+        "karma": "6.4.4",
         "karma-chrome-launcher": "3.2.0",
         "karma-coverage": "2.2.1",
         "karma-jasmine": "5.1.0",
         "karma-jasmine-html-reporter": "2.1.0",
         "lodash": "4.17.21",
-        "postcss": "8.4.35",
-        "tailwindcss": "3.4.1",
-        "typescript": "5.3.3"
+        "postcss": "8.4.49",
+        "prettier": "3.4.2",
+        "prettier-plugin-organize-imports": "4.1.0",
+        "prettier-plugin-tailwindcss": "0.6.9",
+        "tailwindcss": "3.4.17",
+        "typescript": "5.6.3"
     }
 }