6.1.7

Bug Fixes

• IgxSelectionAPIService allows to add items with id which is undefined #2581
• FilteredSortedData collection holds the original data after first filtering operation is done #2611
• Calendar improvement of "selected" getter #2687
• Improve igxCalendar performance #2675
• Add Azure Pipelines CI and PR builds #2605
• The igxDatePicker changes the time portion of a provided date #2561
• IgxChip remove icon has wrong color #2573
• Chip has intrinsic margin #2662
• IgxChip remove icon has wrong color #2573
• ChipsArea's OnSelection output is not emitted on initialization #2640

6.2.0 Beta 3

6.2.0

• igxIcon:

  • Breaking change glyphName property is removed from IgxIconComponent. For Material icons the icon name should be explicitly defined between the opening and closing tags. Font Awesome icons should use the name property now.
  • Added support for custom SVG icons. Register the SVG icons with the IgxIconService and use IgxIconComponent's name and fontSet properties to visualize the icon.

• igxGrid:

  • Breaking change cellClasses input on IgxColumnComponent now accepts an object literal to allow conditional cell styling.

• igx-datePicker selector is deprecated. Use igx-date-picker selector instead.

• igxOverlay:

  • OverlaySettings now also accepts an optional outlet to specify the container where the overlay should be attached.
  • when show and hide methods are called onAnimation event fires. In the arguments of this event there is a reference to the animationPlayer, animationType (either open or close) and to the overlay id.
  • if you call show/hide methods of overlay, while opening/closing animation is still ongoing, the animation will stop and respective open/close animation will start.

• igxToggleAction new outlet input controls the target overlay element should be attached. Provides a shortcut for overlaySettings.outlet.

• IgxOverlayOutlet directive introduced to mark an element as an igxOverlay outlet container. ReadMe

• igxButtonGroup

  • Added the ability to define buttons directly in the template

• igx-time-picker:

  • igxTimePickerTemplate - new directive which should be applied on the child <ng-template> element when IgxTimePickerComponent's input group is retemplated.

• igx-datePicker:

  • igxDatePickerTemplate - new directive which should be applied on the child <ng-template> element when IgxDatePickerComponent's input group is retemplated.
  • Introduced disabledDates. This property is exposed from the igx-calendar component.
  • Introduced specialDates. This property is exposed from the igx-calendar component.
  • Introduced deselectDate method added that deselects the calendar date.

• IgxTextHighlightDirective: The highlight method now has a new optional parameter called exactMatch (defaults to false).

  • If its value is false, all occurrences of the search text will be highlighted in the group's value.
  • If its value is true, the entire group's value should equals the search text in order to be highlighted (caseSensitive argument is respected as well).

• IgxGrid: The findNext and findPrev methods now have a new optional parameter called exactMatch (defaults to false).

  • If its value is false, all occurrences of the search text will be highlighted in the grid's cells.
  • If its value is true, the entire value of each cell should equals the search text in order to be highlighted (caseSensitive argument is respected as well).

• IgxChip

  • Introduced event argument types to all EventEmitter @Outputs.
  • Breaking change onSelection's EventEmitter interface property nextStatus is renamed to selected.
  • Exposed original event that is responsible for triggering any of the events. If triggered by the API it is by default null.

• IgxChipArea

  • Introduced event argument types to all EventEmitter @Outputs.
  • Exposed original event that is responsible for triggering any of the events. If triggered by the API it is by default null.

• IgxCombo

  • Added the following directives for TemplateRef assignment for combo templates (item, footer, etc.):
    • Added IgxComboItemDirective. Use [igxComboItem] in markup to assing a TemplateRef to combo.itemTemplate.
    • Added IgxComboHeaderDirective. Use [igxComboHeader] in markup to assing a TemplateRef to combo.headerTemplate.
    • Added IgxComboFooterDirective. Use [igxComboFooter] in markup to assing a TemplateRef to combo.footerTemplate.
    • Added IgxComboEmptyDirective. Use [igxComboEmpty] in markup to assing a TemplateRef to combo.emptyTemplate.
    • Added IgxComboAddItemirective. Use [igxComboAddItem] in markup to assing a TemplateRef to combo.addItemTemplate.
    • Added IgxComboHeaderItemDirective. Use [igxComboHeaderItem] in markup to assing a TemplateRef to combo.headerItemTemplate.
  • Breaking change Assigning templates with the following template ref variables is now deprecated in favor of the new directives:
    #itemTemplate, #headerTemplate, #footerTemplate, #emptyTemplate, #addItemTemplate, #headerItemTemplate.
  • Breaking change height property is removed. In the future IgxInputGroup will expose an option that allows custom sizing and then IgxCombo will use the same functionality for proper styling and better consistency.

