9.1.0-alpha.7

9.1.0

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Behavioral Change - When a column is sortable sort indicator is always visible. The column is sorted when click on it.

• IgxInputGroup

  • Renamed supressInputAutofocus input to suppressInputAutofocus
  • Clicking on prefix, suffix or label elements in the Input Group will no longer blur and re-focus the input.

Themes

• Breaking Change Change the default $legacy-support value to false in the igx-theme function.

New Features

• igxSplitter component added.

  • Allows rendering a vertical or horizontal splitter with multiple splitter panes with templatable content.
    Panes can be resized or collapsed/expanded via the UI. Splitter orientation is defined via the type input.

  <igx-splitter [type]="type">
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
     <igx-splitter-pane>
     	...
     </igx-splitter-pane>
  </igx-splitter>

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Added ability to pin rows to top or bottom depending on the new pinning input.
    And new API methods pinRow and unpinRow.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { rows: RowPinningPosition.Bottom };

  this.grid.pinRow(rowID);

  • Added support for pinning columns on the right. Change the position of pinning using the new pinning input.

  <igx-grid [data]="data" [pinning]="pinningConfiguration"></igx-grid>

  public pinningConfiguration: IPinningConfig = { columns: ColumnPinningPosition.End };

  • Added functionality for column selection.
  • columnSelection property has been added. It accepts GridSelection mode enumeration. Grid selection mode could be none, single or multiple.
  • selected property has been added to the IgxColumnComponent; Allows you to set whether the column is selected.
  • selectable property has been added to the IgxColumnComponent; Allows you to set whether the column is selectable.
  • onColumnSelectionChange event is added for the IgxGrid. It is emitted when the column selection is changed.
  • excelStyleSelectingTemplate property is introduced to IgxGrid, which allows you to set a custom template for the selecting a column in the Excel Style Filter.
  • selectedColumns API method is added for the IgxGrid. It allows to get all selected columns.
  • selectColumns API method is added for the IgxGrid. It allows to select columns by passing array of IgxColumnComponent or column fields.
  • deselectColumns API method is added for the IgxGrid. It allows to deselect columns by passing array of IgxColumnComponent or column fields.
  • deselectAllColumns API method is added for the IgxGrid. It allows to deselect all columns.
  • getSelectedColumnsData API method is added for the IgxGrid. It allows to get the selected columns data.

• IgxCombo:

  • Added autoFocusSearch input that allows to manipulate the combo's opening behavior. When the property is true (by default), the combo's search input is focused on open. When set to false, the focus goes to the combo items container, which can be used to prevent the software keyboard from activating on mobile devices when opening the combo.

• IgxToast:

  • Added functionality for displaying various content into the toast component. It also allows users to access toast styles through its host element.

• IgxDrag

  • New igxDragIgnore directive that allows children of the igxDrag element to be interactable and receive mouse events. Dragging cannot be performed from those elements that are ignored.
  • New dragDirection input that can specify only one direction of dragging or both.

RTL Support

• igxSlider have f