[JA] Update changelog and documentation for new Grid features and improvements

doc/jp/components/general-changelog-dv-blazor.md

@@ -43,6 +43,68 @@ alt="{Platform} user-annotation-create"/>
 
 - Azure Map Imagery は RTM になりました。
 
+### {PackageGrids} (グリッド)
+
+#### **すべてのグリッド**
+
+- **セルの結合**
+  - 同じデータまたはその他のカスタム条件に基づいて列内のセルを 1 つのセルに構成および結合できる新しいセル結合機能を追加しました。個々の列で有効化できます:
+
+```razor
+<IgbColumn Field="field" Merge="true"></IgbColumn>
+```
+
+- グリッド レベルで以下のいずれかの設定が可能です:
+    - `OnSort` - 列がソートされたときのみ結合。
+    - `Always` - データ操作に関わらず常に結合。
+  デフォルトの `CellMergeMode` は `OnSort` です。
+```razor
+<IgbGrid CellMergeMode="GridCellMergeMode.Always">
+</IgbGrid>
+```
+
+- **列のピン固定**
+  - 列をグリッドの特定の側 (先頭または末尾) にピン固定できるようになりました。これにより、両側からのピン固定が可能です。これは、列の `PinningPosition` プロパティを宣言的に設定することで実行できます。
+```razor
+<IgbColumn Field="Col1" Pinned="true" PinningPosition="ColumnPinningPosition.End">
+</IgbColumn>
+```
+  - または:
+```razor
+col.PinningPosition = ColumnPinningPosition.End;
+col.Pinned = true;
+
+col.PinningPosition = ColumnPinningPosition.Start;
+col.Pinned = true;
+```
+  - 列にプロパティ `PinningPosition` が設定されていない場合、列はグリッドの columns の pinning オプションで指定された位置にデフォルト設定されます。
+
+- **ソートとグループ化の改善**
+  - Schwartzian Transformation を用いてソート アルゴリズムの効率を改善しました。この手法 (decorate-sort-undecorate とも呼ばれる) は、ソート キーを一時的に元データに関連付けることで再計算を回避します。
+  - ソート アルゴリズムを再帰型から反復型にリファクタリングしました。
+  - グループ化アルゴリズムを再帰型から反復型にリファクタリングしました。
+  - グループ化処理を最適化しました。
+
+
+- **その他の改善**
+  - 列の `MinWidth` と `MaxWidth` によって、ユーザーが指定した width がこれらの範囲を超えないよう制限されるようになりました。
+  - `PagingMode` プロパティに、'local' および 'remote' の文字列を直接指定できるようになり、`GridPagingMode` 列挙型をインポートする必要がなくなりました。
+
+### 一般
+
+#### 追加
+- `DateRangePicker`
+
+#### 変更
+- すべてのテーマにわたってフォームに関連付けられたほとんどのコンポーネントの読み取り専用スタイルを更新し、コンポーネントが読み取り専用状態にあることをより適切に示せるようになりました。
+- `Tooltip`
+  - 動作変更: `Tooltip` のデフォルトの placement は 「bottom」 になりました。
+  - 動作変更: with-arrow が設定されていない限り、`Tooltip` はデフォルトでは矢印インジケーターをレンダリングしません。
+  - 重大な変更: `Tooltip` イベントは、detail プロパティに anchor ターゲットを返さなくなりました。引き続き event.target.anchor でアクセスできます。
+
+#### 非推奨
+- `Tooltip` - `DisableArrow` は非推奨です。矢印インジケーターをレンダリングするには、`WithArrow` を使用してください。
+
 ### バグ修正
 
 | バグ番号 | コントロール | 説明      |

doc/jp/components/grid-lite/binding.md

@@ -43,14 +43,15 @@ grid.columns = [...];
 ```
 
 ```razor
