@schematics/angular 17.0.0-rc.4 → 17.0.0

package/application/files/common-files/src/app/app.component.html.template

@@ -1,10 +1,10 @@
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
 <!-- * * * * * * * * * * * The content below * * * * * * * * * * * -->
 <!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
-<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
+<!-- * * * * * * * * * * and can be replaced.  * * * * * * * * * * -->
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-<!-- * * * * * * * * * Delete the template below * * * * * * * * * * -->
-<!-- * * * * * * * to get started with your project! * * * * * * * * -->
+<!-- * * * * * * * * * Delete the template below * * * * * * * * * -->
+<!-- * * * * * * * to get started with your project! * * * * * * * -->
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
 
 <style>
@@ -44,22 +44,16 @@
     -moz-osx-font-smoothing: grayscale;
   }
 
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
+  h1 {
+    font-size: 3.125rem;
     color: var(--gray-900);
     font-weight: 500;
     line-height: 100%;
     letter-spacing: -0.125rem;
     margin: 0;
-    font-family: "Inter Tight";
-  }
-
-  h1 {
-    font-size: 3.125rem;
+    font-family: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+      Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+      "Segoe UI Symbol";
   }
 
   p {
@@ -142,15 +136,14 @@
   .pill-group .pill:nth-child(6n + 2) {
     --pill-accent: var(--french-violet);
   }
-  .pill-group .pill:nth-child(6n + 3), 
+  .pill-group .pill:nth-child(6n + 3),
   .pill-group .pill:nth-child(6n + 4),
   .pill-group .pill:nth-child(6n + 5) {
     --pill-accent: var(--hot-red);
   }
 
-  .open-in-new-icon {
+  .pill-group svg {
     margin-inline-start: 0.25rem;
-    font-size: 1rem;
   }
 
   .social-links {
@@ -234,65 +227,37 @@
       </svg>
       <h1>Hello, {{ title }}</h1>
       <p>Congratulations! Your app is running. 🎉</p>
-    </div>
+   </div>
     <div class="divider" role="separator" aria-label="Divider"></div>
     <div class="right-side">
       <div class="pill-group">
-        <a
-          class="pill"
-          href="http://angular.dev"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> Explore the Docs </span>
-          <i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
-            >open_in_new</i
+        @for (item of [
+          { title: 'Explore the Docs', link: 'https://angular.dev' },
+          { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' },
+          { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' },
+          { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' },
+          { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' },
+        ]; track item.title) {
+          <a
+            class="pill"
+            href="{{ item.link }}"
+            target="_blank"
+            rel="noopener"
           >
-        </a>
-        <a
-          class="pill"
-          href="http://angular.dev/tutorials"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> Learn with Tutorials </span>
-          <i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
-            >open_in_new</i
-          >
-        </a>
-        <a
-          class="pill"
-          href="http://angular.dev/tools/cli"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> CLI Docs </span>
-          <i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
-            >open_in_new</i
-          >
-        </a>
-        <a
-          class="pill"
-          href="http://angular.dev/tools/language-service"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> Angular Language Service </span>
-          <i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
-            >open_in_new</i
-          >
-        </a>
-        <a
-          class="pill"
-          href="http://angular.dev/tools/dev-tools"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> Angular DevTools </span>
-          <i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
-            >open_in_new</i
-          >
-        </a>
+            <span>{{ item.title }}</span>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              height="14"
+              viewBox="0 -960 960 960"
+              width="14"
+              fill="currentColor"
+            >
+              <path
+                d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
+              />
+            </svg>
+          </a>
+        }
       </div>
       <div class="social-links">
         <a
@@ -359,12 +324,13 @@
   </div>
 </main>
 
-<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-<!-- * * * * * * * * * * * The content above * * * * * * * * * * * -->
-<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
-<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
-<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-<!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * -->
-<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * The content above * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * * -->
+<!-- * * * * * * * * * * and can be replaced.  * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * End of Placeholder  * * * * * * * * * * * * -->
+<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
+
 <% if (routing) { %>
 <router-outlet></router-outlet><% } %>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "17.0.0-rc.4",
+  "version": "17.0.0",
   "description": "Schematics specific to Angular",
   "homepage": "https://github.com/angular/angular-cli",
   "keywords": [
@@ -23,8 +23,8 @@
   },
   "schematics": "./collection.json",
   "dependencies": {
-    "@angular-devkit/core": "17.0.0-rc.4",
-    "@angular-devkit/schematics": "17.0.0-rc.4",
+    "@angular-devkit/core": "17.0.0",
+    "@angular-devkit/schematics": "17.0.0",
     "jsonc-parser": "3.2.0"
   },
   "repository": {

package/utility/latest-versions/package.json

@@ -14,12 +14,12 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "karma-jasmine": "~5.1.0",
     "karma": "~6.4.0",
-    "ng-packagr": "^17.0.0-next.1",
+    "ng-packagr": "^17.0.0",
     "protractor": "~7.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "ts-node": "~10.9.0",
     "typescript": "~5.2.2",
-    "zone.js": "~0.14.0"
+    "zone.js": "~0.14.2"
   }
 }

package/utility/latest-versions.js

@@ -13,7 +13,7 @@ exports.latestVersions = {
     // but ts_library doesn't support JSON inputs.
     ...require('./latest-versions/package.json')['dependencies'],
     // As Angular CLI works with same minor versions of Angular Framework, a tilde match for the current
-    Angular: '^17.0.0-next.0',
-    DevkitBuildAngular: '^17.0.0-rc.4',
-    AngularSSR: '^17.0.0-rc.4',
+    Angular: '^17.0.0',
+    DevkitBuildAngular: '^17.0.0',
+    AngularSSR: '^17.0.0',
 };