11.2.0-alpha.0

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • Breaking Change - The locale and pipeArgs parameters are removed from the operate method exposed by the IgxNumberSummaryOperand, IgxDateSummaryOperand, IgxCurrencySummaryOperand and IgxPercentSummaryOperand. They are now set in the igx-grid-summary-cell template. To change the locale and format setting of the igx-grid-summary-cell the user can use the new summaryFormatter property of the IgxColumnComponent.

New Features

• IgxForOf, IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • Behavioral Change - Virtual containers now scroll smoothly when using the mouse wheel(s) to scroll them horizontally or vertically. This behavior more closely resembles the scrolling behavior of non-virtualized containers in most modern browsers.
• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
  • The IgxRowAddTextDirective allows to customize the text of the row adding overlay.

         <igx-grid [rowEditable]="true">
            <ng-template igxRowAddText>
                Adding Row
            </ng-template>
        </igx-grid>

  • A new summaryFormatter input property is exposed by the IgxColumnComponent, which is used to format the displayed summary values for the columns.

        public dateSummaryFormat(summary: IgxSummaryResult, summaryOperand: IgxSummaryOperand): string {
            const result = summary.summaryResult;
            if(summaryOperand instanceof IgxDateSummaryOperand && summary.key !== 'count'
                && result !== null && result !== undefined) {
                const pipe = new DatePipe('en-US');
                return pipe.transform(result,'MMM YYYY');
            }
            return result;
        }

        <igx-column field="OrderDate" header="Order Date" [sortable]="true" [disableHiding]="true" [dataType]="'date'" [hasSummary]="true"
            [summaryFormatter]="dateSummaryFormat">
        </igx-column>

Themes:

• Breaking Changes:

  • IgxButton theme has been simplified. The number of theme params (igx-button-theme) has been reduced significantly and no longer includes prefixed parameters (flat-*, raised-*, etc.). See the migration guide to update existing button themes. Updates performed with ng update will migrate existing button themes but some additional tweaking may be required to account for the abscense of prefixed params.
  • The igx-typography mixin is no longer implicitly included with igx-core. To use our typography styles users have to include the mixin explicitly:

  @include igx-core();
  /// Example with Indigo Design theme:
  @include igx-typography($font-family: $indigo-typeface, $type-scale: $indigo-type-scale);