diff --git a/docs/angular/src/content/jp/grids_templates/cell-merging.mdx b/docs/angular/src/content/jp/grids_templates/cell-merging.mdx index 96532806a6..4b6a02ae1b 100644 --- a/docs/angular/src/content/jp/grids_templates/cell-merging.mdx +++ b/docs/angular/src/content/jp/grids_templates/cell-merging.mdx @@ -1,13 +1,12 @@ --- title: Angular Grid のセル結合 - Ignite UI for Angular -description: Ignite UI for Angular Data Grid の複数行レイアウト機能を使用して、列をより強力な方法で配置およびサイズ設定します。デモと例をお試しください。 -keywords: angular cell merging, cell merging, ignite ui for angular, セルの結合, セルの結合 +description: Ignite UI for Angular Data Grid のセル結合機能を使用して、同じ値を持つ隣接セルを結合します。構成方法や結合モードを学び、実際の例をご覧ください。 +keywords: angular cell merging, cell merging, ignite ui for angular, セルの結合 license: commercial _language: ja llms: description: "Ignite UI for Angular の {ComponentTitle} には、同じ値を持つ隣接セルを 1 つの大きなセルに結合するセル結合機能があります。" --- - 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'; @@ -21,35 +20,32 @@ Ignite UI for Angular の {ComponentTitle} には、同じ値を持つ隣接セ - + - + - + + ## セル結合の有効化と使用 グリッドでのセル結合は、以下の 2 つのレベルで制御されます: + - グリッド レベルの結合モード - 結合がいつ適用されるかを決定 - 列レベルの結合トグル - どの列でセルを結合できるかを決定 -- Grid-level merge mode – determines when merging is applied. -- Column-level merge toggle – determines which columns can merge cells. - ### グリッド結合モード グリッドは、`GridCellMergeMode` 列挙型の値を受け入れる `cellMergeMode` プロパティを公開します。 + - `always` - ソート状態に関係なく、結合条件を満たすすべての隣接セルを結合。 - `onSort` - 列がソートされているときのみ隣接セルを結合 **(デフォルト値)**。 -- `always` - Merges any adjacent cells that meet the merging condition, regardless of sort state. -- `onSort` - Merges adjacent cells only when the column is sorted **(default value)**. - ```html <{ComponentSelector} [data]="data" [cellMergeMode]="cellMergeMode"> ... @@ -70,12 +66,10 @@ protected cellMergeMode: GridCellMergeMode = 'always'; ``` 上記の例では: + - **OrderID** 列は、隣接する重複値を結合します。 - **ShipperName** 列は、結合を行わず通常通りに描画されます。 -- The **OrderID** column will merge adjacent duplicate values. -- The **ShipperName** column will render normally without merging. - ### 組み合わせた例 ```html @@ -120,6 +114,7 @@ export interface IGridMergeStrategy { + ### デフォルトのストラテジを拡張 一部の動作 (例: comparer ロジック) のみをカスタマイズしたい場合は、組み込みの `DefaultMergeStrategy` を拡張し、必要なメソッドのみをオーバーライドできます。 @@ -140,7 +135,8 @@ export class MyCustomStrategy extends DefaultMergeStrategy { -The `IgxTreeGrid` provides two built-in strategies that implement the `IGridMergeStrategy` interface: `DefaultTreeGridMergeStrategy` and `ByLevelTreeGridMergeStrategy`. `DefaultTreeGridMergeStrategy` merges all cells with the same value, regardless of their hierarchical level. In contrast, `ByLevelTreeGridMergeStrategy` only merges cells if they have the same value and are located at the same level, making level a required condition for merging. + +`IgxTreeGrid` は、`IGridMergeStrategy` インターフェイスを実装する 2 つの組み込みストラテジ `DefaultTreeGridMergeStrategy` と `ByLevelTreeGridMergeStrategy` を提供します。`DefaultTreeGridMergeStrategy` は、階層レベルに関係なく同じ値を持つすべてのセルを結合します。一方、`ByLevelTreeGridMergeStrategy` は、同じ値を持ち、かつ同じレベルに存在するセルのみを結合するため、レベルが結合の必須条件になります。 ### デフォルトのストラテジを拡張 @@ -178,22 +174,34 @@ protected customStrategy = new MyCustomStrategy(); + ### デモ + ### デモ - + ### デモ - ## 機能の統合 +結合されたセルには特有の動作があるため、グリッドの他の機能と具体的にどのように連携するかに注意が必要です: + + + +- **展開/折りたたみ**: マスター/詳細やグループ化などの機能によってデータを含まない行が生成されると、セルの結合が中断され、グループが分割されます。 + +- **Excel エクスポート**: 結合されたセルは、Excel にエクスポートしても結合された状態を維持します。 +- **列のピン固定**: 列がピン固定されている場合でも、セルは結合された状態を維持し、ピン固定領域に表示されます。 +- **行のピン固定**: セルは、それぞれが属する領域内でのみ結合されます。つまり、ピン固定された行のセルは他のピン固定された行のセルとのみ結合され、ピン固定されていない行のセルはピン固定されていない行のセルとのみ結合されます。 +- **ナビゲーション/アクティブ化**: セルがアクティブになると、同じ行内の結合されたセルはすべて単一のセルになります。つまり、結合シーケンスが解除されます。これには、キーボード ナビゲーションによるアクティブ化も含まれます。 + 結合セルをクリックすると、結合シーケンス内でもっとも近いセルがアクティブになります。 @@ -201,15 +209,9 @@ protected customStrategy = new MyCustomStrategy(); - **更新/編集**: アクティブ化によって結合シーケンスが分解されるため、編集モードになるのは単一セルのみです。 - **行の選択**: 選択された行が結合セルと交差する場合、関連するすべての結合セルが選択対象としてマークされます。 - -If a merged cell is clicked, the closest cell from the merge sequence will become active. - - -- **Updating/Editing**: since activation breaks the merge sequence, only a single cell will be in edit mode. -- **Row selection**: if selected rows intersect merged cells, all related merged cells should be marked as part of the selection. - + ## 制限 |既知の制限| 説明| @@ -219,10 +221,8 @@ If a merged cell is clicked, the closest cell from the merge sequence will becom ## API リファレンス - - - - ## その他のリソース diff --git a/docs/xplat/docConfig.json b/docs/xplat/docConfig.json index 5722b551ff..81c2caa44a 100644 --- a/docs/xplat/docConfig.json +++ b/docs/xplat/docConfig.json @@ -196,7 +196,7 @@ { "name": "{PackageVerChanges-25-2-FEB}", "value": "19.3.2 (February 2026)"}, { "name": "{PackageVerChanges-26-2-FEB}", "value": "19.5.1 (February 2026)"}, { "name": "{PackageVerChanges-26-2-MAR}", "value": "19.5.2 (March 2026)"}, - { "name": "{PackageVerLatest}", "value": "19.6.0 (March 2026)"}, + { "name": "{PackageVerLatest}", "value": "19.6.0 (June 2026)"}, { "name": "{RepoSamples}", "value": "https://github.com/IgniteUI/igniteui-react-examples/tree/master/samples"}, { "name": "{RepoBrowser}", "value": "https://github.com/IgniteUI/igniteui-react-examples/tree/master/browser"}, { "name": "{GithubLink}", "value": "https://github.com/IgniteUI/igniteui-react"}, @@ -438,7 +438,8 @@ { "name": "{PackageDockManagerVerChanges-1.14.3}", "value": "1.14.3"}, { "name": "{PackageDockManagerVerChanges-1.14.4}", "value": "1.14.4"}, { "name": "{PackageVerChanges-26-1-FEB}", "value": "7.0.0 (February 2026)"}, - { "name": "{PackageVerLatest}", "value": "7.0.1 (March 2026)"}, + { "name": "{PackageVerChanges-26-1-MAR}", "value": "7.0.1 (March 2026)"}, + { "name": "{PackageVerLatest}", "value": "7.1.0 (June 2026)"}, { "name": "{PackageWebComponents}", "value": "igniteui-webcomponents"}, { "name": "{RepoSamples}", "value": "https://github.com/IgniteUI/igniteui-wc-examples/tree/master/samples"}, { "name": "{RepoBrowser}", "value": "https://github.com/IgniteUI/igniteui-wc-examples/tree/master/browser"}, diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/accordion-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/accordion-dt.png new file mode 100644 index 0000000000..079463c44e Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/accordion-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/avatar-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/avatar-dt.png new file mode 100644 index 0000000000..ce08064fb0 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/avatar-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/badge-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/badge-dt.png new file mode 100644 index 0000000000..a3c4c17e67 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/badge-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/banner-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/banner-dt.png new file mode 100644 index 0000000000..81a46eeac6 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/banner-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/button-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/button-dt.png new file mode 100644 index 0000000000..689035a56b Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/button-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/button-group-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/button-group-dt.png new file mode 100644 index 0000000000..4fdc755caf Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/button-group-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/calendar-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/calendar-dt.png new file mode 100644 index 0000000000..b71d2de25a Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/calendar-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/card-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/card-dt.png new file mode 100644 index 0000000000..3ce93b5cbc Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/card-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/carousel-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/carousel-dt.png new file mode 100644 index 0000000000..f125b2705e Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/carousel-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/checkbox-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/checkbox-dt.png new file mode 100644 index 0000000000..61c7724c85 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/checkbox-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/chip-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/chip-dt.png new file mode 100644 index 0000000000..3f08d96f43 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/chip-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/combo-input-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/combo-input-dt.png new file mode 100644 index 0000000000..f38b0c35fb Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/combo-input-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/date-picker-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/date-picker-dt.png new file mode 100644 index 0000000000..9ba8526fc9 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/date-picker-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/dialog-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/dialog-dt.png new file mode 100644 index 0000000000..342ff502bc Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/dialog-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/divider-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/divider-dt.png new file mode 100644 index 0000000000..eedd9a1910 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/divider-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/dropdown-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/dropdown-dt.png new file mode 100644 index 0000000000..334c9dc6f4 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/dropdown-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/expansion-panel-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/expansion-panel-dt.png new file mode 100644 index 0000000000..55ab970c56 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/expansion-panel-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/hyperlink-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/hyperlink-dt.png new file mode 100644 index 0000000000..7aa8ff0333 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/hyperlink-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/icon-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/icon-dt.png new file mode 100644 index 0000000000..dc558ceaa8 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/icon-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/input-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/input-dt.png new file mode 100644 index 0000000000..60597173fb Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/input-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/list-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/list-dt.png new file mode 100644 index 0000000000..829e2ef57a Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/list-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/nav-drawer-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/nav-drawer-dt.png new file mode 100644 index 0000000000..68f825476f Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/nav-drawer-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/navbar-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/navbar-dt.png new file mode 100644 index 0000000000..ebfd267a05 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/navbar-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/progress-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/progress-dt.png new file mode 100644 index 0000000000..6c3ac0de77 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/progress-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/radio-group-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/radio-group-dt.png new file mode 100644 index 0000000000..e177ac6be4 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/radio-group-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/rating-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/rating-dt.png new file mode 100644 index 0000000000..9b16bb06e2 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/rating-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/select-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/select-dt.png new file mode 100644 index 0000000000..087d322e39 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/select-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/slider-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/slider-dt.png new file mode 100644 index 0000000000..4a862a4f3b Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/slider-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/snackbar-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/snackbar-dt.png new file mode 100644 index 0000000000..d4a1aaaa0a Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/snackbar-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/splitter-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/splitter-dt.png new file mode 100644 index 0000000000..02ba39e731 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/splitter-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/stepper-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/stepper-dt.png new file mode 100644 index 0000000000..d837356be7 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/stepper-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/switch-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/switch-dt.png new file mode 100644 index 0000000000..b779cc3c22 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/switch-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/tabs-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/tabs-dt.png new file mode 100644 index 0000000000..41d0e4a8d3 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/tabs-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/text-area-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/text-area-dt.png new file mode 100644 index 0000000000..76d6789472 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/text-area-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/time-picker-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/time-picker-dt.png new file mode 100644 index 0000000000..7afa8ee118 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/time-picker-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/toast-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/toast-dt.png new file mode 100644 index 0000000000..e1e280c343 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/toast-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/tooltip-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/tooltip-dt.png new file mode 100644 index 0000000000..bd093997de Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/tooltip-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-dark/tree-dt.png b/docs/xplat/src/assets/images/anatomy-content-dark/tree-dt.png new file mode 100644 index 0000000000..334fd1b834 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-dark/tree-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/accordion-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/accordion-lt-a.png new file mode 100644 index 0000000000..5272521fea Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/accordion-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/avatar-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/avatar-lt-a.png new file mode 100644 index 0000000000..628c84a4d5 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/avatar-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/badge-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/badge-lt-a.png new file mode 100644 index 0000000000..7318080d95 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/badge-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/banner-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/banner-lt-a.png new file mode 100644 index 0000000000..b7128e3116 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/banner-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/button-group-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/button-group-lt-a.png new file mode 100644 index 0000000000..d4990ae354 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/button-group-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/button-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/button-lt-a.png new file mode 100644 index 0000000000..05656c6c3e Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/button-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/calendar-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/calendar-lt-a.png new file mode 100644 index 0000000000..7e9dc5bdc4 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/calendar-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/card-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/card-lt-a.png new file mode 100644 index 0000000000..2019e504cb Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/card-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/carousel-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/carousel-lt-a.png new file mode 100644 index 0000000000..708f22598d Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/carousel-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/checkbox-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/checkbox-lt-a.png new file mode 100644 index 0000000000..91d4f74896 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/checkbox-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/chip-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/chip-lt-a.png new file mode 100644 index 0000000000..cf95f5fe12 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/chip-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/combo-input-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/combo-input-lt-a.png new file mode 100644 index 0000000000..b39f02384e Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/combo-input-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/datepicker-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/datepicker-lt-a.png new file mode 100644 index 0000000000..4de7db8dd3 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/datepicker-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/dialog-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/dialog-lt-a.png new file mode 100644 index 0000000000..a3498eba36 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/dialog-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/divider-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/divider-lt-a.png new file mode 100644 index 0000000000..186864fce7 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/divider-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/dropdown-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/dropdown-lt-a.png new file mode 100644 index 0000000000..d6ceac5707 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/dropdown-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/expansion-panel-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/expansion-panel-lt-a.png new file mode 100644 index 0000000000..6578897937 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/expansion-panel-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/hyperlink-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/hyperlink-lt-a.png new file mode 100644 index 0000000000..1074f54aad Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/hyperlink-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/icon-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/icon-lt-a.png new file mode 100644 index 0000000000..81343d4690 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/icon-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/input-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/input-lt-a.png new file mode 100644 index 0000000000..2a82129569 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/input-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/list-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/list-lt-a.png new file mode 100644 index 0000000000..a6ffc6a564 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/list-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/nav-drawer-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/nav-drawer-lt-a.png new file mode 100644 index 0000000000..d9488f1666 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/nav-drawer-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/navbar-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/navbar-lt-a.png new file mode 100644 index 0000000000..080999b370 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/navbar-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/progress-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/progress-lt-a.png new file mode 100644 index 0000000000..b20943193e Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/progress-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/radio-group-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/radio-group-lt-a.png new file mode 100644 index 0000000000..192beda532 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/radio-group-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/rating-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/rating-lt-a.png new file mode 100644 index 0000000000..6965c68373 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/rating-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/select-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/select-lt-a.png new file mode 100644 index 0000000000..e3c3182495 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/select-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/slider-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/slider-lt-a.png new file mode 100644 index 0000000000..d01c6aaae3 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/slider-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/snackbar-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/snackbar-lt-a.png new file mode 100644 index 0000000000..0011d28576 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/snackbar-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/splitter-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/splitter-lt-a.png new file mode 100644 index 0000000000..3b5061da16 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/splitter-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/stepper-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/stepper-lt-a.png new file mode 100644 index 0000000000..f72d7f7f57 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/stepper-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/switch-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/switch-lt-a.png new file mode 100644 index 0000000000..a52a0c650e Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/switch-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/tabs-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/tabs-lt-a.png new file mode 100644 index 0000000000..d55df70339 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/tabs-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/text-area-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/text-area-lt-a.png new file mode 100644 index 0000000000..52a611e5b4 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/text-area-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/time-picker-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/time-picker-lt-a.png new file mode 100644 index 0000000000..ebe2684549 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/time-picker-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/toast-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/toast-lt-a.png new file mode 100644 index 0000000000..315b7da293 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/toast-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/tooltip-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/tooltip-lt-a.png new file mode 100644 index 0000000000..2861ff2e6b Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/tooltip-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-content-light/tree-lt-a.png b/docs/xplat/src/assets/images/anatomy-content-light/tree-lt-a.png new file mode 100644 index 0000000000..f0b83e08fd Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-content-light/tree-lt-a.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/badge-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/badge-dt.png new file mode 100644 index 0000000000..cf9e1e3a46 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/badge-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/button-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/button-dt.png new file mode 100644 index 0000000000..ec2ce7e74c Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/button-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/button-group-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/button-group-dt.png new file mode 100644 index 0000000000..6f8a7a65c6 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/button-group-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/calendar-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/calendar-dt.png new file mode 100644 index 0000000000..da1fddb1e4 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/calendar-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/card-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/card-dt.png new file mode 100644 index 0000000000..0f2018334c Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/card-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/carousel-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/carousel-dt.png new file mode 100644 index 0000000000..24c8034725 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/carousel-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/checkbox-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/checkbox-dt.png new file mode 100644 index 0000000000..15f5d78409 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/checkbox-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/chip-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/chip-dt.png new file mode 100644 index 0000000000..c9cbbdd8fa Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/chip-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/date-picker-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/date-picker-dt.png new file mode 100644 index 0000000000..221a3b5445 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/date-picker-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/dialog-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/dialog-dt.png new file mode 100644 index 0000000000..3570c43d67 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/dialog-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/divider-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/divider-dt.png new file mode 100644 index 0000000000..e434a71125 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/divider-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/expansion-panel-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/expansion-panel-dt.png new file mode 100644 index 0000000000..827caefa88 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/expansion-panel-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/hyperlink-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/hyperlink-dt.png new file mode 100644 index 0000000000..574774b373 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/hyperlink-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/input-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/input-dt.png new file mode 100644 index 0000000000..f900f0f2e3 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/input-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/list-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/list-dt.png new file mode 100644 index 0000000000..c22f5c9d79 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/list-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/navbar-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/navbar-dt.png new file mode 100644 index 0000000000..31fb89fc2b Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/navbar-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/progress-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/progress-dt.png new file mode 100644 index 0000000000..9afa161f38 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/progress-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/radio-group-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/radio-group-dt.png new file mode 100644 index 0000000000..bc7bb3816c Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/radio-group-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/slider-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/slider-dt.png new file mode 100644 index 0000000000..0bbd94f54f Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/slider-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/splitter-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/splitter-dt.png new file mode 100644 index 0000000000..23a2e7253c Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/splitter-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/stepper-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/stepper-dt.png new file mode 100644 index 0000000000..42d4ebe0f0 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/stepper-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/switch-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/switch-dt.png new file mode 100644 index 0000000000..1be1d2ceb2 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/switch-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/time-picker-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/time-picker-dt.png new file mode 100644 index 0000000000..18a373e559 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/time-picker-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-dark/tree-dt.png b/docs/xplat/src/assets/images/anatomy-frame-dark/tree-dt.png new file mode 100644 index 0000000000..51f63f87d8 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-dark/tree-dt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Accordeon-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Accordeon-lt.png new file mode 100644 index 0000000000..d13af44d2a Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Accordeon-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Avatar_lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Avatar_lt.png new file mode 100644 index 0000000000..bc7eec23aa Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Avatar_lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Badge-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Badge-lt.png new file mode 100644 index 0000000000..5d2f3a7f65 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Badge-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Banner-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Banner-lt.png new file mode 100644 index 0000000000..de85f11cd0 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Banner-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Button-group-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Button-group-lt.png new file mode 100644 index 0000000000..bd178f3908 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Button-group-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Button-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Button-lt.png new file mode 100644 index 0000000000..49410e7e5a Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Button-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Calendar-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Calendar-lt.png new file mode 100644 index 0000000000..3548aea0b4 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Calendar-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Card-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Card-lt.png new file mode 100644 index 0000000000..8d54064862 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Card-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Carousel-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Carousel-lt.png new file mode 100644 index 0000000000..06b719c39b Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Carousel-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Checkbox-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Checkbox-lt.png new file mode 100644 index 0000000000..105f2d4b62 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Checkbox-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Chip-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Chip-lt.png new file mode 100644 index 0000000000..567552aa36 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Chip-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Combo-input-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Combo-input-lt.png new file mode 100644 index 0000000000..ef278acab7 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Combo-input-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Date-picker-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Date-picker-lt.png new file mode 100644 index 0000000000..1189017428 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Date-picker-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Dialog-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Dialog-lt.png new file mode 100644 index 0000000000..a753b7d7d7 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Dialog-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Divider-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Divider-lt.png new file mode 100644 index 0000000000..c9278d04fc Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Divider-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Dropdown-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Dropdown-lt.png new file mode 100644 index 0000000000..47215ebb05 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Dropdown-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Expansion Panel-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Expansion Panel-lt.png new file mode 100644 index 0000000000..9f16e57060 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Expansion Panel-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Hyperlink-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Hyperlink-lt.png new file mode 100644 index 0000000000..35911a3c17 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Hyperlink-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Icon-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Icon-lt.png new file mode 100644 index 0000000000..58ac5847ad Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Icon-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Input-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Input-lt.png new file mode 100644 index 0000000000..d23f3b2ee8 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Input-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/List-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/List-lt.png new file mode 100644 index 0000000000..fc98459d06 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/List-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Navbar-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Navbar-lt.png new file mode 100644 index 0000000000..8c54909cf2 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Navbar-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Navigation Drawer-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Navigation Drawer-lt.png new file mode 100644 index 0000000000..4a8aad2d49 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Navigation Drawer-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Progress-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Progress-lt.png new file mode 100644 index 0000000000..473bca2dde Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Progress-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Radio-Group-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Radio-Group-lt.png new file mode 100644 index 0000000000..cb8292ccd9 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Radio-Group-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Rating-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Rating-lt.png new file mode 100644 index 0000000000..f6078f5756 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Rating-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Select-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Select-lt.png new file mode 100644 index 0000000000..8926e4feeb Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Select-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Slider-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Slider-lt.png new file mode 100644 index 0000000000..8f83ed64a5 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Slider-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Snackbar-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Snackbar-lt.png new file mode 100644 index 0000000000..51b31399f9 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Snackbar-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Splitter-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Splitter-lt.png new file mode 100644 index 0000000000..2aaf420af3 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Splitter-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Stepper-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Stepper-lt.png new file mode 100644 index 0000000000..82760b3809 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Stepper-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Switch-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Switch-lt.png new file mode 100644 index 0000000000..ae71f19b92 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Switch-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Tabs-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Tabs-lt.png new file mode 100644 index 0000000000..2838addbe8 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Tabs-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Text Area-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Text Area-lt.png new file mode 100644 index 0000000000..785cdaf03c Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Text Area-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Time-Picker-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Time-Picker-lt.png new file mode 100644 index 0000000000..8cdf5f475e Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Time-Picker-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Toast-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Toast-lt.png new file mode 100644 index 0000000000..56c2faf25c Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Toast-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Tooltip-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Tooltip-lt.png new file mode 100644 index 0000000000..1e3c27fa39 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Tooltip-lt.png differ diff --git a/docs/xplat/src/assets/images/anatomy-frame-light/Tree-lt.png b/docs/xplat/src/assets/images/anatomy-frame-light/Tree-lt.png new file mode 100644 index 0000000000..466cfb6691 Binary files /dev/null and b/docs/xplat/src/assets/images/anatomy-frame-light/Tree-lt.png differ diff --git a/docs/xplat/src/content/jp/components/grids/_shared/cell-merging.mdx b/docs/xplat/src/content/jp/components/grids/_shared/cell-merging.mdx index a6805639e0..1a4d8dd7d5 100644 --- a/docs/xplat/src/content/jp/components/grids/_shared/cell-merging.mdx +++ b/docs/xplat/src/content/jp/components/grids/_shared/cell-merging.mdx @@ -1,6 +1,6 @@ --- title: "{Platform} {ComponentTitle} セル結合 - {ProductName}" -description: "{ProductName} for {Platform} {ComponentTitle} の複数行レイアウト機能を使用して、列をより強力な方法で配置およびサイズ設定します。デモと例をお試しください。" +description: "{ProductName} {ComponentTitle} で、セル結合機能を使用して同じ値を持つ隣接セルを結合します。構成方法や結合モードを学び、実際の例をご覧ください。" keywords: cell merging, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics, セル結合, インフラジスティックス license: commercial mentionedTypes: [{ComponentApiMembers}] @@ -17,7 +17,6 @@ import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBloc import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro'; - # {Platform} {ComponentTitle} セル結合 @@ -202,10 +201,13 @@ export declare class IgcGridMergeStrategy { ``` +- `merge` - 結合されたセルをどのように生成するかを定義。 +- `comparer` - 隣接するレコードを結合すべきかを判定する条件を定義。 + -### Extending the Default Strategy +### デフォルトのストラテジを拡張 -If you only want to customize part of the behavior (for example, the comparer logic), you can extend the built-in and override the relevant methods. +一部の動作 (例: comparer ロジック) のみをカスタマイズしたい場合は、組み込みの を拡張し、必要なメソッドのみをオーバーライドできます。 ```ts @@ -238,11 +240,11 @@ export class MyCustomStrategy extends IgcDefaultMergeStrategy { -The `IgxTreeGrid` provides two built-in strategies that implement the `IGridMergeStrategy` interface: and . merges all cells with the same value, regardless of their hierarchical level. In contrast, only merges cells if they have the same value and are located at the same level, making level a required condition for merging. +`IgxTreeGrid` は、`IGridMergeStrategy` インターフェイスを実装する 2 つの組み込みストラテジ と を提供します。 は、階層レベルに関係なく同じ値を持つすべてのセルを結合します。一方、 は、同じ値を持ち、かつ同じレベルに存在するセルのみを結合するため、レベルが結合の必須条件になります。 -### Extending the Default Strategy +### デフォルトのストラテジを拡張 -If you only want to customize part of the behavior (for example, the comparer logic), you can extend one of the built-in strategies, either or , and override the relevant methods. +一部の動作 (例: comparer ロジック) のみをカスタマイズしたい場合は、組み込みの または のいずれかを拡張し、必要なメソッドのみをオーバーライドできます。 ```ts @@ -275,8 +277,8 @@ export class MyCustomStrategy extends IgcDefaultTreeGridMergeStrategy { -### デフォルトのストラテジを拡張 -一部の動作 (例: comparer ロジック) のみをカスタマイズしたい場合は、組み込みの を拡張し、必要なメソッドのみをオーバーライドできます。 +### カスタム ストラテジの適用 +定義したカスタム ストラテジは、 プロパティを通じてグリッドに割り当てます: ```tsx @@ -304,58 +306,63 @@ constructor() { ``` -### Demo +### デモ - + - + - + -## デフォルトのストラテジを拡張 -一部の動作 (例: comparer ロジック) のみをカスタマイズしたい場合は、組み込みの または のいずれかを拡張し、必要なメソッドのみをオーバーライドできます。 +## 機能の統合 +結合されたセルには特有の動作があるため、グリッドの他の機能と具体的にどのように連携するかに注意が必要です: -- **Expand/Collapse**: if a feature (such as master-detail, grouping, etc.) generates a non-data row, then the cell merging is interrupted and the group will be split. +- **展開/折りたたみ**: マスター/詳細やグループ化などの機能によってデータを含まない行が生成されると、セルの結合が中断され、グループが分割されます。 -- **Excel export**: merged cells remain merged when exported to Excel. -- **Column pinning**: cells remain merged when a column is pinned and are displayed in the pinned area. -- **Row pinning**: cells merge only withing their containing area, i.e. cells of pinned rows merge only with cells of other pinned rows, while cells of unpinned rows merge only with cells of unpinned rows. -- **Updating/Editing**: since activation breaks the merge sequence, only a single cell will be in edit mode. -- **Row selection**: if selected rows intersect merged cells, all related merged cells should be marked as part of the selection. -- **Navigation/Activation**: when a cell is active, all merged cells in the same row become single cells, i.e. their merge sequence is broken. This also includes activation via keyboard navigation. +- **Excel エクスポート**: 結合されたセルは、Excel にエクスポートしても結合された状態を維持します。 +- **列のピン固定**: 列がピン固定されている場合でも、セルは結合された状態を維持し、ピン固定領域に表示されます。 +- **行のピン固定**: セルは、それぞれが属する領域内でのみ結合されます。つまり、ピン固定された行のセルは他のピン固定された行のセルとのみ結合され、ピン固定されていない行のセルはピン固定されていない行のセルとのみ結合されます。 +- **更新/編集**: アクティブ化によって結合シーケンスが分解されるため、編集モードになるのは単一セルのみです。 +- **行の選択**: 選択された行が結合セルと交差する場合、関連するすべての結合セルが選択対象としてマークされます。 +- **ナビゲーション/アクティブ化**: セルがアクティブになると、同じ行内の結合されたセルはすべて単一のセルになります。つまり、結合シーケンスが解除されます。これには、キーボード ナビゲーションによるアクティブ化も含まれます。 -If a merged cell is clicked, the closest cell from the merge sequence will become active. +結合セルをクリックすると、結合シーケンス内でもっとも近いセルがアクティブになります。 -## カスタム ストラテジの適用 +## 制限 -定義したカスタム ストラテジは、 プロパティを通じてグリッドに割り当てます。 +|既知の制限| 説明| +| --- | --- | +| セルの結合は、複数行レイアウトとの組み合わせではサポートされません。 | 両方とも複雑なレイアウトを使用するため、同時に使用することはできません。このような無効な構成が検出された場合は警告が表示されます。 | ## API リファレンス - -
-
-
-
-
- -## 機能の統合 - -セル結合の特性上、他の機能との連携動作について以下の点に注意が必要です: - -- **展開と縮小**: マスター詳細、グループ化など、データ以外の行を生成する機能がある場合、その位置でセル結合が中断され、グループが分割されます。 - -- **Excel エクスポート**: 結合されたセルは、Excel にエクスポートしても結合状態が維持されます。 -- **列のピン固定**: 列がピン固定されてもセルの結合は維持され、ピン固定領域内に表示されます。 -- **行のピン固定**: セルは自身が属する領域内でのみ結合されます。つまり、ピン固定された行のセルはピン固定行のセル同士で、ピン固定されていない行のセルはその中でのみ結合されます。 -- **ナビゲーション/アクティベーション**: セルがアクティブになると、その行内の結合セルはすべて単一セルに分解されます。これはキーボード ナビゲーションによるアクティベーションも含みます。 -- **更新/編集**: アクティブ化によって結合シーケンスが分解されるため、編集モードになるのは単一セルのみです。 -- **行の選択**: 選択された行が結合セルと交差する場合、関連するすべての結合セルが選択対象としてマークされます。 + + + + + +## その他のリソース + +- [フィルタリング](filtering.mdx) +- [Excel スタイル フィルタリング](excel-style-filtering.mdx) +- [仮想化とパフォーマンス](virtualization.mdx) +- [ページング](paging.mdx) +- [ソート](sorting.mdx) +- [集計](summaries.mdx) +- [列の移動](column-moving.mdx) +- [列のピン固定](column-pinning.mdx) +- [列のサイズ変更](column-resizing.mdx) +- [選択](selection.mdx) + +コミュニティに参加して新しいアイデアをご提案ください。 + +- [{ProductName} **フォーラム**]({ForumsLink}) +- [{ProductName} **GitHub**]({GithubLink})