• IgxDropDown

  • Breaking change allowItemsFocus default value is changed to false.
  • Added value input to IgxDropDownItemComponent definition. The property allows data to be bound to a drop-down item so it can more easily be retrieved (e.g. on selection)

• igx-calendar:

  • Introduced disabledDates property which allows a user to disable dates based on various rules: before or after a date, weekends, workdays, specific dates and ranges. The disabled dates cannot be selected and have a distinguishable style.
  • Introduced specialDates property which allows a user to mark dates as special. They can be set by using various rules. Their style is distinguishable.
  • Introduced deselectDate method added that deselects date(s) (based on the selection type)

• igxExpansionPanel:

  • component added. igxExpansionPanel provides a way to display more information after expanding an item, respectively show less after collapsing it. For more detailed information see the official documentation.

• IgxList:

  • the control now supports ng-templates which are shown "under" a list item when it is left or right panned. The templates are distinguished using the igxListItemLeftPanning and igxListItemRightPanning directives set on the templates.
  • the IgxList's onLeftPan and onRightPan events now have an argument of type IListItemPanningEventArgs (instead of IgxListItemComponent). The event argument has the following fields:
    • item of type IgxListItemComponent
    • direction of type IgxListPanState
    • keepItem of type boolean

• igxTooltip and igxTooltipTarget directives:

  • Added IgxTooltipDirective.
    • An element that uses the igxTooltip directive is used as a tooltip for a specific target (anchor).
    • Extends IgxToggleDirective.
    • Exported with the name tooltip.
  • Added IgxTooltipTargetDirective.
    • An element that uses the igxTooltipTarget directive is used as a target (anchor) for a specific tooltip.
    • Extends IgxToggleActionDirective.
    • Exported with the name tooltipTarget.
  • Both new directives are used in combination to set a tooltip to an element. For more detailed information, see the README.

• IgxDrag and IgxDrop directives available.

  • IgxDrag allows any kind of element to be moved/dragged around the page without changing its position in the DOM. Supports Desktop/Mixed/Touch environments.
  • IgxDrop allows any element to act as a drop area where any igxDrag element can be dragged into and dropped. Includes default logic that moves the dropped element from its original position to a child of the igxDrop element.
  • Combined they provide a way to move elements around the page by dragging them. For more detail see the README.

6.2.0 Beta 2

6.2.0 Beta 2

• igxGrid:

  • Breaking change cellClasses input on IgxColumnComponent now accepts an object literal to allow conditional cell styling.

• igx-datePicker selector is deprecated. Use igx-date-picker selector instead.

• igxOverlay:

  • OverlaySettings now also accepts an optional outlet to specify the container where the overlay should be attached.
  • when show and hide methods are called onAnimation event fires. In the arguments of this event there is a reference to the animationPlayer, animationType (either open or close) and to the overlay id.
  • if you call show/hide methods of overlay, while opening/closing animation is still ongoing, the animation will stop and respective open/close animation will start.

• igxToggleAction new outlet input controls the target overlay element should be attached. Provides a shortcut for overlaySettings.outlet.

• IgxOverlayOutlet directive introduced to mark an element as an igxOverlay outlet container. ReadMe

• igxButtonGroup

  • Added the ability to define buttons directly in the template

• igx-time-picker:

  • igxTimePickerTemplate - new directive which should be applied on the child <ng-template> element when IgxTimePickerComponent's input group is retemplated.

