feat(angular): v20 zoneless (#11)

Author: NathanWalker

angular-tutorial/package.json

@@ -30,31 +30,31 @@
     "url": "https://github.com/NativeScript/NativeScript/issues"
   },
   "dependencies": {
-    "@angular/animations": "~15.1.0",
-    "@angular/common": "~15.1.0",
-    "@angular/compiler": "~15.1.0",
-    "@angular/core": "~15.1.0",
-    "@angular/forms": "~15.1.0",
-    "@angular/platform-browser": "~15.1.0",
-    "@angular/platform-browser-dynamic": "~15.1.0",
-    "@angular/router": "~15.1.0",
-    "@nativescript/angular": "^15.0.0",
-    "@nativescript/core": "~8.4.0",
-    "@nativescript/tailwind": "^2.0.1",
+    "@angular/animations": "~20.2.0",
+    "@angular/common": "~20.2.0",
+    "@angular/compiler": "~20.2.0",
+    "@angular/core": "~20.2.0",
+    "@angular/forms": "~20.2.0",
+    "@angular/platform-browser": "~20.2.0",
+    "@angular/platform-browser-dynamic": "~20.2.0",
+    "@angular/router": "~20.2.0",
+    "@nativescript/angular": "^20.0.0",
+    "@nativescript/core": "~8.9.0",
+    "@nativescript/tailwind": "^2.1.0",
     "@nativescript/theme": "~3.0.1",
-    "rxjs": "^7.5.0",
-    "tailwindcss": "^3.2.4",
-    "zone.js": "~0.11.5"
+    "rxjs": "^7.8.0",
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~15.1.0",
-    "@angular/compiler-cli": "~15.1.0",
-    "@nativescript/android": "~8.4.0",
-    "@nativescript/ios": "~8.4.0",
-    "@nativescript/types": "~8.4.0",
+    "@angular-devkit/build-angular": "~20.2.0",
+    "@angular/compiler-cli": "~20.2.0",
+    "@nativescript/android": "~8.9.0",
+    "@nativescript/ios": "next",
+    "@nativescript/types": "~8.9.0",
     "@nativescript/webpack": "~5.0.0",
-    "@ngtools/webpack": "~15.1.0",
-    "typescript": "~4.8.4"
+    "@ngtools/webpack": "~20.2.0",
+    "tailwindcss": "~3.2.4",
+    "typescript": "~5.8.0"
   },
   "private": "true",
   "readme": "NativeScript Application"

angular-tutorial/src/app.scss angular-tutorial/src/app.cssangular-tutorial/src/app.scss renamed to angular-tutorial/src/app.css

@@ -20,34 +20,34 @@ The imported CSS rules must precede all other types of rules.
 /* Place any CSS rules you want to apply on both iOS and Android here.
 This is where the vast majority of your CSS code goes. */
 
-// applied when device is in light mode
-.ns-light {
-  .bg-primary {
-    background-color: #fdfdfd;
-  }
-  .bg-secondary {
-    background-color: #ffffff;
-  }
-  .text-primary {
-    color: #444;
-  }
-  .text-secondary {
-    color: #777;
-  }
+/* applied when device is in light mode */
+.ns-light .bg-primary {
+  background-color: #fdfdfd;
+}
+.ns-light .bg-secondary {
+  background-color: #ffffff;
+  border-width: 1;
+  border-color: #eee;
+}
+.ns-light .text-primary {
+  color: #444;
+}
+.ns-light .text-secondary {
+  color: #777;
 }
 
-// applied when device is in dark mode
-.ns-dark {
-  .bg-primary {
-    background-color: #212121;
-  }
-  .bg-secondary {
-    background-color: #383838;
-  }
-  .text-primary {
-    color: #eee;
-  }
-  .text-secondary {
-    color: #ccc;
-  }
+/* applied when device is in dark mode */
+.ns-dark .bg-primary {
+  background-color: #212121;
+}
+.ns-dark .bg-secondary {
+  background-color: #444444;
+  border-width: 1;
+  border-color: #616161;
+}
+.ns-dark .text-primary {
+  color: #eee;
+}
+.ns-dark .text-secondary {
+  color: #ccc;
 }

…ular-tutorial/src/app/app.component.html angular-tutorial/src/app.htmlangular-tutorial/src/app/app.component.html renamed to angular-tutorial/src/app.html angular-tutorial/src/app/app.component.html renamed to angular-tutorial/src/app.html

@@ -0,0 +1,10 @@
+import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
+import { PageRouterOutlet } from '@nativescript/angular';
+
+@Component({
+  selector: 'ns-app',
+  templateUrl: './app.html',
+  imports: [PageRouterOutlet],
+  schemas: [NO_ERRORS_SCHEMA],
+})
+export class App {}