docs(chat/grid-lite): expose API References and sync jp locale

Zneeky · Zneeky · commit a2f6d47ffa2f · 2026-06-01T16:18:44.000+03:00
Uncomment the ## API References blocks added in the Angular Grid Lite
en docs so the ApiLink entries actually render, and mirror the en
chat/grid-lite ApiLink pass into the jp counterparts (angular chat,
angular grid-lite x8, xplat interactivity/chat).
diff --git a/docs/angular/src/content/en/components/grid-lite/binding.mdx b/docs/angular/src/content/en/components/grid-lite/binding.mdx
@@ -64,13 +64,11 @@ the column collection is reset, and a new data source is bound to the grid.
 
 <Sample src="/grid-lite/data-binding-dynamic" height={510} alt="Angular Grid Lite Data Binding Example" />
 
-{/* TODO ## API References
+## API References
 
 - <ApiLink type="GridLite" />
 - <ApiLink type="GridLiteColumn" />
 
-*/}
-
 ## Additional Resources
 
 - [Column Configuration](/grid-lite/column-configuration)
diff --git a/docs/angular/src/content/en/components/grid-lite/cell-template.mdx b/docs/angular/src/content/en/components/grid-lite/cell-template.mdx
@@ -149,14 +149,12 @@ export interface IgxGridLiteCellTemplateContext<T extends object> {
 
 <Sample src="/grid-lite/column-config-simple" height={510} alt="Angular Grid Lite Column Config Basic" />
 
-{/* TODO ## API References
+## API References
 
 - <ApiLink type="GridLite" />
 - <ApiLink type="GridLiteColumn" />
 - <ApiLink type="GridLiteCellTemplateDirective" suffix={false} />
 
-*/}
-
 ## Additional Resources
 
 - [Column Configuration](/grid-lite/column-configuration)
diff --git a/docs/angular/src/content/en/components/grid-lite/column-configuration.mdx b/docs/angular/src/content/en/components/grid-lite/column-configuration.mdx
@@ -102,13 +102,11 @@ In the sample below you can try out the different column properties and how they
 
 <Sample src="/grid-lite/column-config-dynamic" height={510} alt="Angular Grid Lite Column Config Dynamic" />
 
-{/* TODO ## API References
+## API References
 
 - <ApiLink type="GridLite" />
 - <ApiLink type="GridLiteColumn" />
 
-*/}
-
 ## Additional Resources
 
 - [Data Binding](/grid-lite/binding)
diff --git a/docs/angular/src/content/en/components/grid-lite/filtering.mdx b/docs/angular/src/content/en/components/grid-lite/filtering.mdx
@@ -185,13 +185,11 @@ The following example mocks remote filter operation, reflecting the REST endpoin
 
 <Sample src="/grid-lite/filtering-pipeline" height={510} alt="Angular Grid Lite Filtering Config Remote" />
 
-{/* TODO ## API References
 ## API References
 
 - <ApiLink type="GridLite" />
 - <ApiLink type="GridLiteColumn" />
 
-*/}
 ## Additional Resources
 
 - [Column Configuration](/grid-lite/column-configuration)
diff --git a/docs/angular/src/content/en/components/grid-lite/header-template.mdx b/docs/angular/src/content/en/components/grid-lite/header-template.mdx
@@ -63,14 +63,12 @@ import { IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteCellTempla
 
 <Sample src="/grid-lite/column-config-headers" height={510} alt="Angular Grid Lite Column Config Headers" />
 
-{/* TODO ## API References
+## API References
 
 - <ApiLink type="GridLite" />
 - <ApiLink type="GridLiteColumn" />
 - <ApiLink type="GridLiteHeaderTemplateDirective" suffix={false} />
 
-*/}
-
 ## Additional Resources
 
 - [Column Configuration](/grid-lite/column-configuration)
diff --git a/docs/angular/src/content/en/components/grid-lite/sorting.mdx b/docs/angular/src/content/en/components/grid-lite/sorting.mdx
@@ -214,13 +214,11 @@ The following example mocks remote sorting operation, reflecting the REST endpoi
 
 <Sample src="/grid-lite/sorting-pipeline" height={510} alt="Angular Grid Lite Sorting Config Pipeline" />
 
-{/* TODO ## API References
+## API References
 
 - <ApiLink type="GridLite" />
 - <ApiLink type="GridLiteColumn" />
 
-*/}
-
 ## Additional Resources
 
 - [Column Configuration](/grid-lite/column-configuration)
diff --git a/docs/angular/src/content/en/components/grid-lite/theming.mdx b/docs/angular/src/content/en/components/grid-lite/theming.mdx
@@ -88,13 +88,11 @@ Here is an example showcasing the custom theming from above.
 
 <Sample src="/grid-lite/styling-custom" height={510} alt="Angular Grid Lite Styling Custom Theme" />
 
-{/* TODO ## API References
+## API References
 
 - <ApiLink type="GridLite" />
 - <ApiLink type="GridLiteColumn" />
 
-*/}
-
 ## Additional Resources
 
 - [Column Configuration](/grid-lite/column-configuration)
diff --git a/docs/angular/src/content/jp/components/chat.mdx b/docs/angular/src/content/jp/components/chat.mdx
@@ -26,7 +26,7 @@ Chat コンポーネントは静的なメッセージ リストではなく、**
 npm install igniteui-angular igniteui-webcomponents
 ```
 
-`IgxChatComponent` は Angular のバインディング (イベント、テンプレート、DI、変更検出、パイプ) を提供し、視覚的なチャット UI は Web Components によってレンダリングされます。両方をインストールすることで、Angular でネイティブに動作するチャットを実現しつつ、Web Components の完全な UI を活用できます。
+<ApiLink type="Chat" /> は Angular のバインディング (イベント、テンプレート、DI、変更検出、パイプ) を提供し、視覚的なチャット UI は Web Components によってレンダリングされます。両方をインストールすることで、Angular でネイティブに動作するチャットを実現しつつ、Web Components の完全な UI を活用できます。
 
 Ignite UI for Angular については、「[はじめに](general/getting-started.md)」トピックををご覧ください。
 
@@ -86,8 +86,8 @@ Chat コンポーネントは、その状態と構成を制御できるいくつ
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `messages`        | チャットに表示されるメッセージ (`IgcChatMessage[]`) の配列。表示するメッセージを制御するためにバインド可能。                                                  |
 | `draftMessage`    | 未送信メッセージ。`text` とオプションの `attachments` を含むオブジェクト。メッセージ下書きの保存や復元に便利。            |
-| `options`         | 現在のユーザー ID、入力プレースホルダー、許可されるファイル タイプ、クイック リプライサジェスト、入力遅延、カスタム レンダラーなどのチャット設定 (`IgxChatOptions`)。  |
-| `templates` | メッセージ コンテンツ、入力、添付ファイル、その他のチャット UI 部分に対して、カスタム Angular テンプレート(`IgxChatTemplates`)。                                    |
+| `options`         | 現在のユーザー ID、入力プレースホルダー、許可されるファイル タイプ、クイック リプライサジェスト、入力遅延、カスタム レンダラーなどのチャット設定 (<ApiLink type="ChatOptions" kind="type" suffix={false} />)。  |
+| `templates` | メッセージ コンテンツ、入力、添付ファイル、その他のチャット UI 部分に対して、カスタム Angular テンプレート(<ApiLink type="ChatTemplates" kind="type" suffix={false} />)。                                    |
 
 上記のプロパティを使用することで、Chat の UI をアプリケーションの状態やバックエンドと簡単に同期させることができます。
 
@@ -167,7 +167,7 @@ Chat のカスタマイズ可能な部分は次の通りです:
 
 上記の例では:
 - `let-message` はメッセージ オブジェクトを公開します。
-- `igxChatMessageContext` ディレクティブは、メッセージ テンプレートの適切な入力を保証します。
+- <ApiLink type="ChatMessageContextDirective" suffix={false} label="igxChatMessageContext" /> ディレクティブは、メッセージ テンプレートの適切な入力を保証します。
 
 #### 入力領域のカスタマイズ
 デフォルトでは、チャット入力はテキスト領域です。音声入力ボタンなど、より適した体験を提供するためにオーバーライドできます。
@@ -401,12 +401,12 @@ Chat コンポーネントのオプションには、高度なスタイル設定
 
 ## API リファレンス
 
-- `IgxChatComponent`
-- `IgxChatOptions`
-- `IgxChatTemplates`
-- `IgxChatMessageContextDirective`
-- `IgxChatInputContextDirective`
-- `IgxChatAttachmentContextDirective`
+- <ApiLink type="Chat" />
+- <ApiLink type="ChatOptions" kind="type" suffix={false} />
+- <ApiLink type="ChatTemplates" kind="type" suffix={false} />
+- <ApiLink type="ChatMessageContextDirective" suffix={false} />
+- <ApiLink type="ChatInputContextDirective" suffix={false} />
+- <ApiLink type="ChatAttachmentContextDirective" suffix={false} />
 - [スタイル設定およびテーマ](./themes/index.md)
 
 ## その他のリソース
diff --git a/docs/angular/src/content/jp/components/grid-lite/binding.mdx b/docs/angular/src/content/jp/components/grid-lite/binding.mdx
@@ -10,6 +10,7 @@ _language: ja
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # Angular Grid Lite データ バインディング
 
@@ -54,14 +55,17 @@ grid.data = [];
 
 
 <DocsAside type="info" title="情報">
-Grid Lite のソート/フィルター状態は、この方法でデータ ソースを変更しても保持されます。通常は `clearSort()` または `clearFilter()` を呼び出してリセットすることをお勧めします。
+Grid Lite のソート/フィルター状態は、この方法でデータ ソースを変更しても保持されます。通常は <ApiLink type="GridLite" member="clearSort" label="clearSort()" /> または <ApiLink type="GridLite" member="clearFilter" label="clearFilter()" /> を呼び出してリセットすることをお勧めします。
 </DocsAside>
 
 以下のサンプルでは、グリッドに列の自動生成が有効になっています。データ切り替えボタンをクリックすると、列コレクションがリセットされ、新しいデータ ソースがグリッドにバインドされます。
 
 <Sample src="/grid-lite/data-binding-dynamic" height={510} alt="Angular Grid Lite データ バインディングの例" />
 
+## API リファレンス
 
+- <ApiLink type="GridLite" />
+- <ApiLink type="GridLiteColumn" />
 
 ## その他のリソース
 
diff --git a/docs/angular/src/content/jp/components/grid-lite/cell-template.mdx b/docs/angular/src/content/jp/components/grid-lite/cell-template.mdx
@@ -10,6 +10,7 @@ _language: ja
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # 列セル テンプレート
 
@@ -26,7 +27,7 @@ import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
 </igx-grid-lite-column>
 ```
 
-**`IgxGridLiteCellTemplateDirective`** をインポートする必要もあります。
+<ApiLink type="GridLiteCellTemplateDirective" suffix={false} /> をインポートする必要もあります。
 
 ```typescript
 import { IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective } from 'igniteui-angular/grids/lite';
@@ -116,7 +117,7 @@ defineComponents(
 
 ## セル コンテキスト オブジェクト
 
-カスタム セル レンダラーには **`GridLiteCellContext`** オブジェクトがパラメータｖとして渡され、以下のプロパティを持ちます。
+カスタム セル レンダラーには <ApiLink type="GridLiteCellTemplateContext" kind="type" suffix={false} /> オブジェクトがパラメータｖとして渡され、以下のプロパティを持ちます。
 
 
 ```typescript
@@ -147,7 +148,11 @@ export interface IgxGridLiteCellTemplateContext<T extends object> {
 
 <Sample src="/grid-lite/column-config-simple" height={510} alt="Angular Grid Lite 列の基本構成" />
 
+## API リファレンス
 
+- <ApiLink type="GridLite" />
+- <ApiLink type="GridLiteColumn" />
+- <ApiLink type="GridLiteCellTemplateDirective" suffix={false} />
 
 ## その他のリソース
 
diff --git a/docs/angular/src/content/jp/components/grid-lite/column-configuration.mdx b/docs/angular/src/content/jp/components/grid-lite/column-configuration.mdx
@@ -10,6 +10,7 @@ _language: ja
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # 列の構成
 
@@ -99,7 +100,10 @@ Grid Lite コンポーネントの各列は、列要素の `resizable` プロパ
 
 <Sample src="/grid-lite/column-config-dynamic" height={510} alt="Angular Grid Lite 列のダイナミック構成" />
 
+## API リファレンス
 
+- <ApiLink type="GridLite" />
+- <ApiLink type="GridLiteColumn" />
 
 ## その他のリソース
 
diff --git a/docs/angular/src/content/jp/components/grid-lite/filtering.mdx b/docs/angular/src/content/jp/components/grid-lite/filtering.mdx
@@ -9,6 +9,7 @@ _language: ja
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # Angular Grid Lite フィルター操作
 
@@ -42,7 +43,7 @@ column.filteringCaseSensitive = true;
 
 ## フィルター モデル
 
-グリッド内のフィルター操作の構成要素は、次の構造を持つ **`FilterExpression`** です。
+グリッド内のフィルター操作の構成要素は、次の構造を持つ <ApiLink type="GridLiteFilteringExpression" kind="type" suffix={false} /> です。
 
 ```typescript
 export interface FilterExpression<T, K extends Keys<T> = Keys<T>> {
@@ -79,7 +80,7 @@ export interface FilterExpression<T, K extends Keys<T> = Keys<T>> {
 
 ## フィルター API
 
-Grid Lite は、API からフィルター操作を適用する 2 つの方法を提供します。**`GridLite.filter()`**/**`GridLite.clearFilter()`** メソッドまたは **`Grid.Lite.filterExpressions`** プロパティのいずれかを使用します。
+Grid Lite は、API からフィルター操作を適用する 2 つの方法を提供します。<ApiLink type="GridLite" member="filter" label="filter()" />/<ApiLink type="GridLite" member="clearFilter" label="clearFilter()" /> メソッドまたは <ApiLink type="GridLite" member="filterExpressions" /> プロパティのいずれかを使用します。
 
 **`filter()`** メソッドは、単一の式またはフィルター式の配列を受け入れ、それらの式に基づいてグリッド データをフィルターします。
 
@@ -106,7 +107,7 @@ grid.clearFilter();
 
 ## 初期のフィルター状態
 
-**`filterExpressions`** プロパティの動作は、**`filter()`** メソッド呼び出しと非常に似ています。これはグリッド内のフィルター状態を制御する宣言的な方法を公開していますが、最も便利なプロパティは、Grid Lite コンポーネントが最初にレンダリングされるときに初期フィルター状態を設定できることです。
+<ApiLink type="GridLite" member="filterExpressions" label="filterExpressions" /> プロパティの動作は、**`filter()`** メソッド呼び出しと非常に似ています。これはグリッド内のフィルター状態を制御する宣言的な方法を公開していますが、最も便利なプロパティは、Grid Lite コンポーネントが最初にレンダリングされるときに初期フィルター状態を設定できることです。
 
 たとえば、Lit ベースのサンプルを次に示します。
 
@@ -153,7 +154,7 @@ onFiltered(event: IgxFilteredEvent) { ... }
 
 フィルタリングをリモートで実行する必要がある場合、または現在の状態/データをどこかのサーバーに保存する必要がある場合、Grid Lite は、この動作を実装およびカスタマイズできるフックを公開します。
 
-**`dataPipelineConfiguration`** プロパティを使用すると、フィルター操作が実行されるたびに呼び出されるカスタム フックを提供できます。コールバックには **`DataPipelineParams`** オブジェクトが渡されます。
+<ApiLink type="GridLite" member="dataPipelineConfiguration" label="dataPipelineConfiguration" /> プロパティを使用すると、フィルター操作が実行されるたびに呼び出されるカスタム フックを提供できます。コールバックには **`DataPipelineParams`** オブジェクトが渡されます。
 
 ```typescript
 export type DataPipelineParams<T extends object> = {
@@ -182,7 +183,10 @@ grid.dataPipelineConfiguration = { filter: (params: DataPipelineParams<T>) => T[
 
 <Sample src="/grid-lite/filtering-pipeline" height={510} alt="Angular Grid Lite フィルタリング リモート構成" />
 
+## API リファレンス
 
+- <ApiLink type="GridLite" />
+- <ApiLink type="GridLiteColumn" />
 
 ## その他のリソース
 
diff --git a/docs/angular/src/content/jp/components/grid-lite/header-template.mdx b/docs/angular/src/content/jp/components/grid-lite/header-template.mdx
@@ -10,6 +10,7 @@ _language: ja
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # 列ヘッダーのカスタマイズ
 
@@ -62,7 +63,11 @@ import { IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteCellTempla
 
 <Sample src="/grid-lite/column-config-headers" height={510} alt="Angular Grid Lite 列構成ヘッダー" />
 
+## API リファレンス
 
+- <ApiLink type="GridLite" />
+- <ApiLink type="GridLiteColumn" />
+- <ApiLink type="GridLiteHeaderTemplateDirective" suffix={false} />
 
 ## その他のリソース
 
diff --git a/docs/angular/src/content/jp/components/grid-lite/overview.mdx b/docs/angular/src/content/jp/components/grid-lite/overview.mdx
@@ -9,6 +9,7 @@ _language: ja
 ---
 
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # 無料のオープン ソース Angular データ グリッド (Grid Lite)
 
@@ -27,7 +28,7 @@ Angular はカスタム要素を<a href="https://custom-elements-everywhere.com/
 <Sample src="/grid-lite/overview" height={510} alt="Angular Grid Lite メイン アプリ サンプル" />
 
 ## インストールとセットアップ
-アプリケーションで Grid Lite を使用するには、エントリ ポイント `igniteui-angular/grids/lite` を通じて `igniteui-angular` から直接インポートできます。ただし、UI を提供する `igniteui-grid-lite` パッケージもインストールする必要があります。IgxGridLiteComponent は Angular バインディング (イベント、テンプレート、DI、変更検出、パイプ) を提供し、視覚的なグリッド ライト UI は `igniteui-grid-lite` によってレンダリングされます。両方をインストールすることで、`igniteui-grid-lite` の完全な UI を活用しながら、グリッド ライトが Angular でネイティブに動作することを保証します。
+アプリケーションで Grid Lite を使用するには、エントリ ポイント `igniteui-angular/grids/lite` を通じて `igniteui-angular` から直接インポートできます。ただし、UI を提供する `igniteui-grid-lite` パッケージもインストールする必要があります。<ApiLink type="GridLite" /> は Angular バインディング (イベント、テンプレート、DI、変更検出、パイプ) を提供し、視覚的なグリッド ライト UI は `igniteui-grid-lite` によってレンダリングされます。両方をインストールすることで、`igniteui-grid-lite` の完全な UI を活用しながら、グリッド ライトが Angular でネイティブに動作することを保証します。
 
 ```shell
 npm install igniteui-grid-lite
diff --git a/docs/angular/src/content/jp/components/grid-lite/sorting.mdx b/docs/angular/src/content/jp/components/grid-lite/sorting.mdx
@@ -10,6 +10,7 @@ _language: ja
 
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
+import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
 
 # ソート操作
 
@@ -181,7 +182,7 @@ onSorted(event: IgxSortedEvent) { ... }
 
 ソートをリモートで実行する必要がある場合、または現在の状態/データをどこかのサーバーに保存する必要がある場合、Grid Lite は、この動作を実装およびカスタマイズできるフックを公開します。
 
-**`dataPipelineConfiguration`** プロパティを使用すると、ソート操作が実行されるたびに呼び出されるカスタム フックを提供できます。コールバックには **`DataPipelineParams`** オブジェクトが渡されます。
+<ApiLink type="GridLite" member="dataPipelineConfiguration" label="dataPipelineConfiguration" /> プロパティを使用すると、ソート操作が実行されるたびに呼び出されるカスタム フックを提供できます。コールバックには **`DataPipelineParams`** オブジェクトが渡されます。
 
 ```typescript
 export type DataPipelineParams<T extends object> = {
@@ -210,7 +211,10 @@ grid.dataPipelineConfiguration = { sort: (params: DataPipelineParams<T>) => T[]
 
 <Sample src="/grid-lite/sorting-pipeline" height={510} alt="Angular Grid Lite ソート構成パイプライン" />
 
+## API リファレンス
 
+- <ApiLink type="GridLite" />
+- <ApiLink type="GridLiteColumn" />
 
 ## その他のリソース
 
diff --git a/docs/angular/src/content/jp/components/grid-lite/theming.mdx b/docs/angular/src/content/jp/components/grid-lite/theming.mdx
diff --git a/docs/xplat/src/content/jp/components/interactivity/chat.mdx b/docs/xplat/src/content/jp/components/interactivity/chat.mdx
