Ignite UI for Web Components Changelog

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

    5.0.0 (September 2024)

    igniteui-webcomponents-charts (Charts)

    • New Data Pie Chart - The IgcDataPieChartComponent is a new component that renders a pie chart. This component works similarly to the IgcCategoryChartComponent, 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 IgcDataChartComponent, 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 IgcCheckboxListModule 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.

    igniteui-webcomponents-grids

    • All Grids
      • Added new RowClick event.
    • IgcPivotGridComponent
      • Added sortable property for a IgcPivotDimension.
      • Added horizontal layout. Can be enabled inside the new pivotUI property as rowLayout horizontal.
      • Added row dimension summaries for horizontal layout only. Can be enabled for each IgcPivotDimension by setting horizontalSummary to true.
      • Added horizontalSummariesPosition property to the pivotUI, configuring horizontal summaries position.
      • Added row headers for the row dimensions. Can be enabled inside the new pivotUI property as showHeaders true.
      • Keyboard navigation now can move in to row headers back and forth from any row dimension headers or column headers.
      • Added keyboard interactions for row dimension collapse using Alt + ↑ ↓ ← → arrows and row headers sorting using Ctrl + ↑ ↓ arrows.

    BREAKING CHANGES:

    4.8.1 (June 2024)

    igniteui-webcomponents

    igniteui-webcomponents-grids

    • DisplayDensity deprecated in favor of the --ig-size CSS custom property. Check out the Grid Size topic for more regarding the Grid.

    igniteui-webcomponents-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 IgcCategoryChartComponent and IgcDataChartComponent. 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 partcular dataitem. Also SelectedSeriesItemsChanged event and selectedSeriesItems are available for additional help to build out robust business requirements surrouding 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 highlightedDataSource. 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-webcomponents-gauges (Gauges)

    4.8.0 (March 2024)

    4.6.0 (December 2023)

    4.2.5 (April 2023)

    • A new argument primaryKey has been introduced to IgcRowDataEventArgs, and part of the event arguments that are emitted by the RowAdded and RowDeleted events. When the grid has a primary key attribute added, then the emitted primaryKey event argument represents the row ID, otherwise it defaults to undefined.

    • RowSelectionChanging event arguments are changed. Now, the OldSelection, NewSelection, Added and Removed collections no longer consist of the row keys of the selected elements when the grid has set a primaryKey, but now in any case the row data is emitted.

    • When the grid is working with remote data and a primary key has been set, the selected rows that are not currently part of the grid view will be emitted for a partial row data object.

    • When selected row is deleted from the grid component RowSelectionChanging event will no longer be emitted.

    • The OnGroupingDone event has been renamed to GroupingDone to not violate the no on-prefixed outputs convention.

    • The OnDensityChanged event has been renamed to DensityChanged to not violate the no on-prefixed outputs convention. All components exposing this event are affected.

    • IgcPivotGridComponent: The IgcPivotDateDimension properties InBaseDimension and InOption have been deprecated and renamed to baseDimension and options respectively.

    4.0.4 (December 2022)

    4.0.0 (November 2022)

    3.2.1 (June 2022)

    • DataGrid:
      • Added New Feature - Row Paging which is used to split a large set of data into a sequence of pages that have similar content. With pagination, data can be displayed in a set number of rows, letting users “scroll” through their data, without needing a scroll bar. The UI for table pagination usually includes things like the current page, total pages, and clickable Previous and Next arrows/buttons that let users flip through the pages of data.

    1.4.2 (December 2021)

    • DataGrid:
      • Added ValueMultiField, of type string[], in the IgcComboBoxColumnComponent to be used when your items in the drop down contain a key that consists of multiple fields.

    [!Note] The following breaking changes were introduced: Changed valueField property from type string[] to string.

    1.4.1 (November 2021)

    1.3.0 (April 2021)

    • DataGrid:
      • Added EditOnKeyPress aka Excel-style Editing, instantly begin editing when typing.
      • Added EditModeClickAction property - By default double-clicking is required to enter edit mode. This can be set to SingleClick to allow for edit mode to occur when selecting a new cell.
      • Added EnterKeyBehaviors property - aka Excel-style Navigation (Enter Behavior) – controls the behavior of the enter key, e.g. Options are (none, edit, move up, down, left, right)
      • Added EnterKeyBehaviorAfterEdit property - While in edit-mode, this property controls when enter is pressed, e.g. Options are (moves to the cell below, above, right, left)
      • Added selectAllRows - method.
      • Added Row Range Selection - With GridSelectionMode property set to MultipleRow the following new functionality is now included:
        • Click and drag to select rows
        • Shift and click to select multiple rows.
        • Shift and press the up/down arrow keys to select multiple rows.
      • Pressing space bar toggles selection of active row via GridSelectionMode property set to MultipleRow or SingleRow
      • Added Column Summaries to Column Options Dialog.

    1.1.3 (November 2020)

    • DataGrid:

    [!Note] These breaking changes were introduce in the grid package.

    • Changed name of PropertyPath

    The data grid component property propertyPath has been renamed to field. This applies to all Column types, GroupDescription, SortDescription & SummaryDescription.

    <igc-text-column field="Name"></igc-text-column>

    import { IgcColumnSummaryDescription, IgcColumnSortDescription, IgcColumnGroupDescription} from 'igniteui-webcomponents-grids'