+<IgbGridLite Data="data" Columns="columns" />
 @code {
-    grid.Data = new List<T>
+    this.data = new List<T>
     {
         // レコードが続きます
     };
 
     // 新しいデータを反映するように列の構成を更新します。
-    grid.Columns = new List<IgbColumnConfiguration>
+    this.columns = new List<IgbColumnConfiguration>
     {
         // 列定義
     };
@@ -75,14 +76,15 @@ grid.data = [];
 ```
 
 ```razor
+<IgbGridLite Data="data" AutoGenerate="true" Columns="columns" />
+
 @code {
-    grid.AutoGenerate = true;
 
     // 列定義
-    grid.Columns = new List<IgbColumnConfiguration>();
+    this.columns = new List<IgbColumnConfiguration>();
 
     // 新しいバインディング後、グリッドはバインドされたデータから列コレクションを推論します。
-    grid.Data = new List<T>();
+    this.data = new List<T>();
 }
 ```
 <!-- React, WebComponents -->

doc/jp/components/grid-lite/sorting.md

@@ -336,7 +336,7 @@ UI を通じてソート操作が実行されると、コンポーネントは
 grid.addEventListener('sorting', (event: CustomEvent<SortExpression<T>>) => { ... });
 grid.addEventListener('sorted', (event: CustomEvent<SortExpression<T>>) => { ... });
 ```
-<!-- End: React, WebComponents -->
+<!-- end: React, WebComponents -->
 
 <!-- Blazor -->
 UI を介してソート操作が実行されると、コンポーネントは `Sorting` および `Sorted` イベントを発生させます。`Sorting` イベントはキャンセル可能で、キャンセルすると現在のソート操作が停止します。
@@ -363,6 +363,7 @@ UI を介してソート操作が実行されると、コンポーネントは `
 次のサンプルでは、**Name** と **Rating** 列のソートを試みると操作がキャンセルされます。下記のイベント ログで動作を確認してください。
 
 `sample="/{GridLiteSample}/sort-config-events", height="600", alt="{Platform} {GridLiteTitle} ソート構成イベント"`
+
 <!-- React, WebComponents -->
 ## リモート ソート操作
 

doc/jp/components/grid-lite/theming.md

@@ -39,42 +39,22 @@ _language: ja
 
 ## カスタム テーマの作成
 
-{GridLiteTitle} パッケージに同梱のデフォルト テーマ以外に、プロジェクトのアイデンティティやブランディングに合わせて独自のテーマを作成・変更できます。
+{GridLiteTitle} パッケージに付属するデフォルト テーマに加えて、別の CSS カスタム プロパティ セットを使用することで、データ グリッドの外観と操作感をさらにカスタマイズできます。
 
----
-
-SCSS と CSS インターフェイスの両方のドキュメントと使用方法については、<a href="https://github.com/IgniteUI/igniteui-theming#readme" target="_blank">Ignite UI テーマ パッケージ</a> wiki を参照してください。
-
----
+詳細については、[テーマ設定](../grids/theming-grid.md)のトピックを参照してください。
 
-```scss
-@use 'node_modules/igniteui-theming' as *;
-
-// Our dark theme
-$my_dark_palette: palette(
-  $primary: #dab785,
-  $secondary: #d5896f,
-  $surface: #031d44,
-  $gray: #04395e,
-);
-
-// Our light theme
-$my-light-palette: palette(
-  $primary: #c1292e,
-  $secondary: #f1d302,
-  $surface: #fdfffc,
-  $gray: #235789,
-);
-
-.custom-light {
-  @include palette($my_light_palette);
-  @include typography('"Roboto Condensed", sans-serif', $bootstrap-type-scale);
+```css
+.grid-sample {
+  --header-background: #494949;
+  --header-text-color: #f2c43c;
+  --cell-active-border-color: #f2c43c;
+  --row-hover-background: #707070;
+  --row-hover-text-color: #f2c43c;
 }
+```
 
-.custom-dark {
-  @include palette($my_dark_palette);
-  @include typography('"Merriweather Sans", sans-serif', $bootstrap-type-scale);
-}
+```razor
+ <IgbGridLite class="grid-lite-sample" />
 ```
 
 以下は、上記のカスタム テーマの例です。