9.0.0-rc.2

Bump Angular version to rc.14

9.0.0-rc.1

9.0.0

General

• Added support for the Ivy renderer.

• Breaking Changes The following classes have been renamed. Using ng update will apply automatically migrate your project to use the new names.

  • IgxDropDownBase -> IgxDropDownBaseDirective
  • IgxDropDownItemBase -> IgxDropDownItemBaseDirective
  • IgxGridBaseComponent -> IgxGridBaseDirective
  • IgxRowComponent -> IgxRowDirective
  • IgxHierarchicalGridBaseComponent -> IgxHierarchicalGridBaseDirective
  • IgxMonthPickerBase -> IgxMonthPickerBaseDirective

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Breaking Change - Hierarchical grid children no longer use the same IgxTransactionService instance and transaction handling should be modified to address each grid's transactions separately.

  • Behavioral Change - Pinning columns is no longer automatically prevented when the pinning area would exceed the size of the grid.

  • Breaking Change - The following input and output have been deprecated for the igxHierarchicalGrid and will be removed in future versions:

    • hierarchicalState -> expansionStates should be used instead.
    • hierarchicalStateChange -> expansionStatesChange should be used instead.

  • igxGridState directive added to make it easy for developers to save and restore the grid state. The directive exposes the getState and setState methods to save/restore the state and an options input property to exclude features.

• IgxCarousel:

  • Breaking Changes -The carousel slides are no longer array, they are changed to QueryList.
  • Behavioural change - When slides are more than 5, a label is shown instead of the indicators. The count limit of visible indicators can be changed with the input maximumIndicatorsCount

• igxOverlay:

  • Behavioural Change - igxOverlay - no longer persists element scrolling out of the box. In order to persist an element scroll position after attaching the element to an overlay, handle the exposed onAppended overlay event and manage/restore the scroll position.

New Features

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid:

  • Master-Detail visualization added for igxGrid. Users may now define templates that show additional context for rows when expanded. For more information, please take a look at the official documentation.
  • sortStrategy input is added, which can be used to set a global sorting strategy for the entire grid.
    (NOTE: The grid's sortStrategy is of different type compared to the column's sortStrategy.)
  • NoopSortingStrategy is added, which can be used to disable the default sorting of the grid by assigning its instance to the grid's sortStrategy input. (Useful for remote sorting.)
  • NoopFilteringStrategy is added, which can be used to disable the default filtering of the grid by assigning its instance to the grid's filterStrategy input. (Useful for remote filtering.)
  • sortingExpressionsChange event emitter is added, which is fired whenever a change to the sorting expressions has occurred (prior to performing the actual sorting).
  • filteringExpressionsTreeChange event emitter is added, which is fired whenever a change to the filtering expressions has occurred (prior to performing the actual filtering).
  • advancedFilteringExpressionsTreeChange event emitter is added, which is fired whenever a change to the advanced filtering expressions has occurred (prior to performing the actual filtering).
  • collapsible and expanded properties are added to the IgxColumnGroupComponent; collapsible property identifies that certain column group is collapsible; expanded identifies whether the group is expanded or collapsed initially;
  • collapsibleChange and expandedChange events are added to the IgxColumnGroupComponent which are emited whenever collapsible and expanded properties are changed accordingly;
  • visibleWhenCollapsed property has been added to the IgxColumnComponent; Allows you to set whether the column stay visible when its parrent is collapsed.
  • visibleWhenCollapsedChange events is added to the IgxColumnComponent which are emited whenever visibleWhenCollapsed property is changed;
  • collapsibleIndicatorTemplate property is introduced to IgxColumnGroupComponent, which allows you to set a custom template for the expand collapse indicator;
  • igxCollapsibleIndicator directive has been introduced, which allows you to set a custom template for the expand collapse indicator;
  • IgxGridExcelStyleFilteringComponent and IgxAdvancedFilteringDialogComponent can now be hosted outside of the grid in order to provide the same experience as the built-in filtering UI.
  • expandRow(rowID)/collapseRow(rowID)/toggleRow(rowID) API methods are added for the igxHierarchicalGrid. They allow expanding/collapsing a row by its id.
  • onRowToggle event is added for the igxHierarchicalGrid. It is emitted when the expanded state of a row is changed.
  • IgxOverlayService:
    • setOffset method added. It offsets the content along the corresponding axis by the provided amount.
  • IgxToggleDirective:
    • setOffset method added. It offsets the content along the corresponding axis by the provided amount.
  • IgxRowDragGhost directive is added. It allows providing a custom template for the drag ghost when dragging a row.

  <igx-grid #grid1 [data]="remote | async" primaryKey="ProductID"
      [rowDraggable]="true">
      <igx-column field="ProductName"></igx-column>
      <igx-column field="ProductID"></igx-column>
      <igx-column field="UnitsInStock"></igx-column>
      <ng-template let-data igxRowDragGhost>
          <div>
              Moving {{data.ProductName}}!
          </div>
      </ng-template>
  </igx-grid>