const productCount = new IgcColumnSummaryDescription();
productCount.field = "ProductName";
const colSortDesc = new IgcColumnSortDescription();
colSortDesc.field = "UnitsInStock";
const income = new IgcColumnGroupDescription();
income.field = "Income";

    1.1.2 (April 2020)

    • DataGrid:

    • Changed Name of Live Grid - the data grid component and it's corresponding module's names have changed from "LiveGrid" to "DataGrid".

    [!Note] These breaking changes were introduce in these packages and components only:

    The new code for importing the grid and it's corresponding module is:

    import { IgcDataGrid } from "igniteui-webcomponents-grids";
import { IgcDataGridModule } from 'igniteui-webcomponents-grids';
    • Required Peer Dependency for DataGrid

    The data grid component requires the "inputs" package.

    **npm install --save igniteui-webcomponents-inputs**

    igniteui-webcomponents

    5.0.0 (August 2024)

    • IgcIconComponent
      • Added setIconRef method. This allows to register and replace icons by SVG files.
      • All components now use icons by reference internally so that it's easy to replace them without explicitly providing custom templates.
    • IgcRadioGroupComponent
      • Added name and value properties.

    BREAKING CHANGES:

    4.11.1 (July 2024)

    Changed

    4.11.0 (July 2024)

    Changed

    4.10.0 (July 2024)

    Added

    Deprecated

    • IgcInputComponent Inputmode property. Aligned with the native inputMode DOM property instead.

    Fixed

    • IgcInputComponent, IgcTextareaComponent - passing undefined to value sets the underlying input value to undefined.
    • IgcMaskInputComponent - after a form reset call correctly update underlying input value and placeholder state.
    • IgcTreeComponent - setting --ig-size on the item indicator CSS Part will now change the size of the icon.
    • IgcDateTimeInputComponent - double emit of igcChange in certain scenarios.
    • IgcNavDrawerComponent - mini variant is not initially rendered when not in an open state.
    • IgcComboComponent:
      • Selecting an entry using the Enter key now correctly works in single selection mode.
      • Turning on the disableFiltering option now clears any previously entered search term.
      • Entering a search term in single selection mode that already matches the selected item now works correctly.

    4.9.0 (April 2024)

    Added

    Changed

    Deprecated

    • IgcDropdownComponent - IgcPositionStrategy property is deprecated. The dropdown now uses the Popover API to render its container in the top layer of the browser viewport, making the property obsolete.

    Fixed

    4.8.2 (April 2024)

    Fixed

    4.8.1 (April 2024)

    Fixed

    4.8.0 (March 2024)

    Added

    Changed

    • Grouping in IgcComboComponent no longer sorts the data. groupSorting property now affects the sorting direction only of the groups. Behavioral change: In previous release the sorting directions of the groups sorted the items as well. If you want to achieve this behavior you can pass already sorted data to the IgcComboComponent.

    Deprecated

    • IgcSliderComponent - aria-label-upper and aria-label-lower are deprecated and will be removed in the next major release. Use thumb-label-upper and thumb-label-lower instead.

    Fixed

    • IgcButtonComponent - Slotted icon size.
    • IgcButtonGroupComponent
      • Updated Fluent theme look.
      • Disabled state in Safari.
    • IgcComboComponent/select - Style issues.
    • IgcSliderComponent
      • Clicks on the slider track now use the track element width as a basis for the calculation.
      • Input events are no longer emitted while continuously dragging the slider thumb and exceeding upper/lower bounds.
      • When setting upper-bound/lower-bound before min/max, the slider will no longer overwrite the bound properties with the previous values of min/max.
      • The aria-label bound to the slider thumb is no longer reset on consequent renders.
    • IgcInputComponent
      • Default validators are run synchronously.
      • Style issues.
    • IgcDateTimeInputComponent - setRangeText() updates underlying value.

    4.7.0 (January 2024)

    Added

    • IgcTreeComponent - Added toggleNodeOnClick property that determines whether clicking over a node will change its expanded state or not. Defaults to false.

    • IgcRatingComponent - allowReset added. When enabled selecting the same value will reset the component. Behavioral change: In previous releases this was the default behavior of the rating component. Make sure to set allowReset if you need to keep this behavior in your application.

    Changed

    Fixed

    4.6.0 (December 2023)

    Added

    Changed

    Fixed

    4.5.0 (October 2023)

    Added

    Deprecated

    The size property and attribute have been deprecated for all components. Use the --ig-size CSS custom property instead. The following example sets the size of the IgcAvatarComponent component to small:

    igc-avatar {
  --ig-size: var(--ig-size-small);
}

    Fixed

    • Combo items position in Safari.
    • Calendar navigation buttons in RTL context.
    • Export IgcComboChangeEventArgs type.
    • Combo value and selection states with lazy data binding.
    • Various style and theming fixes and adjustments.

    4.4.0 (August 2023)

    Added

    Changed

    Deprecated

    • Form component is deprecated.
    • IgcInputComponent:
      • minlength property is deprecated and will be removed in the next major version. Use minLength instead.
      • maxlength property is deprecated and will be removed in the next major version. Use maxLength instead.
      • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.
    • IgcMaskInputComponent:
      • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.
    • IgcDateTimeInputComponent:
      • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.
      • minValue property is deprecated and will be removed in the next major version. Use min instead.
      • maxValue property is deprecated and will be removed in the next major version. Use max instead.
    • IgcRatingComponent:
      • readonly property is deprecated and will be removed in the next major version. Use readOnly instead.

    Removed

    • Removed our own dir attribute which shadowed the default one. This is a non-breaking change.
    • IgcSliderComponent - ariaLabel shadowed property. This is a non-breaking change.
    • IgcCheckboxComponent - ariaLabelledBy shadowed attribute. This is a non-breaking change.
    • IgcSwitchComponent - ariaLabelledBy shadowed attribute. This is a non-breaking change.
    • IgcRadioComponent - ariaLabelledBy shadowed attribute. This is a non-breaking change.

    Fixed

    4.3.1 (August 2023)

    Added

    • IgcTreeComponent - component animations.
    • Components border radius is consumed from their schemas.

    Changed

    Fixed

    4.3.0 (June 2023)

    Added

    • IgcComboComponent:
      • matchDiacritics to the filtering options property. Defaults to false. If set to true the filter distinguishes between accented letters and their base letters. Otherwise strings are normalized and then matched.
      • selection property which returns the current selection as an array of data objects.
    • IgcCardComponent: Support explicit height
    • IgcDialogComponent: Added animations
    • IgcSnackbarComponent: Added animations
    • IgcToastComponent: Added animations

    Changed

    • IgcComboComponent:
      • value is no longer readonly and can be explicitly set. The value attribute also supports declarative binding, accepting a valid JSON stringified array.
      • value type changed from string[] to ComboValue<T>[] where
      ComboValue<T> = T | T[keyof T]
      • igcChange event object properties are also changed to reflect the new value type:
      interface IgcComboChangeEventArgs<T> {
  newValue: ComboValue<T>[];
  items: T[];
  type: ComboChangeType;
}

    Deprecated

    • select: Deprecated sameWidth, positionStrategy and flip. They will be removed in the next major release.

    Fixed

    4.2.3 (April 2023)

    Deprecated

    • IgcDialogComponent - Property closeOnEscape is deprecated in favor of new property keepOpenOnEscape.

    Fixed

    4.2.2 (March 2023)

    Deprecated

    • IgcButtonComponent - The prefix/suffix slots are no longer needed and will be removed in the next major release.

    Fixed

    4.2.1 (February 2023)

    Fixed

    • IgcComboComponent - Matching item not activated on filtering in single selection mode.

    4.2.0 (January 2023)

    Added

    Fixed

    4.1.1 (January 2023)

    Fixed

    • IgcInputComponent
      • position label based on component size.
      • material themes don't match design.
      • do not cache the underlying input.
    • Card - color discrepancy between WC and Angular.
    • Theme - update stale --igc-* variables to --ig-*.
    • Removed dangling references after element disconnect.

    4.1.0 (December 2022)

    Added

    Fixed

    4.0.0 (November 2022)

    Changed

    • Themes
      • Build - Utilize Ignite UI Theming package when building themes.
      • Sizing - Introduced CSS variables that allow runtime CSS configuration of the size for all or individual components.
      • Spacing - Introduced CSS variables that allow runtime CSS configuration of the internal spacing (padding/margin) of components.
      • Scrollbars - Added the ability to style application-level scrollbars by setting the ig-scrollbar CSS class on any element.

    3.4.2 (November 2022)

    Fixed

    • Resolved importing error for DateRangeType.

    3.4.1 (September 2022)

    Changed

    Fixed

    3.4.0 (September 2022)

    Added

    Fixed

    3.3.1 (August 2022)

    Changed

    Fixed

    3.3.0 (July 2022)

    Added

    Changed

    • IgcRatingComponent - Added support for single selection and empty symbols.
    • IgcSliderComponent - Improved slider steps rendering.
    • Components will now auto register their dependencies when they are registered in defineComponents
    import { IgcDropdownComponent, defineComponents } from 'igniteui-webcomponents';
