From 9af296e848a56875561ea257a06fbf9b63adad2a Mon Sep 17 00:00:00 2001
From: dobromirts <dobromir.ts@gmail.com>
Date: Wed, 17 Jun 2026 17:46:10 +0300
Subject: [PATCH 1/2] fix: remove metadata fields leading underscore

---
 .../en/components/charts/chart-api.mdx        |  6 +--
 .../charts/features/chart-animations.mdx      |  6 +--
 .../charts/features/chart-annotations.mdx     |  6 +--
 .../charts/features/chart-axis-options.mdx    |  6 +--
 .../features/chart-data-aggregations.mdx      |  6 +--
 .../charts/features/chart-data-tooltip.mdx    |  6 +--
 .../charts/features/chart-highlighting.mdx    |  6 +--
 .../charts/features/chart-markers.mdx         | 40 +++++++++++++++++--
 .../charts/features/chart-navigation.mdx      |  6 +--
 .../charts/features/chart-overlays.mdx        |  6 +--
 .../charts/features/chart-performance.mdx     |  2 +-
 .../charts/features/chart-trendlines.mdx      |  6 +--
 .../en/components/charts/types/bar-chart.mdx  | 17 +++++++-
 .../components/charts/types/bubble-chart.mdx  |  6 +--
 .../charts/types/data-pie-chart.mdx           |  6 +--
 .../components/charts/types/shape-chart.mdx   |  6 +--
 .../excel-library-working-with-charts.mdx     |  6 +--
 .../en/components/general-changelog-dv.mdx    | 13 ++++++
 .../en/components/geo-map-navigation.mdx      |  6 +--
 .../en/components/spreadsheet-activation.mdx  |  6 +--
 .../src/content/en/components/toc.json        | 12 ++++++
 .../en/grids_templates/column-types.mdx       |  6 +--
 .../en/grids_templates/virtualization.mdx     | 18 ++++-----
 .../jp/components/charts/chart-api.mdx        |  3 --
 .../charts/features/chart-animations.mdx      |  3 --
 .../charts/features/chart-annotations.mdx     |  3 --
 .../charts/features/chart-axis-options.mdx    |  3 --
 .../features/chart-data-aggregations.mdx      |  3 --
 .../charts/features/chart-data-tooltip.mdx    |  3 --
 .../charts/features/chart-highlighting.mdx    |  3 --
 .../charts/features/chart-markers.mdx         |  3 --
 .../charts/features/chart-navigation.mdx      |  3 --
 .../charts/features/chart-overlays.mdx        |  3 --
 .../charts/features/chart-trendlines.mdx      |  3 --
 .../components/charts/types/bubble-chart.mdx  |  3 --
 .../charts/types/data-pie-chart.mdx           |  3 --
 .../components/charts/types/shape-chart.mdx   |  3 --
 .../excel-library-working-with-charts.mdx     |  3 --
 .../content/jp/components/excel-library.mdx   | 16 ++++++++
 .../jp/components/general-changelog-dv.mdx    | 12 ++++++
 .../jp/components/geo-map-navigation.mdx      |  3 --
 .../jp/components/spreadsheet-activation.mdx  |  3 --
 .../src/content/jp/components/toc.json        | 12 ++++++
 .../components/changelog/igniteui-charts.mdx  |  4 +-
 .../en/components/changelog/igniteui-core.mdx |  4 +-
 .../changelog/igniteui-dashboards.mdx         |  4 +-
 .../changelog/igniteui-data-grids.mdx         |  4 +-
 .../changelog/igniteui-datasources.mdx        |  4 +-
 .../en/components/changelog/igniteui-dc3.mdx  |  4 +-
 .../changelog/igniteui-dockmanager.mdx        |  4 +-
 .../components/changelog/igniteui-excel.mdx   |  4 +-
 .../components/changelog/igniteui-gauges.mdx  |  4 +-
 .../components/changelog/igniteui-grids.mdx   |  4 +-
 .../components/changelog/igniteui-inputs.mdx  |  4 +-
 .../components/changelog/igniteui-layouts.mdx |  4 +-
 .../en/components/changelog/igniteui-maps.mdx |  4 +-
 .../components/changelog/igniteui-react.mdx   |  4 +-
 .../igniteui-spreadsheet-chart-adapter.mdx    |  4 +-
 .../changelog/igniteui-spreadsheet.mdx        |  4 +-
 .../changelog/igniteui-webcomponents.mdx      |  4 +-
 .../en/components/charts/chart-api.mdx        |  6 +--
 .../charts/features/chart-animations.mdx      |  6 +--
 .../charts/features/chart-annotations.mdx     |  6 +--
 .../charts/features/chart-axis-options.mdx    |  6 +--
 .../features/chart-data-aggregations.mdx      |  6 +--
 .../charts/features/chart-data-tooltip.mdx    |  6 +--
 .../charts/features/chart-highlighting.mdx    |  6 +--
 .../charts/features/chart-markers.mdx         |  6 +--
 .../charts/features/chart-navigation.mdx      |  6 +--
 .../charts/features/chart-overlays.mdx        |  6 +--
 .../charts/features/chart-trendlines.mdx      |  6 +--
 .../components/charts/types/bubble-chart.mdx  |  6 +--
 .../charts/types/data-pie-chart.mdx           |  7 ++--
 .../components/charts/types/shape-chart.mdx   |  6 +--
 .../excel-library-working-with-charts.mdx     |  6 +--
 .../en/components/geo-map-navigation.mdx      |  6 +--
 .../grids/hierarchical-grid/theming-grid.mdx  |  6 +--
 .../grids/tree-grid/theming-grid.mdx          |  6 +--
 .../en/components/inputs/highlight.mdx        |  6 +--
 .../en/components/spreadsheet-activation.mdx  |  6 +--
 docs/xplat/src/content/en/toc.json            |  9 ++++-
 .../jp/components/charts/chart-api.mdx        |  3 --
 .../charts/features/chart-animations.mdx      |  3 --
 .../charts/features/chart-annotations.mdx     |  3 --
 .../charts/features/chart-axis-options.mdx    |  3 --
 .../features/chart-data-aggregations.mdx      |  3 --
 .../charts/features/chart-data-tooltip.mdx    |  3 --
 .../charts/features/chart-highlighting.mdx    |  3 --
 .../charts/features/chart-markers.mdx         |  3 --
 .../charts/features/chart-navigation.mdx      |  3 --
 .../charts/features/chart-overlays.mdx        |  3 --
 .../charts/features/chart-trendlines.mdx      |  3 --
 .../components/charts/types/bubble-chart.mdx  |  3 --
 .../charts/types/data-pie-chart.mdx           |  3 --
 .../components/charts/types/shape-chart.mdx   |  3 --
 .../excel-library-working-with-charts.mdx     |  3 --
 .../jp/components/geo-map-navigation.mdx      |  3 --
 .../jp/components/spreadsheet-activation.mdx  |  3 --
 docs/xplat/src/content/jp/toc.json            |  9 ++++-
 src/sidebar.ts                                | 14 ++++++-
 100 files changed, 301 insertions(+), 266 deletions(-)

diff --git a/docs/angular/src/content/en/components/charts/chart-api.mdx b/docs/angular/src/content/en/components/charts/chart-api.mdx
index fb694797a0..5675732c50 100644
--- a/docs/angular/src/content/en/components/charts/chart-api.mdx
+++ b/docs/angular/src/content/en/components/charts/chart-api.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Chart API | Data Visualization Tools | Infragistics
-_description: Use Infragistics Ignite UI for Angular chart provides useful API to configure and styles chart visuals
-_keywords: Angular charts, chart API, API, Ignite UI for Angular, Infragistics
-_license: commercial
+description: Use Infragistics Ignite UI for Angular chart provides useful API to configure and styles chart visuals
+keywords: Angular charts, chart API, API, Ignite UI for Angular, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/features/chart-animations.mdx b/docs/angular/src/content/en/components/charts/features/chart-animations.mdx
index f8c0fcd918..b989df6db3 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-animations.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-animations.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Chart Animations | Data Visualization | Infragistics
-_description: Infragistics' Angular Chart Animations
-_keywords: Angular Charts, Animations, Infragistics
-_license: commercial
+description: Infragistics' Angular Chart Animations
+keywords: Angular Charts, Animations, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/features/chart-annotations.mdx b/docs/angular/src/content/en/components/charts/features/chart-annotations.mdx
index 847e2e8814..d7c142e2df 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-annotations.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-annotations.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Chart Annotations | Data Visualization | Infragistics
-_description: Infragistics' Angular Chart Annotations
-_keywords: Angular Charts, Annotations, Infragistics
-_license: commercial
+description: Infragistics' Angular Chart Annotations
+keywords: Angular Charts, Annotations, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/features/chart-axis-options.mdx b/docs/angular/src/content/en/components/charts/features/chart-axis-options.mdx
index f3b44b93cd..c9ef44f940 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-axis-options.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-axis-options.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Axis Options | Data Visualization | Infragistics
-_description: Infragistics' Angular Axis Options
-_keywords: Angular Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mode, Infragistics
-_license: commercial
+description: Infragistics' Angular Axis Options
+keywords: Angular Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mode, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/features/chart-data-aggregations.mdx b/docs/angular/src/content/en/components/charts/features/chart-data-aggregations.mdx
index 6963437950..aaa25a68e6 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-data-aggregations.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-data-aggregations.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Data Aggregations | Data Visualization | Infragistics
-_description: Infragistics' Angular Data Aggregations
-_keywords: Angular Charts, Markers, Infragistics
-_license: commercial
+description: Infragistics' Angular Data Aggregations
+keywords: Angular Charts, Markers, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/features/chart-data-tooltip.mdx b/docs/angular/src/content/en/components/charts/features/chart-data-tooltip.mdx
index 857f4df5bb..1c6e0975ba 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-data-tooltip.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-data-tooltip.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Chart Data Tooltip | Data Visualization Tools | Infragistics
-_description: Use Infragistics Ignite UI for Angular chart with the data tooltip layer!
-_keywords: Angular charts, chart legend, legend, legend types, Ignite UI for Angular, Infragistics
-_license: commercial
+description: Use Infragistics Ignite UI for Angular chart with the data tooltip layer!
+keywords: Angular charts, chart legend, legend, legend types, Ignite UI for Angular, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/features/chart-highlighting.mdx b/docs/angular/src/content/en/components/charts/features/chart-highlighting.mdx
index ac8e7de22c..acf937bd55 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-highlighting.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-highlighting.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Chart Highlighting | Data Visualization | Infragistics
-_description: Infragistics' Angular Chart Highlighting
-_keywords: Angular Charts, Highlighting, Infragistics
-_license: commercial
+description: Infragistics' Angular Chart Highlighting
+keywords: Angular Charts, Highlighting, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/features/chart-markers.mdx b/docs/angular/src/content/en/components/charts/features/chart-markers.mdx
index 1cd9daec0c..70af411638 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-markers.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-markers.mdx
@@ -1,9 +1,9 @@
 ---
 title: Angular Chart Markers | Data Visualization | Infragistics
