feat: add support for fit to window

Author: sheikalthaf

.vscode/launch.json

@@ -6,8 +6,8 @@
       "name": "ng serve",
       "type": "chrome",
       "request": "launch",
-      "preLaunchTask": "npm: start",
-      "url": "http://localhost:4200/"
+      // "preLaunchTask": "pnpm: start",
+      "url": "http://localhost:52666/"
     },
     {
       "name": "ng test",

.vscode/settings.json

@@ -6,6 +6,6 @@
   "javascript.inlayHints.variableTypes.enabled": true,
   "explorer.fileNesting.enabled": true,
   "explorer.fileNesting.patterns": {
-    "*.ts": "${basename}.spec.ts,${basename}.ts"
+    "*.ts": "${basename}.*.ts"
   }
 }

angular.json

@@ -22,11 +22,11 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser-esbuild",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "outputPath": "dist/angular-flow",
             "index": "src/index.html",
-            "main": "src/main.ts",
+            "browser": "src/main.ts",
             "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
@@ -51,9 +51,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true
@@ -65,18 +63,18 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "angular-flow:build:production"
+              "buildTarget": "angular-flow:build:production"
             },
             "development": {
-              "browserTarget": "angular-flow:build:development"
+              "buildTarget": "angular-flow:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "angular-flow:build"
+            "buildTarget": "angular-flow:build"
           }
         },
         "test": {
@@ -92,5 +90,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "packageManager": "pnpm"
   }
 }

package.json

@@ -10,29 +10,29 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^16.1.0",
-    "@angular/common": "^16.1.0",
-    "@angular/compiler": "^16.1.0",
-    "@angular/core": "^16.1.0",
-    "@angular/forms": "^16.1.0",
-    "@angular/platform-browser": "^16.1.0",
-    "@angular/platform-browser-dynamic": "^16.1.0",
-    "@angular/router": "^16.1.0",
+    "@angular/animations": "^17.0.2",
+    "@angular/common": "^17.0.2",
+    "@angular/compiler": "^17.0.2",
+    "@angular/core": "^17.0.2",
+    "@angular/forms": "^17.0.2",
+    "@angular/platform-browser": "^17.0.2",
+    "@angular/platform-browser-dynamic": "^17.0.2",
+    "@angular/router": "^17.0.2",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.13.0"
+    "zone.js": "~0.14.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.1.4",
-    "@angular/cli": "~16.1.4",
-    "@angular/compiler-cli": "^16.1.0",
+    "@angular-devkit/build-angular": "^17.0.0",
+    "@angular/cli": "~17.0.0",
+    "@angular/compiler-cli": "^17.0.2",
     "@types/jest": "^29.5.5",
     "autoprefixer": "^10.4.15",
     "jest": "^29.7.0",
     "jest-preset-angular": "^13.1.2",
     "postcss": "^8.4.28",
     "tailwindcss": "^3.3.3",
-    "typescript": "~5.1.3"
+    "typescript": "~5.2.2"
   },
   "jest": {
     "preset": "jest-preset-angular",