fix: update origin 0d028e0f770ef3bec0c23bb19d2ca5263e61bc26 (#1080)

* fix: update origin

* fix: migrate new files

* fix: migrate untranslated files

* fix: migrate translated files changes

* fix: localize home

* fix: lint errors

* fix: adjust line breaks for better readability in performance and learning sections

Author: lacolaco

adev-ja/shared-docs/components/cookie-popup/cookie-popup.component.en.html

@@ -4,7 +4,7 @@
 
   <div>
     <a href="https://policies.google.com/technologies/cookies" target="_blank" rel="noopener">
-      <button class="docs-primary-btn" [attr.text]="'Learn more'" aria-label="Learn More">
+      <button type="button" class="docs-primary-btn" [attr.text]="'Learn more'" aria-label="Learn More">
         Learn more
       </button>
     </a>

adev-ja/shared-docs/components/cookie-popup/cookie-popup.component.html

@@ -4,7 +4,7 @@
 
   <div>
     <a href="https://policies.google.com/technologies/cookies" target="_blank" rel="noopener">
-      <button class="docs-primary-btn" [attr.text]="'詳細を見る'" aria-label="詳細を見る">
+      <button type="button" class="docs-primary-btn" [attr.text]="'詳細を見る'" aria-label="詳細を見る">
         詳細を見る
       </button>
     </a>

adev-ja/src/app/features/home/home.component.en.html

@@ -10,7 +10,7 @@ <h3>Angular versions</h3>
         <span class="adev-template-select">
           From v.
 
-          <button [cdkMenuTriggerFor]="templatesMenuFrom">
+          <button type="button" [cdkMenuTriggerFor]="templatesMenuFrom">
             <span>{{ from.name }}</span>
             <docs-icon>expand_more</docs-icon>
           </button>
@@ -31,7 +31,7 @@ <h3>Angular versions</h3>
         <span>
           <span class="adev-template-select">
             To v.
-            <button [cdkMenuTriggerFor]="templatesMenuTo">
+            <button type="button" [cdkMenuTriggerFor]="templatesMenuTo">
               <span>{{ to.name }}</span>
               <docs-icon>expand_more</docs-icon>
             </button>

adev-ja/src/app/features/home/home.component.html

@@ -128,8 +128,10 @@ export default class UpdateComponent {
     }
   }
 
-  @HostListener('click', ['$event.target'])
-  copyCode({tagName, textContent}: Element) {
+  @HostListener('click', ['$event'])
+  copyCode(event: Event) {
+    const {tagName, textContent} = event.target as Element;
+
     if (tagName === 'CODE') {
       this.clipboard.copy(textContent!);
       this.snackBar.open('Copied to clipboard', '', {duration: 2000});

adev-ja/src/app/features/update/update.component.en.html

@@ -10,7 +10,7 @@ <h3>Angularバージョン</h3>
         <span class="adev-template-select">
           v.
 
-          <button [cdkMenuTriggerFor]="templatesMenuFrom">
+          <button type="button" [cdkMenuTriggerFor]="templatesMenuFrom">
             <span>{{ from.name }}</span>
             <docs-icon>expand_more</docs-icon>
           </button>
@@ -31,7 +31,7 @@ <h3>Angularバージョン</h3>
         <span>
           <span class="adev-template-select">
             から v.
-            <button [cdkMenuTriggerFor]="templatesMenuTo">
+            <button type="button" [cdkMenuTriggerFor]="templatesMenuTo">
               <span>{{ to.name }}</span>
               <docs-icon>expand_more</docs-icon>
             </button>

adev-ja/src/app/features/update/update.component.en.ts

@@ -128,8 +128,10 @@ export default class UpdateComponent {
     }
   }
 
-  @HostListener('click', ['$event.target'])
-  copyCode({tagName, textContent}: Element) {
+  @HostListener('click', ['$event'])
+  copyCode(event: Event) {
+    const {tagName, textContent} = event.target as Element;
+
     if (tagName === 'CODE') {
       this.clipboard.copy(textContent!);
       this.snackBar.open('Copied to clipboard', '', {duration: 2000});

adev-ja/src/app/features/update/update.component.html

@@ -10,7 +10,7 @@ A common pattern when working with user-provided prompts is to separate the user
 2. When the user submits (e.g., by clicking a button), update a second signal with contents of the first signal.
 3. Use the second signal in the **`params`** field of your `resource`.
 
-This setup ensures the resource's **`loader`** function only runs when the user explicitly submits their prompt, not on every keystroke. You can use additional signal parameters, like a `sessionId` or `userId` (which can be useful for creating persistent LLM sessions), in the `loader` field. This way, the request always uses these parameters' current values without re-triggering the asyncronous function defined in the `loader` field.
+This setup ensures the resource's **`loader`** function only runs when the user explicitly submits their prompt, not on every keystroke. You can use additional signal parameters, like a `sessionId` or `userId` (which can be useful for creating persistent LLM sessions), in the `loader` field. This way, the request always uses these parameters' current values without re-triggering the asynchronous function defined in the `loader` field.
 
 Many AI SDKs provide helper methods for making API calls. For example, the Genkit client library exposes a `runFlow` method for calling Genkit flows, which you can call from a resource's `loader`. For other APIs, you can use the [`httpResource`](guide/signals/resource#reactive-data-fetching-with-httpresource).
 
@@ -90,14 +90,14 @@ The following example demonstrates how to create a responsive UI to dynamically
 
 
 ## AI patterns in action: streaming chat responses
-Interfaces often display partial results from LLM-based APIs incrementally as response data arrives. Angular's resource API provides the ability to stream responses to support this type of pattern. The `stream` property of `resource` accepts an asyncronous function you can use to apply updates to a signal value over time. The signal being updated represents the data being streamed.
+Interfaces often display partial results from LLM-based APIs incrementally as response data arrives. Angular's resource API provides the ability to stream responses to support this type of pattern. The `stream` property of `resource` accepts an asynchronous function you can use to apply updates to a signal value over time. The signal being updated represents the data being streamed.
 
 ```ts
 characters = resource({
   stream: async () => {
     const data = signal<ResourceStreamItem<string>>({value: ''});
     // Calls a Genkit streaming flow using the streamFlow method
-    // expose by the Genkit client SDK
+    // exposed by the Genkit client SDK
     const response = streamFlow({
       url: '/streamCharacters',
       input: 10

adev-ja/src/app/features/update/update.component.ts

@@ -97,7 +97,7 @@ characters = resource({
   stream: async () => {
     const data = signal<ResourceStreamItem<string>>({value: ''});
     // Calls a Genkit streaming flow using the streamFlow method
-    // expose by the Genkit client SDK
+    // exposed by the Genkit client SDK
     const response = streamFlow({
       url: '/streamCharacters',
       input: 10