10.2.0-alpha.5

General

• IgxDatePicker
  • Added aria-labelledby property for the input field. This will ensure the users of assistive technologies will also know what component is used for, upon input focus.
• IgxInputGroup
  • Breaking Change - Removed fluent, fluent_search, bootstrap, and indigo as possible values for the type input property.
  • Behavioral Change - The styling of the input group is now dictated by the theme being used. The remaining types - line, border, and box will only have effect on the styling when used with the material theme. The search type will affect styling when used with all themes. Changing the theme at runtime will not change the styling of the input group, a page refresh is required.
• IgxOverlay
  • Breaking Change - target property in PositionSettings has been deprecated. You can set the attaching target for the component to show in OverlaySettings instead.
• IgxSelect
  • Added aria-labelledby property for the items list container(marked as role="listbox"). This will ensure the users of assistive technologies will also know what the list items container is used for, upon opening.
• IgxDatePicker
  • Breaking Change - Deprecated the label property.
• igxGridActions
  • Added asMenuItems Input for grid actions - igx-grid-editing-actions, igx-grid-pinning-actions. When set to true will render the related action buttons as separate menu items with button and label.

New Features

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • When triggering an export of the grid via the toolbar and the export takes more than 500 milliseconds, the export button becomes disabled and an indeterminate progress bar is shown at the bottom of the toolbar until the export is finished.
  • Added getRowData(rowSelector) method that returns an object that represents the data that is contained in the specified row component.
  • Added ability to spawn row adding UI through exoposed methods. Note that rowEditing should be enabled.
    • beginAddRow method which starts the adding row UI.
    • beginAddChild method which starts the adding child UI.

    this.grid.beginAddRow(rowID);

    • Added an input properties to IgxGridEditingActions component to show/hide add row and add child buttons which trigger the UI based on context expression.

    <igx-tree-grid [rowEditing]="true">
        <igx-action-strip #actionStrip>
            <igx-grid-editing-actions [addRow]="true" [addChild]="actionStrip.context.level < 3">
            </igx-grid-editing-actions>
        </igx-action-strip>
    </igx-tree-grid>

• IGX_INPUT_GROUP_TYPE injection token
  • Allows for setting an input group type on a global level, so all input-group instances, including components using such an instance as a template will have their input group type set to the one specified by the token. It can be overridden on a component level by explicitly setting a type.
• IgxExcelExporterService
  • Added worksheetName property to the IgxExcelExporterOptions, that allows setting the name of the worksheet.
• IgxDatePicker
  • The the label property have been deprecated and a custom label can also be set by nesting a inside the tags.
• IgxTimePicker
  • Added a custom label functionality.
• IgxCalendar and IgxDatePicker - new showWeekNumbers input, that allows showing of the week number at left side of content area.
• IgxOverlay
  • The PositionSettings target property has been deprecated and moved to OverlaySettings.
  • An optional Point/HTML Element parameter target has been added to the position() method
• IgxToast
  • The component now utilizes the IgxOverlayService to position itself in the DOM.
  • An additional input property outlet has been added to allow users to specify custom Overlay Outlets using the IgxOverlayOutletDirective;
  • The position property now accepts values of type IgxToastPosition that work with strict templates.