• igx-datePicker:

  • igxDatePickerTemplate - new directive which should be applied on the child <ng-template> element when IgxDatePickerComponent's input group is retemplated.
  • Introduced disabledDates. This property is exposed from the igx-calendar component.
  • Introduced specialDates. This property is exposed from the igx-calendar component.
  • Introduced deselectDate method added that deselects the calendar date.

• IgxTextHighlightDirective: The highlight method now has a new optional parameter called exactMatch (defaults to false).

  • If its value is false, all occurrences of the search text will be highlighted in the group's value.
  • If its value is true, the entire group's value should equals the search text in order to be highlighted (caseSensitive argument is respected as well).

• IgxGrid: The findNext and findPrev methods now have a new optional parameter called exactMatch (defaults to false).

  • If its value is false, all occurrences of the search text will be highlighted in the grid's cells.
  • If its value is true, the entire value of each cell should equals the search text in order to be highlighted (caseSensitive argument is respected as well).

• IgxChip

  • Introduced event argument types to all EventEmitter @Outputs.
  • Breaking change onSelection's EventEmitter interface property nextStatus is renamed to selected.
  • Exposed original event that is responsible for triggering any of the events. If triggered by the API it is by default null.

• IgxChipArea

  • Introduced event argument types to all EventEmitter @Outputs.
  • Exposed original event that is responsible for triggering any of the events. If triggered by the API it is by default null.

• IgxCombo

  • Added the following directives for TemplateRef assignment for combo templates (item, footer, etc.):
    • Added IgxComboItemDirective. Use [igxComboItem] in markup to assing a TemplateRef to combo.itemTemplate.
    • Added IgxComboHeaderDirective. Use [igxComboHeader] in markup to assing a TemplateRef to combo.headerTemplate.
    • Added IgxComboFooterDirective. Use [igxComboFooter] in markup to assing a TemplateRef to combo.footerTemplate.
    • Added IgxComboEmptyDirective. Use [igxComboEmpty] in markup to assing a TemplateRef to combo.emptyTemplate.
    • Added IgxComboAddItemirective. Use [igxComboAddItem] in markup to assing a TemplateRef to combo.addItemTemplate.
    • Added IgxComboHeaderItemDirective. Use [igxComboHeaderItem] in markup to assing a TemplateRef to combo.headerItemTemplate.
  • Breaking change Assigning templates with the following template ref variables is now deprecated in favor of the new directives:
    #itemTemplate, #headerTemplate, #footerTemplate, #emptyTemplate, #addItemTemplate, #headerItemTemplate.
  • Breaking change height property is removed. In the future IgxInputGroup will expose an option that allows custom sizing and then IgxCombo will use the same functionality for proper styling and better consistency.

• IgxDropDown

  • Breaking change allowItemsFocus default value is changed to false.
  • Added value input to IgxDropDownItemComponent definition. The property allows data to be bound to a drop-down item so it can more easily be retrieved (e.g. on selection)

• igx-calendar:

  • Introduced disabledDates property which allows a user to disable dates based on various rules: before or after a date, weekends, workdays, specific dates and ranges. The disabled dates cannot be selected and have a distinguishable style.
  • Introduced specialDates property which allows a user to mark dates as special. They can be set by using various rules. Their style is distinguishable.
  • Introduced deselectDate method added that deselects date(s) (based on the selection type)

• igxExpansionPanel:

  • component added. igxExpansionPanel provides a way to display more information after expanding an item, respectively show less after collapsing it. For more detailed information see the official documentation.

• IgxList:

  • the control now supports ng-templates which are shown "under" a list item when it is left or right panned. The templates are distinguished using the igxListItemLeftPanning and igxListItemRightPanning directives set on the templates.
  • the IgxList's onLeftPan and onRightPan events now have an argument of type IListItemPanningEventArgs (instead of IgxListItemComponent). The event argument has the following fields:
    • item of type IgxListItemComponent
    • direction of type IgxListPanState
    • keepItem of type boolean

6.1.6

Bug Fixes