-_description: Infragistics' Angular Chart Markers
-_keywords: Angular Charts, Markers, Infragistics
-_license: commercial
-
+description: Infragistics' Angular Chart Markers
+keywords: Angular Charts, Markers, Marker Size, Infragistics
+license: commercial
+mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries", "MarkerAutomaticBehavior", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
@@ -22,6 +22,38 @@ The colors of the markers are also managed by setting the <ApiLink type="Categor
 
 <Sample src="/charts/category-chart/marker-options" height={500} alt="Angular Configuration Options Example" />
 
+## Angular Chart Marker Size
+
+You can control the exact device-independent pixel dimensions of data point markers by setting the `MarkerSize` property on any series that supports markers. This gives you precise control over how large markers appear on screen, regardless of the marker template or style being used.
+
+By default, marker sizing is determined by the series marker template. When you set `MarkerSize` to a specific numeric value, all markers in that series render at that exact device-independent pixel width and height. Setting `MarkerSize` back to `NaN` restores the default template-driven sizing.
+
+The `MarkerSize` property is available on all series types that derive from `MarkerSeries`, including `LineSeries`, `SplineSeries`, `AreaSeries`, `ColumnSeries`, `ScatterSeries`, `ScatterLineSeries`, `ScatterSplineSeries`, and polar/radial series types.
+
+The following code examples show how to set `MarkerSize` to 30 device-independent pixels on a `ScatterLineSeries` in the `XamDataChart` control:
+
+To reset markers to their default template-driven size, set `MarkerSize` to `NaN` (or remove the attribute in markup):
+
+The following sample demonstrates `MarkerSize` on scatter series with an interactive editor:
+
+<Sample src="/charts/data-chart/scatter-marker-options" height={500} alt="Angular Chart Marker Size Example" />
+
+<DocsAside type="note">
+For `BubbleSeries`, the `MarkerSize` property does not override the bubble radius, which is controlled by the radius data column and the `RadiusScale`. Bubble sizes remain entirely driven by the data and scale configuration.
+</DocsAside>
+
+<div class="divider--half"></div>
+
+## Angular Chart Checkmark Marker Type
+
+The Ignite UI for Angular charts include a `Checkmark` option in the `MarkerType` enum. This marker renders a V-shaped checkmark icon inside a circle on data points in your chart.
+
+You can apply the `Checkmark` marker type to an individual series by setting its `MarkerType` property to `MarkerType.Checkmark`. To use the checkmark shape for all series in the chart simultaneously, set the chart's `MarkerAutomaticBehavior` property to `MarkerAutomaticBehavior.Checkmark`.
+
+The `SeriesViewer.CheckmarkMarkerTemplate` property defines the marker template used for series with a checkmark marker type, and can be used to customize its appearance across the chart.
+
+<div class="divider--half"></div>
+
 ## Angular Chart Marker Templates
 
 In addition to marker properties, you can implement your own marker by setting a function to the  <ApiLink type="CategoryChart" member="markerTemplate" label="MarkerTemplate" /> property of a series rendered in the <ApiLink type="CategoryChart" /> control as it is demonstrated in example below.
