Releases · IgniteUI/igniteui-angular-samples

14 Sep 08:46

zdrawku

14.1.0

3dac621

14.1.0

New samples and functionalities based on the Ignite UI Angular upgrade to 14.1.

Release notes
Blog

New Features

IgxCombo and IgxSimpleComboComponent
- filterFunction input is added. The new property allows changing of the way filtering is done in the combos. By default filtering is made over the values in combo's data when it is a collection of primitive values, or over the values as defined in displayKey of the combo. If custom filtering function is provided filtering will be done as specified in the provided function.
- filteringOptions are extended and now contains filterable and filteringKey properties. Setting filterable determines whether combo will be filterable. By default filtering is done over the data value when they are primitive, or over the field of the values equal to displayKey. filteringKey allows to filter data by any data related key.
igxPivotGrid
- Add option to template the pivot value chip content:
```
<ng-template igxPivotValueChip let-value>
        {{ value.member }}
</ng-template>
```
- Add support for usage with igxGridState to persist state of the pivotConfiguration with an additional pivotConfiguration option:
```
 <igx-pivot-grid
        #grid1
        [igxGridState]="options" ...
```
```
    public options : IGridStateOptions = {
    pivotConfiguration: true
};
```
One known issue of the igxGridState directive is that it cannot store functions as the state is stored as string.
As a result any custom functions set to memberFunction, aggregator, formatter, styles etc. will not be stored. Restoring any of these can be achieved with code on application level.
Hence we have also exposed 2 new events:
- dimensionInit - emits when a dimension from the configuration is being initialized.
- valueInit - emits when a value from the configuration is being initialized.
Which can be used to set back any custom functions you have in the configuration.
The default aggregator function, like the ones from IgxPivotNumericAggregate, IgxPivotDateAggregate etc., will be restored out of the box. However if you have any custom aggregators (or other custom functions) they need to be set back in the valueInitevent, for example:
```
    public onValueInit(value: IPivotValue) {
    if (value.member === 'AmountOfSale') {
        value.aggregate.aggregator = IgxTotalSaleAggregate.totalSale;
    }
}
```
Same applies to any custom functions on the dimension, like memberFunction. If it is a custom function you can set it back on the dimensionInit event:
```
 public onDimensionInit(dim: IPivotDimension) {
    if (dim.memberName === 'AllCities') {
        dim.memberFunction = () => 'All';
    }
}
```
- igxGridState:
  Exposed a stateParsed event to the state directive that can be used to additionally modify the grid state before it gets applied.
```
this.state.stateParsed.subscribe(parsedState => {
        parsedState.sorting.forEach(x => x.strategy = NoopSortingStrategy.instance());
    });
```
igxGrid
- Added built-in validation mechanism for Grid Editing. Extends the Angular Form validation functionality
  You can configure it in 2 ways:
  1. Via template-driven configuration on the igx-column of the grid:
```
<igx-column required minlength="4" ...>
```
  2. Via reactive forms using the FormGroup exposed via the formGroupCreated event of the grid:
```
<igx-grid (formGroupCreated)='formCreateHandler($event)' ...>
```
```
public formCreateHandler(formGr: FormGroup) {
    // add a validator
    const prodName = formGr.get('UserName');
    prodName.addValidators(forbiddenNameValidator(/bob/i))
}
```
  Edited cells will enter an invalid state when validation fails and will show an error icon and message. Cell will remain invalid until the value is edited to a valid value or the related state in the validation service is cleared.
  
  You can refer to the documentation for more details: https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/validation
- Added ability to auto-size columns to the size of their cells and header content on initialization by setting width auto:
```
<column width='auto' ...>
```
- Added support for restoring filtering expressions with custom filtering operands for the IgxGridStateDirective.
Added the IgcFormControl directive that, when imported with its IgcFormsModule, is designed to seamlessly attach to form components from the Ignite UI for WebComponents package and allows using them in Angular templates and reactive forms with support for ngModel and formControlName directives. Currently the only Web Component with support through the directive is igc-rating.

Assets 2

14 Jun 13:08

ChronosSF

14.0.0

77b50ae

14.0.0

Upgrade Ignite UI for Angular samples to 14.0.0 version

What's Changed

feat(ng14): migrating the project by @kdinev in #3021
Update live editing version by @dobromirts in #3023
chore: update to [email protected] by @Lipata in #3024
fix(stepper): change referenced forms type by @ddaribo in #3025
updating dockmanager to v1.8.0 by @ChronosSF in #3027
feat(*): updating igniteui-angular to 14.0.0 by @kdinev in #3029
Merging vNext into master by @kdinev in #3032
adding popperjs to deps for prod build - master by @ChronosSF in #3034

Full Changelog: 13.2.0...14.0.0

Contributors

kdinev, ChronosSF, and 3 other contributors

Assets 2

26 May 07:36

zdrawku

13.2.0

6c9dd41

13.2.0

Upgrade Ignite UI for Angular samples to 13.2.0 version

What's Changed

fix(tree-filter): add live editing config by @igdmdimitrov in #2962
fix(navbar): add button module to imports by @igdmdimitrov in #2960
fix(navbar): add button module to imports - master by @igdmdimitrov in #2964
fix(tree-filter): add live editing config - master by @igdmdimitrov in #2963
fix(): update live editing and fix sample configs by @dobromirts in #2968
fix(): simple combo configs by @dobromirts in #2970
fix(): update live editing and fix sample configs - master by @dobromirts in #2969
samples(dm): update dock manager to 1.7.0 by @DiyanDimitrov in #2973
samples(dm): update dock manager to 1.7.0 by @DiyanDimitrov in #2974
chore(*): Update to 13.1.5 by @dkamburov in #2976
chore(*): update igniteui-angular to 13.1.3 by @dkamburov in #2966
Add scrollbar theme in data analysis samples by @dobromirts in #2980
Add scrollbar theme in data analysis samples by @dobromirts in #2981
Fix issues with custom group by sample by @MayaKirova in #2977
Add delete row functionality for grid-batch-editing-sample by @RivaIvanova in #2983
Increase sample height for hgrid keyboard nav. by @skrustev in #2986
Updates hierarchical grid config to include reference to models by @3phase in #2972
Updates hierarchical grid config to include reference to models by @3phase in #2975
fix(grid): cond row selection fix for deselect all by @kdinev in #2903
chore(*): Fix horizontal sample orientation. by @MayaKirova in #2987
Show snackbar in selection samples by @RivaIvanova in #2993
Update to latest 13.2.0-beta.0 by @katherinedragieva in #3002
Add sorting options in grid/tree grid samples by @katherinedragieva in #2992
feat(slider): updating samples by @kdinev in #2995
feat(grid): adding switch to toggle multi-column header export by @kdinev in #2997
Add improvements in grid/tree grid sorting samples by @katherinedragieva in #3009
chore(*): updating igniteui-angular to 13.2.0-rc.0 by @kdinev in #3011
feat(expansion-panel): remove sample expansion panel paddings by @didimmova in #3010
Update README.md with status badges by @kdinev in #3008
Set null height for row islands so that they have consistent size in … by @MayaKirova in #2982
Update to 13.2.0 by @zdrawku in #3018
Merging vNext into master for 13.2.0 by @kdinev in #3012