Skip to content

16.1.0

Choose a tag to compare

View all tags
@ChronosSF ChronosSF released this 04 Oct 13:08
· 2482 commits to master since this release
16.1.0
721dc79
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

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

Full Changelog: 16.0.11...16.1.0

Contributors

kdinev, ChronosSF, and 22 other contributors
Assets 2
Loading