diff --git a/docs/angular/src/content/en/components/charts/features/chart-navigation.mdx b/docs/angular/src/content/en/components/charts/features/chart-navigation.mdx
index 6aa4dbb33e..0c58f3c13b 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-navigation.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-navigation.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Data Chart | Data Visualization Tools | Navigation | Infragistics
-_description: Navigate Infragistics' Angular charts by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about Ignite UI for Angular graph navigation capabilities!
-_keywords: Angular charts, data chart, navigation, Ignite UI for Angular, Infragistics
-_license: commercial
+description: Navigate Infragistics' Angular charts by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about Ignite UI for Angular graph navigation capabilities!
+keywords: Angular charts, data chart, navigation, Ignite UI for Angular, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/features/chart-overlays.mdx b/docs/angular/src/content/en/components/charts/features/chart-overlays.mdx
index df633f3f0b..84bc040e5f 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-overlays.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-overlays.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Chart Overlays | Data Visualization Tools | Value Overlay | Infragistics
-_description: Use Infragistics Ignite UI for Angular chart control's value overlay feature to place horizontal or vertical lines at a single numeric value. Learn about our Ignite UI for Angular graph types!
-_keywords: Angular charts, data chart, value overlay, Ignite UI for Angular, Infragistics
-_license: commercial
+description: Use Infragistics Ignite UI for Angular chart control's value overlay feature to place horizontal or vertical lines at a single numeric value. Learn about our Ignite UI for Angular graph types!
+keywords: Angular charts, data chart, value overlay, Ignite UI for Angular, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/features/chart-performance.mdx b/docs/angular/src/content/en/components/charts/features/chart-performance.mdx
index 1e0ae7e7de..ace0b0b86c 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-performance.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-performance.mdx
@@ -95,7 +95,7 @@ The following table lists chart types in order from the fastest performance to s
 | Pie Charts       | - [Pie Chart](../types/pie-chart.md) <br /> - [Donut Chart](../types/donut-chart.md) <br /> - [Radial Pie Chart](../types/radial-chart.md#angular-radial-pie-chart) |
 | Line Charts      | - [Category Line Chart](../types/line-chart.md#angular-line-chart-example) <br /> - [Category Spline Chart](../types/spline-chart.md#angular-spline-chart-example) <br /> - [Step Line Chart](../types/step-chart.md#angular-step-line-chart) <br /> - [Radial Line Chart](../types/radial-chart.md#angular-radial-line-chart) <br /> - [Polar Line Chart](../types/polar-chart.md#angular-polar-line-chart) <br /> - [Scatter Line Chart](../types/scatter-chart.md#angular-scatter-line-chart) <br /> - [Scatter Polyline Chart](../types/shape-chart.md#angular-scatter-polyline-chart) (\*)  <br /> - [Scatter Contour Chart](../types/scatter-chart.md#angular-scatter-contour-chart) <br /> - [Stacked Line Chart](../types/stacked-chart.md#angular-stacked-line-chart) <br /> - [Stacked 100% Line Chart](../types/stacked-chart.md#angular-stacked-100-line-chart) <br /> |
 | Area Charts      | - [Category Area Chart](../types/area-chart.md#angular-area-chart-example) <br /> - [Step Area Chart](../types/step-chart.md#angular-step-area-chart) <br /> - [Range Area Chart](../types/area-chart.md#angular-range-area-chart) <br /> - [Radial Area Chart](../types/radial-chart.md#angular-radial-area-chart) <br /> - [Polar Area Chart](../types/polar-chart.md#angular-polar-area-chart) <br /> - [Scatter Polygon Chart](../types/shape-chart.md#angular-scatter-polygon-chart) (\*) <br /> - [Scatter Area Chart](../types/scatter-chart.md#angular-scatter-area-chart) <br /> - [Stacked Area Chart](../types/stacked-chart.md#angular-stacked-area-chart) <br /> - [Stacked 100% Area Chart](../types/stacked-chart.md#angular-stacked-100-area-chart) <br /> |
-| Column Charts    | - [Column Chart](../types/column-chart.md#angular-column-chart-example) <br /> - [Bar Chart](../types/bar-chart.md#angular-bar-chart-example) <br /> - [Waterfall Chart](../types/column-chart.md#angular-waterfall-chart) <br /> - [Range Column Chart](../types/column-chart.md#angular-range-column-chart) <br /> - [Radial Column Chart](../types/radial-chart.md#angular-radial-column-chart) <br /> - [Stacked Column Chart](../types/stacked-chart.md#angular-stacked-column-chart) <br /> - [Stacked Bar Chart](../types/stacked-chart.md#angular-stacked-bar-chart) <br /> - [Stacked 100% Column Chart](../types/stacked-chart.md#angular-stacked-100-column-chart) <br /> - [Stacked 100% Bar Chart](../types/stacked-chart.md#angular-stacked-100-bar-chart) |
+| Column Charts    | - [Column Chart](../types/column-chart.md#angular-column-chart-example) <br /> - [Bar Chart](../types/bar-chart.md#angular-bar-chart-example) <br /> - [Waterfall Chart](../types/column-chart.md#angular-waterfall-chart) <br /> - [Range Column Chart](../types/column-chart.md#angular-range-column-chart) <br /> - [Range Bar Chart](../types/bar-chart.md#angular-range-bar-chart) <br /> - [Radial Column Chart](../types/radial-chart.md#angular-radial-column-chart) <br /> - [Stacked Column Chart](../types/stacked-chart.md#angular-stacked-column-chart) <br /> - [Stacked Bar Chart](../types/stacked-chart.md#angular-stacked-bar-chart) <br /> - [Stacked 100% Column Chart](../types/stacked-chart.md#angular-stacked-100-column-chart) <br /> - [Stacked 100% Bar Chart](../types/stacked-chart.md#angular-stacked-100-bar-chart) |
 | Spline Charts    | - [Category Spline Chart](../types/spline-chart.md#angular-spline-chart-example) <br /> - [Polar Spline Chart](../types/polar-chart.md#angular-polar-spline-chart) <br /> - [Scatter Spline Chart](../types/scatter-chart.md#angular-scatter-spline-chart) <br /> - [Stacked Spline Chart](../types/stacked-chart.md#angular-stacked-spline-chart) <br /> - [Stacked 100% Spline Chart](../types/stacked-chart.md#angular-stacked-100-spline-chart) <br /> |
 | Point Charts     | - [Category Point Chart](../types/point-chart.md) <br /> - [Scatter HD Chart](../types/scatter-chart.md#angular-scatter-high-density-chart)  <br /> - [Scatter Marker Chart](../types/scatter-chart.md#angular-scatter-marker-chart) <br /> - [Scatter Bubble Chart](../types/bubble-chart.md) <br /> - [Polar Marker Chart](../types/polar-chart.md#angular-polar-marker-chart) <br /> |
 | Financial Charts | - [Stock Chart in Line Mode](../types/stock-chart.md) <br /> - [Stock Chart in Column Mode](../types/stock-chart.md) <br /> - [Stock Chart in Bar Mode](../types/stock-chart.md) <br /> - [Stock Chart in Candle Mode](../types/stock-chart.md) <br /> - [Stock Chart with Overlays](../types/stock-chart.md) <br /> - [Stock Chart with Zoom Pane](../types/stock-chart.md) <br /> - [Stock Chart with Volume Pane](../types/stock-chart.md#volume-pane) <br /> - [Stock Chart with Indicator Pane](../types/stock-chart.md#indicator-pane) <br /> |
diff --git a/docs/angular/src/content/en/components/charts/features/chart-trendlines.mdx b/docs/angular/src/content/en/components/charts/features/chart-trendlines.mdx
index 7e07445f60..38288d1be9 100644
--- a/docs/angular/src/content/en/components/charts/features/chart-trendlines.mdx
+++ b/docs/angular/src/content/en/components/charts/features/chart-trendlines.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Chart Trendlines | Data Visualization | Infragistics
-_description: Infragistics' Angular Chart Trendlines
-_keywords: Angular Charts, Trendlines, Infragistics
-_license: commercial
+description: Infragistics' Angular Chart Trendlines
+keywords: Angular Charts, Trendlines, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/types/bar-chart.mdx b/docs/angular/src/content/en/components/charts/types/bar-chart.mdx
index d8b8af11c9..46fa8c4758 100644
--- a/docs/angular/src/content/en/components/charts/types/bar-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/bar-chart.mdx
@@ -3,7 +3,7 @@ title: "Angular Bar Chart and Graph | Ignite UI for Angular"
 description: "Angular Bar Chart is among the most common category chart types used to quickly compare frequency, count, total, or average of data in different categories. Try for FREE."
 keywords: "Angular Charts, Bar Chart, Bar Graph, Horizontal Chart, Infragistics"
 license: commercial
-mentionedTypes: ["DataChart", "BarSeries", "StackedBarSeries", "Stacked100BarSeries", "Series"]
+mentionedTypes: ["DataChart", "BarSeries", "StackedBarSeries", "Stacked100BarSeries", "RangeBarSeries", "Series"]
 namespace: Infragistics.Controls.Charts
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
@@ -95,6 +95,20 @@ You can create this type of chart in the <ApiLink type="DataChart" /> control by
 
 <Sample src="/charts/data-chart/stacked-100-bar-chart" height={600} alt="Angular Stacked 100 Bar Chart" />
 
+<div class="divider--half"></div>
+
+## Angular Range Bar Chart
+
+The Angular Range Bar Chart belongs to a group of range charts and is rendered using horizontal rectangles that can appear in the middle of the plot area of the chart, rather than stretching from the left like the traditional [Category Bar Chart](bar-chart.md#angular-bar-chart-example). This type of series emphasizes the amount of change between low values and high values in the same data point over a period of time or compares multiple items.
+
+Range values are represented on the X-Axis and categories are displayed on the Y-Axis. Because each bar visualizes both a low value and a high value, this chart is useful for scenarios such as showing daily temperature ranges, minimum and maximum prices, or any bounded measurements where a single value is not sufficient.
+
+The Range Bar Chart is identical to the [Range Column Chart](column-chart.md#angular-range-column-chart) in all aspects except that the ranges are represented as a set of horizontal bars rather than vertical columns.
+
+You can create this type of chart in the <ApiLink pkg="charts" type="DataChart" /> control by binding your data to a <ApiLink pkg="charts" type="RangeBarSeries" />. The series reads low and high values from `LowMemberPath` and `HighMemberPath`, and it typically uses a `NumericXAxis` with a `CategoryYAxis`, as shown in the example below:
+
+<Sample src="/charts/data-chart/range-bar-chart" height={600} alt="Angular Range Bar Chart" />
+
 ## Additional Resources
 
 You can find more information about related chart types in these topics:
@@ -111,4 +125,5 @@ You can find more information about related chart types in these topics:
 <ApiLink type="CalloutLayer" />
 <ApiLink type="StackedBarSeries" />
 <ApiLink type="Stacked100BarSeries" />
+<ApiLink type="RangeBarSeries" />
 <ApiLink type="BarSeries" member="dataSource" label="DataSource" />
diff --git a/docs/angular/src/content/en/components/charts/types/bubble-chart.mdx b/docs/angular/src/content/en/components/charts/types/bubble-chart.mdx
index 20a867bd77..1f67071412 100644
--- a/docs/angular/src/content/en/components/charts/types/bubble-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/bubble-chart.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Bubble Chart | Data Visualization | Infragistics
-_description: Infragistics' Angular Bubble Chart
-_keywords: Angular Charts, Bubble Chart, Infragistics
-_license: commercial
+description: Infragistics' Angular Bubble Chart
+keywords: Angular Charts, Bubble Chart, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/types/data-pie-chart.mdx b/docs/angular/src/content/en/components/charts/types/data-pie-chart.mdx
index b9acaf7f47..fe2a886425 100644
--- a/docs/angular/src/content/en/components/charts/types/data-pie-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/data-pie-chart.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Pie Charts and Graphs | Ignite UI for Angular
-_description: The Ignite UI for Angular data pie chart is a specialized UI control that renders a pie chart, consisting of a circular area divided into sections.  Try for FREE.
-_keywords: Angular charts, pie chart, Ignite UI for Angular, Infragistics, data binding, slice selection, animation, highlighting, legend
-_license: commercial
+description: The Ignite UI for Angular data pie chart is a specialized UI control that renders a pie chart, consisting of a circular area divided into sections.  Try for FREE.
+keywords: Angular charts, pie chart, Ignite UI for Angular, Infragistics, data binding, slice selection, animation, highlighting, legend
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/charts/types/shape-chart.mdx b/docs/angular/src/content/en/components/charts/types/shape-chart.mdx
index 749e188859..f623a28183 100644
--- a/docs/angular/src/content/en/components/charts/types/shape-chart.mdx
+++ b/docs/angular/src/content/en/components/charts/types/shape-chart.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Shape Chart | Data Visualization | Infragistics
-_description: Infragistics' Angular Shape Chart
-_keywords: Angular Charts, Shape Chart, Infragistics
-_license: commercial
+description: Infragistics' Angular Shape Chart
+keywords: Angular Charts, Shape Chart, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx b/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx
index 4015b5c976..1b0a0ebed5 100644
--- a/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx
+++ b/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Excel Library| Working with Charts | Infragistics
-_description: Use the Infragistics' Angular excel library's chart feature to add visual charting representations of data trends across regions of cells in a worksheet. Visualize Ignite UI for Angular excel data in over 70 chart types!
-_keywords: Excel library, charts,  Ignite UI for Angular, Infragistics
-_license: commercial
+description: Use the Infragistics' Angular excel library's chart feature to add visual charting representations of data trends across regions of cells in a worksheet. Visualize Ignite UI for Angular excel data in over 70 chart types!
+keywords: Excel library, charts,  Ignite UI for Angular, Infragistics
+license: commercial
 
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/en/components/general-changelog-dv.mdx b/docs/angular/src/content/en/components/general-changelog-dv.mdx
index 4c6b5b1386..c9c38b33a2 100644
--- a/docs/angular/src/content/en/components/general-changelog-dv.mdx
+++ b/docs/angular/src/content/en/components/general-changelog-dv.mdx
@@ -30,6 +30,13 @@ For changes specific to igniteui-angular components, please see CHANGELOG.MD.
 
 ## **21.0.1 (March 2026)**
 
+### Enhancements
+
+#### igniteui-angular-charts
+
+- Added `Checkmark` option to the `MarkerType` enum. Use `MarkerType.Checkmark` on a series to display a V-shaped checkmark icon inside a circle. The new `MarkerAutomaticBehavior.Checkmark` enum value allows applying the checkmark shape to all series in the chart, and the `SeriesViewer.CheckmarkMarkerTemplate` property can be used to customize its template.
+- Added `MarkerSize` support on marker-enabled chart series to control marker dimensions in device-independent pixels and reset to template-based sizing with `NaN`.
+
 ### Bug Fixes
 
 | Bug Number | Control | Description |
@@ -42,6 +49,12 @@ For changes specific to igniteui-angular components, please see CHANGELOG.MD.
 | 41419 | Excel | Saving a VBA Signed Excel file does not keep a signature/certificate. |
 | 41594 | IgxDataChart | AssigningCategoryStyle args.GetItems is null or not working to update items in the fragment series. |
 
+### Enhancements
+
+### igniteui-angular-charts
+
+- Added `RangeBarSeries` support for horizontal range rendering in `IgxDataChart`.
+
 ## **21.0.0 (January 2026)**
 
 ### Enhancements
diff --git a/docs/angular/src/content/en/components/geo-map-navigation.mdx b/docs/angular/src/content/en/components/geo-map-navigation.mdx
index afaee623cd..0635debdde 100644
--- a/docs/angular/src/content/en/components/geo-map-navigation.mdx
+++ b/docs/angular/src/content/en/components/geo-map-navigation.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Map | Data Visualization Tools | Map Navigation | Infragistics
-_description: Navigate Infragistics' Angular map by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about Ignite UI for Angular map's navigation capabilities!
-_keywords: Angular map, navigation, Ignite UI for Angular, Infragistics
-_license: commercial
+description: Navigate Infragistics' Angular map by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about Ignite UI for Angular map's navigation capabilities!
+keywords: Angular map, navigation, Ignite UI for Angular, Infragistics
+license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/spreadsheet-activation.mdx b/docs/angular/src/content/en/components/spreadsheet-activation.mdx
index 75f9fe444d..bd2491ff0c 100644
--- a/docs/angular/src/content/en/components/spreadsheet-activation.mdx
+++ b/docs/angular/src/content/en/components/spreadsheet-activation.mdx
@@ -1,8 +1,8 @@
 ---
 title: Angular Spreadsheet | Activation | Infragistics
-_description: Learn how to use the activation feature of the  Angular spreadsheet control which is split between the cells, panes and worksheets. Check out the Ignite UI for Angular spreadsheet demos!
-_keywords: Excel Spreadsheet, activation, Ignite UI for Angular, Infragistics
-_license: commercial
+description: Learn how to use the activation feature of the  Angular spreadsheet control which is split between the cells, panes and worksheets. Check out the Ignite UI for Angular spreadsheet demos!
+keywords: Excel Spreadsheet, activation, Ignite UI for Angular, Infragistics
+license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/en/components/toc.json b/docs/angular/src/content/en/components/toc.json
index 69df19f1f9..3a5745585c 100644
--- a/docs/angular/src/content/en/components/toc.json
+++ b/docs/angular/src/content/en/components/toc.json
@@ -227,12 +227,14 @@
   {
     "name": "Grids & Lists",
     "href": "grids-and-lists.mdx",
+    "premium": true,
     "header": true,
     "updated": false
   },
   {
     "name": "Data Grid",
     "href": "grid/grid.mdx",
+    "premium": true,
     "new": false,
     "updated": false,
     "sortable": true,
@@ -528,6 +530,7 @@
   {
     "name": "Tree Grid",
     "href": "treegrid/tree-grid.mdx",
+    "premium": true,
     "new": false,
     "sortable": true,
     "items": [
@@ -798,6 +801,7 @@
   {
     "name": "Hierarchical Grid",
     "href": "hierarchicalgrid/hierarchical-grid.mdx",
+    "premium": true,
     "new": false,
     "sortable": true,
     "items": [
@@ -1044,6 +1048,7 @@
   {
     "name": "Pivot Grid",
     "href": "pivotGrid/pivot-grid.mdx",
+    "premium": true,
     "new": false,
     "updated": true,
     "items": [
@@ -1161,6 +1166,7 @@
   {
     "name": "Spreadsheet",
     "href": "spreadsheet-overview.mdx",
+    "premium": true,
     "new": false,
     "items": [
       {
@@ -1232,6 +1238,7 @@
   {
     "name": "Charts",
     "href": "charts/chart-overview.mdx",
+    "premium": true,
     "header": true
   },
   {
@@ -1364,6 +1371,7 @@
   {
     "name": "Chart Features",
     "href": "charts/chart-features.mdx",
+    "premium": true,
     "new": false,
     "items": [
       {
@@ -1516,6 +1524,7 @@
   {
     "name": "Maps",
     "href": "geo-map.mdx",
+    "premium": true,
     "header": true
   },
   {
@@ -1569,6 +1578,7 @@
   {
     "name": "Geographic Map Features",
     "href": "geo-map.mdx",
+    "premium": true,
     "new": false,
     "items": [
       {
@@ -1688,6 +1698,7 @@
   {
     "name": "Excel Library",
     "href": "excel-library.mdx",
+    "premium": true,
     "new": false,
     "items": [
       {
@@ -2295,6 +2306,7 @@
   {
     "name": "Transaction Service",
     "href": "transaction.mdx",
+    "premium": true,
     "new": false,
     "items": [
       {
diff --git a/docs/angular/src/content/en/grids_templates/column-types.mdx b/docs/angular/src/content/en/grids_templates/column-types.mdx
index 9f936153ef..6fb8c90b02 100644
--- a/docs/angular/src/content/en/grids_templates/column-types.mdx
+++ b/docs/angular/src/content/en/grids_templates/column-types.mdx
@@ -2,9 +2,9 @@
 
 ---
 title: Column Data Types in Angular - Ignite UI for Angular
-_description: Handle cell and editing templates in Angular by choosing from several predefined column data types - number, string, date, boolean, currency and percent column.
-_keywords: column data type, ignite ui for angular, infragistics
-_license: commercial
+description: Handle cell and editing templates in Angular by choosing from several predefined column data types - number, string, date, boolean, currency and percent column.
+keywords: column data type, ignite ui for angular, infragistics
+license: commercial
 ---
 
 </ComponentBlock>
diff --git a/docs/angular/src/content/en/grids_templates/virtualization.mdx b/docs/angular/src/content/en/grids_templates/virtualization.mdx
index 281b5b8b48..3f89e2a1c3 100644
--- a/docs/angular/src/content/en/grids_templates/virtualization.mdx
+++ b/docs/angular/src/content/en/grids_templates/virtualization.mdx
@@ -2,9 +2,9 @@
 
 ---
 title: Angular Grid Virtualization and Performance - Ignite UI for Angular
-_description: The Ignite UI for Angular Virtualization directive is the core mechanic behind the speed & performance of the grid when handling large data sets. Try for free!
-_keywords: angular data grid, grid performance, data table virtualization, ignite ui for angular
-_license: commercial
+description: The Ignite UI for Angular Virtualization directive is the core mechanic behind the speed & performance of the grid when handling large data sets. Try for free!
+keywords: angular data grid, grid performance, data table virtualization, ignite ui for angular
+license: commercial
 ---
 
 </ComponentBlock>
@@ -12,9 +12,9 @@ _license: commercial
 
 ---
 title: Angular Grid Virtualization and Performance - Ignite UI for Angular
-_description: The Ignite UI for Angular Virtualization directive is the core mechanic behind the speed & performance of the grid when handling large data sets. Try for free!
-_keywords: angular data grid, grid performance, data table virtualization, ignite ui for angular
-_license: commercial
+description: The Ignite UI for Angular Virtualization directive is the core mechanic behind the speed & performance of the grid when handling large data sets. Try for free!
+keywords: angular data grid, grid performance, data table virtualization, ignite ui for angular
+license: commercial
 _canonicalLink: grid/virtualization
 ---
 </ComponentBlock>
@@ -22,9 +22,9 @@ _canonicalLink: grid/virtualization
 
 ---
 title: Angular Grid Virtualization and Performance - Ignite UI for Angular
-_description: The Ignite UI for Angular Virtualization directive is the core mechanic behind the speed & performance of the grid when handling large data sets. Try for free!
-_keywords: angular data grid, grid performance, data table virtualization, ignite ui for angular
-_license: commercial
+description: The Ignite UI for Angular Virtualization directive is the core mechanic behind the speed & performance of the grid when handling large data sets. Try for free!
+keywords: angular data grid, grid performance, data table virtualization, ignite ui for angular
+license: commercial
 _canonicalLink: grid/virtualization
 ---
 
diff --git a/docs/angular/src/content/jp/components/charts/chart-api.mdx b/docs/angular/src/content/jp/components/charts/chart-api.mdx
index 8d50ca21de..7488a41f42 100644
--- a/docs/angular/src/content/jp/components/charts/chart-api.mdx
+++ b/docs/angular/src/content/jp/components/charts/chart-api.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataChart", "CategoryChart", "FinancialChart", "SeriesViewer", "DoughnutChart", "PieChart", "Sparkline", "DataPieChart" ]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Use Infragistics Ignite UI for Angular chart provides useful API to configure and styles chart visuals
-_keywords: Angular charts, chart API, API, Ignite UI for Angular, Infragistics
-_license: commercial
 
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-animations.mdx b/docs/angular/src/content/jp/components/charts/features/chart-animations.mdx
index 7e603acf12..bfc2555d6f 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-animations.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-animations.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' Angular Chart Animations
-_keywords: Angular Charts, Animations, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-annotations.mdx b/docs/angular/src/content/jp/components/charts/features/chart-annotations.mdx
index 9549fee084..21cfce8da5 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-annotations.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-annotations.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' Angular Chart Annotations
-_keywords: Angular Charts, Annotations, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-axis-options.mdx b/docs/angular/src/content/jp/components/charts/features/chart-axis-options.mdx
index 84cebe3e7b..ca7fd69fe6 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-axis-options.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-axis-options.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "FinancialChartYAxisMode", "FinancialChartXAxisMode", "NumericYAxis", "CategoryXAxis"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' Angular Axis Options
-_keywords: Angular Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mode, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-data-aggregations.mdx b/docs/angular/src/content/jp/components/charts/features/chart-data-aggregations.mdx
index 2bec822d12..20a9b1119e 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-data-aggregations.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-data-aggregations.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' Angular Data Aggregations
-_keywords: Angular Charts, Markers, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-data-tooltip.mdx b/docs/angular/src/content/jp/components/charts/features/chart-data-tooltip.mdx
index 2332a4d0fe..c4fe4b0184 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-data-tooltip.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-data-tooltip.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataChart", "Legend", "CategoryChart", "FinancialChart", "DataLegend", "DataToolTipLayer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Use Infragistics Ignite UI for Angular chart with the data tooltip layer!
-_keywords: Angular charts, chart legend, legend, legend types, Ignite UI for Angular, Infragistics
-_license: commercial
 
 ---
 
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-highlighting.mdx b/docs/angular/src/content/jp/components/charts/features/chart-highlighting.mdx
index 9830ead42a..ca236a55b5 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-highlighting.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-highlighting.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' Angular Chart Highlighting
-_keywords: Angular Charts, Highlighting, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-markers.mdx b/docs/angular/src/content/jp/components/charts/features/chart-markers.mdx
index 3145256c59..912c9f6a33 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-markers.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-markers.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries", "MarkerAutomaticBehavior", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' Angular Chart Markers
-_keywords: Angular Charts, Markers, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-navigation.mdx b/docs/angular/src/content/jp/components/charts/features/chart-navigation.mdx
index d5f64392b9..800880e88e 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-navigation.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-navigation.mdx
@@ -5,9 +5,6 @@ keywords: "Angular charts, data chart, navigation, Ignite UI for Angular, Infrag
 license: commercial
 mentionedTypes: ["DataChart", "CategoryChart", "FinancialChart", "ModifierKeys"]
 _language: ja
-_description: Navigate Infragistics' Angular charts by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about Ignite UI for Angular graph navigation capabilities!
-_keywords: Angular charts, data chart, navigation, Ignite UI for Angular, Infragistics
-_license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-overlays.mdx b/docs/angular/src/content/jp/components/charts/features/chart-overlays.mdx
index c7505c5bdd..de394f0f28 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-overlays.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-overlays.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataChart", "ValueOverlay", "CategoryChart", "FinancialChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Use Infragistics Ignite UI for Angular chart control's value overlay feature to place horizontal or vertical lines at a single numeric value. Learn about our Ignite UI for Angular graph types!
-_keywords: Angular charts, data chart, value overlay, Ignite UI for Angular, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/features/chart-trendlines.mdx b/docs/angular/src/content/jp/components/charts/features/chart-trendlines.mdx
index 863dd014c7..73faa6ca9b 100644
--- a/docs/angular/src/content/jp/components/charts/features/chart-trendlines.mdx
+++ b/docs/angular/src/content/jp/components/charts/features/chart-trendlines.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "CategoryChart", "DataChart", "TrendLineType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' Angular Chart Trendlines
-_keywords: Angular Charts, Trendlines, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/bubble-chart.mdx b/docs/angular/src/content/jp/components/charts/types/bubble-chart.mdx
index 0d9bd3cf19..fbe4eab0f1 100644
--- a/docs/angular/src/content/jp/components/charts/types/bubble-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/bubble-chart.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["Series", "BubbleSeries", "ScatterSeries", "MarkerType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' Angular Bubble Chart
-_keywords: Angular Charts, Bubble Chart, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/data-pie-chart.mdx b/docs/angular/src/content/jp/components/charts/types/data-pie-chart.mdx
index 3801e6aecc..f2886b45a0 100644
--- a/docs/angular/src/content/jp/components/charts/types/data-pie-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/data-pie-chart.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataPieChart", "DataChart", "OthersCategoryType", "SeriesSelectionMode", "SeriesSelectionBehavior", "SeriesHighlightingBehavior"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: The Ignite UI for Angular data pie chart is a specialized UI control that renders a pie chart, consisting of a circular area divided into sections.  Try for FREE.
-_keywords: Angular charts, pie chart, Ignite UI for Angular, Infragistics, data binding, slice selection, animation, highlighting, legend
-_license: commercial
 
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/charts/types/shape-chart.mdx b/docs/angular/src/content/jp/components/charts/types/shape-chart.mdx
index 1256905daf..ef2912fb3c 100644
--- a/docs/angular/src/content/jp/components/charts/types/shape-chart.mdx
+++ b/docs/angular/src/content/jp/components/charts/types/shape-chart.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataChart", "ScatterPolygonSeries", "ScatterPolylineSeries", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' Angular Shape Chart
-_keywords: Angular Charts, Shape Chart, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library-working-with-charts.mdx b/docs/angular/src/content/jp/components/excel-library-working-with-charts.mdx
index b734950108..21d1719517 100644
--- a/docs/angular/src/content/jp/components/excel-library-working-with-charts.mdx
+++ b/docs/angular/src/content/jp/components/excel-library-working-with-charts.mdx
@@ -5,9 +5,6 @@ keywords: Excel library, charts, Ignite UI for Angular, Infragistics, Excel ラ
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet"]
 _language: ja
-_description: Use the Infragistics' Angular excel library's chart feature to add visual charting representations of data trends across regions of cells in a worksheet. Visualize Ignite UI for Angular excel data in over 70 chart types!
-_keywords: Excel library, charts,  Ignite UI for Angular, Infragistics
-_license: commercial
 
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/angular/src/content/jp/components/excel-library.mdx b/docs/angular/src/content/jp/components/excel-library.mdx
index 0c65267030..d026b98d86 100644
--- a/docs/angular/src/content/jp/components/excel-library.mdx
+++ b/docs/angular/src/content/jp/components/excel-library.mdx
@@ -106,8 +106,17 @@ Excel ライブラリ は Excel Binary Workbook (.xlsb) フォーマットを現
 ## Load and Save Workbooks
 Now that the Excel Library module is imported, next step is to load a workbook.
 
+
+
+
+
+
 In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a <ApiLink type="Workbook" />.
 
+
+
+
+
 In order to load and save <ApiLink type="Workbook" /> objects, you can utilize the save method of the actual <ApiLink type="Workbook" /> object, as well as its static `Load` method.
 
 ```ts
@@ -120,6 +129,10 @@ var workbook = ExcelUtility.load(file);
 ExcelUtility.save(workbook, "fileName");
 ```
 
+
+
+
+
 ## Managing Heap
 
 Due to the size of the Excel Library, it's recommended to disable the source map generation.
@@ -152,6 +165,9 @@ Modify `angular.json` by setting the `vendorSourceMap` option under architect =>
       }
 ```
 
+
+
+
 ## API References
 <ApiLink type="Worksheet" />
 <ApiLink type="Workbook" />
diff --git a/docs/angular/src/content/jp/components/general-changelog-dv.mdx b/docs/angular/src/content/jp/components/general-changelog-dv.mdx
index 74d7832f06..05346a76b3 100644
--- a/docs/angular/src/content/jp/components/general-changelog-dv.mdx
+++ b/docs/angular/src/content/jp/components/general-changelog-dv.mdx
@@ -31,6 +31,13 @@ igniteui-angular コンポーネントに固有の変更については CHANGELO
 
 ## **21.0.1 (March 2026)**
 
+### 機能拡張
+
+#### igniteui-angular-charts
+
+- `MarkerType` 列挙型に `Checkmark` オプションが追加されました。シリーズで `MarkerType.Checkmark` を使用すると、円の中に V 字型のチェックマーク アイコンを表示できます。新しい `MarkerAutomaticBehavior.Checkmark` 列挙値でチャート内のすべてのシリーズにチェックマーク形状を適用でき、`SeriesViewer.CheckmarkMarkerTemplate` プロパティでテンプレートをカスタマイズできます。
+- マーカーをサポートするチャート シリーズで `MarkerSize` がサポートされ、デバイス非依存ピクセル単位でマーカー サイズを制御できるようになりました。`NaN` に設定するとテンプレート ベースの既定サイズに戻ります。
+
 ### バグ修正
 
 | バグ番号 | コントロール | 説明 |
@@ -43,6 +50,11 @@ igniteui-angular コンポーネントに固有の変更については CHANGELO
 | 41419 | Excel | VBA 署名付き Excel ファイルの保存時に署名/証明書が保持されない。 |
 | 41594 | IgxDataChart | AssigningCategoryStyle の args.GetItems が null であるか、フラグメント シリーズのアイテム更新に機能しない。 |
 
+### 機能拡張
+
+### igniteui-angular-charts
+- `IgxDataChart` での水平方向の範囲レンダリングをサポートする `RangeBarSeries` が追加されました。
+
 ## **21.0.0 (January 2026)**
 
 ### 機能拡張
diff --git a/docs/angular/src/content/jp/components/geo-map-navigation.mdx b/docs/angular/src/content/jp/components/geo-map-navigation.mdx
index f66f82126e..9cd2939bab 100644
--- a/docs/angular/src/content/jp/components/geo-map-navigation.mdx
+++ b/docs/angular/src/content/jp/components/geo-map-navigation.mdx
@@ -5,9 +5,6 @@ keywords: "Angular map, navigation, Ignite UI for Angular, Infragistics, Angular
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
-_description: Navigate Infragistics' Angular map by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about Ignite UI for Angular map's navigation capabilities!
-_keywords: Angular map, navigation, Ignite UI for Angular, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/spreadsheet-activation.mdx b/docs/angular/src/content/jp/components/spreadsheet-activation.mdx
index 96908dba32..59e677f01c 100644
--- a/docs/angular/src/content/jp/components/spreadsheet-activation.mdx
+++ b/docs/angular/src/content/jp/components/spreadsheet-activation.mdx
@@ -5,9 +5,6 @@ keywords: Excel Spreadsheet, activation, Ignite UI for Angular, Infragistics, Ex
 license: commercial
 mentionedTypes: ["Spreadsheet"]
 _language: ja
-_description: Learn how to use the activation feature of the  Angular spreadsheet control which is split between the cells, panes and worksheets. Check out the Ignite UI for Angular spreadsheet demos!
-_keywords: Excel Spreadsheet, activation, Ignite UI for Angular, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/angular/src/content/jp/components/toc.json b/docs/angular/src/content/jp/components/toc.json
index b9fb99bbb4..76b65b25e1 100644
--- a/docs/angular/src/content/jp/components/toc.json
+++ b/docs/angular/src/content/jp/components/toc.json
@@ -228,12 +228,14 @@
   {
     "name": "グリッドとリスト",
     "href": "grids-and-lists.mdx",
+    "premium": true,
     "header": true,
     "updated": false
   },
   {
     "name": "Data Grid",
     "href": "grid/grid.mdx",
+    "premium": true,
     "new": false,
     "updated": false,
     "sortable": true,
@@ -529,6 +531,7 @@
   {
     "name": "Tree Grid",
     "href": "treegrid/tree-grid.mdx",
+    "premium": true,
     "new": false,
     "sortable": true,
     "items": [
@@ -799,6 +802,7 @@
   {
     "name": "Hierarchical Grid",
     "href": "hierarchicalgrid/hierarchical-grid.mdx",
+    "premium": true,
     "new": false,
     "sortable": true,
     "items": [
@@ -1045,6 +1049,7 @@
   {
     "name": "Pivot Grid",
     "href": "pivotgrid/pivot-grid.mdx",
+    "premium": true,
     "new": false,
     "updated": true,
     "items": [
@@ -1162,6 +1167,7 @@
   {
     "name": "Spreadsheet",
     "href": "spreadsheet-overview.mdx",
+    "premium": true,
     "new": false,
     "items": [
       {
@@ -1233,6 +1239,7 @@
   {
     "name": "チャート",
     "href": "charts/chart-overview.mdx",
+    "premium": true,
     "header": true
   },
   {
@@ -1365,6 +1372,7 @@
   {
     "name": "チャート機能",
     "href": "charts/chart-features.mdx",
+    "premium": true,
     "new": false,
     "items": [
       {
@@ -1517,6 +1525,7 @@
   {
     "name": "マップ",
     "href": "geo-map.mdx",
+    "premium": true,
     "header": true
   },
   {
@@ -1570,6 +1579,7 @@
   {
     "name": "マップ",
     "href": "geo-map.mdx",
+    "premium": true,
     "new": false,
     "sortable": true,
     "items": [
@@ -1690,6 +1700,7 @@
   {
     "name": "Excel ライブラリ",
     "href": "excel-library.mdx",
+    "premium": true,
     "new": false,
     "items": [
       {
@@ -2298,6 +2309,7 @@
   {
     "name": "トランザクション サービス",
     "href": "transaction.mdx",
+    "premium": true,
     "new": false,
     "items": [
       {
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-charts.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-charts.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-charts.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-charts.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-core.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-core.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-core.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-core.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-dashboards.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-dashboards.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-dashboards.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-dashboards.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-data-grids.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-data-grids.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-data-grids.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-data-grids.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-datasources.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-datasources.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-datasources.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-datasources.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-dc3.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-dc3.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-dc3.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-dc3.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-dockmanager.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-dockmanager.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-dockmanager.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-dockmanager.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-excel.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-excel.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-excel.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-excel.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-gauges.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-gauges.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-gauges.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-gauges.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-grids.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-grids.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-grids.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-grids.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-inputs.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-inputs.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-inputs.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-inputs.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-layouts.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-layouts.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-layouts.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-layouts.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-maps.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-maps.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-maps.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-maps.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-react.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-react.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-react.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-react.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet-chart-adapter.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet-chart-adapter.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet-chart-adapter.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet-chart-adapter.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-spreadsheet.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/changelog/igniteui-webcomponents.mdx b/docs/xplat/src/content/en/components/changelog/igniteui-webcomponents.mdx
index d5e8ae742c..82ff8065d7 100644
--- a/docs/xplat/src/content/en/components/changelog/igniteui-webcomponents.mdx
+++ b/docs/xplat/src/content/en/components/changelog/igniteui-webcomponents.mdx
@@ -1,7 +1,7 @@
 ---
 title: {Platform} What's New | {ProductName} | Infragistics
-_description: Learn about new features in the {ProductName}.
-_keywords: Changelog, What's New,  {ProductName}, Infragistics
+description: Learn about new features in the {ProductName}.
+keywords: Changelog, What's New,  {ProductName}, Infragistics
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/chart-api.mdx b/docs/xplat/src/content/en/components/charts/chart-api.mdx
index 000cfbbd87..3739b0cdeb 100644
--- a/docs/xplat/src/content/en/components/charts/chart-api.mdx
+++ b/docs/xplat/src/content/en/components/charts/chart-api.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Chart API | Data Visualization Tools | Infragistics
-_description: Use Infragistics {ProductName} chart provides useful API to configure and styles chart visuals
-_keywords: {Platform} charts, chart API, API, {ProductName}, Infragistics
-_license: commercial
+description: Use Infragistics {ProductName} chart provides useful API to configure and styles chart visuals
+keywords: {Platform} charts, chart API, API, {ProductName}, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-animations.mdx b/docs/xplat/src/content/en/components/charts/features/chart-animations.mdx
index 3af45c9122..af4c1f46df 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-animations.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-animations.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Chart Animations | Data Visualization | Infragistics
-_description: Infragistics' {Platform} Chart Animations
-_keywords: {Platform} Charts, Animations, Infragistics
-_license: commercial
+description: Infragistics' {Platform} Chart Animations
+keywords: {Platform} Charts, Animations, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-annotations.mdx b/docs/xplat/src/content/en/components/charts/features/chart-annotations.mdx
index bac404a9eb..c17d0e6325 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-annotations.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-annotations.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Chart Annotations | Data Visualization | Infragistics
-_description: Infragistics' {Platform} Chart Annotations
-_keywords: {Platform} Charts, Annotations, Infragistics
-_license: commercial
+description: Infragistics' {Platform} Chart Annotations
+keywords: {Platform} Charts, Annotations, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx b/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx
index d198f3da81..2941f651fe 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Axis Options | Data Visualization | Infragistics
-_description: Infragistics' {Platform} Axis Options
-_keywords: {Platform} Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mode, Infragistics
-_license: commercial
+description: Infragistics' {Platform} Axis Options
+keywords: {Platform} Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mode, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-data-aggregations.mdx b/docs/xplat/src/content/en/components/charts/features/chart-data-aggregations.mdx
index a9a245503a..ef751eed49 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-data-aggregations.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-data-aggregations.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Data Aggregations | Data Visualization | Infragistics
-_description: Infragistics' {Platform} Data Aggregations
-_keywords: {Platform} Charts, Markers, Infragistics
-_license: commercial
+description: Infragistics' {Platform} Data Aggregations
+keywords: {Platform} Charts, Markers, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-data-tooltip.mdx b/docs/xplat/src/content/en/components/charts/features/chart-data-tooltip.mdx
index 684a6bdae5..30431828c4 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-data-tooltip.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-data-tooltip.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Chart Data Tooltip | Data Visualization Tools | Infragistics
-_description: Use Infragistics {ProductName} chart with the data tooltip layer!
-_keywords: {Platform} charts, chart legend, legend, legend types, {ProductName}, Infragistics
-_license: commercial
+description: Use Infragistics {ProductName} chart with the data tooltip layer!
+keywords: {Platform} charts, chart legend, legend, legend types, {ProductName}, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-highlighting.mdx b/docs/xplat/src/content/en/components/charts/features/chart-highlighting.mdx
index 351dc1f7bd..0113e008e7 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-highlighting.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-highlighting.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Chart Highlighting | Data Visualization | Infragistics
-_description: Infragistics' {Platform} Chart Highlighting
-_keywords: {Platform} Charts, Highlighting, Infragistics
-_license: commercial
+description: Infragistics' {Platform} Chart Highlighting
+keywords: {Platform} Charts, Highlighting, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx b/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
index c5e5d65da3..acac925460 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Chart Markers | Data Visualization | Infragistics
-_description: Infragistics' {Platform} Chart Markers
-_keywords: {Platform} Charts, Markers, Marker Size, Infragistics
-_license: commercial
+description: Infragistics' {Platform} Chart Markers
+keywords: {Platform} Charts, Markers, Marker Size, Infragistics
+license: commercial
 mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries", "MarkerAutomaticBehavior", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-navigation.mdx b/docs/xplat/src/content/en/components/charts/features/chart-navigation.mdx
index 69c8605212..a61ab85cc0 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-navigation.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-navigation.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Data Chart | Data Visualization Tools | Navigation | Infragistics
-_description: Navigate Infragistics' {Platform} charts by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about {ProductName} graph navigation capabilities!
-_keywords: {Platform} charts, data chart, navigation, {ProductName}, Infragistics
-_license: commercial
+description: Navigate Infragistics' {Platform} charts by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about {ProductName} graph navigation capabilities!
+keywords: {Platform} charts, data chart, navigation, {ProductName}, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-overlays.mdx b/docs/xplat/src/content/en/components/charts/features/chart-overlays.mdx
index cdbd1dbce9..40d6cfc350 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-overlays.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-overlays.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Chart Overlays | Data Visualization Tools | Value Overlay | Infragistics
-_description: Use Infragistics {ProductName} chart control's value overlay feature to place horizontal or vertical lines at a single numeric value. Learn about our {ProductName} graph types!
-_keywords: {Platform} charts, data chart, value overlay, {ProductName}, Infragistics
-_license: commercial
+description: Use Infragistics {ProductName} chart control's value overlay feature to place horizontal or vertical lines at a single numeric value. Learn about our {ProductName} graph types!
+keywords: {Platform} charts, data chart, value overlay, {ProductName}, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-trendlines.mdx b/docs/xplat/src/content/en/components/charts/features/chart-trendlines.mdx
index 3e6498677b..72e9dde51e 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-trendlines.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-trendlines.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Chart Trendlines | Data Visualization | Infragistics
-_description: Infragistics' {Platform} Chart Trendlines
-_keywords: {Platform} Charts, Trendlines, Infragistics
-_license: commercial
+description: Infragistics' {Platform} Chart Trendlines
+keywords: {Platform} Charts, Trendlines, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/types/bubble-chart.mdx b/docs/xplat/src/content/en/components/charts/types/bubble-chart.mdx
index 058bb888e9..86c7842f77 100644
--- a/docs/xplat/src/content/en/components/charts/types/bubble-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/bubble-chart.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Bubble Chart | Data Visualization | Infragistics
-_description: Infragistics' {Platform} Bubble Chart
-_keywords: {Platform} Charts, Bubble Chart, Infragistics
-_license: commercial
+description: Infragistics' {Platform} Bubble Chart
+keywords: {Platform} Charts, Bubble Chart, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/types/data-pie-chart.mdx b/docs/xplat/src/content/en/components/charts/types/data-pie-chart.mdx
index fe2f9860fe..2892fdd9f0 100644
--- a/docs/xplat/src/content/en/components/charts/types/data-pie-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/data-pie-chart.mdx
@@ -1,8 +1,9 @@
 ---
 title: {Platform} Pie Charts and Graphs | {ProductName}
-_description: The {ProductName} data pie chart is a specialized UI control that renders a pie chart, consisting of a circular area divided into sections.  Try for FREE.
-_keywords: {Platform} charts, pie chart, {ProductName}, Infragistics, data binding, slice selection, animation, highlighting, legend
-_license: commercial
+description: The {ProductName} data pie chart is a specialized UI control that renders a pie chart, consisting of a circular area divided into sections.  Try for FREE.
+keywords: {Platform} charts, pie chart, {ProductName}, Infragistics, data binding, slice selection, animation, highlighting, legend
+license: commercial
+
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/charts/types/shape-chart.mdx b/docs/xplat/src/content/en/components/charts/types/shape-chart.mdx
index f8ab99f746..e4c3df7e21 100644
--- a/docs/xplat/src/content/en/components/charts/types/shape-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/shape-chart.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Shape Chart | Data Visualization | Infragistics
-_description: Infragistics' {Platform} Shape Chart
-_keywords: {Platform} Charts, Shape Chart, Infragistics
-_license: commercial
+description: Infragistics' {Platform} Shape Chart
+keywords: {Platform} Charts, Shape Chart, Infragistics
+license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/en/components/excel-library-working-with-charts.mdx b/docs/xplat/src/content/en/components/excel-library-working-with-charts.mdx
index 9000efc3ba..2c14aa2e1c 100644
--- a/docs/xplat/src/content/en/components/excel-library-working-with-charts.mdx
+++ b/docs/xplat/src/content/en/components/excel-library-working-with-charts.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Excel Library| Working with Charts | Infragistics
-_description: Use the Infragistics' {Platform} excel library's chart feature to add visual charting representations of data trends across regions of cells in a worksheet. Visualize {ProductName} excel data in over 70 chart types!
-_keywords: Excel library, charts,  {ProductName}, Infragistics
-_license: commercial
+description: Use the Infragistics' {Platform} excel library's chart feature to add visual charting representations of data trends across regions of cells in a worksheet. Visualize {ProductName} excel data in over 70 chart types!
+keywords: Excel library, charts,  {ProductName}, Infragistics
+license: commercial
 
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/en/components/geo-map-navigation.mdx b/docs/xplat/src/content/en/components/geo-map-navigation.mdx
index 482571f493..38184befcb 100644
--- a/docs/xplat/src/content/en/components/geo-map-navigation.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-navigation.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Map | Data Visualization Tools | Map Navigation | Infragistics
-_description: Navigate Infragistics' {Platform} map by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about {ProductName} map's navigation capabilities!
-_keywords: {Platform} map, navigation, {ProductName}, Infragistics
-_license: commercial
+description: Navigate Infragistics' {Platform} map by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about {ProductName} map's navigation capabilities!
+keywords: {Platform} map, navigation, {ProductName}, Infragistics
+license: commercial
 
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/grids/hierarchical-grid/theming-grid.mdx b/docs/xplat/src/content/en/components/grids/hierarchical-grid/theming-grid.mdx
index 279065332d..257eb62d77 100644
--- a/docs/xplat/src/content/en/components/grids/hierarchical-grid/theming-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/hierarchical-grid/theming-grid.mdx
@@ -1,9 +1,9 @@
 ---
 _componentKey: HierarchicalGrid
 title: {Platform} Grid theming | Real-Time {Platform} Tables | The Lightweight {Platform} Web Components table | Infragistics
-_description: The {ProductName} Dark Theming
-_keywords: {Platform} {ComponentTitle}, {ComponentTitle} dark theme {ProductName}
-_license: commercial
+description: The {ProductName} Dark Theming
+keywords: {Platform} {ComponentTitle}, {ComponentTitle} dark theme {ProductName}
+license: commercial
 
 
 namespace: Infragistics.Controls
diff --git a/docs/xplat/src/content/en/components/grids/tree-grid/theming-grid.mdx b/docs/xplat/src/content/en/components/grids/tree-grid/theming-grid.mdx
index a3a65be0f6..c30ed0c7fc 100644
--- a/docs/xplat/src/content/en/components/grids/tree-grid/theming-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree-grid/theming-grid.mdx
@@ -1,9 +1,9 @@
 ---
 _componentKey: TreeGrid
 title: {Platform} Grid theming | Real-Time {Platform} Tables | The Lightweight {Platform} Web Components table | Infragistics
-_description: The {ProductName} Dark Theming
-_keywords: {Platform} {ComponentTitle}, {ComponentTitle} dark theme {ProductName}
-_license: commercial
+description: The {ProductName} Dark Theming
+keywords: {Platform} {ComponentTitle}, {ComponentTitle} dark theme {ProductName}
+license: commercial
 
 
 namespace: Infragistics.Controls
diff --git a/docs/xplat/src/content/en/components/inputs/highlight.mdx b/docs/xplat/src/content/en/components/inputs/highlight.mdx
index c8763a263e..7a391686b5 100644
--- a/docs/xplat/src/content/en/components/inputs/highlight.mdx
+++ b/docs/xplat/src/content/en/components/inputs/highlight.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Highlight | Infragistics
-_description: Infragistics' {Platform} Highlight component allows you to search for specific text in the page content and highlight it.
-_keywords: {Platform}, UI controls, web widgets, UI widgets, {Platform} Highlight Components, Infragistics
-_license: MIT
+description: Infragistics' {Platform} Highlight component allows you to search for specific text in the page content and highlight it.
+keywords: {Platform}, UI controls, web widgets, UI widgets, {Platform} Highlight Components, Infragistics
+license: MIT
 mentionedTypes: ["Highlight"]
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/en/components/spreadsheet-activation.mdx b/docs/xplat/src/content/en/components/spreadsheet-activation.mdx
index a6d46c18d3..c569cb055d 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-activation.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-activation.mdx
@@ -1,8 +1,8 @@
 ---
 title: {Platform} Spreadsheet | Activation | Infragistics
-_description: Learn how to use the activation feature of the  {Platform} spreadsheet control which is split between the cells, panes and worksheets. Check out the {ProductName} spreadsheet demos!
-_keywords: Excel Spreadsheet, activation, {ProductName}, Infragistics
-_license: commercial
+description: Learn how to use the activation feature of the  {Platform} spreadsheet control which is split between the cells, panes and worksheets. Check out the {ProductName} spreadsheet demos!
+keywords: Excel Spreadsheet, activation, {ProductName}, Infragistics
+license: commercial
 
 
 ---
diff --git a/docs/xplat/src/content/en/toc.json b/docs/xplat/src/content/en/toc.json
index e0221faaf9..bc7bad8067 100644
--- a/docs/xplat/src/content/en/toc.json
+++ b/docs/xplat/src/content/en/toc.json
@@ -301,7 +301,8 @@
     ],
     "name": "Grids & Lists",
     "header": true,
-    "href": "grids/grids-header.md"
+    "href": "grids/grids-header.md",
+    "premium": true
   },
   {
     "exclude": [
@@ -689,6 +690,7 @@
     ],
     "name": "Hierarchical Grid",
     "href": "grids/hierarchical-grid/overview.md",
+    "premium": true,
     "items": [
       {
         "exclude": [
@@ -1002,6 +1004,7 @@
     ],
     "name": "Pivot Grid",
     "href": "grids/pivot-grid/overview.md",
+    "premium": true,
     "items": [
       {
         "exclude": [
@@ -1049,6 +1052,7 @@
     ],
     "name": "Tree Grid",
     "href": "grids/tree-grid/overview.md",
+    "premium": true,
     "items": [
       {
         "exclude": [
@@ -1476,6 +1480,7 @@
     ],
     "name": "Table / Grid",
     "href": "grids/data-grid/overview.md",
+    "premium": true,
     "items": [
       {
         "name": "Accessibility Compliance",
@@ -1658,6 +1663,7 @@
     ],
     "name": "Spreadsheet",
     "href": "spreadsheet-overview.md",
+    "premium": true,
     "items": [
       {
         "name": "Activation",
@@ -1723,6 +1729,7 @@
     "note": "THIS NODE IS FOR THE NEW STRUCTURE OF CHARTS",
     "name": "Charts",
     "href": "charts/chart-overview.md",
+    "premium": true,
     "header": true
   },
   {
diff --git a/docs/xplat/src/content/jp/components/charts/chart-api.mdx b/docs/xplat/src/content/jp/components/charts/chart-api.mdx
index 1d454d2c6e..83b141961a 100644
--- a/docs/xplat/src/content/jp/components/charts/chart-api.mdx
+++ b/docs/xplat/src/content/jp/components/charts/chart-api.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataChart", "CategoryChart", "FinancialChart", "SeriesViewer", "DoughnutChart", "PieChart", "Sparkline", "DataPieChart" ]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Use Infragistics {ProductName} chart provides useful API to configure and styles chart visuals
-_keywords: {Platform} charts, chart API, API, {ProductName}, Infragistics
-_license: commercial
 
 ---
 import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-animations.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-animations.mdx
index 41a37de33d..d1e3cf881a 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-animations.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-animations.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' {Platform} Chart Animations
-_keywords: {Platform} Charts, Animations, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-annotations.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-annotations.mdx
index 612bee36f1..07aa2e3b0f 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-annotations.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-annotations.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "CrosshairLayer", "FinalValueLayer", "CalloutLayer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' {Platform} Chart Annotations
-_keywords: {Platform} Charts, Annotations, Infragistics
-_license: commercial
 
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-axis-options.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-axis-options.mdx
index 168b0e344f..6bf17b9e66 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-axis-options.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-axis-options.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart", "FinancialChart", "FinancialChartYAxisMode", "FinancialChartXAxisMode", "NumericYAxis", "CategoryXAxis"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' {Platform} Axis Options
-_keywords: {Platform} Axis, Options, Title, Labels, Gap, Overlap, Range, Scale, Mode, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-data-aggregations.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-data-aggregations.mdx
index 343dd3aa86..41b8b9f450 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-data-aggregations.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-data-aggregations.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DomainChart", "CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' {Platform} Data Aggregations
-_keywords: {Platform} Charts, Markers, Infragistics
-_license: commercial
 
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-data-tooltip.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-data-tooltip.mdx
index 0809d28f0c..72ebe6e7ad 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-data-tooltip.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-data-tooltip.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataChart", "Legend", "CategoryChart", "FinancialChart", "DataLegend", "DataToolTipLayer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Use Infragistics {ProductName} chart with the data tooltip layer!
-_keywords: {Platform} charts, chart legend, legend, legend types, {ProductName}, Infragistics
-_license: commercial
 
 ---
 
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-highlighting.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-highlighting.mdx
index 24c4386e4b..d7540a579b 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-highlighting.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-highlighting.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["CategoryChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' {Platform} Chart Highlighting
-_keywords: {Platform} Charts, Highlighting, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-markers.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-markers.mdx
index ed1a04ab44..2d5bdf77a4 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-markers.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-markers.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["CategoryChart", "CategoryChartType", "MarkerType", "MarkerSeries", "ScatterLineSeries", "ScatterSplineSeries", "ScatterSeries", "LineSeries", "SplineSeries", "MarkerAutomaticBehavior", "SeriesViewer"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' {Platform} Chart Markers
-_keywords: {Platform} Charts, Markers, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-navigation.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-navigation.mdx
index 03166ce850..5d3d9d38c3 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-navigation.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-navigation.mdx
@@ -5,9 +5,6 @@ keywords: "{Platform} charts, data chart, navigation, {ProductName}, Infragistic
 license: commercial
 mentionedTypes: ["DataChart", "CategoryChart", "FinancialChart", "ModifierKeys"]
 _language: ja
-_description: Navigate Infragistics' {Platform} charts by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about {ProductName} graph navigation capabilities!
-_keywords: {Platform} charts, data chart, navigation, {ProductName}, Infragistics
-_license: commercial
 
 namespace: Infragistics.Controls.Charts
 ---
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-overlays.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-overlays.mdx
index b3734cae07..30f68c2a21 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-overlays.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-overlays.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataChart", "ValueOverlay", "CategoryChart", "FinancialChart"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Use Infragistics {ProductName} chart control's value overlay feature to place horizontal or vertical lines at a single numeric value. Learn about our {ProductName} graph types!
-_keywords: {Platform} charts, data chart, value overlay, {ProductName}, Infragistics
-_license: commercial
 
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/features/chart-trendlines.mdx b/docs/xplat/src/content/jp/components/charts/features/chart-trendlines.mdx
index 63946e1be1..8d0f6032fe 100644
--- a/docs/xplat/src/content/jp/components/charts/features/chart-trendlines.mdx
+++ b/docs/xplat/src/content/jp/components/charts/features/chart-trendlines.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DomainChart", "FinancialChart", "CategoryChart", "DataChart", "TrendLineType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' {Platform} Chart Trendlines
-_keywords: {Platform} Charts, Trendlines, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/bubble-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/bubble-chart.mdx
index 5ff38b5979..f687dbdf1b 100644
--- a/docs/xplat/src/content/jp/components/charts/types/bubble-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/bubble-chart.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["Series", "BubbleSeries", "ScatterSeries", "MarkerType"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' {Platform} Bubble Chart
-_keywords: {Platform} Charts, Bubble Chart, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/data-pie-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/data-pie-chart.mdx
index f8aca2f7d8..606a7012f6 100644
--- a/docs/xplat/src/content/jp/components/charts/types/data-pie-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/data-pie-chart.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataPieChart", "DataChart", "OthersCategoryType", "SeriesSelectionMode", "SeriesSelectionBehavior", "SeriesHighlightingBehavior"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: The {ProductName} data pie chart is a specialized UI control that renders a pie chart, consisting of a circular area divided into sections.  Try for FREE.
-_keywords: {Platform} charts, pie chart, {ProductName}, Infragistics, data binding, slice selection, animation, highlighting, legend
-_license: commercial
 
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/charts/types/shape-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/shape-chart.mdx
index 1a87d106fc..c58fccd5d5 100644
--- a/docs/xplat/src/content/jp/components/charts/types/shape-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/shape-chart.mdx
@@ -6,9 +6,6 @@ license: commercial
 mentionedTypes: ["DataChart", "ScatterPolygonSeries", "ScatterPolylineSeries", "Series", "GeographicShapeSeriesBase"]
 namespace: Infragistics.Controls.Charts
 _language: ja
-_description: Infragistics' {Platform} Shape Chart
-_keywords: {Platform} Charts, Shape Chart, Infragistics
-_license: commercial
 
 ---
 import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
diff --git a/docs/xplat/src/content/jp/components/excel-library-working-with-charts.mdx b/docs/xplat/src/content/jp/components/excel-library-working-with-charts.mdx
index 65516bdb83..aa35c4f882 100644
--- a/docs/xplat/src/content/jp/components/excel-library-working-with-charts.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library-working-with-charts.mdx
@@ -5,9 +5,6 @@ keywords: Excel library, charts, {ProductName}, Infragistics, Excel ライブラ
 license: commercial
 mentionedTypes: ["Workbook", "Worksheet"]
 _language: ja
-_description: Use the Infragistics' {Platform} excel library's chart feature to add visual charting representations of data trends across regions of cells in a worksheet. Visualize {ProductName} excel data in over 70 chart types!
-_keywords: Excel library, charts,  {ProductName}, Infragistics
-_license: commercial
 
 ---
 import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro';
diff --git a/docs/xplat/src/content/jp/components/geo-map-navigation.mdx b/docs/xplat/src/content/jp/components/geo-map-navigation.mdx
index 5a0c242d30..023df9b628 100644
--- a/docs/xplat/src/content/jp/components/geo-map-navigation.mdx
+++ b/docs/xplat/src/content/jp/components/geo-map-navigation.mdx
@@ -5,9 +5,6 @@ keywords: "{Platform} map, navigation, {ProductName}, Infragistics, {Platform} 
 license: commercial
 mentionedTypes: ["GeographicMap"]
 _language: ja
-_description: Navigate Infragistics' {Platform} map by panning right and left and zooming horizontally and vertically using mouse or touch. Learn about {ProductName} map's navigation capabilities!
-_keywords: {Platform} map, navigation, {ProductName}, Infragistics
-_license: commercial
 
 ---
 import PlatformBlock from 'igniteui-astro-components/components/mdx/PlatformBlock.astro';
diff --git a/docs/xplat/src/content/jp/components/spreadsheet-activation.mdx b/docs/xplat/src/content/jp/components/spreadsheet-activation.mdx
index f93b37e731..f979cdcfa3 100644
--- a/docs/xplat/src/content/jp/components/spreadsheet-activation.mdx
+++ b/docs/xplat/src/content/jp/components/spreadsheet-activation.mdx
@@ -5,9 +5,6 @@ keywords: Excel Spreadsheet, activation, {ProductName}, Infragistics, Excel ス
 license: commercial
 mentionedTypes: ["Spreadsheet"]
 _language: ja
-_description: Learn how to use the activation feature of the  {Platform} spreadsheet control which is split between the cells, panes and worksheets. Check out the {ProductName} spreadsheet demos!
-_keywords: Excel Spreadsheet, activation, {ProductName}, Infragistics
-_license: commercial
 
 
 ---
diff --git a/docs/xplat/src/content/jp/toc.json b/docs/xplat/src/content/jp/toc.json
index 8f71b8935c..3c0beb81b9 100644
--- a/docs/xplat/src/content/jp/toc.json
+++ b/docs/xplat/src/content/jp/toc.json
@@ -269,7 +269,8 @@
         ],
         "name": "グリッド & リスト",
         "header": true,
-        "href": "grids/grids-header.md"
+        "href": "grids/grids-header.md",
+        "premium": true
     },
     {
         "exclude": [
@@ -657,6 +658,7 @@
         ],
         "name": "階層グリッド",
         "href": "grids/hierarchical-grid/overview.md",
+        "premium": true,
         "items": [
             {
                 "exclude": [
@@ -970,6 +972,7 @@
         ],
         "name": "ピボット グリッド",
         "href": "grids/pivot-grid/overview.md",
+        "premium": true,
         "items": [
             {
                 "exclude": [
@@ -1017,6 +1020,7 @@
         ],
         "name": "ツリー グリッド",
         "href": "grids/tree-grid/overview.md",
+        "premium": true,
         "items": [
             {
                 "exclude": [
@@ -1444,6 +1448,7 @@
         ],
         "name": "テーブル / グリッド",
         "href": "grids/data-grid/overview.md",
+        "premium": true,
         "items": [
             {
                 "name": "アクセシビリティの遵守",
@@ -1626,6 +1631,7 @@
         ],
         "name": "スプレッドシート",
         "href": "spreadsheet-overview.md",
+        "premium": true,
         "items": [
             {
                 "name": "アクティブ化",
@@ -1691,6 +1697,7 @@
         "note": "THIS NODE IS FOR THE NEW STRUCTURE OF CHARTS",
         "name": "チャート",
         "href": "charts/chart-overview.md",
+        "premium": true,
         "header": true
     },
     {
diff --git a/src/sidebar.ts b/src/sidebar.ts
index 3de593d6cc..d8085e12d9 100644
--- a/src/sidebar.ts
+++ b/src/sidebar.ts
@@ -110,7 +110,12 @@ function convertTocItem(
             collapsed: collapsedForDepth(depth),
         };
         if (item.href && docExists(docsDir, item.href, exclude)) {
-            group.items.push({ label: 'Overview', slug: hrefToSlug(item.href) });
+            const overviewEntry: SidebarLink = { label: 'Overview', slug: hrefToSlug(item.href) };
+            if (item.premium) {
+                overviewEntry.attrs = { 'data-premium': 'true' };
+                overviewEntry.badges = [{ text: 'Premium', variant: 'premium' }];
+            }
+            group.items.push(overviewEntry);
         }
         for (const child of item.items) {
             const entry = convertTocItem(docsDir, child, exclude, depth + 1);
@@ -173,7 +178,12 @@ export function buildSidebarFromToc({ tocPath, docsDir, exclude = [] }: BuildSid
             currentGroup = { label: item.name!, items: [], collapsed: collapsedForDepth(0) };
             currentGroupSortable = item.sortable === true;
             if (item.href && docExists(docsDir, item.href, exclude)) {
-                currentGroup.items.push({ label: 'Overview', slug: hrefToSlug(item.href) });
+                const overviewEntry: SidebarLink = { label: 'Overview', slug: hrefToSlug(item.href) };
+                if (item.premium) {
+                    overviewEntry.attrs = { 'data-premium': 'true' };
+                    overviewEntry.badges = [{ text: 'Premium', variant: 'premium' }];
+                }
+                currentGroup.items.push(overviewEntry);
             }
             continue;
         }

From 34e075c285743b8f946250b45470bf76b2c80630 Mon Sep 17 00:00:00 2001
From: dobromirts <dobromir.ts@gmail.com>
Date: Thu, 18 Jun 2026 10:41:42 +0300
Subject: [PATCH 2/2] fix(excel-library): wrap platform-specific module and
 code blocks in PlatformBlock

---
 .../content/en/components/excel-library.mdx   | 17 --------
 .../content/jp/components/excel-library.mdx   | 42 -------------------
 .../content/en/components/excel-library.mdx   | 24 ++++++++---
 .../content/jp/components/excel-library.mdx   | 36 ++++++++--------
 4 files changed, 35 insertions(+), 84 deletions(-)

diff --git a/docs/angular/src/content/en/components/excel-library.mdx b/docs/angular/src/content/en/components/excel-library.mdx
index 3931895333..e44ec2449e 100644
--- a/docs/angular/src/content/en/components/excel-library.mdx
+++ b/docs/angular/src/content/en/components/excel-library.mdx
@@ -43,23 +43,6 @@ import { IgxExcelModule } from 'igniteui-angular-excel';
 export class AppModule {}
 ```
 
-```ts
-import { IgrExcelModule } from 'igniteui-react-excel';
-
-IgrExcelModule.register();
-```
-
-```ts
-// Module Manager for registering the modules of the chart
-import { ModuleManager } from 'igniteui-webcomponents-core';
-import { IgcExcelModule  } from 'igniteui-webcomponents-excel';
-
-// register the modules
-ModuleManager.register(
-    IgcExcelModule
-);
-```
-
 ## Modules Implementation
 
 The Excel Library contains 5 modules that you can use to limit bundle size of your app:
diff --git a/docs/angular/src/content/jp/components/excel-library.mdx b/docs/angular/src/content/jp/components/excel-library.mdx
index d026b98d86..141ae06aa3 100644
--- a/docs/angular/src/content/jp/components/excel-library.mdx
+++ b/docs/angular/src/content/jp/components/excel-library.mdx
@@ -44,23 +44,6 @@ import { IgxExcelModule } from 'igniteui-angular-excel';
 export class AppModule {}
 ```
 
-```ts
-import { IgrExcelModule } from 'igniteui-react-excel';
-
-IgrExcelModule.register();
-```
-
-```ts
-// Module Manager for registering the modules of the chart
-import { ModuleManager } from 'igniteui-webcomponents-core';
-import { IgcExcelModule  } from 'igniteui-webcomponents-excel';
-
-// register the modules
-ModuleManager.register(
-    IgcExcelModule
-);
-```
-
 ## モジュールの実装
 
 Excel ライブラリには、アプリのバンドル サイズを制限するために使用できる 5 つのモジュールが含まれています。
@@ -101,24 +84,6 @@ Excel ライブラリ は Excel Binary Workbook (.xlsb) フォーマットを現
 
 <ApiLink type="Worksheet" member="workbook" label="Workbook" /> オブジェクトを読み込んで保存するために、実際の <ApiLink type="Worksheet" member="workbook" label="Workbook" /> の保存メソッドや static な `Load` メソッドを使用できます。
 
-```ts
-
-## Load and Save Workbooks
-Now that the Excel Library module is imported, next step is to load a workbook.
-
-
-
-
-
-
-In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a <ApiLink type="Workbook" />.
-
-
-
-
-
-In order to load and save <ApiLink type="Workbook" /> objects, you can utilize the save method of the actual <ApiLink type="Workbook" /> object, as well as its static `Load` method.
-
 ```ts
 import { Workbook } from "igniteui-angular-excel";
 import { WorkbookSaveOptions } from "igniteui-angular-excel";
@@ -129,10 +94,6 @@ var workbook = ExcelUtility.load(file);
 ExcelUtility.save(workbook, "fileName");
 ```
 
-
-
-
-
 ## Managing Heap
 
 Due to the size of the Excel Library, it's recommended to disable the source map generation.
@@ -165,9 +126,6 @@ Modify `angular.json` by setting the `vendorSourceMap` option under architect =>
       }
 ```
 
-
-
-
 ## API References
 <ApiLink type="Worksheet" />
 <ApiLink type="Workbook" />
diff --git a/docs/xplat/src/content/en/components/excel-library.mdx b/docs/xplat/src/content/en/components/excel-library.mdx
index b4c79c63bd..4d2bda4001 100644
--- a/docs/xplat/src/content/en/components/excel-library.mdx
+++ b/docs/xplat/src/content/en/components/excel-library.mdx
@@ -37,6 +37,8 @@ npm install --save {PackageExcel}
 
 The {Platform} excel library requires the following modules:
 
+<PlatformBlock for="Angular">
+
 ```ts
 // app.module.ts
 import { IgxExcelModule } from 'igniteui-angular-excel';
@@ -51,12 +53,20 @@ import { IgxExcelModule } from 'igniteui-angular-excel';
 export class AppModule {}
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
 ```ts
 import { IgrExcelModule } from 'igniteui-react-excel';
 
 IgrExcelModule.register();
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="WebComponents">
+
 ```ts
 // Module Manager for registering the modules of the chart
 import { ModuleManager } from 'igniteui-webcomponents-core';
@@ -68,6 +78,8 @@ ModuleManager.register(
 );
 ```
 
+</PlatformBlock>
+
 ## Modules Implementation
 
 The Excel Library contains 5 modules that you can use to limit bundle size of your app:
@@ -154,16 +166,12 @@ Now that the Excel Library module is imported, next step is to load a workbook.
 
 <PlatformBlock for="Angular, React, WebComponents">
 
-
-
 In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a <ApiLink type="Workbook" />.
 
-
-</PlatformBlock>
-
-
 In order to load and save <ApiLink type="Workbook" /> objects, you can utilize the save method of the actual <ApiLink type="Workbook" /> object, as well as its static `Load` method.
 
+<PlatformBlock for="Angular">
+
 ```ts
 import { Workbook } from "{PackageExcel}";
 import { WorkbookSaveOptions } from "{PackageExcel}";
@@ -174,6 +182,10 @@ var workbook = ExcelUtility.load(file);
 ExcelUtility.save(workbook, "fileName");
 ```
 
+</PlatformBlock>
+
+</PlatformBlock>
+
 <PlatformBlock for="Blazor">
 
 ```razor
diff --git a/docs/xplat/src/content/jp/components/excel-library.mdx b/docs/xplat/src/content/jp/components/excel-library.mdx
index b724956151..443e02e777 100644
--- a/docs/xplat/src/content/jp/components/excel-library.mdx
+++ b/docs/xplat/src/content/jp/components/excel-library.mdx
@@ -39,6 +39,8 @@ npm install --save {PackageExcel}
 
 {Platform} Excel ライブラリを作成するには、以下のモジュールが必要です。
 
+<PlatformBlock for="Angular">
+
 ```ts
 // app.module.ts
 import { IgxExcelModule } from 'igniteui-angular-excel';
@@ -53,12 +55,20 @@ import { IgxExcelModule } from 'igniteui-angular-excel';
 export class AppModule {}
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
 ```ts
 import { IgrExcelModule } from 'igniteui-react-excel';
 
 IgrExcelModule.register();
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="WebComponents">
+
 ```ts
 // Module Manager for registering the modules of the chart
 import { ModuleManager } from 'igniteui-webcomponents-core';
@@ -70,6 +80,8 @@ ModuleManager.register(
 );
 ```
 
+</PlatformBlock>
+
 ## モジュールの実装
 
 Excel ライブラリには、アプリのバンドル サイズを制限するために使用できる 5 つのモジュールが含まれています。
@@ -157,27 +169,9 @@ Excel ライブラリ は Excel Binary Workbook (.xlsb) フォーマットを現
 
 次のコード スニペットでは、外部の [ExcelUtility](excel-utility.md) クラスを使用して <ApiLink type="Worksheet" member="workbook" label="Workbook" /> を保存およびロードしています。
 
-</PlatformBlock>
-
 <ApiLink type="Worksheet" member="workbook" label="Workbook" /> オブジェクトを読み込んで保存するために、実際の <ApiLink type="Worksheet" member="workbook" label="Workbook" /> の保存メソッドや static な `Load` メソッドを使用できます。
 
-```ts
-
-## Load and Save Workbooks
-Now that the Excel Library module is imported, next step is to load a workbook.
-
-
-<PlatformBlock for="Angular, React, WebComponents">
-
-
-
-In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a <ApiLink type="Workbook" />.
-
-
-</PlatformBlock>
-
-
-In order to load and save <ApiLink type="Workbook" /> objects, you can utilize the save method of the actual <ApiLink type="Workbook" /> object, as well as its static `Load` method.
+<PlatformBlock for="Angular">
 
 ```ts
 import { Workbook } from "{PackageExcel}";
@@ -189,6 +183,10 @@ var workbook = ExcelUtility.load(file);
 ExcelUtility.save(workbook, "fileName");
 ```
 
+</PlatformBlock>
+
+</PlatformBlock>
+
 <PlatformBlock for="Blazor">
 
 ```razor