IgniteUI · azure-pipelines · Apr 8, 2026
diff --git a/kr/components/bullet-graph.md b/kr/components/bullet-graph.md
@@ -28,17 +28,13 @@ The following sample demonstrates how setting multiple properties on the same ga
 This gauge supports one scale, one set of tick marks and one set of labels. The component also has built-in support for animated transitions. This animation is easily customizable by setting the `transitionDuration` property.
 The features of the bullet graph include configurable orientation and direction, configurable visual elements such as the needle, and more.
 
-<!-- Angular, React, WebComponents -->
-
 ## Dependencies
 
 When installing the gauge package, the core package must also be installed.
 
 - **npm install --save igniteui-angular-core**
 - **npm install --save igniteui-angular-gauges**
 
-<!-- end: Angular, React, WebComponents -->
-
 ## Component Modules
 
 The [`IgxBulletGraphComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_gauges.igxbulletgraphcomponent.html) requires the following modules:

diff --git a/kr/components/charts/chart-overview.md b/kr/components/charts/chart-overview.md
@@ -327,9 +327,7 @@ If you are considering any other Angular Charts on the market, here are a few th
 - We are here 24x5. Infragistics has global support that is always online. For North America, Asia Pacific, Middle East, and Europe, we are on the clock when you are!
 - We have many more UI controls in Angular besides the Charts. We offer a complete Angular solution to build your applications!
 
-<!-- Angular -->
+<!---->
 
 - Ignite UI for Angular is built on Angular for the Angular developer, with zero 3rd party dependencies. We are 100% optimized for Angular.
 - We offer the world’s first, and only, end-to-end comprehensive design to code platform for UX Designers, Visual Designers, and Developers that will generate pixel-perfect Angular controls from Figma designs. With Indigo.Design, everything you craft in Figma from our Indigo Design System matches to our Ignite UI for Angular controls.
-
-<!-- end: Angular -->
diff --git a/kr/components/charts/features/chart-axis-gridlines.md b/kr/components/charts/features/chart-axis-gridlines.md
@@ -10,7 +10,7 @@ mentionedTypes: ["CategoryChart"]
 
 All Ignite UI for Angular charts include built-in capability to modify appearance of axis lines as well as frequency of major/minor gridlines and tickmarks that are rendered on the X-Axis and Y-Axis.
 
-> \[!Note]
+> [!Note]
 > The following examples can be applied to [`IgxCategoryChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html) as well as [`IgxFinancialChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxfinancialchartcomponent.html) controls.
 
 Axis major gridlines are long lines that extend horizontally along the Y-Axis or vertically along the X-Axis from locations of axis labels, and they render through the plot area of the chart. Axis minor gridlines are lines that render between axis major gridlines.

diff --git a/kr/components/charts/features/chart-axis-layouts.md b/kr/components/charts/features/chart-axis-layouts.md
@@ -10,7 +10,7 @@ mentionedTypes: [ "CategoryChart", "XamDataChart" ]
 
 All Ignite UI for Angular charts include options to configure many axis layout options such as location, gap, and overlap as well as having the ability to share axes and have multiple axes in the same chart. These features are demonstrated in the examples given below.
 
-> \[!Note]
+> [!Note]
 > The following examples can be applied to [`IgxCategoryChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html) as well as [`IgxFinancialChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxfinancialchartcomponent.html) controls.
 
 ## Axis Gap Example

diff --git a/kr/components/charts/features/chart-navigation.md b/kr/components/charts/features/chart-navigation.md
@@ -52,7 +52,7 @@ The zoom and pan operations can also be enabled by using modifier keys by settin
 
 ## Chart Navigation through Code
 
-> \[!Note]
+> [!Note]
 > Code navigation of the chart can only be used for the [`IgxDataChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdatachartcomponent.html) control.
 
 The Angular data chart provides several navigation properties that are updated each time a zoom or pan operation happens in the chart. You can also set each of these properties to zoom or pan the data chart programmatically. The following is a list of these properties:

diff --git a/kr/components/charts/features/chart-performance.md b/kr/components/charts/features/chart-performance.md
@@ -181,7 +181,7 @@ Enabling [Chart Trendlines](chart-trendlines.md) will slightly decrease performa
 
 Usage of x-axis with DateTime support is not recommended if spaces between data points, based on the amount of time span between them, are not important. Instead, ordinal/category axis should be used because it is more efficient in the way it coalesces data. Also, ordinal/category axis doesn’t perform any sorting on the data like the time-based x-axis does.
 
