igniteui-angular - npm Package Versions

15.1.0

New Features

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid:

  • GroupMemberCountSortingStrategy is added, which can be used to sort the grid by number of items in each group in ASC or DESC order, if grouping is applied.
  • A new argument primaryKey has been introduced to IRowDataEventArgs Interface 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.
  • Added the autoGenerateExclude property that accepts an array of strings for property names that are to be excluded from the generated column collection

• IgxColumnComponent

  • Added currRec and groupRec parameters to the groupingComparer function that give access to the all properties of the compared records.

• IgxOverlayService

  • A new event contentAppending is introduced - the event is emitted before the content is appended to the overlay. The event is emitted with OverlayEventArgs arguments and is not cancellable.

• IgxCard

  • Buttons and icons slotted in the igx-card-actions can now be explicitly arranged to the start/end of the layout. To position components on either side users can take advantage of the newly added directives: igxStart - aligns items to the start and igxEnd - aligns items on the end of the card actions area.

  • The reverse property has been deprecated and will be removed in a future version.

  • Code example:

  <igx-card>
      <igx-card-header>
          <h3>Title</h3>
      </igx-card-header>
      <igx-card-content>
          Card Content
      </igx-card-content>
  
      <!-- Rearrange items using igxStart and igxEnd directives -->
      <igx-card-actions>
          <igx-icon igxStart>drag_indicator</igx-icon>
          <button igxButton="icon" igxStart>
              <igx-icon>favorite</igx-icon>
          </button>
          <button igxButton igxEnd>Button</button>
      </igx-card-actions>
  </igx-card>
  

• IgxButtonGroup:

  • The selected and deselected events are now cancellable.

General

• IgxPivotGrid
  • The IgxPivotDateDimension properties inBaseDimension and inOption have been deprecated and renamed to baseDimension and options respectively.
• IgxGrid
  • Breaking Change The onGroupingDone output has been renamed to groupingDone to not violate the no on-prefixed outputs convention. Automatic migrations are available and will be applied on ng update.
  • Column formatters are now applied to values shown group rows when using the default template. For custom formatters, the formatter function is called with the data from the first row in the group.
• DisplayDensity
  • Breaking Change The onDensityChanged output has been renamed to densityChanged to not violate the no on-prefixed outputs convention. All components exposing this event are affected. Automatic migrations are available and will be applied on ng update.
• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • Breaking Change - 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- for the selected rows that are not currently part of the grid view, will be emitted a partial row data object.
  • Behavioral Change - When selected row is deleted from the grid component rowSelectionChanging event will no longer be emitted.
• IgxCarousel
  • Breaking Change The onSlideChanged, onSlideAdded, onSlideRemoved, onCarouselPaused and onCarouselPlaying outputs have been renamed to slideChanged, slideAdded, slideRemoved, carouselPaused and carouselPlaying to not violate the no on-prefixed outputs convention. Automatic migrations are available and will be applied on ng update.
• IgxRadio, IgxRadioGroup, IgxCheckbox, IgxSwitch
  • Added component validation along with styles for invalid state
• igxMask directive
  • Added the capability to escape mask pattern literals.
• IgxBadge
  • Added shape property that controls the shape of the badge and can be either square or rounded. The default shape of the badge is rounded.
• IgxAvatar
  • Breaking Change 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.
• IgxOverlayService
  • attach method overload accepting ComponentFactoryResolver (trough NgModuleRef-like object) is now deprecated in line with API deprecated in Angular 13. New overload is added accepting ViewComponentRef that should be used instead.
• Breaking Changes - $label-floated-background and $label-floated-disabled-background properties of IgxInputGroupComponent theme has been removed.
• IgxInputGroupComponent The input group has been refactored so that the floating label for the input of type="border" does not require a background to match the surface background under the input field. Also, suffixes and prefixes are refactored to take the full height of the input which makes it easy to add background to them.
• Breaking Changes - $size property of scrollbar-theme theme has been renamed to $scrollbar-size.
• IgxSimpleCombo
  • The IgxSimpleCombo will not open its drop-down on clear.

11.0.4

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • a new property event has been introduced to IGridEditEventArgs and IGridEditDoneEventArgs; the property represents the original DOM event that triggers any of Grid editing events like rowEditEnter, cellEditEnter, cellEdit, cellEditDone, cellEditExit, rowEdit, rowEditDone, rowEditExit
  • Behavioral Change - When there isn't a previous active node and the user enters the grid using tab or shift + tab key: the first fully visible element is activated: /no scroll bar positioning is reset/changed; If there is a previous active node in the grid - the previously active node is reactivated without resetting the scroll positions; If we follow the default tab navigation and we are currently on a data cell with / rowIndex: -1, columnIndex: 6/ for example when we tab down to the root summaries the summary cell with visible column index 6 should be activated and scroll into the view; The same applies if you shift+tab to the headers header cell with visible index 6 is activated and scrolled into the view; If you have an active node and go to another tab and then return back the active node and the current scroll position should not be changed;