• IgxChip raises onSelection before onRemove #2612
• Summaries are shown on horizontal scrolling when Row Selectors are enabled #2522
• Bug - IgxCombo - Combo does not bind properly with [(ngModel)] and simple data (e.g. string[]) #2620
• Missing backtick in comment #2537
• IgxSelectionAPIService allows to add items with id which is undefined #2581
• Circular bar text is clipped #2370
• Update all angular async Calendar tests to await async #2582
• InvalidPipeArgument: 'inable to convert "" into a date for pipe 'DatePipe' #2520
• All cells in the row enter in edit mode if igx-columns are recreated. #2516

6.1.5

6.1.5

• General
  • IgxChip
    • Introduced event argument types to all EventEmitter @Outputs.
    • A chip can now be selected with the API with the new selected input. The selected input overrides the selectable input value.
    • Breaking change onSelection's EventEmitter interface property nextStatus is renamed to selected.
  • IgxChipArea
    • Introduced event argument types to all EventEmitter @Outputs.
  • igxFor
    • Adding inertia scrolling for touch devices. This also affects the following components that virtualize their content via the igxFor - igxGrid, igxCombo.
  • igxGrid
    • Adding inertia scrolling for touch devices.
  • igxCombo
    • Adding inertia scrolling for touch devices.
  • IgxCalendar - deselectDate method added that deselects date(s) (based on the selection type)
  • IgxDatePicker - deselectDate method added that deselects the calendar date.

Bug Fixes

• igx-tabs : When you move the tab key, the contents of other tabs are displayed. #2550
• Prevent default scroll behavior when using keyboard navigation. #2496
• Error is thrown on ng serve --prod #2540
• onSelection event is not fired when a cell in last visible row is row is selected and press arrow Down #2509
• Add deselect method to igxCalendar #2424
• Time starts from 03 minutes instead of 00 #2541
• Replace EventEmitter with the respective interface for the event #2481
• Cannot scroll last item in view #2504
• Japanese character is redundantly inserted into textbox on filter dialog on Safari #2316
• Improve row selection performance #1258
• igxRipple - Mousedown event doesn't bubble up when igxRipple is attached to elements. #2473
• Add default formatting for numbers in igx-grid #1197
• An error is returned when update a filtered cell #2465
• Grid Keyboard navigation performance issue #1923
• Vertical scrolling performance is slower when grouping is applied. #2421

6.2.0 Beta 1

6.2.0 Beta 1

• igx-datePicker selector is deprecated. Use igx-date-picker selector instead.
• igxOverlay: OverlaySettings now also accepts an optional outlet to specify the container where the overlay should be attached.
• igxToggleAction new outlet input controls the target overlay element should be attached. Provides a shortcut for overlaySettings.outlet.
• IgxOverlayOutlet directive introducedto mark an element as an igxOverlay outlet container. ReadMe
• igxButtonGroup
  • Added the ability to define buttons directly in the template
• igx-time-picker:
  • igxTimePickerTemplate - new directive which should be applied on the child <ng-template> element when IgxTimePickerComponent's input group is retemplated.
• igx-datePicker:
  • igxDatePickerTemplate - new directive which should be applied on the child <ng-template> element when IgxDatePickerComponent's input group is retemplated.
  • Introduced disabledDates. This property is exposed from the igx-calendar component.
  • Introduced specialDates. This property is exposed from the igx-calendar component.
• IgxTextHighlightDirective: The highlight method now has a new optional parameter called exactMatch (defaults to false).
  • If its value is false, all occurrences of the search text will be highlighted in the group's value.
  • If its value is true, the entire group's value should equals the search text in order to be highlighted (caseSensitive argument is respected as well).
• IgxGrid: The findNext and findPrev methods now have a new optional parameter called exactMatch (defaults to false).
  • If its value is false, all occurrences of the search text will be highlighted in the grid's cells.
  • If its value is true, the entire value of each cell should equals the search text in order to be highlighted (caseSensitive argument is respected as well).
• IgxChip
  • Introduced event argument types to all EventEmitter @Outputs.
  • Breaking change onSelection's EventEmitter interface property nextStatus is renamed to selected.
• IgxChipArea
  • Introduced event argument types to all EventEmitter @Outputs.