// will automatically register the dropdown item & group elements
// as well as their dependencies if any
defineComponents(IgcDropdownComponent);

    Check the official documentation for more information.

    Fixed

    3.2.0 (May 2022)

    Added

    Fixed

    3.1.0 (April 2022)

    Added

    Deprecated

    • IgcChipComponent: Previously exposed start and end slots are replaced by prefix and suffix. They remain active, but are now deprecated and will be removed in a future version.

    Fixed

    • IgcChipComponent:
      • Auto load internal icons.
      • Selected chip is misaligned.
    • Package: ESM internal import paths.

    3.0.0 (April 2022)

    Changed

    • Breaking Change: All dropdown related classes renamed from DropDown* to Dropdown*

    2.2.0 (April 2022)

    Added

    2.1.1 (March 2022)

    Added

    • Control border radius and elevation from --igc-radius-factor and --igc-elevation-factor:

    Example:

    /* Make all components square and remove all shadows */
:root {
  --igc-radius-factor: 0;
  --igc-elevation-factor: 0;
}

    2.1.0 (March 2022)

    Added

    2.0.0 (February 2022)

    Added

    Changed

    • Fix checkbox/switch validity status
    • Split IgcCalendarComponent's value: Date | Date[] property into two properties - value: Date and values: Date[]
    • Replaced IgcCalendarComponent's hasHeader property & has-header attribute with hideHeader & hide-header respectively.
    • Replaced IgcCardComponent's outlined property with elevated.

    Removed

    1.0.0 (November 2021)

    Initial release of Ignite UI Web Components

    Added

    igniteui-webcomponents-charts

    4.8.1 (June 2024)

    • 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 IgcCategoryChartComponent and IgcDataChartComponent. 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 dataitem. 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.

    • Proportional Category Angle Axis - New axes for the Radial Pie Series in the IgcDataChartComponent, to enable creating pie charts in the allowing robust visualizations using all the added power of the data chart.

    • 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 highlightedDataSource. Can be toggled via highlightedValuesDisplayMode and styled via FillBrushes.

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

    4.8.0 (March 2024)

    • 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.

    • XamRadialChart

      • New Label Mode The IgcCategoryAngleAxisComponent 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.

    4.7.0 (January 2024)

    • Chart Highlight Filter - The IgcCategoryChartComponent and IgcDataChartComponent 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.

    4.3.2 (October 2023)

    • Toolbar - Beta:
      • 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.

    4.3.0 (June 2023)

    • New Toolbar - Beta component. 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 IgcDataChartComponent or IgcCategoryChartComponent components. You'll be able to create custom tools for your project allowing end users to provide changes, offering an endless amount of customization.

    • ValueLayer - A new series type named the IgcValueLayerComponent 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 IgcCategoryChartComponent and IgcFinancialChartComponent 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 IgcDataChartComponent. 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.

    4.0.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

    [!Note] Chart Aggregation will not work when using includedProperties | excludedProperties. These properties on the chart 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.

    3.2.1 (June 2022)

    • 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 IgcDataChartComponent. 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. IgcNumericXAxisComponent, IgcNumericYAxisComponent, 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.

    1.4.1 (November 2021)

    [!Note] Please ensure package "lit-html": "^2.0.0" or newer is added to your project for optimal compatibility.

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

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

    1.3.0 (April 2021)

    This release introduces several new and improved visual design and configuration options for all of the chart components, e.g. IgcDataChartComponent, IgcCategoryChartComponent, and IgcFinancialChartComponent.

    • 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 IgcPointSeriesComponent, IgcBubbleSeriesComponent, IgcScatterSeriesComponent, IgcPolarScatterSeriesComponent. You can use set markerFillMode property to Normal to undo this change
    • Compressed labelling for the IgcTimeXAxisComponent and IgcOrdinalTimeXAxisComponent
    • 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/outlines New outline/brushes
    #7446B9
    #9FB328
    #F96232
    #2E9CA6
    #DC3F76
    #FF9800
    #3F51B5
    #439C47
    #795548
    #9A9A9A    		 #8bdc5c
    #8b5bb1
    #6db1ff
    #f8a15f
    #ee5879
    #735656
    #f7d262
    #8ce7d9
    #e051a9
    #a8a8b7

    for example:

    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-webcomponents-inputs

    4.2.5 (April 2023)

    • IgcDateTimeInputComponent, the StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date) is now trimmed down to DatePart instead of DateTimeInputDatePart
    • IgcRadioComponent and IgcRadioGroupComponent, added component validation along with styles for invalid state
    • Mask, added the capability to escape mask pattern literals.
    • IgcBadgeComponent added a shape property that controls the shape of the badge and can be either Square or Rounded. The default shape of the badge is rounded.
    • IgcAvatarComponent, the RoundShape property has been deprecated and will be removed in a future version. Users can control the shape of the avatar by the newly added shape attribute that can be Square, Rounded or Circle. The default shape of the avatar is Square.

    1.4.2 (December 2021)

    • Date Picker:
      • Changed ValueChanged event to SelectedValueChanged.
    • Multi-Column ComboBox:
      • Changed TextChanged event to TextValueChanged.
      • Changed ValueChanged event to SelectedValueChanged.

    1.3.0 (April 2021)

    • Date Picker:
      • ShowTodayButton - Toggles Today button visibility
      • label - Adds a label above the date value
      • placeholder property - adds custom text when no value is selected
      • FormatString - Customize input date string e.g. (yyyy-MM-dd)
      • DateFormat - Specifies whether to display selected dates as LongDate or ShortDate
      • FirstDayOfWeek - Specifies first day of week
      • FirstWeekOfYear - Specifies when to display first week of the year, e.g. (First Full Week, First Four day Week)
      • showWeekNumbers - Toggles Week number visibility
      • MinDate & MaxDate - Date limits, specifying a range of available selectable dates.
      • Added Accessibility

    igniteui-webcomponents-maps

    1.3.0 (April 2021)

    [!Note] 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

    igniteui-webcomponents-gauges

    4.8.1 (June 2024)

    4.8.0 (March 2024)

    gauges/charts/maps/grids

    1.0.6

    • Changed Import Statements

    Import statements have been simplified to use just package names instead of full paths to API classes and enums.

    [!Note] These breaking changes were introduce in these packages and components only:

    Affected Packages Affected Components
    igniteui-webcomponents-excel Excel Library
    igniteui-webcomponents-spreadsheet Spreadsheet
    igniteui-webcomponents-maps Geo Map, Treemap
    igniteui-webcomponents-gauges Bullet Graph, Linear Gauge, Radial Gauge
    igniteui-webcomponents-charts Category Chart, Data Chart, Donut Chart, Financial Chart], Pie Chart, Zoom Slider
    igniteui-webcomponents-core all classes and enums
    igniteui-webcomponents-grids Data Grid
    • 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 { IgcLinearGaugeComponent } from "igniteui-webcomponents-gauges";