• IgxSlider:

  • primaryTicks input was added. Which sets the number of primary ticks
  • secondaryTicks input was added. Which sets the number of secondary ticks.
  • showTicks input was added. Which show/hide all slider ticks and tick labels.
  • primaryTickLabels input was added. Which shows/hides all primary tick labels.
  • secondaryTickLabels input was added. Shows/hides all secondary tick labels.
  • ticksOrientation input was added. Allows to change ticks orientation to top|bottom|mirror.
  • tickLabelsOrientation input was added. Allows you to change the rotation of all tick labels from horizontal to vertical(toptobottom, bottomtotop).
  • igxSliderTickLabel directive has been introduced. Allows you to set a custom template for all tick labels.
  • isContinuous - input has been deleted. The option is not supported anymore.
  • onValueChanged - new output has been exposed. This event is emitted at the end of every slide interaction.

• IgxCarousel:

  • keyboardSupport input is added, which can be used to enable and disable keyboard navigation
  • gesturesSupport input is added, which can be used to enable and disable gestures
  • maximumIndicatorsCount input is added, which can be used to set the number of visible indicators
  • indicatorsOrientation input is added, which can be used to set the position of indicators it can be top or bottom
  • animationType input is added, which can be used to set animation when changing slides
  • indicatorTemplate directive is added, which can be used to provide a custom indicator for carousel. If this property is not provided, a default indicator template will be used instead.
  • nextButtonTemplate directive is added, which is used to provide a custom next button template. If not provided, a default next button is used.
  • prevButtonTemplate directive is added, which is used to provide a custom previous button template. If not provided, a default previous button is used.

• IgxSelect:

  • adding IgxSelectHeaderDirective and IgxSelectFooterDirective. These can be used to provide a custom header, respectively footer templates for the igxSelect drop-down list. If there are no templates marked with these directives - no default templates will be used so the drop-down list will not have header nor footer.

• IgxCombo:

  • Added displayText property to the combo's onSelectionChange event args. The property contains the text that will be populated in the combo's text box after selection completes. This text can be overwritten in order to display a custom message, e.g. "3 items selected":

  <igx-combo [data]="people" valueKey="id" displayKey="name" placeholder="Invite friends..." (onSelectionChange)="handleSelection($event)">

  export class MyInvitationComponent {
      public people: { name: string; id: string }[] = [...];
      ...
      handleSelection(event: IComboSelectionChangeEventArgs) {
          const count = event.newSelection.length;
          event.displayText = count > 0 ? `${count} friend(s) invited!` : `No friends invited :(`;
      }
      ...
  }

• IgxDropDown:

  • clearSelection method is added, which can be used to deselect the selected dropdown item

• IgxCircularProgressBar:

  • added IgxProgressBarGradientDirective to allow providing custom circular progress SVG gradients. Providing a custom gradient via a template is as easy as writing:

  <igx-circular-bar [value]="77">
      <ng-template igxProgressBarGradient let-id>
          <svg:linearGradient [id]="id" gradientTransform="rotate(90)">
              <stop offset="0%"   stop-color="#05a"/>
              <stop offset="100%" stop-color="#0a5"/>
          </svg:li...

8.2.18

Bug fixes

• When ElasticPositionStrategy is used on a fixed target element the height is not calculated correctly on scroll. #6474
• igx-tabs breaks SSR #6540

8.1.23

Merge pull request #6560 from IgniteUI/migrate-gulp-8.1.x