• IgxCombo
  • Added the following directives for TemplateRef assignment for combo templates (item, footer, etc.):
    • Added IgxComboItemDirective. Use [igxComboItem] in markup to assing a TemplateRef to combo.itemTemplate.
    • Added IgxComboHeaderDirective. Use [igxComboHeader] in markup to assing a TemplateRef to combo.headerTemplate.
    • Added IgxComboFooterDirective. Use [igxComboFooter] in markup to assing a TemplateRef to combo.footerTemplate.
    • Added IgxComboEmptyDirective. Use [igxComboEmpty] in markup to assing a TemplateRef to combo.emptyTemplate.
    • Added IgxComboAddItemirective. Use [igxComboAddItem] in markup to assing a TemplateRef to combo.addItemTemplate.
    • Added IgxComboHeaderItemDirective. Use [igxComboHeaderItem] in markup to assing a TemplateRef to combo.headerItemTemplate.
  • Breaking change Assigning templates with the following template ref variables is now deprecated in favor of the new directives:
    #itemTemplate, #headerTemplate, #footerTemplate, #emptyTemplate, #addItemTemplate, #headerItemTemplate.
• igx-calendar:
  • Introduced disabledDates property which allows a user to disable dates based on various rules: before or after a date, weekends, workdays, specific dates and ranges. The disabled dates cannot be selected and have a distinguishable style.
  • Introduced specialDates property which allows a user to mark dates as special. They can be set by using various rules. Their style is distinguishable.

6.2.0-beta.0

6.2.0 Beta 0

• igx-datePicker selector is deprecated. Use igx-date-picker selector instead.
• igxOverlay: OverlaySettings now also accepts an optional outlet to specify the container where the overlay should be attached.
• igxToggleAction new outlet input controls the target overlay element should be attached. Provides a shortcut for overlaySettings.outlet.
• IgxOverlayOutlet directive introducedto mark an element as an igxOverlay outlet container. ReadMe
• igxButtonGroup
  • Added the ability to define buttons directly in the template
• igx-time-picker:
  • igxTimePickerTemplate - new directive which should be applied on the child <ng-template> element when IgxTimePickerComponent's input group is retemplated.
• igx-datePicker:
  • igxDatePickerTemplate - new directive which should be applied on the child <ng-template> element when IgxDatePickerComponent's input group is retemplated.
• IgxTextHighlightDirective: The highlight method now has a new optional parameter called exactMatch (defaults to false).
  • If its value is false, all occurrences of the search text will be highlighted in the group's value.
  • If its value is true, the entire group's value should equals the search text in order to be highlighted (caseSensitive argument is respected as well).
• IgxGrid: The findNext and findPrev methods now have a new optional parameter called exactMatch (defaults to false).
  • If its value is false, all occurrences of the search text will be highlighted in the grid's cells.
  • If its value is true, the entire value of each cell should equals the search text in order to be highlighted (caseSensitive argument is respected as well).

6.1.4

Bug Fixes

• Bottom of letters fall of in the label of igx-tabs-group #1978
• The search highlight and info are not updated correctly after editing a cell value of the grid #2388
• Cannot set chip as selected through API if selectable is false #2383
• Pressing 'Home/End' keys is not moving the focus to the first/last item #2332
• Cannot set igxChip as selected #2378
• Scrolling using touch is not working on Edge and Internet Explorer 11 #1639
• IgxCombo - Selection - Cannot override combo selection through the onSelectionChange event #2440
• igx-grid - updateCell method doesn't update cells that are not rendered. #2350

6.1.3

6.1.3 Changelog

• General
  • Added ES7 polyfill for Object for IE. This should be added to the polyfills in order for the igxGrid to render under IE.

    import 'core-js/es7/object';
    

• igxTabs
  • selectedIndex property has an @Input setter and can be set both in markup and in code behind.
• igxDropDownItem
  • isSelected has a public setter and is now an @Input property that can be used for template binding.