import { IgcLinearGaugeModule } from "igniteui-webcomponents-gauges";
import { IgcLinearGraphRange } from "igniteui-webcomponents-gauges";
import { IgcRadialGaugeComponent } from 'igniteui-webcomponents-gauges';
import { IgcRadialGaugeModule } from 'igniteui-webcomponents-gauges';
import { IgcRadialGaugeRange } from 'igniteui-webcomponents-gauges';
import { SweepDirection } from 'igniteui-webcomponents-core';
// charts:
import { IgcFinancialChartComponent } from "igniteui-webcomponents-charts";
import { IgcFinancialChartModule } from "igniteui-webcomponents-charts";
import { IgcDataChartComponent } from "igniteui-webcomponents-charts";
import { IgcDataChartCoreModule } from "igniteui-webcomponents-charts";
// maps:
import { IgcGeographicMapComponent } from "igniteui-webcomponents-maps";
import { IgcGeographicMapModule } from "igniteui-webcomponents-maps";
// grids:
import { IgcDataGridComponent } from "igniteui-webcomponents-grids";
import { IgcDataGridModule } from "igniteui-webcomponents-grids";
    • Code Before Changes

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

    // gauges:
import { IgcLinearGaugeComponent } from 'igniteui-webcomponents-gauges/ES5/igc-linear-gauge-component';
import { IgcLinearGaugeModule } from 'igniteui-webcomponents-gauges/ES5/igc-linear-gauge-module';
import { IgcLinearGraphRange } from 'igniteui-webcomponents-gauges/ES5/igc-linear-graph-range';

