10.2.19

Bug fixes

• Accessibility issues with Grid and sub controls like Excel Style Filtering #9028
• Active node is not cleared when leaving summary section #9234
• Calculated column width should respect minWidth #9145
• Theme generates unnecessary image class #9185

11.2.0-alpha.4

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.
• IgxTabs, IgxBottomNav
  • Breaking Change - IgxTabs and IgxBottomNav components were completely refactored in order to provide more flexible and descriptive way to define tab headers and contents. Please make sure to update via ng update in order to migrate the existing igx-tabs and igx-bottom-nav definitions to the new ones.

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>

  • Behavioral Change - Column Autosize feature now does not handle templated headers where the first level children are sized based on parent like default div and etc. Autosizing for such headers will not result in change.
  • Behavioral Change - Calling autosize through the IgxColumnComponent API now takes into consideration the minWidth and maxWidth of the column.
  • A new IgxColumnComponent input property is exposed called autosizeHeader, which if false, allows the autosizing to ignore the header cell and autosize only based on content cells.
• IgxTabs
  • The tabAlignment property of the IgxTabs component replaces the type property and enables you to set the tab alignment to start, center, end and justify.
  • The igx-tab-header supports igx-prefix and igx-suffix directives in its ng-content.
• IgxBottomNav
  • The IgxBottomNav component exposes disableAnimations property which determines whether the contents should animate when switching the selected item. The property is set to true by default which means that the animations are disabled.

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);

New Features

• IgxOverlayService
  • detach and detachAll methods are added to IgxOverlayService. Calling detach will remove all the elements generated for the related overlay, as well as clean up all related resources. Calling detachAll will remove all elements generated by any call to IgxOverlay attach, and will clean up all related resources. Note: calling hide or hideAll will not clean generated by the service elements and will not clean up related resources.

11.2.0-alpha.3

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.
• IgxTabs, IgxBottomNav
  • Breaking Change - IgxTabs and IgxBottomNav components were completely refactored in order to provide more flexible and descriptive way to define tab headers and contents. Please make sure to update via ng update in order to migrate the existing igx-tabs and igx-bottom-nav definitions to the new ones.

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>

  • Behavioral Change - Column Autosize feature now does not handle templated headers where the first level children are sized based on parent like default div and etc. Autosizing for such headers will not result in change.
  • Behavioral Change - Calling autosize through the IgxColumnComponent API now takes into consideration the minWidth and maxWidth of the column.
  • A new IgxColumnComponent input property is exposed called autosizeHeader, which if false, allows the autosizing to ignore the header cell and autosize only based on content cells.
• IgxTabs
  • The tabAlignment property of the IgxTabs component replaces the type property and enables you to set the tab alignment to start, center, end and justify.
  • The igx-tab-header supports igx-prefix and igx-suffix directives in its ng-content.
• IgxBottomNav
  • The IgxBottomNav component exposes disableAnimations property which determines whether the contents should animate when switching the selected item. The property is set to true by default which means that the animations are disabled.

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);

11.2.0-alpha.2

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);

11.2.0-alpha.1

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);

11.1.5

Bug fixes

• ignite ui-angular: igx-dropdown-scroll-issue #9180
• Setting grid state does not clear previously selected rows #9139
• isLoading with async data is resulting in error #9172
• IgxRadioGroup is missing setDisabledState #9169

10.2.18

Bug fixes

• ignite ui-angular: igx-dropdown-scroll-issue #9180
• Setting grid state does not clear previously selected rows #9139
• isLoading with async data is resulting in error #9172

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);

11.1.4

Bug fixes

• igx-grid column selection does not allow me to copy column values #8819
• "Identifier 'setImmediate' has already been declared" error in codesandbox #9146
• IgxRadio fires ngModelChange when same option is selected #9155

10.2.17

Bug fixes

• igx-radio emits multiple change event with ngModel #9136
• IgxRadio fires ngModelChange when same option is selected #9155