Close
Angular React Web Components Blazor Angular

Ignite UI for Angular Changelog

All notable changes for each version of Ignite UI for Angular are documented on this page.

This topic discusses changes only for components that are not included in the igniteui-angular package. For changes specific to igniteui-angular components, please see CHANGELOG.MD.

22.0.1 (July 2026)

General

  • Angular 22 compatibility — All Ignite UI for Angular components are now fully compatible with Angular 22.

  • Standalone component support — Components can now be used directly in standalone Angular applications without NgModule. New provide*() functions (e.g. provideIgxCategoryChart()) let you register component feature sets through bootstrapApplication() providers, and imperative register*() functions are available for DI-free setups.

  • Per-component entry points for improved tree-shaking — Each package now exposes named subpath entry points (e.g. import 'igniteui-angular-charts/category-chart') that register only the feature set you need. The root package import remains fully side-effect-free and tree-shakeable, so you only pay for the components you use. For DataChart, graduated entry points such as data-chart-category, data-chart-scatter, and data-chart-financial let you pull in individual series families without bundling the entire chart.

Bug Fixes

Bug NumberControlDescription
3689DataChartAn error is thrown when destroying chart with a data tooltip layer

21.1.0 (June 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 NumberControlDescription
2189IgxDataChartDataChart skips rendering axis when there are no labels
3055IgxDataPieChartadded missing styling properties for the Others Slice
38668IgxDataTooltipLayerTitleTextColor is overridden when chart’s TitleTextColor is used
40238Excelfixed Excel Formula parser - Workbook.Load() throwing a Excel.FormulaParseException
41167ExcelObject’s Formulas are not round-tripped - Added Excel support for round tripping the camera tool
41419ExcelSaving a VBA Signed Excel file does not keep a signature/certificate.
41594IgxDataChartAssigningCategoryStyle 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

igniteui-angular-charts

Added OthersCategoryBrush and OthersCategoryOutline to DataPieChart and ProportionalCategoryAngleAxis

General

  • Angular 21 support.

20.2.1 (December 2025)

Bug Fixes

Bug NumberControlDescription
33808IgxDataChartThe scale set for IntervalType Ticks in TimeAxisInterval is not displayed
34255IgxDataChart0.00001 scale tick marks are displayed overlapping each other
38510IgxDataChartAssigningCategoryStyle event support for Stacked Series

Enhancements

Charts

  • Added LabelFormatOverride event to TimeXAxisLabelFormat so you can now override the formatting with an event at all time-formatting levels on the TimeXAxis.

  • Adjusted the schema generation to account for more items to make it more likely to find valid values for properties.

20.2.0 (November 2025)

igniteui-angular-charts (Charts)

Preview User Annotations

In Ignite UI for Angular, you can now annotate the DataChart with slice, strip, and point annotations at runtime using the new user annotations feature. This allows the end user to add more details to the plot such as calling out single important events such as company quarter reports by using the slice annotation or events that have a duration by using the strip annotation. You can also call out individual points on the plotted series by using the point annotation or any combination of these three.

This is directly integrated with the available tools of the Toolbar.

Angular user-annotation-create

Preview Collision Detection for Axis Annotations

Ability for axis annotations to automatically detect collisions and truncate to fit better. To enable this feature you must set the following properties:

igniteui-angular-maps (Geographic Map)

  • Azure Map Imagery is now RTM.

Bug Fixes

Bug NumberControlDescription
40136Excel LibraryFormulaParseException exception when loading an Excel workbook
40262IgxSpreadsheet#Circularity! is displayed when there are warnings. Request to match Excel - display a value eg. 0 instead
40458IgxSpreadsheetWhen using Arial font, the igx-spreadsheet cuts off text in the cells
40490IgxDatePickerInputs by Autofill won’t give any effects for a date picker

20.1.0 (September 2025)

igniteui-angular-maps (Geographic Map)

Preview Azure Map Imagery Support

The IgxGeographicMap now supports Azure-based map imagery, allowing developers to display detailed, dynamic maps across multiple application types. You can combine multiple map layers, visualize geographic data, and create interactive mapping experiences with ease.

Note: Support for Bing Maps imagery is being phased out. Existing enterprise keys can still be used to access Bing Maps, ensuring your current applications continue to function while you transition to Azure maps.

Explore some of the publicly available Azure maps here.

igniteui-angular-charts (Charts)

Preview New Axis Label Events

The following events have been added to the IgxDataChart to allow you to detect different operations on the axis labels:

  • LabelMouseDown
  • LabelMouseUp
  • LabelMouseEnter
  • LabelMouseLeave
  • LabelMouseMove
  • LabelMouseClick

Preview Companion Axis

Added CompanionAxis properties to the X and Y axis that allow you to quickly create a clone of an existing axis. When enabled using the CompanionAxisEnabled property, this will default the cloned axis to the opposite position of the chart and you can then configure that axes’ properties.

Preview RadialPieSeries Inset Outlines

There is a new property called UseInsetOutlines to control how outlines on the RadialPieSeries are rendered. Setting this value to true will inset the outlines within the slice shape, whereas a false (default) value will place the outlines half-in half-out along the edge of the slice shape.

Breaking Changes

Enhancements

IgxBulletGraph

Charts

IgxLinearGauge

Bug Fixes

Bug NumberControlDescription
31624IgxCategoryChartResizing the containing window of the IgxCategoryChart causes the chart to fail to render the series
27304IgxDataChartZoom rectangle is not positioned the same as the background rectangle
37930IgxDataChartData Annotation Overlay Text Color not working
30600IgxDoughnutChartNo textStyle property for either the chart or series (pie chart has this)
38231IgxGridUnpinned column does not return to the original position if hidden columns exist
33861Excel LibraryAdding line chart corrupts excel File for German culture

20.0.1 (August 2025)

Bug Fixes

Bug NumberControlDescription
36448IgxRadialGaugeRadial label format properties do not work. (eg. Title, SubTitles)

igniteui-angular-charts (Charts)

  • Added New MaximumExtent and MaximumExtentPercentage properties for use with axis labels.

20.0.0 (June 2025)

  • Angular 20 support.

19.1.0 (April 2025)

igniteui-angular-maps (Geographic Map)

As of June 30, 2025 all Microsoft Bing Maps for Enterprise Basic (Free) accounts will be retired. If you’re still using an unpaid Basic Account and key, now is the time to act to avoid service disruptions. Bing Maps for Enterprise license holders can continue to use Bing Maps in their applications until June 30,2028. For more details please visit:

Microsoft Bing Blogs

igniteui-angular-charts (Charts)

  • Added Preview Chart Data Annotations layers:

    • Data Annotation Band Layer
    • Data Annotation Line Layer
    • Data Annotation Rect Layer
    • Data Annotation Slice Layer
    • Data Annotation Strip Layer
  • The Data Tooltip and Data Legend expose Preview LayoutMode property that you can use to layout the contents of the tooltip or legend in a table or vertical layout structure.

  • Preview The DefaultInteraction property of the charts has been updated to include a new enumeration - DragSelect in which the dragged preview Rect will select the points contained within.

  • Preview The ValueOverlay and ValueLayer, in addition to the Preview Chart Data Annotations listed above now expose an OverlayText property that can be used to overlay additional annotation text in the plot area. These appearance of these annotations can be configured by using the many OverlayText-prefixed properties. For example, the OverlayTextBrush property will configure the color of the overlay text.

  • New Trendline Layer series type that allows you to apply a single trend line per trend line layer to a particular series. This allows the usage of multiple trend lines on a single series since you can have multiple TrendlineLayer series types in the chart.

igniteui-angular-dashboards (Dashboards)

  • The IgxDashboardTile now supports propagating the aggregations from its DataGrid view to the chart visualization such as sorting, grouping, filtering and selection. This is currently supported by binding the IgxDataSource of the IgxDashboardTile to an instance of IgxLocalDataSource.

igniteui-angular

Breaking Changes

  • The ‘igniteui-angular-grids’ package has been renamed to ‘igniteui-angular-data-grids’.

Enhancements

Toolbar

  • Value layers added from the toolbar now appear on the legend.
  • The zoom reset tool has been moved to the zoom drop-down.

Data Pie Chart

  • The chart now exposes a GetOthersContext() method. This will return the contents of the “others” slice.

Bug Fixes

Bug NumberControlDescription
37023IgxDataChartTooltips are cut-off/offscreen if overflow hidden is set.
37685IgxSpreadsheetPoor rendering of numbers formatted with Arial font.
37244Excel LibraryCustom Data Validation is not working.

19.0.1 (February 2025)

Enhancements

Toolbar

Bug Fixes

The following table lists the bug fixes made for the Ignite UI for Angular toolset for this release:

Bug NumberControlDescription
30286IgxDataChartBubble Series tooltip content is switched to that of nearby bubble data in clicking a bubble
32906IgxDataChartIgxDataChart is showing two xAxis on the top
33605IgxDataChartScatterLineSeries is not showing the color of the line correctly in the legend
35498IgxDataChartTooltips for the series specified in IncludedSeries are not displayed
34776IgxDataChartRepeatedly showing and hiding the IgxDataChart causes memory leakage in JS Heap
34053IgxRadialGaugeThe position of the scale label is shifted
35496IgxSpreadsheetError when setting styles in Excel with images
36176Excel LibraryException occurs when loading an Excel workbook that has a LET function
36379Excel LibraryColors with any alpha channel in an excel workbook fail to load
26218Excel LibraryChart’s plot area right margin becomes narrower and fill pattern and fill foreground are gone just by loading an Excel file
35495Excel LibraryPictures in cells are lost when a template file is loaded
34083Excel LibraryTextOperatorConditionalFormat’s is not loaded/saved properly if the text contains = in a template Excel file

19.0.0 (January 2025)

  • Angular 19 support.

18.2.0 (December 2024)

igniteui-angular-charts (Charts)

  • Preview Dashboard Tile component is a container control that analyzes and visualizes a bound ItemsSource collection or single point and returns an appropriate data visualization based on the schema and count of the data. This control utilizes a built-in Toolbar component to allow you to make changes to the visualization at runtime, allowing you to see many different visualizations of your data with minimal code.

igniteui-angular-charts (Inputs)

  • Preview Color Editor can be used as a standalone color picker and is now integrated into Preview ToolAction of Toolbar component to update visualizations at runtime.

18.1.0 (September 2024)

  • Data Pie Chart - The DataPieChart is a new component that renders a pie chart. This component works similarly to the CategoryChart, in that it will automatically detect the properties on your underlying data model while allowing selection, highlighting, animation and legend support via the ItemLegend component.

  • New Proportional Category Angle Axis - New axes for the Radial Pie Series in the DataChart, to plot slices similar to a pie chart, a type of data visualization where data points are represented as segments within a circular graph.

  • Toolbar
    • New ToolActionCheckboxList A new CheckboxList ToolAction that displays a collection of items with checkboxes for selecting. A grid inside ToolAction CheckboxList grows in height up to 5 items, then a scrollbar is displayed. Requires IgxCheckboxListModule to be registered.

    • New Filtering Support

    • Axis Field Changes New default IconMenu in Toolbar when targeting CategoryChart. Label fields are mapped to the X-axis and Value fields are mapped to the Y-axis. Target chart reacts in realtime to changes made. IconMenu is hidden when chart has no ItemsSource set.

18.0.0 (June 2024)

  • Angular 18 support.

igniteui-angular-charts (Charts)

  • Data Legend Grouping & Data Tooltip Grouping - New grouping feature added. The property GroupRowVisible toggles grouping with each series opting in can assign group text via the DataLegendGroup property. If the same value is applied to more than one series then they will appear grouped. Useful for large datasets that need to be categorized and organized for all users.

  • Chart Selection - New series selection styling. This is adopted broadly across all category, financial and radial series for CategoryChart and DataChart. Series can be clicked and shown a different color, brightened or faded, and focus outlines. Manage which items are effected through individual series or entire data item. Multiple series and markers are supported. Useful for illustrating various differences or similarities between values of a particular data item. Also SelectedSeriesItemsChanged event and SelectedSeriesItems are available for additional help to build out robust business requirements surrounding other actions that can take place within an application such as a popup or other screen with data analysis based on the selection.

  • Treemap Highlighting - Now exposes a HighlightingMode property that allows you to configure the mouse-over highlighting of the items in the tree map. This property takes two options: Brighten where the highlight will apply to the item that you hover the mouse over only, and FadeOthers where the highlight of the hovered item will remain the same, but everything else will fade out. This highlight is animated, and can be controlled using the HighlightingTransitionDuration property.

  • Treemap Percent-based Highlighting - New percent-based highlighting, allowing nodes to represent progress or subset of a collection. The appearance is shown as a fill-in of its backcolor up to a specific value either by a member on your data item or by supplying a new HighlightedItemsSource. Can be toggled via HighlightedValuesDisplayMode and styled via FillBrushes.

  • Toolbar - New IsHighlighted option for ToolAction for outlining a border around specific tools of choice.

igniteui-angular-gauges (Gauges)

17.3.0 (March 2024)

igniteui-angular-charts

  • New Data Filtering via the InitialFilter property. Apply filter expressions to filter the chart data to a subset of records. Can be used for drill down large data.

  • RadialChart

    • New Label Mode The CategoryAngleAxis for the now exposes a LabelMode property that allows you to further configure the location of the labels. This allows you to toggle between the default mode by selecting the Center enum, or use the new mode, ClosestPoint, which will bring the labels closer to the circular plot area.

igniteui-angular-gauges

  • RadialGauge
    • New title/subtitle properties. TitleText, SubtitleText will appear near the bottom the gauge. In addition, the various title/subtitle font properties were added such as TitleFontSize, TitleFontFamily, TitleFontStyle, TitleFontWeight and TitleExtent. Finally, the new TitleDisplaysValue will allow the value to correspond with the needle’s position.
    • New OpticalScalingEnabled and OpticalScalingSize properties for the RadialGauge. This new feature will manage the size at which labels, titles, and subtitles of the gauge have 100% optical scaling. You can read more about this new feature in this topic
    • New highlight needle was added. HighlightValue and HighlightValueDisplayMode when both are provided a value and ‘Overlay’ setting, this will make the main needle to appear faded and a new needle will appear.
  • LinearGauge
    • New highlight needle was added. HighlightValue and HighlightValueDisplayMode when both are provided a value and ‘Overlay’ setting, this will make the main needle to appear faded and a new needle will appear.
  • BulletGraph
    • The Performance bar will now reflect a difference between the value and new HighlightValue when the HighlightValueDisplayMode is applied to the ‘Overlay’ setting. The highlight value will show a filtered/subset completed measured percentage as a filled in color while the remaining bar’s appearance will appear faded to the assigned value, illustrating the performance in real-time.

17.2.0 (January 2024)

igniteui-angular-charts (Charts)

  • Chart Highlight Filter - The CategoryChart and DataChart now expose a way to highlight and animate in and out of a subset of data. The display of this highlight depends on the series type. For column and area series, the subset will be shown on top of the total set of data where the subset will be colored by the actual brush of the series, and the total set will have a reduced opacity. For line series, the subset will be shown as a dotted line.

17.0.0 (November 2023)

igniteui-angular - Toolbar - Preview

  • Save tool action has been added to save the chart to an image via the clipboard.
  • Vertical orientation has been added via the toolbar’s Orientation property. By default the toolbar is horizontal, now the toolbar can be shown in vertical orientation where the tools will popup to the left/right respectfully.
  • Custom SVG icons support was added via the toolbar’s renderImageFromText method, further enhancing custom tool creation.

16.1.0 (June 2023)

New Components

  • Preview Toolbar - This component is a companion container for UI operations to be used primarily with our charting components. The toolbar will dynamically update with a preset of properties and tool items when linked to our DataChart or CategoryChart components. You’ll be able to create custom tools for your project allowing end users to provide changes, offering an endless amount of customization.

igniteui-angular-charts (Charts)

  • ValueLayer - A new series type named the ValueLayer is now exposed which can allow you to render an overlay for different focal points of the plotted data such as Maximum, Minimum, and Average. This is applied to the CategoryChart and FinancialChart by adding to the new ValueLines collection.

  • It is now possible to apply a dash array to the different parts of the series of the DataChart. You can apply this to the series plotted in the chart, the gridlines of the chart, and the trendlines of the series plotted in the chart.

16.0.0 (May 2023)

  • Angular 16 support.

15.0.0 (December 2022)

  • Angular 15 support.

14.2.0 (November 2022)

Added significant improvements to default behaviors, and refined the Category Chart API to make it easier to use. These new chart improvements include:

  • Responsive layouts for horizontal label rotation based on browser / screen size.
  • Enhanced rendering for rounded labels on all platforms.
  • Added marker properties to StackedFragmentSeries.
  • Added ShouldPanOnMaximumZoom property.
  • New Category Axis Properties:
    • ZoomMaximumCategoryRange
    • ZoomMaximumItemSpan
    • ZoomToCategoryRange
    • ZoomToItemSpan
  • New Chart Aggregation API for Grouping, Sorting and Summarizing Category string and numeric values, eliminating the need to pre-aggregate or calculate chart data:
    • InitialSortDescriptions
    • InitialSorts
    • SortDescriptions
    • InitialGroups
    • InitialGroupDescriptions
    • GroupDescriptions
    • InitialSummaries
    • InitialSummaryDescriptions
    • SummaryDescriptions
    • InitialGroupSortDescriptions
    • GroupSorts
    • GroupSortDescriptions

The Chart’s Aggregation will not work when using IncludedProperties | ExcludedProperties because these properties are meant for non-aggregated data. Once you attempt to aggregate data these properties should no longer be used. The reason it does not work is because aggregation replaces the collection that is passed to the chart for render. The include/exclude properties are designed to filter in/out properties of that data and those properties no longer exist in the new aggregated collection.

13.2.0 (June 2022)

igniteui-angular-charts (Charts)

  • Added the highly-configurable DataLegend component, which works much like the Legend, but it shows values of series and provides many configuration properties for filtering series rows and values columns, styling and formatting values.
  • Added the highly-configurable DataToolTip which displays values and titles of series as well as legend badges of series in a tooltip. This is now the default tooltip for all chart types.
  • Added animation and transition-in support for Stacked Series. Animations can be enabled by setting the IsTransitionInEnabled property to true. From there, you can set the TransitionInDuration property to determine how long your animation should take to complete and the TransitionInMode to determine the type of animation that takes place.
  • Added AssigningCategoryStyle event, is now available to all series in DataChart. This event is handled when you want to conditionally configure aspects of the series items such as Fill background-color and highlighting.
  • New AllowedPositions enumeration for CalloutLayer. Used to limit where the callouts are to be placed within the chart. By default, the callouts are intelligently placed in the best place but this used to force for example TopLeft, TopRight, BottomLeft or BottomRight.
  • New corner radius properties added for Annotation Layers; used to round-out the corners of each of the callouts. Note, a corner radius has now been added by default.
  • New HorizontalViewScrollbarMode and VerticalViewScrollbarMode enumeration to enable scrollbars in various ways. When paired with IsVerticalZoomEnabled or IsHorizontalZoomEnabled, you’ll be able to persist or fade-in and out the scrollbars along the axes to navigate the chart.
  • New FavorLabellingScaleEnd, determines whether the axis should favor emitting a label at the end of the scale. Only compatible with numeric axes (e.g. NumericXAxis, NumericYAxis, PercentChangeAxis).
  • New IsSplineShapePartOfRange determines whether to include the spline shape in the axis range requested of the axis.
  • New XAxisMaximumGap, determines the maximum allowed value for the plotted series when using XAxisGap. The gap determines the amount of space between columns or bars of plotted series.
  • New XAxisMinimumGapSize, determines the minimum allowed pixel-based value for the plotted series when using XAxisGap to ensure there is always some spacing between each category.

13.1.0 (November 2021)

Please ensure package “lit-html”: “^2.0.0” or newer is added to your project for optimal compatibility.

igniteui-angular-charts (Charts)

This release introduces a few improvements and simplifications to visual design and configuration options for the geographic map and all chart components.

Old brushes/outlinesNew outline/brushes
#8BDC5C
#8B5BB1
#6DB1FF
#F8A15F
#EE5879
#735656
#F7D262
#8CE7D9
#E051A9
#A8A8B7
#8BDC5C
#8961A9
#6DB1FF
#82E9D9
#EA3C63
#735656
#F8CE4F
#A8A8B7
#E051A9
#FF903B

11.2.0 (April 2021)

igniteui-angular-charts (Charts)

This release introduces several new and improved visual design and configuration options for all of the chart components, e.g. DataChart, CategoryChart, and FinancialChart.

  • Changed Bar/Column/Waterfall series to have square corners instead of rounded corners
  • Changed Scatter High Density series’ colors for heat min property from #8a5bb1 to #000000
  • Changed Scatter High Density series’ colors for heat max property from #ee5879 to #ee5879
  • Changed Financial/Waterfall series’ NegativeBrush and NegativeOutline properties from #C62828 to #ee5879
  • Changed marker’s thickness to 2px from 1px
  • Changed marker’s fill to match the marker’s outline for PointSeries, BubbleSeries, ScatterSeries, PolarScatterSeries. You can use set MarkerFillMode property to Normal to undo this change
  • Compressed labelling for the TimeXAxis and OrdinalTimeXAxis
  • New Marker Properties:
    • series.MarkerFillMode - Can be set to MatchMarkerOutline so the marker depends on the outline
    • series.MarkerFillOpacity - Can be set to a value 0 to 1
    • series.MarkerOutlineMode - Can be set to MatchMarkerBrush so the marker’s outline depends on the fill brush color
  • New Series Property:
    • series.OutlineMode - Can be set to toggle the series outline visibility. Note, for Data Chart, the property is on the series
  • New chart properties that define bleed over area introduced into the viewport when the chart is at the default zoom level. A common use case is to provide space between the axes and first/last data points. Note, the ComputedPlotAreaMarginMode, listed below, will automatically set the margin when markers are enabled. The others are designed to specify a Double to represent the thickness, where PlotAreaMarginLeft etc. adjusts the space to all four sides of the chart:
  • New Highlighting Properties
    • chart.HighlightingMode - Sets whether hovered or non-hovered series to fade, brighten
    • chart.HighlightingBehavior - Sets whether the series highlights depending on mouse position e.g. directly over or nearest item
    • Note, in previous releases the highlighting was limited to fade on hover.
  • Added Highlighting Stacked, Scatter, Polar, Radial, and Shape series:
  • Added Annotation layers to Stacked, Scatter, Polar, Radial, and Shape series:
  • Added support for overriding the data source of individual stack fragments within a stacked series
  • Added custom style events to Stacked, Scatter, Range, Polar, Radial, and Shape series
  • Added support to automatically sync the vertical zoom to the series content
  • Added support to automatically expanding the horizontal margins of the chart based on the initial labels displayed
  • Redesigned color palette of series and markers:
Old brushes/outlinesNew outline/brushes
#7446B9
#9FB328
#F96232
#2E9CA6
#DC3F76
#FF9800
#3F51B5
#439C47
#795548
#9A9A9A
#8bdc5c
#8b5bb1
#6db1ff
#f8a15f
#ee5879
#735656
#f7d262
#8ce7d9
#e051a9
#a8a8b7

for example:

chartDefaults1chartDefaults2
chartDefaults3chartDefaults4

Chart Legend

  • Added horizontal Orientation property to ItemLegend that can be used with Bubble, Donut, and Pie Chart
  • Added LegendHighlightingMode property - Enables series highlighting when hovering over legend items

igniteui-angular-maps (GeoMap)

These features are CTP

  • Added support for wrap around display of the map (scroll infinitely horizontally)
  • Added support for shifting display of some map series while wrapping around the coordinate origin
  • Added support for highlighting of the shape series
  • Added support for some annotation layers for the shape series

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.

These breaking changes were introduce in these packages and components only:

  • Code After Changes

Now, you need to use just package names instead of full paths to API classes and enums.

Please also note that the name of the Data Grid component and its corresponding modules have also changed.

// gauges:
import { IgxLinearGauge } from "igniteui-angular-gauges";
import { IgxLinearGaugeModule } from "igniteui-angular-gauges";
import { IgxLinearGraphRange } from "igniteui-angular-gauges";
import { IgxRadialGauge } from 'igniteui-angular-gauges}';
import { IgxRadialGaugeModule } from 'igniteui-angular-gauges';
import { IgxRadialGaugeRange } from 'igniteui-angular-gauges';
import { SweepDirection } from 'igniteui-angular-core';
// charts:
import { IgxFinancialChartComponent } from "igniteui-angular-charts";
import { IgxFinancialChartModule } from "igniteui-angular-charts";
import { IgxDataChartComponent } from "igniteui-angular-charts";
import { IgxDataChartCoreModule } from "igniteui-angular-charts";
// maps:
import { IgxGeographicMapComponent } from "igniteui-angular-maps";
import { IgxGeographicMapModule } from "igniteui-angular-maps";
  • Code Before Changes

Before, you had to import using full paths to API classes and enums:

// gauges:
import { IgxLinearGaugeComponent } from 'igniteui-angular-gauges/ES5/igx-linear-gauge-component';
import { IgxLinearGaugeModule } from 'igniteui-angular-gauges/ES5/igx-linear-gauge-module';
import { IgxLinearGraphRange } from 'igniteui-angular-gauges/ES5/igx-linear-graph-range';

import { IgxRadialGaugeComponent } from "igniteui-angular-gauges/ES5/igx-radial-gauge-component";
import { IgxRadialGaugeModule } from "igniteui-angular-gauges/ES5/igx-radial-gauge-module";
import { IgxRadialGaugeRange } from "igniteui-angular-gauges/ES5/igx-radial-gauge-range";
import { SweepDirection } from "igniteui-angular-core/ES5/SweepDirection";

// charts:
import { IgxFinancialChartComponent } from "igniteui-angular-charts/ES5/igx-financial-chart-component";
import { IgxFinancialChartModule } from "igniteui-angular-charts/ES5/igx-financial-chart-module";
import { IgxDataChartComponent } from "igniteui-angular-charts/ES5/igx-data-chart-component";
import { IgxDataChartCoreModule } from "igniteui-angular-charts/ES5/igx-data-chart-core-module";

// maps:
import { IgxGeographicMapComponent } from "igniteui-angular-maps/ES5/igx-geographic-map-component";
import { IgxGeographicMapModule } from "igniteui-angular-maps/ES5/igx-geographic-map-module";