import { IgcRadialGaugeComponent } from "igniteui-webcomponents-gauges/ES5/igc-radial-gauge-component";
import { IgcRadialGaugeModule } from "igniteui-webcomponents-gauges/ES5/igc-radial-gauge-module";
import { IgcRadialGaugeRange } from "igniteui-webcomponents-gauges/ES5/igc-radial-gauge-range";
import { SweepDirection } from "igniteui-webcomponents-core/ES5/SweepDirection";

// charts:
import { IgcFinancialChartComponent } from "igniteui-webcomponents-charts/ES5/igc-financial-chart-component";
import { IgcFinancialChartModule } from "igniteui-webcomponents-charts/ES5/igc-financial-chart-module";
import { IgcDataChartComponent } from "igniteui-webcomponents-charts/ES5/igc-data-chart-component";
import { IgcDataChartCoreModule } from "igniteui-webcomponents-charts/ES5/igc-data-chart-core-module";

// maps:
import { IgcGeographicMapComponent } from "igniteui-webcomponents-maps/ES5/igc-geographic-map-component";
import { IgcGeographicMapModule } from "igniteui-webcomponents-maps/ES5/igc-geographic-map-module";

// grids:
import { IgcLiveGridModule } from 'igniteui-webcomponents-grids/ES5/igc-live-grid-module';
import { IgcLiveGridComponent } from 'igniteui-webcomponents-grids/ES5/igc-live-grid-component';

    igniteui-dockmanager

    1.14.4

    Deprecated

    1.14.3

    Fixed

    • Dock manager throws errors with Vite-based builds.
    • Docking to edge in an empty root split pane throws errors.

    1.14.2

    Fixed

    • Constraining panels inside the dock manager boundaries with quick drags.

    1.14.1

    Fixed

    • Proximity dock rtl check

    1.14.0

    New features

    • Add showPaneHeaders property.
    • Add proximityDock property.
    • Add containedInBoundaries property.

    Enhancements

    • Add contentId of elements as CSS parts.

    Fixed

    • Maximizing and unpinning panes leads to unclickable panes.
    • Center dock is possible in a pane that has acceptsInnerDock set to true if the AllowInnerDock of IgcDockManagerComponent is set to false.

    1.13.0

    New features

    Enhancements

    • Save pane maximized state in layout.

    Fixed

    • Tab selection order is not preserved.

    1.12.5

    New features

    • Add paneScroll event.

    Fixed

    • ТabGroupPane: Pinning one of several unpinned panes results in all the panes getting pinned.
    • Context menu not positioning correctly in RTL mode.
    • Active pane is not retained when docking with keyboard.

    1.12.4

    Fixed

    • Active pane incorrectly set when more than one Tab Group Pane is within a Floating Pane.

    1.12.3

    Fixed

    • Error is thrown when dropping pane in a separate window.

    1.12.2

    Enhancements

    • Add tabs-more-menu-content and tabs-more-menu-item CSS parts.

    Fixed

    • Docking indicator left/right arrows positions are reversed in RTL mode.
    • Context menu not positioning correctly.
    • Missing overloads for addEventListener and removeEventListener.

    1.12.1

    Enhancements

    • Include pane information in splitterResizeStart and splitterResizeEnd events.
    • IgcDockManagerComponent is now exported as class.

    Fixed

    • Contents in slots with unpinnedHeaderId are not updated correctly.

    1.12.0

    Fixed

    • Docking not working with allowFloating: false.
    • Flyout pane closing while active.
    • Focusable elements does not receive focus.
    • Navigating with pane navigator does not bring selected floating window on top.
    • Event splitterResizeStart can't be cancelled.
    • Tabs context menu not positioning correctly.

    1.11.3

    New features

    • Add contextMenuPosition property
    • Add selected option for tab-header-close-button CSS part

    1.11.2

    New features

    • Add hovered option for tab-header-close-button CSS part

    1.11.1

    Fixed

    • CSS part fixes for tab-header

    1.11.0

    New features

    • Add options for showHeaderIconOnHover property for different buttons
    • Add horizontal and vertical options for splitter-handle CSS part
    • Add header-title CSS part
    • Add hover option for tab-header-close-button CSS part in active/inactive states
    • Add paneHeaderCloseButton and tabHeaderCloseButton slots

    1.10.0

    New features

    Fixed

    • Active pane is not retained on float/dock.
    • Splitter styles are not applied.
    • click event on customized header buttons is not working.
    • Removed erroneous dock indicators while dragging over splitter.

    1.9.0

    Fixed

    • Styles not applied.
    • Resize in RTL mode.

    1.8.0

    New features

    • Customize dock manager buttons.
    • LayoutChange event which fires when the layout updates.

    1.7.0

    New features

    • Customizable floating pane header.
    • disabled property per pane.
    • DocumentOnly property which allows content pane to be docked only inside a document host.
    • AllowEmpty property for split and tab group panes which allows displaying empty areas.
    • disableKeyboardNavigation property on the dock manager.

    Fixed

    • Docking indicators appear over the currently dragged floating pane.

    1.6.0

    New features

    • Customize dock manager panes and tabs.

    Fixed

    • A floating pane is draggable outside of the page.

    1.5.0

    New features

    Fixed

    • Unpinned pane is closing automatically upon clicking on its content.
    • Panes selected from the overflow menu are not activated if there is an unpinned pane from the same tab group.

    1.4.1

    Fixed

    • Pane with allowPinning: false placed inside tab group can be unpinned.
    • Normalize a maximized pane when navigating away from it via the keyboard.

    1.4.0

    New features

    • Reorder tabs without creating floating pane.
    • Keyboard navigation.
    • Pane navigator.
    • Enable/disable floating pane resizing.
    • Events for floating pane resizing.

    Fixed

    • Select pane when activated.
    • Flyout unpinned pane when activated.
    • Error thrown when hosting external popup inside pane.
    • Tab selection is lost with nested Dock Manager components.
    • Floating pane containing panes with disabled floating and docking cannot be moved.
    • Exception thrown when docking floating pane inside empty dock manager.

    1.3.0

    New features

    • More tabs menu appears when there is not enough space to display all tab headers.
    • Hide pane without removing it from the layout using its hidden property.
    • Header slot properties for tab and unpinned pane - tabHeaderId and unpinnedHeaderId.

    1.2.0

    New features

    • Active pane.
    • Localization support.

    Fixed

    • Errors thrown when dragging the last document host tab and there is unpinned pane.
    • Tabs content disappears after docking a pane with allowFloating: false.
    • Exception thrown when quickly switching between docking indicators.

    1.1.0

    New features

    • Maximizing panes.
    • Docking preview shadow.
    • ARIA support.
    • API for external drag/drop support.
    • Properties and events for user interactions such as closing, pinning, dragging.
    • Support for ng update for Angular projects.

    1.0.3

    Enhancements

    • Resize splitter using the keyboard.

    1.0.2

    Fixed

    • Pane goes out of view when resized to its minimum size.

    1.0.1

    Enhancements

    • Add active color css variable.
    • Add keyboard support for context menu.

    Fixed

    • Selection is not working on first click when context menu is opened.
    • Single tab is not rendered correctly after pinning/unpinning its sibling.

    1.0.0

    Initial release of Ignite UI Dock Manager.