Migrate gulp 8.1.x

9.0.0-rc.0

• Bump version to latest RC.11
• Igx combo select all item #6342
• igx-grid: Field name is displayed instead of header name on the registered condition on Advanced Filtering Dialog #5993
• Dropdown is not scrolled to the selected item. #6472

9.0.0-beta.8

• Update references to Angular 9 RC 10
• The virtualizationState accessor is missing in igxTreeGrid and igxHierarchicalGrid components #6467
• An Infinite loop is caused when open slider in IE11 or edge #6500
• Editing cell moves every two cells while editing in IME #6335
• The focus gets lost when moving with the Down arrow key from the last cell of last row in parent grid into the child grid #5472
• Scroll is not previewed in the drop down and cannot see all the items #6459
• igx-select does not update FormControl.touched appropriately #6370
• Combo doesn't update FormControl.touched appropriately #6475
• Keyboard navigation is not working when going from child to parent where parent has less columns. #5126
• ng add [email protected] errors out #6415
• Binding IgxGridComponent.filteringExpressionsTree throws all the errors #6289
• Filtering does not correctly reset scroller position in firefox #6369
• Editing cell moves every two cells while editing in IME #6335
• Missing elevation style on dropdown components #6270
• border-radius does not apply on components using dropdown lists #6299
• The getFeatureColumnsWidth function takes about 30% of the vertical scroll execution time #6182
• "Entry-point "igniteui-angular" has missing dependencies: - jszip/dist/jszip" error when building w/ Angular 9 RC7
• Tests Refactoring: IgxChip
• Tests Refactoring: IgxScrollInertia directive #6489
• Tests Refactoring: IgxCalendar #6453

8.2.17

Bug fixes

• igx-select does not update FormControl.touched appropriately #6370
• Combo doesn't update FormControl.touched appropriately #6475
• igx-grid: Field name is displayed instead of header name on the registered condition on Advanced Filtering Dialog #5993

8.1.22

Bug fixes

• igx-select does not update FormControl.touched appropriately #6370
• Combo doesn't update FormControl.touched appropriately #6475

8.2.16

Bug fixes

• Filtering does not correctly reset scroller position in firefox #6369
• The focus gets lost when moving with the Down arrow key from the last cell of last row in parent grid into the child grid #5472

9.0.0-beta.7

• Cannot use gradient for progress bar color #6245
• IgxSelectItemComponent throws an error when testing with Jest #6273
• IgxCarousel breaks SSR when interval is set #6199
• Some grid columns are not pinned after exporting to Excel #6224
• When a row is selected the highlighted text is not visible #6249
• Grid scrolling has poor performance #6211
• When delete a filter chip in a child grid an error is returned #6268
• FilteringExpressionsTreeChange event is fired after filtering is performed #6242
• igx-select doesn't close in Form #6088
• Remove loading overlay background #6339
• Add seconds support for time-picker component #5721
• Navigation with Ctrl+Home/Ctrl+End does not work correct when there are summaries #6315
• Row selectors headers are not updated correct when filter with Advanced Filter #6260
• Column width becomes "InfinityPx" after hiding all columns #6243
• When grid has less than 3 rows the toolbar lists are under the row template #4728
• The green border for a focused element is not cleared in Firefox and Edge when Group By is enabled #4970
• Grid advanced filtering is not working correctly when using "Equals" with numbers #6257
• Make dragIndicatorIconTemplate @ContentChild in the igxHierarchicalGrid #4769
• Improve the Drag directive initial rendering to be more performant. #6280
• RowDrag ghost is misplaced in HierarchicalGrid #4938
• The igxGrid keyboard navigation does not work when there are many collapsed groups at the bottom #4990
• Navigation with Ctrl+Down/Ctrl+ArrowUp does not work correct when there are summaries #6356
• Row selectors headers are not updated correct when filter with Advanced Filter #6260
• Navigating through child islands with the UP key is broken #6396
• Hierarchical grid throws ExpressionChangedAfterItHasBeenCheckedError #6359
• Slider onValueChange event #6401
• Hierarchical grid scroll is not correct when changing page #5944
• An error is returned when the child grid does not have data and navigate with arrow down #6411
• How to clear the selection of a [IgxDropDownComponent]? #6218