JP sync: Fix stale Angular API links for renamed events and progress components (#377)

Sync Japanese documentation with English changes from PR #362.
Updated ApiLink type/member references for CircularProgressBar,
LinearProgressBar, and renamed grid events.

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: github-actions[bot]

docs/angular/src/content/jp/components/circular-progress.mdx

@@ -87,19 +87,19 @@ Ignite UI for Angular Progress Bar モジュールまたはディレクティブ
 その後、ブラウザ上でデモサンプルを確認することができます。
 
 <DocsAside type="info" title="情報">
-**igx-circular-bar** は、各ステップに `{currentValue: 65, previousValue: 64}` のようなオブジェクトを出力する <ApiLink type="ProgressBarGradientDirective" member="onProgressChanged" label="onProgressChanged" /> イベントを発生します。
+**igx-circular-bar** は、各ステップに `{currentValue: 65, previousValue: 64}` のようなオブジェクトを出力する <ApiLink type="CircularProgressBar" member="progressChanged" label="progressChanged" /> イベントを発生します。
 </DocsAside>
 
 ### 不確定のプログレス
 
-正確に決定していないプロセスをトラックしたい場合、<ApiLink type="ProgressBarGradientDirective" member="indeterminate" label="indeterminate" /> プロパティを `true` に設定できます。
+正確に決定していないプロセスをトラックしたい場合、<ApiLink type="CircularProgressBar" member="indeterminate" label="indeterminate" /> プロパティを `true` に設定できます。
 
 ```html
 <igx-circular-bar [animate]="false" [indeterminate]="true" [textVisibility]="false"></igx-circular-bar>
 ```
 
 <DocsAside type="info" title="情報">
-円形のプログレスバーのテキストを非表示にするには、<ApiLink type="ProgressBarGradientDirective" member="textVisibility" label="textVisibility" /> プロパティを `false` に設定します。
+円形のプログレスバーのテキストを非表示にするには、<ApiLink type="CircularProgressBar" member="textVisibility" label="textVisibility" /> プロパティを `false` に設定します。
 </DocsAside>
 
 結果は以下のようになります。
@@ -180,7 +180,7 @@ export class HomeComponent {
 ### グラデーション プログレス
 
 プログレス バーをカスタマイズする方法の 1 つとして、単色の代わりにカラー グラデーションを使用する方法があります。
-これは、<ApiLink type="ProgressBarGradientDirective" member="gradienttemplate" label="IgxProgressBarGradientDirective" /> ディレクティブを使用する、もしくは、カスタム テーマを実装することにより実行できます (カスタム テーマは 2 つまでの色経由点 (color stop) をサポートします)。
+これは、<ApiLink type="CircularProgressBar" member="gradientTemplate" label="IgxProgressBarGradientDirective" /> ディレクティブを使用する、もしくは、カスタム テーマを実装することにより実行できます (カスタム テーマは 2 つまでの色経由点 (color stop) をサポートします)。
 
 カスタム テーマを使用して 2 つの色経由点のみを含むグラデーションを作成するには、色のリストを作成し、それを `$fill-color-default` テーマ パラメーターに渡す必要があります。
 

docs/angular/src/content/jp/components/linear-progress.mdx

@@ -88,7 +88,7 @@ Ignite UI for Angular Progress Bar モジュールまたはディレクティブ
 
 ### ストライプ プログレス
 
-バーをストライプ スタイルにするには、<ApiLink type="LinearProgressBar" member="type" label="striped" /> プロパティを使用して `true` に設定します。
+バーをストライプ スタイルにするには、<ApiLink type="LinearProgressBar" member="striped" label="striped" /> プロパティを使用して `true` に設定します。
 
 プログレス バーの様々なタイプを作成する方法を例で紹介します。
 
@@ -110,11 +110,11 @@ Ignite UI for Angular Progress Bar モジュールまたはディレクティブ
 
 ### 不確定のプログレス
 
-正確に決定していないプロセスをトラックしたい場合、<ApiLink type="ProgressBarGradientDirective" member="indeterminate" label="indeterminate" /> プロパティを `true` に設定できます。
+正確に決定していないプロセスをトラックしたい場合、<ApiLink type="LinearProgressBar" member="indeterminate" label="indeterminate" /> プロパティを `true` に設定できます。
 
 ### アニメーション期間
 
-<ApiLink type="ProgressBarGradientDirective" member="animationDuration" label="animationDuration" /> 入力プロパティは、アニメーション サイクルにかかる時間を指定するために使用されます。
+<ApiLink type="LinearProgressBar" member="animationDuration" label="animationDuration" /> 入力プロパティは、アニメーション サイクルにかかる時間を指定するために使用されます。
 
 次の例では、アニメーションの継続時間を 5 秒に設定しています。
 

docs/angular/src/content/jp/grids_templates/column-selection.mdx

@@ -203,7 +203,7 @@ $custom-grid-theme: grid-theme(
 
 <ApiLink type="{ComponentApiType}" /> イベント:
 
-- <ApiLink type="{ComponentApiType}" member="onColumnsSelectionChange" label="onColumnsSelectionChange" />
+- <ApiLink type="{ComponentApiType}" member="columnSelectionChanging" label="columnSelectionChanging" />
 
 ## その他のリソース
 

docs/angular/src/content/jp/grids_templates/conditional-cell-styling.mdx

@@ -653,7 +653,7 @@ public updateCSS(css: string) {
 ## 既知の問題と制限
 
 - 他の列に同じ条件でバインドされたセルがある場合、その 1 つのセルが更新された際に条件が満たされて要る場合も他のセルが新しい値に基づいて更新されない問題。
-残りのセルに変更を適用するには、パイプ チェックを実行する必要があります。以下の例は、<ApiLink type="Grid" member="onCellEdit" label="onCellEdit" /> イベントで `spread operator(...)` を使用してチェックを実行する方法を示します。これにより、元のオブジェクトが新しいインスタンスでコピーされ、パイプのみ発生します。
+残りのセルに変更を適用するには、パイプ チェックを実行する必要があります。以下の例は、<ApiLink type="Grid" member="cellEdit" label="cellEdit" /> イベントで `spread operator(...)` を使用してチェックを実行する方法を示します。これにより、元のオブジェクトが新しいインスタンスでコピーされ、パイプのみ発生します。
 
 ```ts
 public backgroundClasses = {
@@ -672,7 +672,7 @@ editDone(evt) {
 <ComponentBlock for="Grid">
 
 ```html
-<igx-grid #grid1 [data]="data" height="500px" width="100%" (onCellEdit)="editDone($event)">
+<igx-grid #grid1 [data]="data" height="500px" width="100%" (cellEdit)="editDone($event)">
   <igx-column field="Col1" dataType="number" [cellClasses]="backgroundClasses"></igx-column>
   <igx-column field="Col2" dataType="number" [editable]="true" [cellClasses]="backgroundClasses"></igx-column>
   <igx-column field="Col3" header="Col3" dataType="string" [cellClasses]="backgroundClasses"></igx-column>
@@ -683,7 +683,7 @@ editDone(evt) {
 <ComponentBlock for="TreeGrid">
 
 ```html
-<igx-tree-grid #grid1 [data]="data" height="500px" width="100%" (onCellEdit)="editDone($event)">
+<igx-tree-grid #grid1 [data]="data" height="500px" width="100%" (cellEdit)="editDone($event)">
   <igx-column field="Col1" dataType="number" [cellClasses]="backgroundClasses"></igx-column>
   <igx-column field="Col2" dataType="number" [editable]="true" [cellClasses]="backgroundClasses"></igx-column>
   <igx-column field="Col3" header="Col3" dataType="string" [cellClasses]="backgroundClasses"></igx-column>
@@ -694,7 +694,7 @@ editDone(evt) {
 <ComponentBlock for="HierarchicalGrid">
 
 ```html
-<igx-hierarchical-grid #grid1 [data]="data" height="500px" width="100%" (onCellEdit)="editDone($event)">
+<igx-hierarchical-grid #grid1 [data]="data" height="500px" width="100%" (cellEdit)="editDone($event)">
   <igx-column field="Col1" dataType="number" [cellClasses]="backgroundClasses"></igx-column>
   <igx-column field="Col2" dataType="number" [editable]="true" [cellClasses]="backgroundClasses"></igx-column>
   <igx-column field="Col3" header="Col3" dataType="string" [cellClasses]="backgroundClasses"></igx-column>

docs/angular/src/content/jp/grids_templates/row-adding.mdx

@@ -310,10 +310,10 @@ this.treeGrid.beginAddRowByIndex(null);       // spawns the add row UI as the fi
 ## API リファレンス
 
 - <ApiLink type="{ComponentApiType}" member="rowEditable" label="rowEditable" />
-- <ApiLink type="{ComponentApiType}" member="onRowEditEnter" label="onRowEditEnter" />
-- <ApiLink type="{ComponentApiType}" member="onRowEdit" label="onRowEdit" />
+- <ApiLink type="{ComponentApiType}" member="rowEditEnter" label="rowEditEnter" />
+- <ApiLink type="{ComponentApiType}" member="rowEdit" label="rowEdit" />
 - <ApiLink type="{ComponentApiType}" member="rowEditDone" label="rowEditDone" />
-- <ApiLink type="{ComponentApiType}" member="onRowEditCancel" label="onRowEditCancel" />
+- <ApiLink type="{ComponentApiType}" member="rowEditExit" label="rowEditExit" />
 - <ApiLink type="{ComponentApiType}" member="endEdit" label="endEdit" />
 - <ApiLink type="{ComponentApiType}" member="primaryKey" label="primaryKey" />
 - <ApiLink type="{ComponentApiType}" />

docs/angular/src/content/jp/grids_templates/row-editing.mdx

@@ -458,10 +458,10 @@ $button-theme: flat-icon-button-theme(
 ## API リファレンス
 
 - <ApiLink type="{ComponentApiType}" member="rowEditable" label="rowEditable" />
-- <ApiLink type="{ComponentApiType}" member="onRowEditEnter" label="onRowEditEnter" />
-- <ApiLink type="{ComponentApiType}" member="onRowEdit" label="onRowEdit" />
+- <ApiLink type="{ComponentApiType}" member="rowEditEnter" label="rowEditEnter" />
+- <ApiLink type="{ComponentApiType}" member="rowEdit" label="rowEdit" />
 - <ApiLink type="{ComponentApiType}" member="rowEditDone" label="rowEditDone" />
-- <ApiLink type="{ComponentApiType}" member="onRowEditCancel" label="onRowEditCancel" />
+- <ApiLink type="{ComponentApiType}" member="rowEditExit" label="rowEditExit" />
 - <ApiLink type="{ComponentApiType}" member="endEdit" label="endEdit" />
 - <ApiLink type="Column" member="field" label="field" />
 - <ApiLink type="Column" member="editable" label="editable" />