Indigo Theme
@@ -1416,7 +1413,7 @@ To style the button you can use our type-specific theme functions: [`flat-button Each of them will target only the buttons of that specific type. -To get started with styling the button, first import the themes module, which includes all theme functions and component mixins: +To get started, first import the themes module, which includes all theme functions and component mixins: ```scss @use "igniteui-angular/theming" as *; diff --git a/en/images/Bullet_Graph_1.png b/en/images/Bullet_Graph_1.png index ff4d8e9554..9b1e05caf0 100644 Binary files a/en/images/Bullet_Graph_1.png and b/en/images/Bullet_Graph_1.png differ diff --git a/en/images/Bullet_Graph_2.png b/en/images/Bullet_Graph_2.png index d68897ede4..811c8f58c4 100644 Binary files a/en/images/Bullet_Graph_2.png and b/en/images/Bullet_Graph_2.png differ diff --git a/en/images/Linear_Gauge_1.png b/en/images/Linear_Gauge_1.png index 9831285210..5b2a750414 100644 Binary files a/en/images/Linear_Gauge_1.png and b/en/images/Linear_Gauge_1.png differ diff --git a/en/images/Linear_Gauge_2.png b/en/images/Linear_Gauge_2.png index dc0b95ceea..f2c6e18292 100644 Binary files a/en/images/Linear_Gauge_2.png and b/en/images/Linear_Gauge_2.png differ diff --git a/en/images/Radial_Gauge_1.png b/en/images/Radial_Gauge_1.png index 7cb55b1539..72efac98b9 100644 Binary files a/en/images/Radial_Gauge_1.png and b/en/images/Radial_Gauge_1.png differ diff --git a/en/images/Radial_Gauge_2.png b/en/images/Radial_Gauge_2.png index 98778ec833..48801ff4cc 100644 Binary files a/en/images/Radial_Gauge_2.png and b/en/images/Radial_Gauge_2.png differ diff --git a/en/images/avatar-markup.png b/en/images/avatar-markup.png index 7fb67a0f63..638635fdd9 100644 Binary files a/en/images/avatar-markup.png and b/en/images/avatar-markup.png differ diff --git a/en/images/category_chart_area.png b/en/images/category_chart_area.png index 624da5d86f..c2801be1b8 100644 Binary files a/en/images/category_chart_area.png and b/en/images/category_chart_area.png differ diff --git a/en/images/category_chart_column.png b/en/images/category_chart_column.png index c605dcff2d..486c28132d 100644 Binary files a/en/images/category_chart_column.png and b/en/images/category_chart_column.png differ diff --git a/en/images/category_chart_line.png b/en/images/category_chart_line.png index 18ad40c920..33ac435648 100644 Binary files a/en/images/category_chart_line.png and b/en/images/category_chart_line.png differ diff --git a/en/images/category_chart_point.png b/en/images/category_chart_point.png index f8229e40a7..b5d521791f 100644 Binary files a/en/images/category_chart_point.png and b/en/images/category_chart_point.png differ diff --git a/en/images/category_chart_spline.png b/en/images/category_chart_spline.png index 1ce69194b6..1df808fcdb 100644 Binary files a/en/images/category_chart_spline.png and b/en/images/category_chart_spline.png differ diff --git a/en/images/category_chart_splinearea.png b/en/images/category_chart_splinearea.png index f3f1e6d72e..54b1faadc0 100644 Binary files a/en/images/category_chart_splinearea.png and b/en/images/category_chart_splinearea.png differ diff --git a/en/images/category_chart_steparea.png b/en/images/category_chart_steparea.png index 014c1b62a8..f482885aac 100644 Binary files a/en/images/category_chart_steparea.png and b/en/images/category_chart_steparea.png differ diff --git a/en/images/category_chart_stepline.png b/en/images/category_chart_stepline.png index 69be791c01..fb4526b0e5 100644 Binary files a/en/images/category_chart_stepline.png and b/en/images/category_chart_stepline.png differ diff --git a/en/images/category_chart_waterfall.png b/en/images/category_chart_waterfall.png index 4d08134e2b..1cc92a8d54 100644 Binary files a/en/images/category_chart_waterfall.png and b/en/images/category_chart_waterfall.png differ diff --git a/en/images/chartDefaults1.png b/en/images/chartDefaults1.png index 7557024881..e62003cb7d 100644 Binary files a/en/images/chartDefaults1.png and b/en/images/chartDefaults1.png differ diff --git a/en/images/chartDefaults2.png b/en/images/chartDefaults2.png index 106ca77a8d..92c0e4802b 100644 Binary files a/en/images/chartDefaults2.png and b/en/images/chartDefaults2.png differ diff --git a/en/images/chartDefaults3.png b/en/images/chartDefaults3.png index 3f6933734e..8e11a3bec0 100644 Binary files a/en/images/chartDefaults3.png and b/en/images/chartDefaults3.png differ diff --git a/en/images/chartDefaults4.png b/en/images/chartDefaults4.png index f266afc053..22fcceca32 100644 Binary files a/en/images/chartDefaults4.png and b/en/images/chartDefaults4.png differ diff --git a/en/images/charts/data-chart-type-category-area-series.png b/en/images/charts/data-chart-type-category-area-series.png index 4f51b5410f..e1c3530cf8 100644 Binary files a/en/images/charts/data-chart-type-category-area-series.png and b/en/images/charts/data-chart-type-category-area-series.png differ diff --git a/en/images/charts/data-chart-type-category-bar-series.png b/en/images/charts/data-chart-type-category-bar-series.png index d273d251b1..438c2cb327 100644 Binary files a/en/images/charts/data-chart-type-category-bar-series.png and b/en/images/charts/data-chart-type-category-bar-series.png differ diff --git a/en/images/charts/data-chart-type-category-column-series.png b/en/images/charts/data-chart-type-category-column-series.png index aa71990590..5a41af0009 100644 Binary files a/en/images/charts/data-chart-type-category-column-series.png and b/en/images/charts/data-chart-type-category-column-series.png differ diff --git a/en/images/charts/data-chart-type-category-line-series.png b/en/images/charts/data-chart-type-category-line-series.png index abb80c290f..a9ec3b71bc 100644 Binary files a/en/images/charts/data-chart-type-category-line-series.png and b/en/images/charts/data-chart-type-category-line-series.png differ diff --git a/en/images/charts/data-chart-type-category-point-series.png b/en/images/charts/data-chart-type-category-point-series.png index bc04eed9ca..4215b264bb 100644 Binary files a/en/images/charts/data-chart-type-category-point-series.png and b/en/images/charts/data-chart-type-category-point-series.png differ diff --git a/en/images/charts/data-chart-type-category-spline-area-series.png b/en/images/charts/data-chart-type-category-spline-area-series.png index 1a3cf301fc..8a04f0e27d 100644 Binary files a/en/images/charts/data-chart-type-category-spline-area-series.png and b/en/images/charts/data-chart-type-category-spline-area-series.png differ diff --git a/en/images/charts/data-chart-type-category-spline-series.png b/en/images/charts/data-chart-type-category-spline-series.png index bfb38fed95..cd052dee6d 100644 Binary files a/en/images/charts/data-chart-type-category-spline-series.png and b/en/images/charts/data-chart-type-category-spline-series.png differ diff --git a/en/images/charts/data-chart-type-category-step-area-series.png b/en/images/charts/data-chart-type-category-step-area-series.png index eb099a995b..38fe468752 100644 Binary files a/en/images/charts/data-chart-type-category-step-area-series.png and b/en/images/charts/data-chart-type-category-step-area-series.png differ diff --git a/en/images/charts/data-chart-type-category-step-line-series.png b/en/images/charts/data-chart-type-category-step-line-series.png index 2a5c9f3eff..aaa61a1320 100644 Binary files a/en/images/charts/data-chart-type-category-step-line-series.png and b/en/images/charts/data-chart-type-category-step-line-series.png differ diff --git a/en/images/charts/data-chart-type-category-waterfall-series.png b/en/images/charts/data-chart-type-category-waterfall-series.png index 3d152785cb..716e479cac 100644 Binary files a/en/images/charts/data-chart-type-category-waterfall-series.png and b/en/images/charts/data-chart-type-category-waterfall-series.png differ diff --git a/en/images/charts/data-chart-type-financial-area-indicators.png b/en/images/charts/data-chart-type-financial-area-indicators.png index 2807b2dcb7..3d78fff324 100644 Binary files a/en/images/charts/data-chart-type-financial-area-indicators.png and b/en/images/charts/data-chart-type-financial-area-indicators.png differ diff --git a/en/images/charts/data-chart-type-financial-candlestick-series.png b/en/images/charts/data-chart-type-financial-candlestick-series.png index f86b482995..f0b707bba2 100644 Binary files a/en/images/charts/data-chart-type-financial-candlestick-series.png and b/en/images/charts/data-chart-type-financial-candlestick-series.png differ diff --git a/en/images/charts/data-chart-type-financial-column-indicators.png b/en/images/charts/data-chart-type-financial-column-indicators.png index d01c020e43..69ceb0db8e 100644 Binary files a/en/images/charts/data-chart-type-financial-column-indicators.png and b/en/images/charts/data-chart-type-financial-column-indicators.png differ diff --git a/en/images/charts/data-chart-type-financial-line-indicators.png b/en/images/charts/data-chart-type-financial-line-indicators.png index 3098fa76d7..ef9c3e335e 100644 Binary files a/en/images/charts/data-chart-type-financial-line-indicators.png and b/en/images/charts/data-chart-type-financial-line-indicators.png differ diff --git a/en/images/charts/data-chart-type-financial-ohlc-series.png b/en/images/charts/data-chart-type-financial-ohlc-series.png index 58b3f7d26e..1b59494e69 100644 Binary files a/en/images/charts/data-chart-type-financial-ohlc-series.png and b/en/images/charts/data-chart-type-financial-ohlc-series.png differ diff --git a/en/images/charts/data-chart-type-financial-overlays.png b/en/images/charts/data-chart-type-financial-overlays.png index a01a5ee6cc..59bfd8a0cd 100644 Binary files a/en/images/charts/data-chart-type-financial-overlays.png and b/en/images/charts/data-chart-type-financial-overlays.png differ diff --git a/en/images/charts/data-chart-type-polar-area-series.png b/en/images/charts/data-chart-type-polar-area-series.png index 5834e217ec..746d873252 100644 Binary files a/en/images/charts/data-chart-type-polar-area-series.png and b/en/images/charts/data-chart-type-polar-area-series.png differ diff --git a/en/images/charts/data-chart-type-polar-line-series.png b/en/images/charts/data-chart-type-polar-line-series.png index 15bb03dee3..2ead6b7fc5 100644 Binary files a/en/images/charts/data-chart-type-polar-line-series.png and b/en/images/charts/data-chart-type-polar-line-series.png differ diff --git a/en/images/charts/data-chart-type-polar-scatter-series.png b/en/images/charts/data-chart-type-polar-scatter-series.png index 3554a2faa8..f0208d01ff 100644 Binary files a/en/images/charts/data-chart-type-polar-scatter-series.png and b/en/images/charts/data-chart-type-polar-scatter-series.png differ diff --git a/en/images/charts/data-chart-type-polar-spline-area-series.png b/en/images/charts/data-chart-type-polar-spline-area-series.png index 223095e73d..70fe786c51 100644 Binary files a/en/images/charts/data-chart-type-polar-spline-area-series.png and b/en/images/charts/data-chart-type-polar-spline-area-series.png differ diff --git a/en/images/charts/data-chart-type-polar-spline-series.png b/en/images/charts/data-chart-type-polar-spline-series.png index f5ca961d92..fb8ea8e10b 100644 Binary files a/en/images/charts/data-chart-type-polar-spline-series.png and b/en/images/charts/data-chart-type-polar-spline-series.png differ diff --git a/en/images/charts/data-chart-type-radial-area-series.PNG b/en/images/charts/data-chart-type-radial-area-series.PNG index 19e60290ec..5ca61bba9f 100644 Binary files a/en/images/charts/data-chart-type-radial-area-series.PNG and b/en/images/charts/data-chart-type-radial-area-series.PNG differ diff --git a/en/images/charts/data-chart-type-radial-column-series.png b/en/images/charts/data-chart-type-radial-column-series.png index c66b6e1a93..68a6f4951e 100644 Binary files a/en/images/charts/data-chart-type-radial-column-series.png and b/en/images/charts/data-chart-type-radial-column-series.png differ diff --git a/en/images/charts/data-chart-type-radial-line-series.png b/en/images/charts/data-chart-type-radial-line-series.png index 40f3b49be2..dde6365c11 100644 Binary files a/en/images/charts/data-chart-type-radial-line-series.png and b/en/images/charts/data-chart-type-radial-line-series.png differ diff --git a/en/images/charts/data-chart-type-radial-pie-series.png b/en/images/charts/data-chart-type-radial-pie-series.png index 5338950d2a..b9ade30814 100644 Binary files a/en/images/charts/data-chart-type-radial-pie-series.png and b/en/images/charts/data-chart-type-radial-pie-series.png differ diff --git a/en/images/charts/data-chart-type-range-area-series.png b/en/images/charts/data-chart-type-range-area-series.png index bc83e55a2c..81ce3a02b9 100644 Binary files a/en/images/charts/data-chart-type-range-area-series.png and b/en/images/charts/data-chart-type-range-area-series.png differ diff --git a/en/images/charts/data-chart-type-range-column-series.png b/en/images/charts/data-chart-type-range-column-series.png index c9275ab637..82ff71d8b5 100644 Binary files a/en/images/charts/data-chart-type-range-column-series.png and b/en/images/charts/data-chart-type-range-column-series.png differ diff --git a/en/images/charts/data-chart-type-scatter-area-series.png b/en/images/charts/data-chart-type-scatter-area-series.png index 5d17151e6b..23cf6d2b1e 100644 Binary files a/en/images/charts/data-chart-type-scatter-area-series.png and b/en/images/charts/data-chart-type-scatter-area-series.png differ diff --git a/en/images/charts/data-chart-type-scatter-bubble-series.PNG b/en/images/charts/data-chart-type-scatter-bubble-series.PNG index 41580c5cd6..cde54051a0 100644 Binary files a/en/images/charts/data-chart-type-scatter-bubble-series.PNG and b/en/images/charts/data-chart-type-scatter-bubble-series.PNG differ diff --git a/en/images/charts/data-chart-type-scatter-contour-series.png b/en/images/charts/data-chart-type-scatter-contour-series.png index 80bb6c519e..30d5b53e27 100644 Binary files a/en/images/charts/data-chart-type-scatter-contour-series.png and b/en/images/charts/data-chart-type-scatter-contour-series.png differ diff --git a/en/images/charts/data-chart-type-scatter-hd-series.png b/en/images/charts/data-chart-type-scatter-hd-series.png index b9e927dda5..687969e4df 100644 Binary files a/en/images/charts/data-chart-type-scatter-hd-series.png and b/en/images/charts/data-chart-type-scatter-hd-series.png differ diff --git a/en/images/charts/data-chart-type-scatter-line-series.PNG b/en/images/charts/data-chart-type-scatter-line-series.PNG index 6d3491651f..89a536b1a0 100644 Binary files a/en/images/charts/data-chart-type-scatter-line-series.PNG and b/en/images/charts/data-chart-type-scatter-line-series.PNG differ diff --git a/en/images/charts/data-chart-type-scatter-point-series.PNG b/en/images/charts/data-chart-type-scatter-point-series.PNG index ee7d832841..d53c18a46f 100644 Binary files a/en/images/charts/data-chart-type-scatter-point-series.PNG and b/en/images/charts/data-chart-type-scatter-point-series.PNG differ diff --git a/en/images/charts/data-chart-type-scatter-polygon-series.png b/en/images/charts/data-chart-type-scatter-polygon-series.png index 5ee9b13e4d..ad32c63863 100644 Binary files a/en/images/charts/data-chart-type-scatter-polygon-series.png and b/en/images/charts/data-chart-type-scatter-polygon-series.png differ diff --git a/en/images/charts/data-chart-type-scatter-polyline-series.png b/en/images/charts/data-chart-type-scatter-polyline-series.png index 8b1ce0dc5b..6ae0357dce 100644 Binary files a/en/images/charts/data-chart-type-scatter-polyline-series.png and b/en/images/charts/data-chart-type-scatter-polyline-series.png differ diff --git a/en/images/charts/data-chart-type-scatter-spline-series.png b/en/images/charts/data-chart-type-scatter-spline-series.png index bf0cb49394..2fe67024c0 100644 Binary files a/en/images/charts/data-chart-type-scatter-spline-series.png and b/en/images/charts/data-chart-type-scatter-spline-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-100-area-series.png b/en/images/charts/data-chart-type-stacked-100-area-series.png index 374e1090e6..a493b9ae74 100644 Binary files a/en/images/charts/data-chart-type-stacked-100-area-series.png and b/en/images/charts/data-chart-type-stacked-100-area-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-100-bar-series.png b/en/images/charts/data-chart-type-stacked-100-bar-series.png index 345bba1454..252c33397c 100644 Binary files a/en/images/charts/data-chart-type-stacked-100-bar-series.png and b/en/images/charts/data-chart-type-stacked-100-bar-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-100-column-series.png b/en/images/charts/data-chart-type-stacked-100-column-series.png index 4b3f1488ae..3b4f3f59fa 100644 Binary files a/en/images/charts/data-chart-type-stacked-100-column-series.png and b/en/images/charts/data-chart-type-stacked-100-column-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-100-line-series.png b/en/images/charts/data-chart-type-stacked-100-line-series.png index effb4347b7..0b1c00116a 100644 Binary files a/en/images/charts/data-chart-type-stacked-100-line-series.png and b/en/images/charts/data-chart-type-stacked-100-line-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-100-spline-series.png b/en/images/charts/data-chart-type-stacked-100-spline-series.png index 26fb0efa11..39f63607f1 100644 Binary files a/en/images/charts/data-chart-type-stacked-100-spline-series.png and b/en/images/charts/data-chart-type-stacked-100-spline-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-area-series.png b/en/images/charts/data-chart-type-stacked-area-series.png index 195ff0f949..fcea0a9789 100644 Binary files a/en/images/charts/data-chart-type-stacked-area-series.png and b/en/images/charts/data-chart-type-stacked-area-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-bar-series.png b/en/images/charts/data-chart-type-stacked-bar-series.png index cf35da8457..cd5de18836 100644 Binary files a/en/images/charts/data-chart-type-stacked-bar-series.png and b/en/images/charts/data-chart-type-stacked-bar-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-column-series.png b/en/images/charts/data-chart-type-stacked-column-series.png index dfc95615c3..5409e89506 100644 Binary files a/en/images/charts/data-chart-type-stacked-column-series.png and b/en/images/charts/data-chart-type-stacked-column-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-line-series.png b/en/images/charts/data-chart-type-stacked-line-series.png index 9ae1dde20c..20f1c17e22 100644 Binary files a/en/images/charts/data-chart-type-stacked-line-series.png and b/en/images/charts/data-chart-type-stacked-line-series.png differ diff --git a/en/images/charts/data-chart-type-stacked-spline-series.png b/en/images/charts/data-chart-type-stacked-spline-series.png index 947a5a20a2..14463adda2 100644 Binary files a/en/images/charts/data-chart-type-stacked-spline-series.png and b/en/images/charts/data-chart-type-stacked-spline-series.png differ diff --git a/en/images/charts/data-chart-user-annotation-create.gif b/en/images/charts/data-chart-user-annotation-create.gif index ec98b23c27..4de5d3aa91 100644 Binary files a/en/images/charts/data-chart-user-annotation-create.gif and b/en/images/charts/data-chart-user-annotation-create.gif differ diff --git a/en/images/charts/data-chart-user-annotation-delete.gif b/en/images/charts/data-chart-user-annotation-delete.gif index 855e88b508..e4df089033 100644 Binary files a/en/images/charts/data-chart-user-annotation-delete.gif and b/en/images/charts/data-chart-user-annotation-delete.gif differ diff --git a/en/images/charts/doughnut-chart-explosion.png b/en/images/charts/doughnut-chart-explosion.png index 6137ed7860..6ee3918bfd 100644 Binary files a/en/images/charts/doughnut-chart-explosion.png and b/en/images/charts/doughnut-chart-explosion.png differ diff --git a/en/images/charts/doughnut-chart-legend.png b/en/images/charts/doughnut-chart-legend.png index a2a5a00a3d..8531cc73f4 100644 Binary files a/en/images/charts/doughnut-chart-legend.png and b/en/images/charts/doughnut-chart-legend.png differ diff --git a/en/images/charts/doughnut-chart-rings.png b/en/images/charts/doughnut-chart-rings.png index d6320761e9..c67f0e3c3d 100644 Binary files a/en/images/charts/doughnut-chart-rings.png and b/en/images/charts/doughnut-chart-rings.png differ diff --git a/en/images/charts/doughnut-chart-selection.png b/en/images/charts/doughnut-chart-selection.png index b71d2ab97c..2bff4d9d35 100644 Binary files a/en/images/charts/doughnut-chart-selection.png and b/en/images/charts/doughnut-chart-selection.png differ diff --git a/en/images/charts/ignite-ui-angular-category-chart-high-volume-data-1100.gif b/en/images/charts/ignite-ui-angular-category-chart-high-volume-data-1100.gif index 1edbf46160..2f0e24e35d 100644 Binary files a/en/images/charts/ignite-ui-angular-category-chart-high-volume-data-1100.gif and b/en/images/charts/ignite-ui-angular-category-chart-high-volume-data-1100.gif differ diff --git a/en/images/charts/ignite-ui-angular-financial-chart-custom-tooltips-1100.jpg b/en/images/charts/ignite-ui-angular-financial-chart-custom-tooltips-1100.jpg index cfbde5365d..d28d5d0d86 100644 Binary files a/en/images/charts/ignite-ui-angular-financial-chart-custom-tooltips-1100.jpg and b/en/images/charts/ignite-ui-angular-financial-chart-custom-tooltips-1100.jpg differ diff --git a/en/images/charts/ignite-ui-angular-financial-chart-modular-design-1100.jpg b/en/images/charts/ignite-ui-angular-financial-chart-modular-design-1100.jpg index 568af5a7b6..6b2afb6a27 100644 Binary files a/en/images/charts/ignite-ui-angular-financial-chart-modular-design-1100.jpg and b/en/images/charts/ignite-ui-angular-financial-chart-modular-design-1100.jpg differ diff --git a/en/images/charts/ignite-ui-angular-financial-chart-smart-data-binding-1100.jpg b/en/images/charts/ignite-ui-angular-financial-chart-smart-data-binding-1100.jpg index 79fd76f1ab..44d6d9310f 100644 Binary files a/en/images/charts/ignite-ui-angular-financial-chart-smart-data-binding-1100.jpg and b/en/images/charts/ignite-ui-angular-financial-chart-smart-data-binding-1100.jpg differ diff --git a/en/images/charts/ignite-ui-angular-financial-chart-trendlines-1100.jpg b/en/images/charts/ignite-ui-angular-financial-chart-trendlines-1100.jpg index 9dc1e76427..ab649a784b 100644 Binary files a/en/images/charts/ignite-ui-angular-financial-chart-trendlines-1100.jpg and b/en/images/charts/ignite-ui-angular-financial-chart-trendlines-1100.jpg differ diff --git a/en/images/charts/ignite-ui-angular-financial-chart-zooming-1100.gif b/en/images/charts/ignite-ui-angular-financial-chart-zooming-1100.gif index f06a6b6e69..60e6390583 100644 Binary files a/en/images/charts/ignite-ui-angular-financial-chart-zooming-1100.gif and b/en/images/charts/ignite-ui-angular-financial-chart-zooming-1100.gif differ diff --git a/en/images/charts/pie-chart-explosion.png b/en/images/charts/pie-chart-explosion.png index 17fef48cd0..43246d501b 100644 Binary files a/en/images/charts/pie-chart-explosion.png and b/en/images/charts/pie-chart-explosion.png differ diff --git a/en/images/charts/pie-chart-legend.png b/en/images/charts/pie-chart-legend.png index 6fcbd6dd83..d6cd8eb7c6 100644 Binary files a/en/images/charts/pie-chart-legend.png and b/en/images/charts/pie-chart-legend.png differ diff --git a/en/images/charts/pie-chart-others.png b/en/images/charts/pie-chart-others.png index e8880f405e..421871c6b9 100644 Binary files a/en/images/charts/pie-chart-others.png and b/en/images/charts/pie-chart-others.png differ diff --git a/en/images/charts/pie-chart-selection.png b/en/images/charts/pie-chart-selection.png index a0621b70ac..8527e19ae0 100644 Binary files a/en/images/charts/pie-chart-selection.png and b/en/images/charts/pie-chart-selection.png differ diff --git a/en/images/charts/polar-pie.png b/en/images/charts/polar-pie.png index 8f1299d824..50018875ad 100644 Binary files a/en/images/charts/polar-pie.png and b/en/images/charts/polar-pie.png differ diff --git a/en/images/color-editor.png b/en/images/color-editor.png index 7fafaf9270..ec54b02e3e 100644 Binary files a/en/images/color-editor.png and b/en/images/color-editor.png differ diff --git a/en/images/dashboard-tile-toolbar.png b/en/images/dashboard-tile-toolbar.png index 87a6dce4f1..d7ecdcbd5a 100644 Binary files a/en/images/dashboard-tile-toolbar.png and b/en/images/dashboard-tile-toolbar.png differ diff --git a/en/images/dockmanager-document-host-docking.jpg b/en/images/dockmanager-document-host-docking.jpg index 97bf816d50..08ce47123d 100644 Binary files a/en/images/dockmanager-document-host-docking.jpg and b/en/images/dockmanager-document-host-docking.jpg differ diff --git a/en/images/dockmanager-edge-docking.jpg b/en/images/dockmanager-edge-docking.jpg index 86210db8e2..0bde0d4113 100644 Binary files a/en/images/dockmanager-edge-docking.jpg and b/en/images/dockmanager-edge-docking.jpg differ diff --git a/en/images/dockmanager-electron-app.gif b/en/images/dockmanager-electron-app.gif index d318e2e1db..e04ff2faff 100644 Binary files a/en/images/dockmanager-electron-app.gif and b/en/images/dockmanager-electron-app.gif differ diff --git a/en/images/dockmanager-pane-docking.jpg b/en/images/dockmanager-pane-docking.jpg index 21aa00a387..9d2f5bb389 100644 Binary files a/en/images/dockmanager-pane-docking.jpg and b/en/images/dockmanager-pane-docking.jpg differ diff --git a/en/images/dockmanager-root-docking.jpg b/en/images/dockmanager-root-docking.jpg index 72d87f170f..f5de6edec4 100644 Binary files a/en/images/dockmanager-root-docking.jpg and b/en/images/dockmanager-root-docking.jpg differ diff --git a/en/images/dockmanager-splitter-docking.jpg b/en/images/dockmanager-splitter-docking.jpg index 69b8550c97..5a002dd17e 100644 Binary files a/en/images/dockmanager-splitter-docking.jpg and b/en/images/dockmanager-splitter-docking.jpg differ diff --git a/en/images/financial_chart_bar.png b/en/images/financial_chart_bar.png index 8af0eb2867..55f52af5a4 100644 Binary files a/en/images/financial_chart_bar.png and b/en/images/financial_chart_bar.png differ diff --git a/en/images/financial_chart_candle.png b/en/images/financial_chart_candle.png index 2180497a0e..3a5837fe9b 100644 Binary files a/en/images/financial_chart_candle.png and b/en/images/financial_chart_candle.png differ diff --git a/en/images/financial_chart_column.png b/en/images/financial_chart_column.png index c7c5448af1..1c757582e5 100644 Binary files a/en/images/financial_chart_column.png and b/en/images/financial_chart_column.png differ diff --git a/en/images/financial_chart_line.png b/en/images/financial_chart_line.png index 39eeebc96e..dc8554a321 100644 Binary files a/en/images/financial_chart_line.png and b/en/images/financial_chart_line.png differ diff --git a/en/images/general/AzureMapsImagery.png b/en/images/general/AzureMapsImagery.png index 2c64f08178..00eba3a3a1 100644 Binary files a/en/images/general/AzureMapsImagery.png and b/en/images/general/AzureMapsImagery.png differ diff --git a/en/images/general/Azure_Traffic_Tile_Series_With_Background.png b/en/images/general/Azure_Traffic_Tile_Series_With_Background.png index 2a8a6c8bcc..022f8a603d 100644 Binary files a/en/images/general/Azure_Traffic_Tile_Series_With_Background.png and b/en/images/general/Azure_Traffic_Tile_Series_With_Background.png differ diff --git a/en/images/general/BingMapsImagery.png b/en/images/general/BingMapsImagery.png index 717832e5dc..cabdc04551 100644 Binary files a/en/images/general/BingMapsImagery.png and b/en/images/general/BingMapsImagery.png differ diff --git a/en/images/general/BingMapsImagery2.png b/en/images/general/BingMapsImagery2.png index 85fe3036f8..47cef1434b 100644 Binary files a/en/images/general/BingMapsImagery2.png and b/en/images/general/BingMapsImagery2.png differ diff --git a/en/images/general/azure-ci-add-token-variable-1.jpg b/en/images/general/azure-ci-add-token-variable-1.jpg index 0901ea2106..91969f26d4 100644 Binary files a/en/images/general/azure-ci-add-token-variable-1.jpg and b/en/images/general/azure-ci-add-token-variable-1.jpg differ diff --git a/en/images/general/azure-ci-new-variable-2.jpg b/en/images/general/azure-ci-new-variable-2.jpg index cef99f7898..aea7b3b93e 100644 Binary files a/en/images/general/azure-ci-new-variable-2.jpg and b/en/images/general/azure-ci-new-variable-2.jpg differ diff --git a/en/images/general/blazor-excel.png b/en/images/general/blazor-excel.png index f174998d4d..ac7c017213 100644 Binary files a/en/images/general/blazor-excel.png and b/en/images/general/blazor-excel.png differ diff --git a/en/images/general/blazor-wasm-app-2.png b/en/images/general/blazor-wasm-app-2.png index e6ec406fc7..d2a83c0b97 100644 Binary files a/en/images/general/blazor-wasm-app-2.png and b/en/images/general/blazor-wasm-app-2.png differ diff --git a/en/images/general/blazor-wasm-app.png b/en/images/general/blazor-wasm-app.png index b3ab90b288..4d9021c14e 100644 Binary files a/en/images/general/blazor-wasm-app.png and b/en/images/general/blazor-wasm-app.png differ diff --git a/en/images/general/collapsed_indicator.png b/en/images/general/collapsed_indicator.png index 61d670fe08..41fa2630a3 100644 Binary files a/en/images/general/collapsed_indicator.png and b/en/images/general/collapsed_indicator.png differ diff --git a/en/images/general/expand_indicator.png b/en/images/general/expand_indicator.png index 28c207758e..71ad897e4c 100644 Binary files a/en/images/general/expand_indicator.png and b/en/images/general/expand_indicator.png differ diff --git a/en/images/general/generate-token.jpg b/en/images/general/generate-token.jpg index 9f59d3ca14..056ab89bd5 100644 Binary files a/en/images/general/generate-token.jpg and b/en/images/general/generate-token.jpg differ diff --git a/en/images/general/geo-map.png b/en/images/general/geo-map.png index 714705e37b..e3f0837761 100644 Binary files a/en/images/general/geo-map.png and b/en/images/general/geo-map.png differ diff --git a/en/images/general/getting-started-blazor-card-windows.jpg b/en/images/general/getting-started-blazor-card-windows.jpg index c4fa26d72f..c8b2ace6aa 100644 Binary files a/en/images/general/getting-started-blazor-card-windows.jpg and b/en/images/general/getting-started-blazor-card-windows.jpg differ diff --git a/en/images/general/getting-started-blazor-card.jpg b/en/images/general/getting-started-blazor-card.jpg index b35a3dfe0a..2122c9b778 100644 Binary files a/en/images/general/getting-started-blazor-card.jpg and b/en/images/general/getting-started-blazor-card.jpg differ diff --git a/en/images/general/greenCheck.png b/en/images/general/greenCheck.png index 6d09366869..4388795ca6 100644 Binary files a/en/images/general/greenCheck.png and b/en/images/general/greenCheck.png differ diff --git a/en/images/general/grid-geo-map.png b/en/images/general/grid-geo-map.png index 84abc29db8..62f4169b64 100644 Binary files a/en/images/general/grid-geo-map.png and b/en/images/general/grid-geo-map.png differ diff --git a/en/images/general/ig-cli-grid.png b/en/images/general/ig-cli-grid.png index 5ab04dea11..b7030bfd47 100644 Binary files a/en/images/general/ig-cli-grid.png and b/en/images/general/ig-cli-grid.png differ diff --git a/en/images/general/ig-vite-grid.png b/en/images/general/ig-vite-grid.png index 2535f6f8a7..e502925707 100644 Binary files a/en/images/general/ig-vite-grid.png and b/en/images/general/ig-vite-grid.png differ diff --git a/en/images/general/landing-grid-page.png b/en/images/general/landing-grid-page.png index 1ef4a4a47c..acc74f69f2 100644 Binary files a/en/images/general/landing-grid-page.png and b/en/images/general/landing-grid-page.png differ diff --git a/en/images/general/layout_mode.png b/en/images/general/layout_mode.png index 2eb17bb972..669a3b82e4 100644 Binary files a/en/images/general/layout_mode.png and b/en/images/general/layout_mode.png differ diff --git a/en/images/general/lazy-loaded-assembly.png b/en/images/general/lazy-loaded-assembly.png index 1295c343e3..bcf4042261 100644 Binary files a/en/images/general/lazy-loaded-assembly.png and b/en/images/general/lazy-loaded-assembly.png differ diff --git a/en/images/general/lazy-loading-of-assembly.png b/en/images/general/lazy-loading-of-assembly.png index 3af94acce7..e09721e933 100644 Binary files a/en/images/general/lazy-loading-of-assembly.png and b/en/images/general/lazy-loading-of-assembly.png differ diff --git a/en/images/general/new-blazor-project-client.jpg b/en/images/general/new-blazor-project-client.jpg index 7eb5901666..0825401359 100644 Binary files a/en/images/general/new-blazor-project-client.jpg and b/en/images/general/new-blazor-project-client.jpg differ diff --git a/en/images/general/new-blazor-project-configure-client.jpg b/en/images/general/new-blazor-project-configure-client.jpg index cd89362e5e..eb4f77dd33 100644 Binary files a/en/images/general/new-blazor-project-configure-client.jpg and b/en/images/general/new-blazor-project-configure-client.jpg differ diff --git a/en/images/general/new-blazor-project-configure-maui.jpg b/en/images/general/new-blazor-project-configure-maui.jpg index b8e6f985b4..427612812a 100644 Binary files a/en/images/general/new-blazor-project-configure-maui.jpg and b/en/images/general/new-blazor-project-configure-maui.jpg differ diff --git a/en/images/general/new-blazor-project-configure-server.jpg b/en/images/general/new-blazor-project-configure-server.jpg index 4a73a7789f..980c859574 100644 Binary files a/en/images/general/new-blazor-project-configure-server.jpg and b/en/images/general/new-blazor-project-configure-server.jpg differ diff --git a/en/images/general/new-blazor-project-configuring-web-app.jpg b/en/images/general/new-blazor-project-configuring-web-app.jpg index d41ba68017..54ae1175f9 100644 Binary files a/en/images/general/new-blazor-project-configuring-web-app.jpg and b/en/images/general/new-blazor-project-configuring-web-app.jpg differ diff --git a/en/images/general/new-blazor-project-info-client.jpg b/en/images/general/new-blazor-project-info-client.jpg index de6d7c584a..0e006b6e2c 100644 Binary files a/en/images/general/new-blazor-project-info-client.jpg and b/en/images/general/new-blazor-project-info-client.jpg differ diff --git a/en/images/general/new-blazor-project-info-server.jpg b/en/images/general/new-blazor-project-info-server.jpg index 9252e53a5d..60893d4695 100644 Binary files a/en/images/general/new-blazor-project-info-server.jpg and b/en/images/general/new-blazor-project-info-server.jpg differ diff --git a/en/images/general/new-blazor-project-maui.jpg b/en/images/general/new-blazor-project-maui.jpg index cd5c2503fd..7474fc1f01 100644 Binary files a/en/images/general/new-blazor-project-maui.jpg and b/en/images/general/new-blazor-project-maui.jpg differ diff --git a/en/images/general/new-blazor-project-server.jpg b/en/images/general/new-blazor-project-server.jpg index 05a80c0621..78f52578a7 100644 Binary files a/en/images/general/new-blazor-project-server.jpg and b/en/images/general/new-blazor-project-server.jpg differ diff --git a/en/images/general/new-blazor-project-web-app-info.jpg b/en/images/general/new-blazor-project-web-app-info.jpg index 84fe377c18..dd5fcf2dc5 100644 Binary files a/en/images/general/new-blazor-project-web-app-info.jpg and b/en/images/general/new-blazor-project-web-app-info.jpg differ diff --git a/en/images/general/new-blazor-project-web-app.jpg b/en/images/general/new-blazor-project-web-app.jpg index 3fdbb285ff..3c6cbf5fcd 100644 Binary files a/en/images/general/new-blazor-project-web-app.jpg and b/en/images/general/new-blazor-project-web-app.jpg differ diff --git a/en/images/general/nuget-manage-packages.jpg b/en/images/general/nuget-manage-packages.jpg index d7f2aeb47c..e2fa08bc6b 100644 Binary files a/en/images/general/nuget-manage-packages.jpg and b/en/images/general/nuget-manage-packages.jpg differ diff --git a/en/images/general/nuget-package-manager-browse.jpg b/en/images/general/nuget-package-manager-browse.jpg index 7263bb8223..cf4751cf81 100644 Binary files a/en/images/general/nuget-package-manager-browse.jpg and b/en/images/general/nuget-package-manager-browse.jpg differ diff --git a/en/images/general/nuget-package-manager-package-sources-ig-server.jpg b/en/images/general/nuget-package-manager-package-sources-ig-server.jpg index 44630b0ba0..20591b96b5 100644 Binary files a/en/images/general/nuget-package-manager-package-sources-ig-server.jpg and b/en/images/general/nuget-package-manager-package-sources-ig-server.jpg differ diff --git a/en/images/general/nuget-package-manager-setting-menu-item.jpg b/en/images/general/nuget-package-manager-setting-menu-item.jpg index ed67792a2e..9b764a21f6 100644 Binary files a/en/images/general/nuget-package-manager-setting-menu-item.jpg and b/en/images/general/nuget-package-manager-setting-menu-item.jpg differ diff --git a/en/images/general/query-builder-drag-and-drop.gif b/en/images/general/query-builder-drag-and-drop.gif index 77cec96fef..f1c1a85051 100644 Binary files a/en/images/general/query-builder-drag-and-drop.gif and b/en/images/general/query-builder-drag-and-drop.gif differ diff --git a/en/images/general/query-builder-keyboard-drag-and-drop.gif b/en/images/general/query-builder-keyboard-drag-and-drop.gif index 8bab49b1d7..7c20c21c5a 100644 Binary files a/en/images/general/query-builder-keyboard-drag-and-drop.gif and b/en/images/general/query-builder-keyboard-drag-and-drop.gif differ diff --git a/en/images/general/redX.png b/en/images/general/redX.png index ae748161d2..5be40a9263 100644 Binary files a/en/images/general/redX.png and b/en/images/general/redX.png differ diff --git a/en/images/grid_sizing/columns-150px-empty-area-v2.jpg b/en/images/grid_sizing/columns-150px-empty-area-v2.jpg index 4e37b23bde..cf9d82e3db 100644 Binary files a/en/images/grid_sizing/columns-150px-empty-area-v2.jpg and b/en/images/grid_sizing/columns-150px-empty-area-v2.jpg differ diff --git a/en/images/grid_sizing/columns-150px-extra-area-v2.jpg b/en/images/grid_sizing/columns-150px-extra-area-v2.jpg index 6d3542908c..82a970a38c 100644 Binary files a/en/images/grid_sizing/columns-150px-extra-area-v2.jpg and b/en/images/grid_sizing/columns-150px-extra-area-v2.jpg differ diff --git a/en/images/grid_sizing/columns-default-all-first-100px-v2.jpg b/en/images/grid_sizing/columns-default-all-first-100px-v2.jpg index a0a6b826a5..394ee209ba 100644 Binary files a/en/images/grid_sizing/columns-default-all-first-100px-v2.jpg and b/en/images/grid_sizing/columns-default-all-first-100px-v2.jpg differ diff --git a/en/images/grid_sizing/columns-default-all-min-136px-v2.jpg b/en/images/grid_sizing/columns-default-all-min-136px-v2.jpg index 0b49d86b95..42c4a4fc1b 100644 Binary files a/en/images/grid_sizing/columns-default-all-min-136px-v2.jpg and b/en/images/grid_sizing/columns-default-all-min-136px-v2.jpg differ diff --git a/en/images/grid_sizing/columns-default-all-row-selectors-v2.jpg b/en/images/grid_sizing/columns-default-all-row-selectors-v2.jpg index 3fa3a28438..444bb3e5db 100644 Binary files a/en/images/grid_sizing/columns-default-all-row-selectors-v2.jpg and b/en/images/grid_sizing/columns-default-all-row-selectors-v2.jpg differ diff --git a/en/images/grid_sizing/columns-default-first-rest-100px-v2.jpg b/en/images/grid_sizing/columns-default-first-rest-100px-v2.jpg index 7c2803dc37..23877507aa 100644 Binary files a/en/images/grid_sizing/columns-default-first-rest-100px-v2.jpg and b/en/images/grid_sizing/columns-default-first-rest-100px-v2.jpg differ diff --git a/en/images/grid_sizing/columns-default-first-rest-300px-v2.jpg b/en/images/grid_sizing/columns-default-first-rest-300px-v2.jpg index 91d492f287..29efc48382 100644 Binary files a/en/images/grid_sizing/columns-default-first-rest-300px-v2.jpg and b/en/images/grid_sizing/columns-default-first-rest-300px-v2.jpg differ diff --git a/en/images/grid_sizing/columns-default-gridWidth-null-v2.jpg b/en/images/grid_sizing/columns-default-gridWidth-null-v2.jpg index 1d00ba58bc..f08079ebbf 100644 Binary files a/en/images/grid_sizing/columns-default-gridWidth-null-v2.jpg and b/en/images/grid_sizing/columns-default-gridWidth-null-v2.jpg differ diff --git a/en/images/grid_sizing/columns-percent-100p-v2.jpg b/en/images/grid_sizing/columns-percent-100p-v2.jpg index ded053ed93..521dfc24a4 100644 Binary files a/en/images/grid_sizing/columns-percent-100p-v2.jpg and b/en/images/grid_sizing/columns-percent-100p-v2.jpg differ diff --git a/en/images/grid_sizing/columns-percent-bigger-100p-v2.jpg b/en/images/grid_sizing/columns-percent-bigger-100p-v2.jpg index d2b032a4a9..aff736b6ea 100644 Binary files a/en/images/grid_sizing/columns-percent-bigger-100p-v2.jpg and b/en/images/grid_sizing/columns-percent-bigger-100p-v2.jpg differ diff --git a/en/images/grid_sizing/columns-percent-gridWidth-null-v2.jpg b/en/images/grid_sizing/columns-percent-gridWidth-null-v2.jpg index d9f262db27..98dd70afc9 100644 Binary files a/en/images/grid_sizing/columns-percent-gridWidth-null-v2.jpg and b/en/images/grid_sizing/columns-percent-gridWidth-null-v2.jpg differ diff --git a/en/images/grid_sizing/columns-percent-less-100p-v2.jpg b/en/images/grid_sizing/columns-percent-less-100p-v2.jpg index cdfe6da52f..a9a0d22c27 100644 Binary files a/en/images/grid_sizing/columns-percent-less-100p-v2.jpg and b/en/images/grid_sizing/columns-percent-less-100p-v2.jpg differ diff --git a/en/images/grid_sizing/height-500px-14rows-v2.jpg b/en/images/grid_sizing/height-500px-14rows-v2.jpg index 92c8ae4912..f18c02379b 100644 Binary files a/en/images/grid_sizing/height-500px-14rows-v2.jpg and b/en/images/grid_sizing/height-500px-14rows-v2.jpg differ diff --git a/en/images/grid_sizing/height-500px-4rows-v2.jpg b/en/images/grid_sizing/height-500px-4rows-v2.jpg index 9809ad0d87..78daf65f1e 100644 Binary files a/en/images/grid_sizing/height-500px-4rows-v2.jpg and b/en/images/grid_sizing/height-500px-4rows-v2.jpg differ diff --git a/en/images/grid_sizing/height-700px-14rows-parent-noscroll-v2.jpg b/en/images/grid_sizing/height-700px-14rows-parent-noscroll-v2.jpg index cfd248d6fa..03a1d45247 100644 Binary files a/en/images/grid_sizing/height-700px-14rows-parent-noscroll-v2.jpg and b/en/images/grid_sizing/height-700px-14rows-parent-noscroll-v2.jpg differ diff --git a/en/images/grid_sizing/height-700px-14rows-parent-scroll-v2.jpg b/en/images/grid_sizing/height-700px-14rows-parent-scroll-v2.jpg index b0b2ad10eb..dab9bda1c8 100644 Binary files a/en/images/grid_sizing/height-700px-14rows-parent-scroll-v2.jpg and b/en/images/grid_sizing/height-700px-14rows-parent-scroll-v2.jpg differ diff --git a/en/images/grid_sizing/height-null-14rows-v2.jpg b/en/images/grid_sizing/height-null-14rows-v2.jpg index 96c01bebb1..7724e7dea6 100644 Binary files a/en/images/grid_sizing/height-null-14rows-v2.jpg and b/en/images/grid_sizing/height-null-14rows-v2.jpg differ diff --git a/en/images/grid_sizing/height-null-24row-parent-scroll-v2.jpg b/en/images/grid_sizing/height-null-24row-parent-scroll-v2.jpg index 6e20dfc25b..1a80d47832 100644 Binary files a/en/images/grid_sizing/height-null-24row-parent-scroll-v2.jpg and b/en/images/grid_sizing/height-null-24row-parent-scroll-v2.jpg differ diff --git a/en/images/grid_sizing/height-null-24rows-parent-noscroll-v2.jpg b/en/images/grid_sizing/height-null-24rows-parent-noscroll-v2.jpg index 4cfa8113e6..7229c3f146 100644 Binary files a/en/images/grid_sizing/height-null-24rows-parent-noscroll-v2.jpg and b/en/images/grid_sizing/height-null-24rows-parent-noscroll-v2.jpg differ diff --git a/en/images/grid_sizing/height-null-24rows-parent-noscroll.jpg b/en/images/grid_sizing/height-null-24rows-parent-noscroll.jpg index 4b600659ad..40e9a27bdf 100644 Binary files a/en/images/grid_sizing/height-null-24rows-parent-noscroll.jpg and b/en/images/grid_sizing/height-null-24rows-parent-noscroll.jpg differ diff --git a/en/images/grid_sizing/height-null-24rows-parent-scroll-v2.jpg b/en/images/grid_sizing/height-null-24rows-parent-scroll-v2.jpg index 5eddbd77f2..936fb85dbe 100644 Binary files a/en/images/grid_sizing/height-null-24rows-parent-scroll-v2.jpg and b/en/images/grid_sizing/height-null-24rows-parent-scroll-v2.jpg differ diff --git a/en/images/grid_sizing/height-null-24rows-v2.jpg b/en/images/grid_sizing/height-null-24rows-v2.jpg index cee66e7c00..ed235db0df 100644 Binary files a/en/images/grid_sizing/height-null-24rows-v2.jpg and b/en/images/grid_sizing/height-null-24rows-v2.jpg differ diff --git a/en/images/grid_sizing/height-percent-100-parent-100-v2.jpg b/en/images/grid_sizing/height-percent-100-parent-100-v2.jpg index beb41395d3..aa2bf64ac9 100644 Binary files a/en/images/grid_sizing/height-percent-100-parent-100-v2.jpg and b/en/images/grid_sizing/height-percent-100-parent-100-v2.jpg differ diff --git a/en/images/grid_sizing/height-percent-100-parent-800px-v2.jpg b/en/images/grid_sizing/height-percent-100-parent-800px-v2.jpg index 184a7c1162..c57bec8329 100644 Binary files a/en/images/grid_sizing/height-percent-100-parent-800px-v2.jpg and b/en/images/grid_sizing/height-percent-100-parent-800px-v2.jpg differ diff --git a/en/images/grid_sizing/height-percent-130p-parent-noscroll-v2.jpg b/en/images/grid_sizing/height-percent-130p-parent-noscroll-v2.jpg index d74527479e..44b78b0efe 100644 Binary files a/en/images/grid_sizing/height-percent-130p-parent-noscroll-v2.jpg and b/en/images/grid_sizing/height-percent-130p-parent-noscroll-v2.jpg differ diff --git a/en/images/grid_sizing/height-percent-130p-parent-scroll-v2.jpg b/en/images/grid_sizing/height-percent-130p-parent-scroll-v2.jpg index da6833b89d..0707dcbe08 100644 Binary files a/en/images/grid_sizing/height-percent-130p-parent-scroll-v2.jpg and b/en/images/grid_sizing/height-percent-130p-parent-scroll-v2.jpg differ diff --git a/en/images/grid_sizing/height-undefined-14rows-v2.jpg b/en/images/grid_sizing/height-undefined-14rows-v2.jpg index 83b97f59df..5f835859a7 100644 Binary files a/en/images/grid_sizing/height-undefined-14rows-v2.jpg and b/en/images/grid_sizing/height-undefined-14rows-v2.jpg differ diff --git a/en/images/grid_sizing/height-undefined-7rows-v2.jpg b/en/images/grid_sizing/height-undefined-7rows-v2.jpg index 2a7e92367b..c5178369c1 100644 Binary files a/en/images/grid_sizing/height-undefined-7rows-v2.jpg and b/en/images/grid_sizing/height-undefined-7rows-v2.jpg differ diff --git a/en/images/grid_sizing/hgrid-height-percentages-v2.jpg b/en/images/grid_sizing/hgrid-height-percentages-v2.jpg index ea8be998a8..1548e762ef 100644 Binary files a/en/images/grid_sizing/hgrid-height-percentages-v2.jpg and b/en/images/grid_sizing/hgrid-height-percentages-v2.jpg differ diff --git a/en/images/grid_sizing/hgrid-width-percentages-v2.jpg b/en/images/grid_sizing/hgrid-width-percentages-v2.jpg index a574fed35a..8abffe2aa6 100644 Binary files a/en/images/grid_sizing/hgrid-width-percentages-v2.jpg and b/en/images/grid_sizing/hgrid-width-percentages-v2.jpg differ diff --git a/en/images/grid_sizing/width-cols-scroll-parent-noscroll-v2.jpg b/en/images/grid_sizing/width-cols-scroll-parent-noscroll-v2.jpg index bed736a8f2..01125b5177 100644 Binary files a/en/images/grid_sizing/width-cols-scroll-parent-noscroll-v2.jpg and b/en/images/grid_sizing/width-cols-scroll-parent-noscroll-v2.jpg differ diff --git a/en/images/grid_sizing/width-cols-scroll-parent-scroll-v2.jpg b/en/images/grid_sizing/width-cols-scroll-parent-scroll-v2.jpg index e86ce5d26a..9ddd36ccaa 100644 Binary files a/en/images/grid_sizing/width-cols-scroll-parent-scroll-v2.jpg and b/en/images/grid_sizing/width-cols-scroll-parent-scroll-v2.jpg differ diff --git a/en/images/grid_sizing/width-cols-scrollbar-v2.jpg b/en/images/grid_sizing/width-cols-scrollbar-v2.jpg index 34a4a85c3e..b99b0eab0a 100644 Binary files a/en/images/grid_sizing/width-cols-scrollbar-v2.jpg and b/en/images/grid_sizing/width-cols-scrollbar-v2.jpg differ diff --git a/en/images/grid_sizing/width-null-no-scroll-v2.jpg b/en/images/grid_sizing/width-null-no-scroll-v2.jpg index 320ff604cd..64e0fabf9a 100644 Binary files a/en/images/grid_sizing/width-null-no-scroll-v2.jpg and b/en/images/grid_sizing/width-null-no-scroll-v2.jpg differ diff --git a/en/images/grid_sizing/width-null-parent-scroll-v2.jpg b/en/images/grid_sizing/width-null-parent-scroll-v2.jpg index f0f182a76c..291b7b4f40 100644 Binary files a/en/images/grid_sizing/width-null-parent-scroll-v2.jpg and b/en/images/grid_sizing/width-null-parent-scroll-v2.jpg differ diff --git a/en/images/grid_sizing/width-null-scroll-v2.jpg b/en/images/grid_sizing/width-null-scroll-v2.jpg index c9d669f2a3..d61bcf5f02 100644 Binary files a/en/images/grid_sizing/width-null-scroll-v2.jpg and b/en/images/grid_sizing/width-null-scroll-v2.jpg differ diff --git a/en/images/grid_sizing/width-percent-100p-v2.jpg b/en/images/grid_sizing/width-percent-100p-v2.jpg index 0a09612fa8..e97bca3d6b 100644 Binary files a/en/images/grid_sizing/width-percent-100p-v2.jpg and b/en/images/grid_sizing/width-percent-100p-v2.jpg differ diff --git a/en/images/grid_sizing/width-percent-150p-parent-noscroll-v2.jpg b/en/images/grid_sizing/width-percent-150p-parent-noscroll-v2.jpg index 4ed0bcc2c5..45655eb723 100644 Binary files a/en/images/grid_sizing/width-percent-150p-parent-noscroll-v2.jpg and b/en/images/grid_sizing/width-percent-150p-parent-noscroll-v2.jpg differ diff --git a/en/images/grid_sizing/width-percent-150p-parent-scroll-v2.jpg b/en/images/grid_sizing/width-percent-150p-parent-scroll-v2.jpg index 4721fb633e..5b18d86cc1 100644 Binary files a/en/images/grid_sizing/width-percent-150p-parent-scroll-v2.jpg and b/en/images/grid_sizing/width-percent-150p-parent-scroll-v2.jpg differ diff --git a/en/images/grid_sizing/width-percent-parent-100p-v2.jpg b/en/images/grid_sizing/width-percent-parent-100p-v2.jpg index 1a21acb942..4621017954 100644 Binary files a/en/images/grid_sizing/width-percent-parent-100p-v2.jpg and b/en/images/grid_sizing/width-percent-parent-100p-v2.jpg differ diff --git a/en/images/hgrid-database.jpg b/en/images/hgrid-database.jpg index bf1a3bb3d1..6c33bf2816 100644 Binary files a/en/images/hgrid-database.jpg and b/en/images/hgrid-database.jpg differ diff --git a/en/images/marketing/grid-cell-row-selection.gif b/en/images/marketing/grid-cell-row-selection.gif index a7d5b0514a..7b2c1eee95 100644 Binary files a/en/images/marketing/grid-cell-row-selection.gif and b/en/images/marketing/grid-cell-row-selection.gif differ diff --git a/en/images/marketing/grid-column-animations.gif b/en/images/marketing/grid-column-animations.gif index 08bba608a5..81b5eddda0 100644 Binary files a/en/images/marketing/grid-column-animations.gif and b/en/images/marketing/grid-column-animations.gif differ diff --git a/en/images/marketing/grid-column-moving.gif b/en/images/marketing/grid-column-moving.gif index 09a0c4657f..335c739b03 100644 Binary files a/en/images/marketing/grid-column-moving.gif and b/en/images/marketing/grid-column-moving.gif differ diff --git a/en/images/marketing/grid-column-options-dialog.jpg b/en/images/marketing/grid-column-options-dialog.jpg index 1407876588..6b2b65d8a0 100644 Binary files a/en/images/marketing/grid-column-options-dialog.jpg and b/en/images/marketing/grid-column-options-dialog.jpg differ diff --git a/en/images/marketing/grid-column-pinning.jpg b/en/images/marketing/grid-column-pinning.jpg index 5001cd332d..1cefc6e98c 100644 Binary files a/en/images/marketing/grid-column-pinning.jpg and b/en/images/marketing/grid-column-pinning.jpg differ diff --git a/en/images/marketing/grid-column-resizing.gif b/en/images/marketing/grid-column-resizing.gif index 8c60e71f8e..d5eb65670b 100644 Binary files a/en/images/marketing/grid-column-resizing.gif and b/en/images/marketing/grid-column-resizing.gif differ diff --git a/en/images/marketing/grid-column-sorting.gif b/en/images/marketing/grid-column-sorting.gif index 4182599512..22716b88ac 100644 Binary files a/en/images/marketing/grid-column-sorting.gif and b/en/images/marketing/grid-column-sorting.gif differ diff --git a/en/images/marketing/grid-column-summaries.jpg b/en/images/marketing/grid-column-summaries.jpg index 19ac8be46c..ce5c7a35ae 100644 Binary files a/en/images/marketing/grid-column-summaries.jpg and b/en/images/marketing/grid-column-summaries.jpg differ diff --git a/en/images/marketing/grid-column-types.jpg b/en/images/marketing/grid-column-types.jpg index 36be4e865b..2015367e42 100644 Binary files a/en/images/marketing/grid-column-types.jpg and b/en/images/marketing/grid-column-types.jpg differ diff --git a/en/images/marketing/grid-filtering.jpg b/en/images/marketing/grid-filtering.jpg index 733c8a0710..53ccea54a2 100644 Binary files a/en/images/marketing/grid-filtering.jpg and b/en/images/marketing/grid-filtering.jpg differ diff --git a/en/images/marketing/grid-keyboard-navigation.gif b/en/images/marketing/grid-keyboard-navigation.gif index cba2034398..7e19c98fb6 100644 Binary files a/en/images/marketing/grid-keyboard-navigation.gif and b/en/images/marketing/grid-keyboard-navigation.gif differ diff --git a/en/images/marketing/grid-paging.jpg b/en/images/marketing/grid-paging.jpg index 7aed579574..64e5eb4f82 100644 Binary files a/en/images/marketing/grid-paging.jpg and b/en/images/marketing/grid-paging.jpg differ diff --git a/en/images/marketing/grid-row-column-grouping.gif b/en/images/marketing/grid-row-column-grouping.gif index d2623c2b82..2695c503f8 100644 Binary files a/en/images/marketing/grid-row-column-grouping.gif and b/en/images/marketing/grid-row-column-grouping.gif differ diff --git a/en/images/marketing/grid-row-pinning.gif b/en/images/marketing/grid-row-pinning.gif index 8e4b9bafdf..ba6189bcd8 100644 Binary files a/en/images/marketing/grid-row-pinning.gif and b/en/images/marketing/grid-row-pinning.gif differ diff --git a/en/images/marketing/ignite-ui-blazor-cta-banner-2.png b/en/images/marketing/ignite-ui-blazor-cta-banner-2.png index d5861b8f72..95ecce4121 100644 Binary files a/en/images/marketing/ignite-ui-blazor-cta-banner-2.png and b/en/images/marketing/ignite-ui-blazor-cta-banner-2.png differ diff --git a/en/images/marketing/ignite-ui-for-blazor.gif b/en/images/marketing/ignite-ui-for-blazor.gif index 726c26030e..0848f43491 100644 Binary files a/en/images/marketing/ignite-ui-for-blazor.gif and b/en/images/marketing/ignite-ui-for-blazor.gif differ diff --git a/en/images/marketing/ignite-ui-for-react.gif b/en/images/marketing/ignite-ui-for-react.gif index dce93ccba6..5e5847bf1d 100644 Binary files a/en/images/marketing/ignite-ui-for-react.gif and b/en/images/marketing/ignite-ui-for-react.gif differ diff --git a/en/images/marketing/ignite-ui-react-cta-banner-2.png b/en/images/marketing/ignite-ui-react-cta-banner-2.png index a7901652a4..e1b7790a3e 100644 Binary files a/en/images/marketing/ignite-ui-react-cta-banner-2.png and b/en/images/marketing/ignite-ui-react-cta-banner-2.png differ diff --git a/en/images/marketing/ignite-ui-web-components-cta-banner-2.png b/en/images/marketing/ignite-ui-web-components-cta-banner-2.png index ea538fbf53..c6c26e8eff 100644 Binary files a/en/images/marketing/ignite-ui-web-components-cta-banner-2.png and b/en/images/marketing/ignite-ui-web-components-cta-banner-2.png differ diff --git a/en/images/multi-row-layout-1.png b/en/images/multi-row-layout-1.png index f854e844b7..54c884bf24 100644 Binary files a/en/images/multi-row-layout-1.png and b/en/images/multi-row-layout-1.png differ diff --git a/en/images/open-source-text.png b/en/images/open-source-text.png index b64ea93b6d..aaf6e205dc 100644 Binary files a/en/images/open-source-text.png and b/en/images/open-source-text.png differ diff --git a/en/images/premium-text.png b/en/images/premium-text.png index 51b73d0438..36bac8c726 100644 Binary files a/en/images/premium-text.png and b/en/images/premium-text.png differ diff --git a/en/images/readme/ig-banner.png b/en/images/readme/ig-banner.png index d1535bb811..2325a9a9c7 100644 Binary files a/en/images/readme/ig-banner.png and b/en/images/readme/ig-banner.png differ diff --git a/en/images/stepper/stepper-contentTop.png b/en/images/stepper/stepper-contentTop.png index a17b6e5109..f18a8945aa 100644 Binary files a/en/images/stepper/stepper-contentTop.png and b/en/images/stepper/stepper-contentTop.png differ diff --git a/en/images/stepper/stepper-step.png b/en/images/stepper/stepper-step.png index 4b19780dcc..37495bdd83 100644 Binary files a/en/images/stepper/stepper-step.png and b/en/images/stepper/stepper-step.png differ diff --git a/en/images/tile-manager-actions.png b/en/images/tile-manager-actions.png index 090e10c5ad..fbe46b91c6 100644 Binary files a/en/images/tile-manager-actions.png and b/en/images/tile-manager-actions.png differ diff --git a/en/images/toolbar_icons.png b/en/images/toolbar_icons.png index 84076ee367..e35c52b607 100644 Binary files a/en/images/toolbar_icons.png and b/en/images/toolbar_icons.png differ diff --git a/en/images/unfold_less_icon_screenshot.jpg b/en/images/unfold_less_icon_screenshot.jpg index e3aaf75189..8de5c50592 100644 Binary files a/en/images/unfold_less_icon_screenshot.jpg and b/en/images/unfold_less_icon_screenshot.jpg differ diff --git a/en/images/wc-live-server.jpg b/en/images/wc-live-server.jpg index a009183afa..92875c05a7 100644 Binary files a/en/images/wc-live-server.jpg and b/en/images/wc-live-server.jpg differ diff --git a/en/images/wc-project.jpg b/en/images/wc-project.jpg index 0f1f87422e..feb0ee592f 100644 Binary files a/en/images/wc-project.jpg and b/en/images/wc-project.jpg differ diff --git a/jp/components/action-strip.md b/jp/components/action-strip.md index b286580c8f..d70a70b818 100644 --- a/jp/components/action-strip.md +++ b/jp/components/action-strip.md @@ -78,6 +78,9 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; export class HomeComponent {} ``` +> [!NOTE] +> このコンポーネントはマテリアル アイコンを使用します。`index.html` に次のリンクを追加してください: `` + Ignite UI for Angular Action Strip モジュールまたはディレクティブをインポートしたので、`igx-action-strip` コンポーネントの基本構成を開始できます。 ## Angular Action Strip コンポーネントの使用 diff --git a/jp/components/ai/ai-assisted-development-overview.md b/jp/components/ai/ai-assisted-development-overview.md new file mode 100644 index 0000000000..cf70613e0f --- /dev/null +++ b/jp/components/ai/ai-assisted-development-overview.md @@ -0,0 +1,184 @@ +--- +title: Ignite UI を使用した AI 支援開発 - Ignite UI for Angular +_description: Ignite UI は、エージェント スキル、Ignite UI CLI MCP サーバー、Theming MCP サーバーを提供し、Angular、React、Web Components 向けに AI コーディング アシスタントを正確なコンポーネント API、インポート パス、デザイン トークンで補完します。 +_keywords: Angular, Ignite UI for Angular, Infragistics, MCP, Model Context Protocol, Ignite UI CLI MCP, Ignite UI Theming MCP, エージェント スキル, AI, エージェント, Copilot, Cursor +_language: ja +_license: MIT +_canonicalLink: "{environment:dvUrl}/components/ai/ai-assisted-development-overview" +last_updated: "2026-04-21" +namespace: Infragistics.Controls +mentionedTypes: [] +--- + + + +# Ignite UI を使用した AI 支援開発 + +Ignite UI for Angular、React、Web Components は、エージェント スキル、Ignite UI CLI MCP サーバー、Ignite UI Theming MCP サーバーの 3 部構成の AI ツールチェーンを提供します。これにより、AI コーディング アシスタントが正確なコンポーネント API、インポート パス、デザイン トークンを使用できます。エージェント スキルは、開発者が所有するインストラクション パッケージで、特定のプロジェクトで AI エージェントが Ignite UI を使用する方法を定義します。CLI MCP サーバーは、Model Context Protocol を通じてアクティブな AI エージェント セッションに Ignite UI CLI スキャフォールディング、コンポーネント管理、ドキュメント ツールを公開します。Theming MCP サーバーは、Ignite UI Theming Engine をクエリ可能なエージェント コンテキストとして公開します。3 つのコンポーネントはすべて、GitHub Copilot、Cursor、Claude Desktop、Claude Code、JetBrains AI Assistant と連携します。 + +AI ツールチェーンは、現在、CLI MCP とエージェント スキル レイヤーでの Blazor をサポートしていません。Blazor のカバレッジは Theming MCP のみで提供されます。CLI MCP サーバーは STDIO トランスポートを必要とします。HTTP ベースの MCP クライアントはサポートされていません。エージェント スキルと CLI MCP サーバーは、プロジェクト ファイルを自律的に変更しません。開発者のプロンプトに応じてアクティブな AI エージェントにツールとインストラクションを公開します。 + +## AI ツールチェーンの概要 + +Ignite UI の AI ツールチェーンは、独立して使用可能な 3 つのレイヤーで構成されています。各レイヤーは単独で有効化でき、連携して動作するように設計されています。 + +| レイヤー | 提供内容 | オーナー | フレームワーク | +| --------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ------------ | -------------------------------------- | +| エージェント スキル | 開発者所有のインストラクション パッケージ: インポート パス、コンポーネント パターン、デシジョン フロー、プロジェクト規約 | 開発者 | Angular、React、Web Components、Blazor | +| CLI MCP サーバー (`igniteui-cli`) | MCP 経由のプロジェクト スキャフォールディング、コンポーネント管理、ドキュメントと API クエリ | Infragistics | Angular、React、Web Components | +| Theming MCP サーバー (`igniteui-theming`) | デザイン トークン、パレット定義、CSS カスタム プロパティ生成、WCAG AA コントラスト検証 | Infragistics | Angular、React、Web Components、Blazor | + +CLI MCP サーバーと Theming MCP サーバーはいずれも `npx` 経由で起動し、STDIO トランスポートを通じて任意の MCP 互換クライアントに接続します。エージェント スキルは、AI クライアントがディスクから読み取るプロジェクトに配置されたローカル ファイルです。 + +## エージェント スキル + +エージェント スキルは、特定のフレームワークで Ignite UI を使用する方法を AI コーディング アシスタントに正確に伝える、構造化された開発者所有のパッケージです。スキル パッケージには、コンポーネント パターン、インポート パス、デシジョン フローを含む `SKILL.md` インストラクション ファイル、公式の Ignite UI ドキュメントへの参照、スキーマ ファイルやダイアグラムなどのアセットを含めることができます。スキルが AI クライアントでアクティブな場合、エージェントは一般的なトレーニング データではなくスキルに従います。一般的なトレーニング データは古い API シグネチャやインポート パスを参照している可能性があります。 + +Ignite UI は Angular、React、Web Components、Blazor 向けの専用スキル パッケージを同梱しています。スキル パッケージは開発者が所有します: `SKILL.md` を編集してチームの規約に合わせ、プロジェクト固有のパターンを追加し、内部デザイン システムを参照し、コードベースと共にパッケージをバージョン管理してください。 + +完全なセットアップ手順と IDE の設定については、[エージェント スキル](skills.md)を参照してください。 + +## CLI MCP サーバー + +Ignite UI CLI MCP サーバー (`igniteui-cli`) は、Infragistics が管理する MCP サーバーで、アクティブな AI エージェント セッションに Ignite UI CLI スキャフォールディングとドキュメント ツールを公開します。接続すると、AI アシスタントはチャット セッション内の自然言語プロンプトを通じて、Angular、React、Web Components プロジェクトの作成、Ignite UI コンポーネントの追加と変更、ドキュメントと API の質問に回答できます。 + +CLI MCP サーバーはグローバル インストールなしに `npx` 経由で起動します: + +```bash +npx -y igniteui-cli mcp +``` + +このサーバーは、VS Code with GitHub Copilot、GitHub Copilot クラウド エージェント、Cursor、Claude Desktop、Claude Code、JetBrains AI Assistant、および STDIO トランスポートをサポートする他の MCP 互換クライアントに接続します。設定形式はクライアントによって異なります。以下の CLI MCP セットアップ ガイドを参照してください。 + +CLI MCP サーバーは Blazor をサポートしていません。コードを自律的に生成しません。開発者のプロンプトに応じて AI エージェントにツールを公開します。 + +## Theming MCP サーバー + +Ignite UI Theming MCP サーバー (`igniteui-theming`) は、Ignite UI Theming Engine をクエリ可能なエージェント コンテキストとして公開する別の MCP サーバーです。デザイン トークン アクセス、パレット定義、CSS カスタム プロパティ生成、WCAG AA コントラスト検証をカバーします。CLI MCP サーバーとはアーキテクチャ的に分離されており、プロジェクト スキャフォールディング ツールを公開せずに AI エージェントにテーマ ツールへのアクセスを提供するために独立して接続できます。 + +Theming MCP サーバーは `npx` 経由で起動します: + +```bash +npx -y igniteui-theming igniteui-theming-mcp +``` + +Theming MCP サーバーは Angular、React、Web Components、Blazor をサポートしています。Ignite UI のリリースごとに更新されるため、エージェントは常に現在のトークン サーフェスに対して動作します。 + +設定の詳細については、[Theming MCP](theming-mcp.md) を参照してください。 + +## サポートされている AI クライアント + +CLI MCP サーバーと Theming MCP サーバーは、STDIO トランスポートで MCP をサポートする任意のエディターまたは AI クライアントで動作します。 + +| クライアント | 設定方法 | +| --------------------------- | ----------------------------------------------------------------- | +| VS Code with GitHub Copilot | `.vscode/mcp.json` | +| Cursor | `.cursor/mcp.json` | +| Claude Desktop (macOS) | `~/Library/Application Support/Claude/claude_desktop_config.json` | +| Claude Desktop (Windows) | `%APPDATA%\Claude\claude_desktop_config.json` | +| Claude Code | `.mcp.json` または Claude Code MCP CLI コマンド | +| JetBrains AI Assistant | **ツール → AI Assistant → Model Context Protocol (MCP)** | + +エージェント スキルは、GitHub Copilot では `.github/copilot-instructions.md`、Cursor では `.cursorrules` または `.cursor/rules/`、Windsurf では `.windsurfrules`、JetBrains AI Assistant ではプロジェクト レベルのプロンプト設定と互換性があります。 + +## AI ツールチェーンのセットアップ + +`ig ai-config` を使用して、1 つのコマンドでエージェント スキルと両方の MCP サーバーを設定します。各レイヤーを個別に制御する場合、または既存のプロジェクトでツールチェーンの一部のみを設定する場合は、以下の手順に従ってください。`ig ai-config` を実行すると、1 回の操作でステップ 1、2、3 が完了します。 + +### クイック セットアップ + +`ai-config` コマンドは、Ignite UI エージェント スキルを `.claude/skills/` にコピーし、Ignite UI MCP サーバー設定を `.vscode/mcp.json` に書き込みます。ファイルが既に存在し、最新の状態であれば、このコマンドは何もしません。 + +**Angular Schematics を使用する場合:** + +```bash +ng generate @igniteui/angular-schematics:ai-config +``` + +これにより、Ignite UI サーバーと共に `@angular/cli` MCP サーバーも `.vscode/mcp.json` に登録されます。 + +**Ignite UI CLI を使用する場合:** + +```bash +npx igniteui-cli ai-config +``` + +Ignite UI CLI がグローバルにインストールされている場合は、短縮形を使用します: + +```bash +ig ai-config +``` + +> [!NOTE] +> `npx igniteui-cli` と `ig` 形式は `@angular/cli` MCP サーバーを登録しません。1 回の操作で 3 つのサーバーをすべて設定する場合は、上記の Angular Schematics コマンドを使用してください。 + +> [!NOTE] +> このコマンドには、プロジェクトに Ignite UI パッケージがインストールされている必要があります (`npm install`)。スキル ファイルが見つからない場合は、パッケージが最新の状態であることを確認してください。 + +### ステップ 1 — エージェント スキルのロード + +フレームワーク用の Ignite UI スキル パッケージをプロジェクトのエージェント検出パスにコピーします。スキル パッケージは `node_modules/igniteui-{framework}/skills/` のライブラリと共に同梱されています。使用しているクライアントの永続的なセットアップを使用して IDE に接続します。 + +完全なセットアップについては、[エージェント スキル](skills.md) を参照してください。 + +### ステップ 2 — CLI MCP サーバーへの接続 + +AI クライアントの設定ファイルに `igniteui-cli` MCP サーバー エントリを追加します。クライアントに合った JSON 構造を使用します: + +**VS Code (`.vscode/mcp.json`):** + +```json +{ + "servers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"] + } + } +} +``` + +**Cursor、Claude Desktop、Claude Code、JetBrains、その他の MCP クライアント:** + +```json +{ + "mcpServers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"] + } + } +} +``` + +VS Code、GitHub、Cursor、Claude Desktop、Claude Code、JetBrains、その他の MCP 互換クライアントを含む完全なセットアップ ガイドについては、[CLI MCP](cli-mcp.md) を参照してください。 + +### ステップ 3 — Theming MCP サーバーへの接続 (オプション) + +`igniteui-cli` と並べて同じ MCP 設定ファイルに `igniteui-theming` エントリを追加します: + +```json +{ + "servers": { + "igniteui-theming": { + "command": "npx", + "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"] + } + } +} +``` + +設定の詳細とテーマ ワークフローについては、[Theming MCP](theming-mcp.md) を参照してください。 + +## その他のリソース + +- [エージェント スキル](./skills.md) +- [Ignite UI CLI MCP](./cli-mcp.md) +- [Ignite UI Theming MCP](./theming-mcp.md) + + + +コミュニティは常に活気があり、新しいアイデアを歓迎しています。 + +- [Ignite UI for Angular **フォーラム** (英語)](https://www.infragistics.com/community/forums/f/ignite-ui-for-angular) +- [Ignite UI for Angular **GitHub** (英語)](https://github.com/IgniteUI/igniteui-angular) diff --git a/jp/components/ai/cli-mcp.md b/jp/components/ai/cli-mcp.md new file mode 100644 index 0000000000..7c56af7367 --- /dev/null +++ b/jp/components/ai/cli-mcp.md @@ -0,0 +1,421 @@ +--- +title: Angular Ignite UI CLI MCP | Infragistics +_description: Ignite UI CLI MCP を AI クライアントに接続して、Ignite UI for Angular のプロジェクト スキャフォールディング、既存アプリの変更、コンポーネントの作成と更新、ドキュメントの質問に対応します。VS Code、GitHub、Cursor、Claude Desktop、Claude Code、JetBrains、その他の MCP クライアントのセットアップ オプションをご覧ください。 +_keywords: Angular, Ignite UI for Angular, Infragistics, Ignite UI CLI MCP, Ignite UI Theming MCP, MCP, Model Context Protocol, AI, エージェント, GitHub Copilot, Cursor, Claude, JetBrains +_language: ja +_license: MIT +_canonicalLink: "{environment:dvUrl}/components/ai/cli-mcp" +namespace: Infragistics.Controls +mentionedTypes: [] +last_updated: "2026-04-21" +--- + + + +# Ignite UI CLI MCP + +Ignite UI CLI MCP は Model Context Protocol (MCP) サーバーで、AI アシスタントが Ignite UI for Angular アプリケーションのプロジェクト スキャフォールディング、既存アプリの変更、コンポーネントの作成と更新、ドキュメントへの質問に対応できるようにします。Ignite UI CLI MCP をエディター、GitHub リポジトリ、またはデスクトップ AI クライアントに接続して、行いたいことを説明すると、アシスタントが CLI ツールを代わりに操作します。
+ + + +## 概要 + +Ignite UI CLI MCP は、チャットまたはエージェント モードを通じて Ignite UI CLI プロジェクト スキャフォールディング、コンポーネント生成、プロジェクト変更、ドキュメント対応ワークフローへの直接アクセスを AI アシスタントに提供します。サーバーは Ignite UI Theming MCP と連携して動作します。CLI MCP はプロジェクトとコンポーネントのワークフローを担当し、Theming MCP はパレット、テーマ、トークン、スタイリングを担当します。ほとんどのチームは、同じ AI クライアント セッションで両方のサーバーを接続します。 + +推奨されるセットアップ パスは、最初に Ignite UI CLI を使用することです。このパスでは、プロジェクトの作成、必要なパッケージのインストール、VS Code 用の初期 MCP 設定の書き込みが行われます。空のフォルダーから開始して、アシスタントに MCP 経由でプロジェクトを作成させることも、既存のプロジェクトに MCP を接続することもできます。 + +**接続後に試せるプロンプト例:** + +> _「このフォルダーに新しい Ignite UI for Angular プロジェクトを作成し、推奨のデフォルト設定を使用して、サンプル データを含むスターター ダッシュボード ページを追加してください。」_ + +> _「このプロジェクトに新しいグリッド ページを追加し、サンプル データに接続して、現在のナビゲーション構造を維持してください。」_ + +> _「コンボ コンポーネントが公開するプロパティとイベント、および検索可能なドロップダウンに最も役立つものを教えてください。」_ + +> _「既存のプロジェクトを更新してサイド ナビゲーション レイアウトを追加し、現在のページとルートを保持してください。」_ + +## 前提条件 + +MCP サーバーを設定する前に、以下のものが揃っていることを確認してください: + +- **Node.js** (v18 以降) のインストール — サーバー起動に使用する `npx` コマンドを提供します。 +- **MCP をサポートする AI クライアント** — 例: VS Code with GitHub Copilot、GitHub Copilot クラウド エージェント、Cursor、Claude Desktop、Claude Code、AI Assistant プラグインを使用した JetBrains IDE。 +- サーバーの初回起動時に `npx` パッケージ解決に必要なインターネット アクセス。 +- 以下のいずれかの開始点: + - 新しいプロジェクト用の空のフォルダー + - Ignite UI CLI で作成したプロジェクト + - 続けて作業したい既存の Ignite UI for Angular プロジェクト + +同じクライアント セッションでテーマ ツールが必要で、`igniteui-theming` がプロジェクトにまだない場合は、次のコマンドを実行します: + +```bash +npm install igniteui-theming +``` + +## AI クライアント向けの Ignite UI CLI MCP 設定 + +MCP サーバーは `npx` を通じて起動します。Node.js と `igniteui-cli` パッケージへのアクセス以外に、別途インストールする必要はありません。 + +標準の起動コマンドは次のとおりです: + +```bash +npx -y igniteui-cli mcp +``` + +> [!NOTE] +> `-y` フラグは `npx` にパッケージのダウンロード確認を自動承認するよう指示し、手動の操作なしにサーバーを起動できます。 + +### セットアップ パスの選択 + +Ignite UI CLI MCP を開始するには 3 つの方法があります: + +> **推奨 — CLI を先に使用** +> `ig new` または対応する `npx --package igniteui-cli igniteui new` コマンドを使用して、まず Ignite UI CLI でプロジェクトを作成します。Ignite UI CLI がプロジェクトをスキャフォールディングし、必要なパッケージをインストールし、VS Code 用の `.vscode/mcp.json` を自動的に書き込むため、これが最も簡単なセットアップです。その後は、生成された MCP 設定を確認して AI クライアントでプロジェクトを開くだけです。 + +> **空のフォルダー** +> 完全に空のフォルダーから開始し、MCP 設定を手動で追加してから、アシスタントにチャット経由でプロジェクトを作成するよう依頼します。このパスは、CLI を先に実行するのではなく MCP で最初からプロジェクト作成フローを主導したい場合に便利です。 + +> **既存のプロジェクト** +> すでにあるプロジェクトに MCP 設定を追加して、現在のコードベースで作業を継続します。`ig ai-config` (Angular プロジェクトの場合は `ng generate @igniteui/angular-schematics:ai-config`) を実行して、`.vscode/mcp.json` を書き込み、エージェント スキルをプロジェクトに自動的にコピーします。他の AI クライアントの場合は、以下のクライアント固有のセクションからサーバー エントリをコピーします。 + +3 つのパスすべてで同じ MCP サーバーを使用します。違いは、プロンプトを開始する前にプロジェクトをどのように準備するかだけです: + +- **CLI 先行** パスでは、Ignite UI CLI がプロジェクトを作成し、最初の MCP 設定を用意します +- **空のフォルダー** パスでは、先に MCP 設定を作成し、その後アシスタントにプロジェクトを作成させます +- **既存のプロジェクト** パスでは、`ig ai-config` を実行して `.vscode/mcp.json` を書き込み、エージェント スキルを自動的にコピーするか、他のクライアント向けに手動で設定を追加します + +どの場合も、MCP サーバーが接続されて AI クライアントに表示されれば、アシスタントは同じセッションで作業を継続できます。 + +最初に Ignite UI CLI でプロジェクトを作成する場合、次のいずれかの方法で CLI を実行できます: + +- **グローバル インストール** + + ```bash + npm install -g igniteui-cli + ``` + + これにより、どのターミナル セッションでも `ig` コマンドが使用できるようになります。定期的にプロジェクトを作成およびスキャフォールディングする予定であれば、最も明確な選択肢です。 + +- **グローバル インストールなし** + + ```bash + npx --package igniteui-cli igniteui new + ``` + + グローバルな `ig` コマンドの代わりに `npx` 経由で CLI を実行します。 + +**CLI 先行** パスでは、ガイド モードまたは直接コマンドでプロジェクトを作成できます。 + +利用可能なオプションを CLI が案内してくれるガイド モードを使用する場合: + +```bash +ig new +``` + +対応する `npx` 形式: + +```bash +npx --package igniteui-cli igniteui new +``` + +プロジェクト設定がわかっている場合は直接コマンドを使用します: + +```bash +ig new my-app --framework=angular --type=igx-ts --template=empty +``` + +対応する `npx` 形式: + +```bash +npx --package igniteui-cli igniteui new my-app --framework=angular --type=igx-ts --template=empty +``` + +ガイド モードでは、Ignite UI CLI がプロジェクト名、フレームワーク、テンプレート、テーマ、コンポーネントを追加するかセットアップを完了するかを確認します。直接モードでは、フレームワークとサポートされているオプションをコマンドで指定します。 + +プロジェクト テンプレート、CLI コマンド オプション、`ig add` などのコンポーネント スキャフォールディング コマンドの詳細については、Angular 向けの Ignite UI CLI ドキュメントを参照してください。 + +### VS Code + +VS Code の GitHub Copilot は、ワークスペース レベルの設定ファイルを通じて MCP サーバーをサポートします。プロジェクト ルートから `ig ai-config` (または `ng generate @igniteui/angular-schematics:ai-config`) を実行して、このファイルを自動的に生成します。手動で設定するには、プロジェクト ルートに `.vscode/mcp.json` を作成または編集します: + +```json +{ + "servers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"] + }, + "igniteui-theming": { + "command": "npx", + "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"] + } + } +} +``` + +最初に Ignite UI CLI でプロジェクトを作成した場合は、生成された `.vscode/mcp.json` を確認して両方のエントリが存在することを確認してください。 + +保存後、GitHub Copilot チャット パネルを開いて**エージェント** モードに切り替えると、Ignite UI CLI MCP ツールが利用可能になります。 + +> [!NOTE] +> VS Code での MCP サポートには GitHub Copilot と VS Code 1.99 以降が必要です。 + +### Cursor + +Cursor はプロジェクト スコープの MCP 設定をサポートします。プロジェクト ルートに `.cursor/mcp.json` を作成または編集します: + +```json +{ + "mcpServers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"] + }, + "igniteui-theming": { + "command": "npx", + "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"] + } + } +} +``` + +新しい Cursor チャット セッションを開くと、サーバーが自動的に検出されます。 + +> [!NOTE] +> Cursor の **Settings → MCP** からグローバルに MCP サーバーを設定することもできます。 + +### Claude Desktop + +サーバーを Claude Desktop 設定ファイルに追加します: + +- **macOS**: `~/Library/Application Support/Claude/claude_desktop_config.json` +- **Windows**: `%APPDATA%\Claude\claude_desktop_config.json` + +```json +{ + "mcpServers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"] + }, + "igniteui-theming": { + "command": "npx", + "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"] + } + } +} +``` + +保存後、Claude Desktop を再起動します。チャット入力エリアに MCP サーバー インジケーター (スライダー アイコン) が表示され、MCP ツールがアクティブであることが確認できます。 + +### Claude Code + +Claude Code は CLI と プロジェクト スコープの `.mcp.json` ファイルを通じて MCP サーバーをサポートします。チームと設定を共有するには、プロジェクト ルートに `.mcp.json` を作成または編集します: + +```json +{ + "mcpServers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"] + }, + "igniteui-theming": { + "command": "npx", + "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"] + } + } +} +``` + +ローカル環境のみの場合は、コマンドラインでサーバーを追加することもできます: + +```bash +claude mcp add igniteui-cli -- npx -y igniteui-cli mcp +claude mcp add igniteui-theming -- npx -y igniteui-theming igniteui-theming-mcp +``` + +Claude Code 内の `/mcp` コマンドを使用して、サーバーが接続されていることを確認します。 + +### JetBrains IDE + +JetBrains AI Assistant は IDE の設定から MCP サーバーをサポートします: + +1. **Settings** (macOS では **Preferences**) を開きます。 + +2. **Tools → AI Assistant → Model Context Protocol (MCP)** に移動します。 + +3. **+ Add** をクリックして **As JSON** を選択するか、フォーム フィールドを使用します。 + +4. 次の設定を入力します: + + ```json + { + "mcpServers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"] + }, + "igniteui-theming": { + "command": "npx", + "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"] + } + } + } + ``` + +5. **OK** をクリックして AI Assistant を再起動します。 + +> [!NOTE] +> MCP サポートには、JetBrains IDE に AI Assistant プラグインがインストールされ有効になっている必要があります。 + +### その他の MCP クライアント + +他の MCP 互換クライアントでは、次の起動コマンドで STDIO トランスポートを使用します: + +```bash +npx -y igniteui-cli mcp +npx -y igniteui-theming igniteui-theming-mcp +``` + +### GitHub + +GitHub Copilot クラウド エージェントは、リポジトリ レベルの MCP 設定をサポートします。リポジトリで以下の操作を行います: + +1. リポジトリのメイン ページを開きます。 +2. **Settings** をクリックします。 +3. サイドバーで **Copilot** → **Cloud agent** に移動します。 +4. **MCP configuration** セクションに JSON を貼り付けます。 +5. **Save** をクリックします。 + +次のようなリポジトリ設定を使用します: + +```json +{ + "mcpServers": { + "igniteui-cli": { + "type": "local", + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"], + "tools": ["*"] + }, + "igniteui-theming": { + "type": "local", + "command": "npx", + "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"], + "tools": ["*"] + } + } +} +``` + +このセットアップは、GitHub クラウド エージェントがリポジトリ コンテキストから直接 CLI MCP ツールと Theming MCP ツールを使用する場合に便利です。 + +## 利用可能なツール + +MCP サーバーはプロンプトに基づいて AI が自動的に使用するツール セットを公開します。これらのツールを直接呼び出す必要はありません。チャットで行いたいことを説明すると、アシスタントが適切なツールを選択します。この表は、作業を開始する前に何が利用可能かを確認するためのものです。 + +現在のパラメーターを含むライブリストを取得するには、次のように尋ねます: + +> _「Ignite UI CLI MCP が提供するツールは何ですか?」_ + +各ツールの概要: + +| ツール | 説明 | +| ------------------------ | ------------------------------------------------------------------------------------------------------------------ | +| `list_components` | フレームワーク向けの利用可能な Ignite UI コンポーネント ドキュメントをリスト表示します。名前、キーワード、サマリーに対する大文字と小文字を区別しない部分文字列検索のオプション キーワード フィルターを受け付けます。 | +| `get_doc` | kebab-case 名 (例: `grid-editing`、`combo-overview`) で特定のコンポーネント ドキュメントの完全な Markdown コンテンツを取得します。コード サンプル、テーブル、リンクを含みます。 | +| `search_docs` | フレームワークの Ignite UI ドキュメント全体をフル テキスト検索します。抜粋付きで最大 20 件のランク付き結果を返します。 | +| `get_project_setup_guide` | CLI の手順とインストール指示を含む、特定のフレームワークで新しいプロジェクトを作成するためのプロジェクト セットアップ ガイドを返します。 | +| `search_api` | Angular、React、Web Components 全体でキーワードまたはコンポーネント名で API エントリを検索します。 | +| `get_api_reference` | プロパティ、メソッド、イベントを含む特定のコンポーネントまたはクラスの完全な API リファレンスを返します。Angular、React、Web Components をサポートします。 | + +CLI MCP ツールは、大まかに次のことに役立ちます: + +- 新しいプロジェクトの作成 +- 既存のプロジェクトでの作業 +- コンポーネントの追加と変更 +- プロジェクト構造と設定の更新 +- ドキュメントと API に関する質問への回答 + +> [!NOTE] +> フレームワーク検出はコンポーネント プレフィックス: `for Angular`、`for React`、`for Web Components`、`for Blazor` を使用します。アシスタントは、開いているファイルまたはプロンプトのコンテキストから正しいフレームワークを自動的に検出します。 + +Theming サーバーは、同じクライアント セッションにスタイリング、テーマ、パレット、トークンのワークフローを追加します。 + +## 一般的なワークフロー + +次のセットアップ シナリオは、各開始点をいつ使用するかを示しています。 + +### CLI 先行のセットアップ + +最速のガイド付きセットアップが必要で、`.vscode/mcp.json` を自動生成したい場合は、まず Ignite UI CLI でプロジェクトを作成します。 + +シナリオ例: + +- _「まず Ignite UI CLI で新しいプロジェクトを作成し、生成されたプロジェクトを VS Code で開いて、MCP を使って続けたいです。」_ +- _「React プロジェクトが欲しいことがわかっているので、CLI で作成してから MCP を使ってページとコンポーネントを追加します。」_ + +### 空のフォルダーのセットアップ + +MCP 設定を追加した後にアシスタントにチャットからプロジェクトを作成させたい場合は、空のフォルダーから開始します。 + +シナリオ例: + +- _「完全に空のフォルダーがあり、MCP が接続されてからアシスタントにチャットでプロジェクト全体を作成させたいです。」_ +- _「Ignite UI CLI を先に手動で実行したくないので、MCP で最初のプロジェクト作成ステップを主導させます。」_ + +### 既存のプロジェクトのセットアップ + +現在のコードベースを維持しながら、プロジェクトの変更、コンポーネントの作業、ドキュメントの質問にアシスタントを使用したい場合は、既存のプロジェクトに MCP を接続します。 + +シナリオ例: + +- _「すでにプロジェクトがあり、アシスタントがページとコンポーネントを更新できるように MCP を追加するだけです。」_ +- _「プロジェクトはすでに存在しており、現在のコードベースで作業しながら主にドキュメントと API の質問をしたいです。」_ + +## トラブルシューティング + +**`npx` が認識されない** + +Node.js がインストールされていないか、現在のターミナル環境で使用できません。[nodejs.org](https://nodejs.org) から Node.js をインストールして、`node --version` で確認してください。 + +**`ig` が認識されない** + +グローバルな `ig` コマンドを使用する場合は、まず `npm install -g igniteui-cli` で Ignite UI CLI をインストールしてください。グローバル インストールを行わない場合は、代わりに `npx --package igniteui-cli igniteui ...` 形式を使用します。 + +**設定を保存した後、MCP ツールが表示されない** + +ワークスペースをリロードするか、エディターを再起動するか、AI クライアントを再起動してください。一部のクライアントでは、新しい MCP 設定ファイルを検出するために完全な再起動が必要です。 + +**1 つのサーバーが起動しない** + +設定の内容が、キー名と引数の順序を含めてサンプルと完全に一致していることを確認してください。 + +**プロジェクトは作成されたが、MCP 設定が VS Code のみ対応** + +Ignite UI CLI は CLI 先行パスで `.vscode/mcp.json` を書き込みます。Cursor、Claude Desktop、Claude Code、JetBrains、GitHub、または他の MCP クライアントを使用している場合は、そのクライアントの設定形式と場所に合わせて同じサーバー エントリをコピーしてください。 + +**アシスタントが間違ったフォルダーで作業している、またはプロジェクト ファイルが見つからない** + +AI クライアントがプロジェクト ルートを指していることを確認してください。エディター ベースのクライアントを使用している場合は、プロジェクト ルート フォルダーを開きます。デスクトップまたはチャット ファーストのクライアントを使用している場合は、正しいプロジェクト フォルダーをセッション コンテキストとして利用できるようにします。 + +**空のフォルダーのセットアップが期待どおりに動作しない** + +開始する前にフォルダーが実際に空であることを確認してください。フォルダーにすでにプロジェクト ファイルが含まれている場合は、新しい空のワークスペースとして扱うのではなく、既存のプロジェクト パスを使用します。 + +**GitHub MCP 設定が拒否される** + +JSON が `mcpServers` 構造を使用し、各ローカル サーバー エントリに `type`、`command`、`args` が含まれていることを確認してください。`tools` フィールドを含める場合は、有効なツール名または `["*"]` を使用します。 + +## その他のリソース + +- [Ignite UI を使用した AI 支援開発](./ai-assisted-development-overview.md) +- [Ignite UI for Angular スキル](./skills.md) +- [Ignite UI Theming MCP](./theming-mcp.md) + + + +コミュニティは常に活気があり、新しいアイデアを歓迎しています。 + +- [Ignite UI for Angular **フォーラム** (英語)](https://www.infragistics.com/community/forums/f/ignite-ui-for-angular) +- [Ignite UI for Angular **GitHub** (英語)](https://github.com/IgniteUI/igniteui-angular) diff --git a/jp/components/ai/maker-framework.md b/jp/components/ai/maker-framework.md new file mode 100644 index 0000000000..77ca612776 --- /dev/null +++ b/jp/components/ai/maker-framework.md @@ -0,0 +1,238 @@ +--- +title: MAKER Framework | Ignite UI AI オーケストレーション +_description: MAKER Framework は、Infragistics が提供するマルチエージェント AI オーケストレーション MCP サーバーです。OpenAI、Anthropic、Google AI プロバイダー間のコンセンサス ベースの投票を使用して、複雑なタスクを検証済みのステップ プランに分解します。 +_keywords: Angular, Ignite UI for Angular, Infragistics, MAKER, マルチエージェント, AI オーケストレーション, MCP, Model Context Protocol, コンセンサス投票, プラン アンド エグゼキュート, タスク分解 +_language: ja +_license: MIT +_canonicalLink: "{environment:dvUrl}/components/ai/maker-framework" +namespace: Infragistics.Controls +mentionedTypes: [] +--- + + + + + +# MAKER Framework + +MAKER Framework (`@igniteui/maker-mcp`) は、Infragistics が提供するマルチエージェント AI オーケストレーション MCP サーバーです。複数の AI エージェントにわたるコンセンサス ベースの投票アルゴリズムを使用して、複雑なタスクを検証済みで実行可能なステップ プランに分解します。MAKER は、Maximal Agentic decomposition (最大エージェント分解)、first-to-ahead-by-K Error correction (K ステップ先読みエラー修正)、Red-flagging (レッド フラギング) の頭文字を取ったものです。このフレームワークは、Cognizant AI Lab による研究論文 _Solving a million-step LLM task with zero errors_ に基づいています。`@igniteui` GitHub Packages レジストリから `npx` 経由で MCP サーバーとして実行され、STDIO トランスポートを通じて任意の MCP 互換 AI クライアントに接続します。接続すると、AI アシスタントは 3 つのツール (`plan`、`execute`、`plan_and_execute`) を呼び出して、自動エラー検出と修正を伴う長期タスクを実行できます。 + +MAKER Framework は Ignite UI コンポーネントのスキャフォールディング ツールではありません。Ignite UI プロジェクトの作成、コンポーネント生成、ドキュメント クエリには [CLI MCP サーバー](cli-mcp.md) を使用してください。MAKER はフレームワーク非依存であり、Angular、React、Web Components を特定のターゲットとせず、プロジェクトのソース ファイルを自律的に読み取ったり変更したりしません。少なくとも 1 つの AI プロバイダー API キー (OpenAI、Anthropic、または Google AI) と、`@igniteui` レジストリ用の `read:packages` スコープを持つ GitHub Personal Access Token が必要です。 + +## MAKER の仕組み + +MAKER Framework は、計画と実行という 2 つの順次フェーズで動作します。各フェーズは専用の内部 AI クライアント セットを使用し、同じコンセンサス ベースの投票メカニズムを適用して、次のフェーズに進む前に出力を検証します。 + +**計画フェーズ**では、計画クライアントがバッチ単位でステップを提案します (設定可能なバッチ サイズ、デフォルトは 3)。別の計画投票クライアントが「first-to-ahead-by-K」投票を実行します。複数の AI エージェントが提案されたステップに対して「Yes」、「No」、または「End」に投票します。1 つの結果が他の結果より K 票リードした場合に提案が承認されます。拒否された提案には、次の再試行で拒否理由が含まれ、計画が完了するかリトライ制限に達するまで継続的に改善されます。 + +**実行フェーズ**では、フレームワークが検証済みのステップ プランを設定可能なバッチで処理します。実行クライアントが各バッチを実行し、更新された状態を生成します。実行投票クライアントが、同じ K マージン投票アルゴリズムを使用して、新しい状態を前の状態と元のタスクに対して検証します。拒否された実行はフィードバックと共に再試行されます。最終的な累積状態がタスク結果となります。 + +レッド フラグ検証レイヤーは両フェーズを通じて動作します。すべての AI クライアント リクエストは、投票システムに入る前に応答に対して設定可能なバリデーターを実行するガード コールでラップされます。不正な形式または短すぎる応答は、失敗メッセージをプロンプトに追加して再試行されます。カスタム バリデーターは `IAIRedFlagValidator` を実装することで追加できます。 + +## MAKER MCP サーバーのインストール + +MAKER は `@igniteui` スコープ配下の GitHub Packages に公開されており、一度限りのレジストリ セットアップが必要です。マシンで次のコマンドを一度実行します: + +```bash +npm config set @igniteui:registry https://npm.pkg.github.com +``` + +次に `~/.npmrc` (Windows: `%USERPROFILE%\.npmrc`) を開き、`read:packages` スコープを持つ GitHub Personal Access Token を追加します: + +レジストリの設定が完了すると、MCP サーバーはグローバル インストールなしに `npx` 経由で実行されます。ネイティブ バイナリ (~50 MB) は初回実行時にダウンロードされてキャッシュされます。以降の起動は瞬時です。 + +## AI クライアントへの接続 + +AI クライアントの MCP 設定ファイルに `maker` サーバー エントリを追加します。`env` ブロックで AI プロバイダー キーを渡します。使用するプロバイダーのキーのみ設定してください。 + +### VS Code (GitHub Copilot) + +ワークスペースの `.vscode/mcp.json` に追加します: + +```json +{ + "servers": { + "maker": { + "command": "npx", + "args": ["-y", "@igniteui/maker-mcp", "--stdio"], + "env": { + "Executor__AIProviderKeys__OpenAI": "
diff --git a/jp/components/circular-progress.md b/jp/components/circular-progress.md
index 4481c4679a..0daeb1e52f 100644
--- a/jp/components/circular-progress.md
+++ b/jp/components/circular-progress.md
@@ -132,6 +132,9 @@ Ignite UI for Angular Progress Bar モジュールまたはディレクティブ
Ignite UI CLI MCP と Ignite UI Theming MCP を組み合わせることで、AI アシスタントがチャット プロンプトを通じて Ignite UI for Angular アプリケーションのスキャフォールド、拡張、テーマ設定を行えるようになります。CLI MCP はプロジェクトの作成、コンポーネント作業、およびドキュメントの質問を処理します。Theming MCP はパレット、テーマ、トークン、およびスタイリング ワークフローを処理します。このトピックでは、全体のプロセスをわかりやすい 1 つのフローで示します。
+ + + +## CLI MCP と Theming MCP の役割分担 + +CLI MCP と Theming MCP は、Ignite UI for Angular 開発ワークフローにおいて、それぞれ異なる役割を担う、機能が重複しない 2 つの独立した STDIO トランスポート MCP サーバーです。 + +| 機能 | サーバー | +| ----------------------------------------------------- | ----------- | +| プロジェクト構造の作成とスキャフォールド | CLI MCP | +| Ignite UI for Angular コンポーネントの追加または更新 | CLI MCP | +| コンポーネント API とドキュメントのクエリ | CLI MCP | +| カラー パレットとシェード バリエーションの生成 | Theming MCP | +| グローバル テーマ構成の作成と適用 | Theming MCP | +| コンポーネントレベルのデザイン トークンの生成 | Theming MCP | +| スペーシング、サイジング、ボーダー半径の調整 | Theming MCP | + +どちらのサーバーも自律的に手順を実行することはありません。AI アシスタントはプロンプトへの応答としてのみ MCP ツールを呼び出します。CLI MCP はテーマまたは Sass ファイルを生成または変更しません。Theming MCP はコンポーネントのスキャフォールド、アプリケーション ロジックの変更、またはドキュメントに関する質問への回答を行いません。両方のサーバーには STDIO トランスポートをサポートする MCP クライアントが必要です。ブラウザーのみのチャット インターフェースからは使用できません。 + +## 必要なもの + +開始する前に、以下を確認してください: + +- `npx` が使用可能な **Node.js** がインストールされていること +- MCP サポートがある対応 AI クライアント +- 初回使用時の `npx` パッケージ解決のためのインターネット アクセス +- プロジェクト用のフォルダー + +この手順は、Ignite UI CLI がプロジェクトをスキャフォールドし、VS Code の最初の MCP 構成を自動的に準備する **CLI ファースト** のセットアップで最も効果的に機能します。 + +各クライアントの詳細なセットアップ リファレンスが必要な場合は、「[Angular Schematics & Ignite UI CLI](~/components/general/cli-overview.md)」および「[Ignite UI Theming MCP](~/components/ai/theming-mcp.md)」を参照してください。 + +## 手順 1: Ignite UI CLI から開始する + +推奨される開始点は、まず Ignite UI CLI でプロジェクトを作成することです。 + +Ignite UI CLI は次のいずれかの方法で実行できます: + +### グローバル インストール + +```bash +npm install -g igniteui-cli +``` + +これにより、任意のターミナル セッションで `ig` コマンドが使用可能になります。 + +### グローバル インストールなしで実行 + +```bash +npx ig new +``` + +これはグローバルな `ig` コマンドの代わりに `npx` を通じて CLI を実行します。 + +オプションを案内してもらいたい場合は**ガイド モード**を使用できます: + +```bash +ig new +``` + +`npx` での同等形式: + +```bash +npx ig new +``` + +プロジェクト設定がわかっている場合は、直接コマンドを使用することもできます。 + +Angular の場合: + +```bash +ig new my-app --framework=angular +``` + +`npx` での同等形式: + +```bash +npx ig new my-app --framework=angular +``` + +次に行われること: + +- Ignite UI CLI がプロジェクト構造を作成する +- 必要なプロジェクト パッケージがインストールされる +- CLI ファースト の場合、VS Code が初期 `.vscode/mcp.json` を取得する + +## 手順 2: CLI MCP と Theming MCP を接続する + +プロジェクトが作成されたら、AI クライアントで両方の MCP サーバーが使用可能であることを確認します。 + +### VS Code + +```json +{ + "servers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"] + }, + "igniteui-theming": { + "command": "npx", + "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"] + } + } +} +``` + +### Cursor、Claude Desktop、Claude Code、JetBrains、その他の MCP クライアント + +```json +{ + "mcpServers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli", "mcp"] + }, + "igniteui-theming": { + "command": "npx", + "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"] + } + } +} +``` + +構成を保存した後、AI クライアントを再起動して、`igniteui-cli` と `igniteui-theming` の両方が利用可能であることを確認します。 + +## 手順 3: アシスタントにプロジェクトを確認させる + +両方の MCP サーバーが実行中になったら、新しいチャットを開き、プロジェクトレベルのコンテキストを提供することから始めます。 + +有用なプロンプト: + +> _「このプロジェクトを確認して、機能を追加する前に現在の構造を説明してください。」_ + +> _「何が作成されたか、メイン エントリ ポイントはどこか、新しいページをどこに追加すべきかを教えてください。」_ + +次に行われること: + +- CLI MCP が生成済みまたは既存のプロジェクトを分析する +- アシスタントが構造を要約する +- 次のステップに向けた共通の基盤が整う + +## 手順 4: チャットを通じて実際の機能を追加する + +プロジェクト構造が明確になったら、具体的な機能を要求します。 + +プロンプト例: + +> _「Ignite UI for Angular グリッドを含む Orders ページを追加してください。Order ID、Customer Name、Order Date、Total Amount の列を含め、グリッドをサンプル データにバインドしてください。」_ + +フォローアップ プロンプト: + +> _「Orders グリッドのフィルタリング、ソート、ページングを有効にし、ページのレイアウトをアプリの他の部分と一致させてください。」_ + +次に行われること: + +- CLI MCP が適切なページを追加または更新する +- アシスタントがコンポーネント コードを作成または更新する +- 機能が既存のアプリ構造に統合される + +小さな改善を続けることもできます: + +> _「グリッドの上にシンプルなツールバーを追加し、レイアウトをコンパクトに保ってください。」_ + +## 手順 5: 同じセッションでドキュメントの質問をする + +コンポーネント API を調べるために会話を離れる必要はありません。 + +プロンプト例: + +> _「Angular グリッドではどのようなフィルタリング オプションがサポートされていて、シンプルな Orders テーブルに最適なものはどれですか?」_ + +> _「コンボコンポーネントはどのようなイベントを公開しており、選択変更にはどのイベントを使用すればよいですか?」_ + +> _「サイド ナビゲーション レイアウトに最適な Ignite UI for Angular コンポーネントはどれですか、その理由は?」_ + +次に行われること: + +- CLI MCP がドキュメント対応ツールを使用して質問に回答する +- その直後に実装依頼を行うことができます + +例えば: + +> _「現在の Orders グリッドに推奨されるフィルタリング アプローチを適用してください。」_ + +## 手順 6: カスタム テーマを適用する + +アプリ構造とメイン機能が整ったら、同じチャットで Theming MCP に切り替えます。 + +プロンプト例: + +> _「アプリにプロフェッショナルなテーマを適用してください。ディープ ブルーのプライマリ カラー、ウォーム アンバーのセカンダリ カラーを使用し、スペーシングはコンパクトに保ってください。」_ + +次に行われること: + +- Theming MCP がパレットとテーマ構成を生成する +- アシスタントが適切なテーマまたはスタイル ファイルを更新する +- アプリのスタイリングが現在の構造と整合性を保つ + +より的を絞ったプロンプトでテーマをさらに改良できます: + +> _「グリッド ヘッダーにプライマリ カラーを使用し、行の高さを少し高くして、ページの他の部分は視覚的にすっきりとした印象を保ってください。」_ + +> _「グリッドのスタイリングを改良する前に、生成されたプライマリとセカンダリのパレット シェードを表示してください。」_ + +## 手順 7: 繰り返し改善する + +このワークフローの最も強力な部分は、1 つの会話の中でプロジェクト作業、ドキュメントの質問、テーマ設定を行き来できることです。 + +プロンプト例: + +> _「現在の Orders ページ構造を維持しながら、レイアウトを簡素化し、フィルター エリアをよりコンパクトにしてください。」_ + +> _「現在のテーマを使用しながら、ダッシュボード カードとグリッドの間隔をアプリの他の部分とより統一感のあるものにしてください。」_ + +> _「生成されたファイルを確認し、プロジェクト、コンポーネント、およびテーマに対して行った主な変更点について説明してください。」_ + +次に行われること: + +- CLI MCP がプロジェクトとコンポーネントを改良する +- Theming MCP がテーマとトークンを改良する +- アシスタントがワークフロー全体をエンド ツー エンドで接続し続ける + +## トピックのまとめ + +このワークフローは、プロジェクトのセットアップ、コンポーネント作業、ドキュメントの検索、テーマ設定を 1 つのチャット セッションにまとめたい場合に効果的です。 + +以下の場合に使用してください: + +- 孤立したコード スニペットではなく、実際のプロジェクト スキャフォールドから開始したい場合 +- 実装とドキュメントに関する質問を交互に行うことが予想される場合 +- プロジェクト構造と視覚的なスタイルを一緒に発展させたい場合 + +実際には、最も効果的なパターンは、プロジェクトとコンポーネントの変更にはCLI MCPを使用し、必要に応じてドキュメントに関する質問のために一時停止し、その後、同じ会話を離れることなく Theming MCP を使用して結果を改良することです。 + +## 関連トピック + +- [Angular Schematics & Ignite UI CLI](~/components/general/cli-overview.md) +- [Ignite UI Theming MCP](~/components/ai/theming-mcp.md) +- [Ignite UI for Angular スキル](~/components/ai/skills.md) + + + +コミュニティに参加して新しいアイデアをご提案ください。 + +- [Ignite UI for Angular **フォーラム** (英語)](https://www.infragistics.com/community/forums/f/ignite-ui-for-angular) +- [Ignite UI for Angular **GitHub** (英語)](https://github.com/IgniteUI/igniteui-angular) diff --git a/jp/components/grid/grid.md b/jp/components/grid/grid.md index 172e799a5e..18f2b8abb1 100644 --- a/jp/components/grid/grid.md +++ b/jp/components/grid/grid.md @@ -232,6 +232,9 @@ public contextObject = { firstProperty: 'testValue', secondProperty: 'testValue1 ``` +> [!NOTE] +> このコンポーネントはマテリアル アイコンを使用します。`index.html` に次のリンクを追加してください: `` + **draggable** 属性を false に設定して追加しています。 ### セル テンプレート diff --git a/jp/components/hierarchicalgrid/hierarchical-grid.md b/jp/components/hierarchicalgrid/hierarchical-grid.md index 434894270e..b4e7df6206 100644 --- a/jp/components/hierarchicalgrid/hierarchical-grid.md +++ b/jp/components/hierarchicalgrid/hierarchical-grid.md @@ -23,8 +23,11 @@ Ignite UI for Angular Hierarchical Data Grid は、階層表形式データの ## Ignite UI for Angular Hierarchical Data Grid を使用した作業の開始 ->[!NOTE] ->このコンポーネントは、**オプションで** [`HammerModule`](https://angular.io/api/platform-browser/HammerModule) を利用できます。タッチ操作が正しく動作するために、アプリケーションのルート モジュールにインポートできます。 +> [!NOTE] +> このコンポーネントは、**オプションで** [`HammerModule`](https://angular.io/api/platform-browser/HammerModule) を利用できます。タッチ操作が想定通りに動作するために、アプリケーションのルート モジュールにインポートできます。 + +> [!NOTE] +> このコンポーネントはマテリアル アイコンを使用します。`index.html` に次のリンクを追加してください: `` Ignite UI for Angular Hierarchical Data Grid コンポーネントを使用した作業を開始するには、Ignite UI for Angular をインストールする必要があります。既存の Angular アプリケーションで、以下のコマンドを入力します。 diff --git a/jp/components/icon-button.md b/jp/components/icon-button.md index 5d902ab7e8..0b64c23f2d 100644 --- a/jp/components/icon-button.md +++ b/jp/components/icon-button.md @@ -51,6 +51,9 @@ import { IgxIconButtonDirective } from 'igniteui-angular/directives'; export class HomeComponent {} ``` +> [!NOTE] +> このコンポーネントはマテリアル アイコンを使用します。`index.html` に次のリンクを追加してください: `` + Ignite UI for Angular Icon Button ディレクティブをインポートしたので、要素で `igxIconButton` ディレクティブの使用を開始できます。 ## Angular Icon Button のタイプ diff --git a/jp/components/icon-service.md b/jp/components/icon-service.md index 39d46df8e0..34197cb441 100644 --- a/jp/components/icon-service.md +++ b/jp/components/icon-service.md @@ -65,6 +65,9 @@ iconService.setFamily('fa-solid', { className: 'fas', type: 'font', prefix: 'fa'