-> \[!Note]
+> [!Note]
 > The [`IgxCategoryChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html) already uses ordinal/category axis so there is no need to change its properties.
 
 This code snippet shows how to ordinal/category x-axis in the [`IgxFinancialChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxfinancialchartcomponent.html) and [`IgxDataChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdatachartcomponent.html) controls.
@@ -198,7 +198,7 @@ This code snippet shows how to ordinal/category x-axis in the [`IgxFinancialChar
 
 By default, Angular charts will automatically calculate [`yAxisInterval`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html#yAxisInterval) based on range of your data. Therefore, you should avoid setting axis interval especially to a small value to prevent rendering of too many of axis gridlines and axis labels. Also, you might want to consider increasing [`yAxisInterval`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html#yAxisInterval) property to a larger value than the automatically calculated axis interval if you do not need many axis gridlines or axis labels.
 
-> \[!Note]
+> [!Note]
 > we do not recommend setting axis minor interval as it will decrease chart performance.
 
 This code snippet shows how to set axis major interval in the Angular charts.

diff --git a/kr/components/excel-library.md b/kr/components/excel-library.md
@@ -72,14 +72,14 @@ The following is a list of the supported versions of Excel.\*\*
 
 - Microsoft Excel 2016
 
-> \[!Note]
+> [!Note]
 > The Excel Library does not support the Excel Binary Workbook (.xlsb) format at this time.
 
 ## Load and Save Workbooks
 
 Now that the Excel Library module is imported, next step is to load a workbook.
 
-> \[!Note]
+> [!Note]
 >
 > In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a [`workbook`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_excel.sheet.html#workbook).
 
@@ -96,8 +96,6 @@ ExcelUtility.save(workbook, "fileName");
 
 ```
 
-<!-- Angular -->
-
 <div class="divider--half"></div>
 
 ## Managing Heap
@@ -132,5 +130,3 @@ Modify `angular.json` by setting the `vendorSourceMap` option under architect =>
       // ...
     }
 ```
-
-<!-- end:Angular -->
diff --git a/kr/components/general-changelog-dv.md b/kr/components/general-changelog-dv.md
@@ -10,12 +10,8 @@ mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "XamGeographicMap"]
 
 All notable changes for each version of Ignite UI for Angular are documented on this page.
 
-<!-- Angular -->
-
-> \[!Note]
-> For changes specific to Angular LOB components, please see [Ignite UI Angular Changes](https://github.com/igniteui/igniteui-angular/blob/master/changelog.md)
-
-<!-- end: Angular -->
+> [!Note]
+> For changes specific to Angular LOB components, please see [Ignite UI Angular Changes](https://github.com/IgniteUI/igniteui-angular/blob/master/CHANGELOG.md)
 
 <div class="divider--half"></div>
 
@@ -119,7 +115,7 @@ for example:
 
 ### Geographic Map
 
-> \[!Note]
+> [!Note]
 > These features are CTP
 
 - Added support for wrap around display of the map (scroll infinitely horizontally)
@@ -133,15 +129,13 @@ for example:
 
 <div class="divider--half"></div>
 
-<!-- Angular, React, WebComponents -->
-
 ## **Angular 8.2.12**
 
 - Changed Import Statements
 
 Import statements have been simplified to use just package names instead of full paths to API classes and enums.
 
-> \[!Note]
+> [!Note]
 > These breaking changes were introduce in these packages and components only:
 
 | Affected Packages | Affected Components |
@@ -201,5 +195,3 @@ import { IgxDataChartCoreModule } from "igniteui-webcomponents-charts/ES5/igx-da
 import { IgxGeographicMapComponent } from "igniteui-webcomponents-maps/ES5/igx-geographic-map-component";
 import { IgxGeographicMapModule } from "igniteui-webcomponents-maps/ES5/igx-geographic-map-module";
 ```
-
-<!-- end: Angular, React, WebComponents -->
diff --git a/kr/components/general-licensing.md b/kr/components/general-licensing.md
@@ -9,12 +9,12 @@ _language: kr
 
 It is important to know all the [legal terms and conditions](https://www.infragistics.com/legal/license/igultimate-la) regarding the Ignite UI for Angular that you purchase and use.
 
-> \[!Note]
+> [!Note]
 > We have updated our license terms and subscription model in second quarter of 2020.
 
 If you are building a **commercial product** or your license [has expired](http://www.infragistics.com/renewal), you will need to [acquire a commercial license](https://www.infragistics.com/how-to-buy/product-pricing). This will enable you to use our private npm feed hosted on https://packages.infragistics.com/npm/js-licensed/ for development. There you will find the latest versions of the Ignite UI for Angular packages. If you have a valid commercial license, you can use this private feed and you will have access to the full version of Ignite UI for Angular.
 
-> \[!Note]
+> [!Note]
 > Currently only the **igniteui-dockmanager** package is available in our private npm feed, but in the future we will add the other Ignite UI for Angular packages as well.
 
 If you are building a **non-commercial** product, [contact us](https://www.infragistics.com/about-us/contact-us) and we will provide you with the appropriate license.
@@ -25,7 +25,7 @@ Npm is the most popular package manager and is also the default one for the runt
 
 Infragistics Ignite UI for Angular is available as npm packages and you can add them as dependencies to your project in a [few easy steps](./general-getting-started.md). Choosing this approach will not require configuring npm. By installing this package you will start using the **Ignite UI for Angular Trial version** of the product.
 
-> \[!Note]
+> [!Note]
 > Currently only the [igniteui-dockmanager](https://www.npmjs.com/package/igniteui-dockmanager) npm package has a trial watermark, but in the future we will add it to the other Ignite UI for Angular packages as well.
 
 ## How to setup your environment to use the private npm feed
@@ -34,7 +34,7 @@ Infragistics Ignite UI for Angular is available as npm packages and you can add
 
 This will allow you to seamlessly use a mix of packages from the public npm registry and the Infragistics private registry. You will be asked to provide the username and the password that you use for logging into your Infragistics account. You should also provide the email that is registered to your Infragistics profile.
 
-> \[!Note]
+> [!Note]
 > **npm** is disallowing the use of the **"@"** symbol inside your username as it is considered as being "not safe for the net". Because your username is actually the email that you use for your Infragistics account it always contains the symbol **"@"**. That's why you must escape this limitation by replacing the **"@"** symbol with **"!!"** (two exclamation marks). For example, if your username is **"username@example.com"** when asked about your username you should provide the following input: **"username!!example.com"**.
 
 ### Now, to log in to our private feed using npm, run the adduser command and specify a user account and password:
@@ -99,7 +99,7 @@ data-src="../images/general/generate-token.jpg"
 alt="New Token Generated"
 title="Generate new token" />
 
-> \[!Note]
+> [!Note]
 > Each token is with Base64 encoding.
 
 - Add the following into your [.npmrc](https://docs.npmjs.com/configuring-npm/npmrc.html) file

diff --git a/kr/components/geo-map-display-heat-imagery.md b/kr/components/geo-map-display-heat-imagery.md
@@ -14,8 +14,6 @@ It is highly recommended that you review the [Binding Shape Files with Geo-Spati
 
 ## Angular Displaying Heat Imagery Example
 
-<!-- Angular, React -->
-
 ```ts
 //WebComponents sample not working in CodeSandbox. Remove build flag once this is fixed.
 ```
@@ -29,8 +27,6 @@ It is highly recommended that you review the [Binding Shape Files with Geo-Spati
 
 <div class="divider--half"></div>
 
-<!-- end: Angular, React -->
-
 When a `ShapeDataSource` loads its shape files, it converts that data into [`IgxShapefileRecord`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxshapefilerecord.html) objects. These objects can be retrieved from the `GetPointData()` method of the `ShapeDataSource` and can then be used to create a heat-map through usage of a [`IgxTileGeneratorMapImagery`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_maps.igxtilegeneratormapimagery.html) object with a [`IgxHeatTileGenerator`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html) assigned to its `TileGenerator` property. This [`IgxTileGeneratorMapImagery`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_maps.igxtilegeneratormapimagery.html) can then be used in a geographic tile series as its `TileImagery` source.
 
 The [`IgxHeatTileGenerator`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html) object works such that it has three value paths, [`xValues`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#xValues), [`yValues`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#yValues) and [`values`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#values). As an example of how these could be used, in the case of a shape file that has information about population, you could consider the [`xValues`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#xValues) to be longitude, [`yValues`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#yValues) to be latitude, and [`values`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#values) to be the population data. Each of these properties takes a `number[]`.

diff --git a/kr/components/geo-map.md b/kr/components/geo-map.md
@@ -33,8 +33,6 @@ For more details:
 
 [Microsoft Bing Blogs](https://blogs.bing.com/maps/2025-06/Bing-Maps-for-Enterprise-Basic-Account-shutdown-June-30,2025)
 
-<!-- Angular, React, WebComponents -->
-
 ## Dependencies
 
 To use the geographic map component, you need to first install these packages:
@@ -43,8 +41,6 @@ To use the geographic map component, you need to first install these packages:
 - **npm install --save igniteui-angular-charts**
 - **npm install --save igniteui-angular-maps**
 
-<!-- end: Angular, React, WebComponents -->
-
 ## Component Modules
 
 The [`IgxGeographicMapComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_maps.igxgeographicmapcomponent.html) requires the following modules:

diff --git a/kr/components/linear-gauge.md b/kr/components/linear-gauge.md
@@ -25,17 +25,13 @@ The following sample demonstrates how setting multiple properties on the same ga
 
 <div class="divider--half"></div>
 
-<!-- Angular, React, WebComponents -->
-
 ## Dependencies
 
 When installing the gauge package, the core package must also be installed.
 
 - **npm install --save igniteui-angular-core**
 - **npm install --save igniteui-angular-gauges**
 
-<!-- end: Angular, React, WebComponents -->
-
 ## Component Modules
 
 The [`IgxLinearGaugeComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_gauges.igxlineargaugecomponent.html) requires the following modules:

diff --git a/kr/components/radial-gauge.md b/kr/components/radial-gauge.md
@@ -25,17 +25,13 @@ The following sample demonstrates how setting multiple properties on the same ga
 
 <div class="divider--half"></div>
 
-<!-- Angular, React, WebComponents -->
-
 ## Dependencies
 
 When installing the gauge package, the core package must also be installed.
 
 - **npm install --save igniteui-angular-core**
 - **npm install --save igniteui-angular-gauges**
 
-<!-- end: Angular, React, WebComponents -->
-
 ## Component Modules
 
 The [`IgxRadialGaugeComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_gauges.igxradialgaugecomponent.html) requires the following modules:

diff --git a/kr/components/spreadsheet-chart-adapter.md b/kr/components/spreadsheet-chart-adapter.md
@@ -83,7 +83,7 @@ There are over 35 chart types supported by the Spreadsheet ChartAdapters includi
 
 ## Dependencies
 
-> \[!Note]
+> [!Note]
 >
 > In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a [`workbook`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html#workbook).
 

diff --git a/kr/components/spreadsheet-configuring.md b/kr/components/spreadsheet-configuring.md
@@ -123,7 +123,7 @@ this.spreadsheet.activeWorksheet.unprotect();
 
 ## Configuring Selection
 
-The [`IgxSpreadsheetComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html) control allows you to configure the type of selection allowed in the control then modifier keys (*<kbd>SHIFT</kbd>* or <kbd>CTRL</kbd>) are pressed by the user. This is done by setting the [`selectionMode`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html#selectionMode) property of the spreadsheet to one of the following values:
+The [`IgxSpreadsheetComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html) control allows you to configure the type of selection allowed in the control then modifier keys (_<kbd>SHIFT</kbd>_ or <kbd>CTRL</kbd>) are pressed by the user. This is done by setting the [`selectionMode`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html#selectionMode) property of the spreadsheet to one of the following values:
 
 - `AddToSelection`: New cell ranges are added to the [`SpreadsheetSelection`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.spreadsheetselection.html) object's [`cellRanges`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.spreadsheetselection.html#cellRanges) collection without needing to hold down the <kbd>CTRL</kbd> key when dragging via the mouse and a range is added with the first arrow key navigation after entering the mode. One can enter the mode by pressing <kbd>SHIFT</kbd> + <kbd>F8</kbd>.
 - `ExtendSelection`: The selection range in the [`SpreadsheetSelection`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.spreadsheetselection.html) object's [`cellRanges`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.spreadsheetselection.html#cellRanges) collection representing the active cell is updated as one uses the mouse to select a cell or navigating via the keyboard.