• igxGrid
  • Breaking change applyNumberCSSClass and columnType getters are removed.
  • isUnary property added to IFilteringOperation
  • igxColumn
    • The footerTemplate property is removed.
  • igxColumnGroup
    • The footerTemplate property is removed.
  • exposed autosize() method on IgxColumnComponent. It allows the user to programatically change the size of a column according to it's largest visible cell.
  • Initializing an igxGrid component without setting height, inside a container without height defined, now causes the grid to render 10 records from the data view or all of the records if there are fewer than 10 available.
• igxCombo
  • Breaking change igxCombo default width is set to 100%
  • Breaking change itemsMaxWidth is renamed to itemsWidth
• igxLinearBar and igxCircularBar
  • exposed step input which determines the update step of the progress indicator. By default it is one percent of the maximum value.
  • IgxCircularBar text input property exposed to set the text to be displayed inside the circular bar.

Bug fixes

• igx-grid - cannot auto-size columns by double-clicking in IE11 #2025
• Animation for removing item from list is very quick, must be more smoothly. #2306
• circular and linear bars - prevent progress exceeding, smooth update when operate with big nums, allow floating point nums, expose step input #2163
• Blank space on the right of igxGrid when there is a hidden column and grid width is 100% #2249
• Igx Combo throws errors when data is set to null or undefined #2300
• Top cell is not positioned aligned to the header, after keyboard navigation #1185
• In carousel when call method remove for selected slide it is still previewed #2182
• In grid paging paginate and page should check if the page is greater than the totalPages #2288
• Typos and inaccuracies in IgxSnackbar's readme. #2250
• The grid enables all the columns to be declared as pinned in the template #1612
• Combo - Keyboard Navigation - Add Item button fires on Keydown.Space #2266
• Reduce the use of MutationObservers in the IgxTextHighlightDirective #2251
• Improve row selection performance #1258
• Filter UI dialog redraws #2038
• Can't navigate from first row cell to selection checkbox with key combination #1937
• Incorrect position pinning of Navigation Drawer #2013
• Keyboard navigation not working correctly whith column moving and cell selection #2086
• Grid Layout is broken when you hide column #2121
• IgxDateFilteringOperand's operation "doesNotEqual" doesn't work if the "equals" operation is localized(modified). #2202
• aside in igx-nav-drawer surpasses height of igx-nav-drawer #1981
• The button for collapse/expand all in groupby is not working correctly #2200
• IgxDropDown Item cannot be set as selected. #2061
• IgxBooleanFilteringOperand doesn't work if the operation 'all' is localized(modified). #2067
• columnMove doesn't work if no data is loaded. #2158
• Combo's clear button should be just an icon #2099
• Default combo width should be 100% #2097
• The combo list disappears after disabling Filtering at runtime #2108
• igx-slider - slider comes to not work well after changing maxValue. #920
• Search match highlight not always scrolled into view #1886
• When groupby row is focused and spacebar is pressed the browser scrolls down, everywhere except Chrome, although it should only collapse the group #1947
• Grid data bind fails initially until window resize #1614
• Localization (i18n) for grid grouping area string #2046
• When delete all records in the last page pager should be changed #2014
• Filter icon in the header changes its position #2036

6.1.2

6.1.2 Changelog

• igxCombo improvements

  • Remote Data Binding fixes - selection preserving and keyboard navigation.

  For more detailed information see the official igxCombo documentation.

General

• Added jsZip as a Dependency.

Bug Fixes

• Grid Layout is broken when you change displayDensity runtime #2005
• Add empty grid template #2035
• Page Up/Page Down buttons don't scroll the grid #606
• Icon component is not properly exported #2072
• Adding density to chip doesn't make the density style to apply when it is dragged #1846
• Update jszip as dependency #2043
• No message is displayed when there is empty grid data without filtering enabled. #2001
• The only possible range of setting minValue to igxSlider is between [0..99] #2033
• Bootstrap & IgniteUI issues #1548
• Remove tabs from collection -> TabCollectionChange Output #1972
• 6.1.1 error on npm install #2023
• Remote binding combo doesn't store the selected fields when scrolled or collapsed #1944
• Exception is thrown when hovering a chip with a column header #1813
• IgxCombo - Remote Virtualization Keyboard Navigation #1987