Skip to content

Releases: IgniteUI/igniteui-angular

16.1.4

30 Oct 13:26
cafb427

Choose a tag to compare

What's Changed

Full Changelog: 16.1.3...16.1.4

15.1.32

30 Oct 13:21
50845d5

Choose a tag to compare

What's Changed

Full Changelog: 15.1.31...15.1.32

16.1.3

23 Oct 14:11
9008c21

Choose a tag to compare

What's Changed

New Contributors

Full Changelog: 16.1.2...16.1.3

15.1.31

23 Oct 13:55
cb62d04

Choose a tag to compare

What's Changed

  • fix(buttons): adding missing type=button #13567 by @kdinev in #13573
  • fix(migrations): use regular expression literals instead of string literals by @Lipata in #13576

Full Changelog: 15.1.30...15.1.31

16.1.2

16 Oct 13:28
1564ad1

Choose a tag to compare

What's Changed

  • build(sass): switch from gulp-sass to sass-embedded by @simeonoff in #13517
  • fix(simple-combo): clear input on blur when bound to remote data - 16.1.x by @RivaIvanova in #13507
  • fix(button-group): reset button group on selectionMode prop runtime changes by @georgianastasov in #13542

Full Changelog: 16.1.1...16.1.2

15.1.30

16 Oct 13:20
3e527e5

Choose a tag to compare

What's Changed

  • build(sass): switch from gulp-sass to sass-embedded by @simeonoff in #13520
  • fix(simple-combo): clear input on blur when bound to remote data - 15.1.x by @RivaIvanova in #13510

Full Changelog: 15.1.29...15.1.30

16.1.1

09 Oct 14:43
d20bd86

Choose a tag to compare

What's Changed

Full Changelog: 16.1.0...16.1.1

16.0.27

09 Oct 14:36
e069075

Choose a tag to compare

What's Changed

Full Changelog: 16.0.26...16.0.27

15.1.29

09 Oct 14:32
a1d5fe6

Choose a tag to compare

What's Changed

Full Changelog: 15.1.28...15.1.29

16.1.0

04 Oct 13:08
721dc79

Choose a tag to compare

16.1.0

New Features

  • IgxSelect:

    • The select component now has the ability to handle igxPrefix and igxSuffix directives inside igx-select-item.
       <igx-select-item>
           <igx-icon igxPrefix>alarm</igx-icon>
           Select item text content
           <igx-icon igxSuffix>alarm</igx-icon>
       </igx-select-item>
  • IgxBadge:

    • Material icons extended along with any other custom icon set can now be used inside the badge component.
    • Code example:
    import { IgxBadgeComponent, IgxIconService } from 'igniteui-angular';
    import { heartMonitor } from '@igniteui/material-icons-extended';
    
    export class BadgeSampleComponent implements OnInit {
       constructor (protected _iconService: IgxIconService) {}
    
       public ngOnInit() {
           this._iconService.addSvgIconFromText(heartMonitor.name, heartMonitor.value, 'imx-icons');
       }
    }
       <igx-badge icon="heart-monitor" iconSet="imx-icons"></igx-badge>
  • IgxCombo:

    • Exposed comboIgnoreDiacriticsFilter filter function which normalizes diacritics to their base representation.
      When the combo components are configured with it, filtering for "resume" will match both "resume" and "résumé".
  • IgxCombo, IgxSimpleCombo

    • Added new property displayValue that returns array of display keys.
  • IgxButtonGroup:

    • Added owner to the IButtonGroupEventArgs to identify the emitting button group instance.
    • Breaking Change Added the selectionMode property that sets the selection mode of the buttons in the IgxButtonGroup. Selection modes are single, singleRequired and multi as default is single.
    • Breaking Change Deprecated the multiSelection property and all references have been migrated to selectionMode="multi".
  • Themes:

    • Include a standalone theme for the igxLabel directive to allow usage with components outside the Input Group.
  • Changing the size of Ignite UI components can now be done via a new custom CSS property - --ig-size . The DisplayDensityToken injection token and consequently, the displayDensity inputs for all components will be deprecated in the next major version and it is recommended that they no longer be used for sizing components.

    • Code example:
    // *.component.ts
    // remove the provider declaration for `DisplayDensityToken`
    providers: [{ provide: DisplayDensityToken, useValue: { displayDensity: DisplayDensity.compact } }],
    <!-- Remove `[displayDensity]="'compact'"` -->
    <igx-grid [displayDensity]="'compact'">...</igx-grid>
    /* 
    Add --ig-size to a component or global file.
    Available values are:
    compact: --ig-size-small
    cosy: --ig-size-medium
    comfortable: --ig-size-large
    */
    igx-grid {
        --ig-size: var(--ig-size-small);
    }

General

  • IgxStepper:
    • Breaking Change The IgxStepSubTitleDirective has been renamed to IgxStepSubtitleDirective. Automatic migrations are available and will be applied on ng update.
  • IgxGrid, IgxTreeGrid, IgxHierarchicalGrid
    • The draggable attribute is no longer required to be set on interactable elements, if a column header is templated and the Column Moving is enabled in order for handlers for any event to be triggered. Now draggable='false' can be used as an addition if the user shouldn't be able to drag a column by that element, but even if omitted click events for example will trigger now.
    • Behavioral Change When there are already grouped columns, the group drop area now shows after dragging of a column starts and not when only click actions are performed.
  • IgxCombo, IgxSimpleCombo:
    • Breaking Change The selection property returns an array of the selected items even when a value key is provided and the value property returns an array of value keys instead of display keys. Automatic migrations are available and will be applied on ng update.
  • Improved tree-shaking support for the @igniteui/material-icons-extended package.
  • Improved tree-shaking support for the igniteui-angular-i18n package.
  • Improved tree-shaking support for all grids.

Full Changelog

Read more