What's Changed

• fix(IgxGrid): Add notifier for repeating keydown. Limit change detect… by @MayaKirova in #16304
• Fixed tree grid records' order after hierarchizing. by @gedinakova in #16329

Full Changelog: 20.1.3...20.1.4

What's Changed

• chore(ci): update Node.js version matrix in workflow (#16310) by @Lipata in #16313
• fix(IgxGrid): Add notifier for repeating keydown. Limit change detect… by @MayaKirova in #16320
• Fixed tree grid records' order after hierarchizing by @gedinakova in #16311

Full Changelog: 19.2.28...19.2.29

What's Changed

• Apply review comments from PR 15819 by @MayaKirova in #16232
• deps(theming): bump to latest version with fixes by @simeonoff in #16289
• fix(input): update validity when control is marked as touched - 20.1.x by @viktorkombov in #16296
• Perf. improvements with activation and cell merge. by @MayaKirova in #16251
• fix(ESF): Fix ExpressionChangedAfterItHasBeenCheckedError on opening ESF with a conditional filter. #16244 by @gedinakova in #16286

Full Changelog: 20.1.2...20.1.3

What's Changed

• fix(input): update validity when control is marked as touched - 19.2.x by @viktorkombov in #16298
• fix(ESF): Fix ExpressionChangedAfterItHasBeenCheckedError on opening ESF with a conditional filter. #16244 by @gedinakova in #16285

Full Changelog: 19.2.27...19.2.28

What's Changed

• Filter the hidden elements in getFocusableElements - 20.1.x by @MonikaKirkova in #16189
• refactor(themes): set avatar size only in card thumbnail by @simeonoff in #16268
• test(elements): adjust wait timing to address test flicker 😞 by @damyanpetev in #16271
• fix(button-group): remove unnecessary bootstrap-specific styles by @desig9stein in #16272
• fix(themes): styles not working for Angular Elements components by @simeonoff in #16266
• fix(card): make sure that actions text color is not overriding the button themes by @desig9stein in #16277
• refactor(cell-merge): change blazorSuppress to blazorCSSuppress - 20.1.x by @IMinchev64 in #16274

Full Changelog: 20.1.1...20.1.2

What's Changed

• Filter the hidden elements in getFocusableElements - 19.2.x by @MonikaKirkova in #16191

Full Changelog: 19.2.26...19.2.27

What's Changed

• chore(deps-dev): bump tar-fs from 3.0.9 to 3.1.1 by @dependabot[bot] in #16243
• chore(deps-dev): bump devalue from 5.1.1 to 5.3.2 by @dependabot[bot] in #16186
• chore(deps-dev): bump astro from 5.9.4 to 5.13.2 by @dependabot[bot] in #16158

Full Changelog: 20.1.0...20.1.1

New Features

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid

  • Introduced a new cell merging feature that allows you to configure and merge cells in a column based on same data or other custom condition, into a single cell.

    It can be enabled on the individual columns:

    <igx-column field="field" [merge]="true"></igx-column>

    The merging can be configured on the grid level to apply either:

    • onSort - only when the column is sorted.
    • always - always, regardless of data operations.

    <igx-grid [cellMergeMode]="'always'"> </igx-grid>

    The default cellMergeMode is onSort.

    The functionality can be modified by setting a custom mergeStrategy on the grid, in case some other merge conditions or logic is needed for a custom scenario.

    It's possible also to set a mergeComparer on the individual columns, in case some custom handling is needed for a particular data field.

  • Added ability to pin individual columns to a specific side (start or end of the grid), so that you can now have pinning from both sides. This can be done either declaratively by setting the pinningPosition property on the column:

    <igx-column [field]="'Col1'" [pinned]='true' [pinningPosition]='pinningPosition'> </igx-column>

    public pinningPosition = ColumnPinningPosition.End;

    Or with the API, via optional parameter:

    grid.pinColumn('Col1', 0, ColumnPinningPosition.End); grid.pinColumn('Col2', 0, ColumnPinningPosition.Start);

    If property pinningPosition is not set on a column, the column will default to the position specified on the grid's pinning options for columns.

• IgxCarousel

  • Added select method overload accepting index.

  this.carousel.select(2, Direction.NEXT);

• IgxDateRangePicker

  • Now has a complete set of properties to customize the calendar:

    • headerOrientation
    • orientation
    • hideHeader
    • activeDate
    • disabledDates
    • specialDates

  • As well as the following templates, available to customize the contents of the calendar header in dialog mode:

    • igxCalendarHeader
    • igxCalendarHeaderTitle
    • igxCalendarSubheader

  • Added new properties:

    • usePredefinedRanges - Whether to render built-in predefined ranges
    • customRanges - Allows the user to provide custom ranges rendered as chips
    • resourceStrings - Allows the user to provide set of resource strings

  • Behavioral Changes

    • Added cancel button to the dialog, allowing the user to cancel the selection.
    • The calendar is displayed with header in dialog mode by default.
    • The picker remains open when typing (in two-inputs and dropdown mode).
    • The calendar selection is updated with the typed value.
    • The calendar view is updated as per the typed value.
    • The picker displays a clear icon by default in single input mode.

  • IgxPredefinedRangesAreaComponent

    • Added new component for rendering the predefined or custom ranges inside the calendar of the IgxDateRangePicker

• IgxDatePicker

  • Similar to the IgxDateRangePicker, also completes the ability to customize the calendar by introducing the following
    properties in addition to the existing ones:
    • hideHeader
    • orientation
    • activeDate
  • Behavioral Changes
    • The calendar selection is updated with the typed value.
    • The calendar view is updated as per the typed date value.

• IgxOverlay

  • Position Settings now accept a new optional offset input property of type number. Used to set the offset of the element from the target in pixels.

• IgxTooltip

  • The tooltip now remains open while interacting with it.

• IgxTooltipTarget

  • Introduced several new properties to enhance customization of tooltip content and behavior. Those include positionSettings, hasArrow, sticky, closeButtonTemplate. For detailed usage and examples, please refer to the Tooltip README.

General

• IgxDropDown now exposes a role input property, allowing users to customize the role attribute based on the use case. The default is listbox.

• IgxTooltipTarget

  • Behavioral Changes
    • The showDelay input property now defaults to 200.
    • The hideDelay input property now defaults to 300.
    • The showTooltip and hideTooltip methods do not take showDelay/hideDelay into account.

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid, IgxPivotGrid

  • Sorting improvements
    • Improved sorting algorithm efficiency using Schwartzian transformation. This is a technique, also known as decorate-sort-undecorate, which avoids recomputing the sort keys by temporarily associating them with the original data records.
    • Refactored sorting algorithms from recursive to iterative.
  • Groupby improvements
    • Refactored grouping algorithm from recursive to iterative.
    • Optimized grouping operations.

What's Changed

• fix(action-strip): Fix pinning actions not showing correct label on hovering. #16082 by @skrustev in #16245
• fix(grid): Add flex:1 to the display container so that it grows or shrinks to the available width of the grid by @mddragnev in #16036
• Added header when generating schema for advanced filtering on HGrid for 20.0.x by @MarielaTihova in #16217

Full Changelog: 20.0.17...20.0.18

What's Changed

• fix(action-strip): Fix pinning actions not showing correct label on hovering. #16082 by @skrustev in #16083
• fix(grid): Add flex:1 to the display container so that it grows or shrinks to the available width of the grid 19.2.x by @mddragnev in #16037
• Added header when generating schema for advanced filtering on HGrid for 19.2.x by @MarielaTihova in #16218

Full Changelog: 19.2.25...19.2.26