igniteui-angular 15.1.31 → 15.1.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/grids/common/strategy.mjs +2 -1
- package/esm2020/lib/grids/filtering/excel-style/excel-style-conditional-filter.component.mjs +6 -3
- package/esm2020/lib/grids/grid/grid.component.mjs +15 -3
- package/fesm2015/igniteui-angular.mjs +18 -3
- package/fesm2015/igniteui-angular.mjs.map +1 -1
- package/fesm2020/igniteui-angular.mjs +18 -3
- package/fesm2020/igniteui-angular.mjs.map +1 -1
- package/lib/grids/grid/grid.component.d.ts +9 -0
- package/package.json +1 -1
|
@@ -1890,6 +1890,7 @@ class IgxGrouping extends IgxSorting {
|
|
|
1890
1890
|
groupBy(data, state, grid, groupsRecords, fullResult = { data: [], metadata: [] }) {
|
|
1891
1891
|
const metadata = [];
|
|
1892
1892
|
const grouping = this.groupDataRecursive(data, state, 0, null, metadata, grid, groupsRecords, fullResult);
|
|
1893
|
+
grid === null || grid === void 0 ? void 0 : grid.groupingPerformedSubject.next();
|
|
1893
1894
|
return {
|
|
1894
1895
|
data: grouping,
|
|
1895
1896
|
metadata
|
|
@@ -44985,6 +44986,9 @@ class IgxExcelStyleConditionalFilterComponent {
|
|
|
44985
44986
|
if (eventArgs.key === this.platform.KEYMAP.ENTER) {
|
|
44986
44987
|
this.onTextFilterClick(eventArgs);
|
|
44987
44988
|
}
|
|
44989
|
+
else if (eventArgs.key === this.platform.KEYMAP.TAB) {
|
|
44990
|
+
this.subMenu.close();
|
|
44991
|
+
}
|
|
44988
44992
|
}
|
|
44989
44993
|
/**
|
|
44990
44994
|
* @hidden @internal
|
|
@@ -45083,10 +45087,10 @@ class IgxExcelStyleConditionalFilterComponent {
|
|
|
45083
45087
|
}
|
|
45084
45088
|
}
|
|
45085
45089
|
IgxExcelStyleConditionalFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IgxExcelStyleConditionalFilterComponent, deps: [{ token: BaseFilteringComponent }, { token: PlatformUtil }], target: i0.ɵɵFactoryTarget.Component });
|
|
45086
|
-
IgxExcelStyleConditionalFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IgxExcelStyleConditionalFilterComponent, selector: "igx-excel-style-conditional-filter", viewQueries: [{ propertyName: "customDialog", first: true, predicate: ["customDialog"], descendants: true, read: IgxExcelStyleCustomDialogComponent }, { propertyName: "subMenu", first: true, predicate: ["subMenu"], descendants: true, read: IgxDropDownComponent }], ngImport: i0, template: "<ng-container *ngIf=\"esf.column\">\n <div tabindex=\"0\"\n class=\"igx-excel-filter__actions-filter\"\n (keydown)=\"onTextFilterKeyDown($event)\"\n (click)=\"onTextFilterClick($event)\"\n [igxDropDownItemNavigation]=\"subMenu\"\n role=\"menuitem\"\n aria-haspopup=\"true\">\n <span>{{ subMenuText }}</span>\n <igx-icon>keyboard_arrow_right</igx-icon>\n </div>\n\n <igx-drop-down\n #subMenu\n [maxHeight]=\"'397px'\"\n [displayDensity]=\"esf.grid.displayDensity\"\n (selectionChanging)=\"onSubMenuSelection($event)\"\n (closed)=\"onSubMenuClosed()\"
|
|
45090
|
+
IgxExcelStyleConditionalFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IgxExcelStyleConditionalFilterComponent, selector: "igx-excel-style-conditional-filter", viewQueries: [{ propertyName: "customDialog", first: true, predicate: ["customDialog"], descendants: true, read: IgxExcelStyleCustomDialogComponent }, { propertyName: "subMenu", first: true, predicate: ["subMenu"], descendants: true, read: IgxDropDownComponent }], ngImport: i0, template: "<ng-container *ngIf=\"esf.column\">\n <div tabindex=\"0\"\n class=\"igx-excel-filter__actions-filter\"\n (keydown)=\"onTextFilterKeyDown($event)\"\n (click)=\"onTextFilterClick($event)\"\n [igxDropDownItemNavigation]=\"subMenu\"\n role=\"menuitem\"\n aria-haspopup=\"true\"\n [attr.aria-controls]=\"this.subMenu.listId\"\n [attr.aria-activedescendant]=\"!this.subMenu.collapsed ? this.subMenu.focusedItem?.id : null\">\n <span>{{ subMenuText }}</span>\n <igx-icon>keyboard_arrow_right</igx-icon>\n </div>\n\n <igx-drop-down\n #subMenu\n [maxHeight]=\"'397px'\"\n [displayDensity]=\"esf.grid.displayDensity\"\n (selectionChanging)=\"onSubMenuSelection($event)\"\n (closed)=\"onSubMenuClosed()\">\n <div>\n <igx-drop-down-item\n *ngFor=\"let condition of conditions\"\n [value]=\"condition\">\n <div class=\"igx-grid__filtering-dropdown-items\">\n <igx-icon family=\"imx-icons\" [name]=\"getCondition(condition).iconName\"></igx-icon>\n <span class=\"igx-grid__filtering-dropdown-text\">{{ translateCondition(condition) }}</span>\n </div>\n </igx-drop-down-item>\n <igx-drop-down-item *ngIf=\"showCustomFilterItem()\">\n <div class=\"igx-grid__filtering-dropdown-items\">\n <igx-icon>filter_list</igx-icon>\n <span class=\"igx-grid__filtering-dropdown-text\">{{ esf.grid.resourceStrings.igx_grid_excel_custom_filter }}</span>\n </div>\n </igx-drop-down-item>\n </div>\n </igx-drop-down>\n\n <igx-excel-style-custom-dialog\n #customDialog\n [column]=\"esf.column\"\n [filteringService]=\"esf.grid.filteringService\"\n [overlayComponentId]=\"esf.overlayComponentId\"\n [displayDensity]=\"esf.grid.displayDensity\">\n </igx-excel-style-custom-dialog>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IgxIconComponent, selector: "igx-icon", inputs: ["family", "active", "name"] }, { kind: "component", type: IgxDropDownComponent, selector: "igx-drop-down", inputs: ["allowItemsFocus", "labelledBy"], outputs: ["opening", "opened", "closing", "closed"] }, { kind: "component", type: IgxDropDownItemComponent, selector: "igx-drop-down-item" }, { kind: "directive", type: IgxDropDownItemNavigationDirective, selector: "[igxDropDownItemNavigation]", inputs: ["igxDropDownItemNavigation"] }, { kind: "component", type: IgxExcelStyleCustomDialogComponent, selector: "igx-excel-style-custom-dialog", inputs: ["expressionsList", "column", "selectedOperator", "filteringService", "overlayComponentId", "displayDensity"] }] });
|
|
45087
45091
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IgxExcelStyleConditionalFilterComponent, decorators: [{
|
|
45088
45092
|
type: Component,
|
|
45089
|
-
args: [{ selector: 'igx-excel-style-conditional-filter', template: "<ng-container *ngIf=\"esf.column\">\n <div tabindex=\"0\"\n class=\"igx-excel-filter__actions-filter\"\n (keydown)=\"onTextFilterKeyDown($event)\"\n (click)=\"onTextFilterClick($event)\"\n [igxDropDownItemNavigation]=\"subMenu\"\n role=\"menuitem\"\n aria-haspopup=\"true\">\n <span>{{ subMenuText }}</span>\n <igx-icon>keyboard_arrow_right</igx-icon>\n </div>\n\n <igx-drop-down\n #subMenu\n [maxHeight]=\"'397px'\"\n [displayDensity]=\"esf.grid.displayDensity\"\n (selectionChanging)=\"onSubMenuSelection($event)\"\n (closed)=\"onSubMenuClosed()\"
|
|
45093
|
+
args: [{ selector: 'igx-excel-style-conditional-filter', template: "<ng-container *ngIf=\"esf.column\">\n <div tabindex=\"0\"\n class=\"igx-excel-filter__actions-filter\"\n (keydown)=\"onTextFilterKeyDown($event)\"\n (click)=\"onTextFilterClick($event)\"\n [igxDropDownItemNavigation]=\"subMenu\"\n role=\"menuitem\"\n aria-haspopup=\"true\"\n [attr.aria-controls]=\"this.subMenu.listId\"\n [attr.aria-activedescendant]=\"!this.subMenu.collapsed ? this.subMenu.focusedItem?.id : null\">\n <span>{{ subMenuText }}</span>\n <igx-icon>keyboard_arrow_right</igx-icon>\n </div>\n\n <igx-drop-down\n #subMenu\n [maxHeight]=\"'397px'\"\n [displayDensity]=\"esf.grid.displayDensity\"\n (selectionChanging)=\"onSubMenuSelection($event)\"\n (closed)=\"onSubMenuClosed()\">\n <div>\n <igx-drop-down-item\n *ngFor=\"let condition of conditions\"\n [value]=\"condition\">\n <div class=\"igx-grid__filtering-dropdown-items\">\n <igx-icon family=\"imx-icons\" [name]=\"getCondition(condition).iconName\"></igx-icon>\n <span class=\"igx-grid__filtering-dropdown-text\">{{ translateCondition(condition) }}</span>\n </div>\n </igx-drop-down-item>\n <igx-drop-down-item *ngIf=\"showCustomFilterItem()\">\n <div class=\"igx-grid__filtering-dropdown-items\">\n <igx-icon>filter_list</igx-icon>\n <span class=\"igx-grid__filtering-dropdown-text\">{{ esf.grid.resourceStrings.igx_grid_excel_custom_filter }}</span>\n </div>\n </igx-drop-down-item>\n </div>\n </igx-drop-down>\n\n <igx-excel-style-custom-dialog\n #customDialog\n [column]=\"esf.column\"\n [filteringService]=\"esf.grid.filteringService\"\n [overlayComponentId]=\"esf.overlayComponentId\"\n [displayDensity]=\"esf.grid.displayDensity\">\n </igx-excel-style-custom-dialog>\n</ng-container>\n" }]
|
|
45090
45094
|
}], ctorParameters: function () { return [{ type: BaseFilteringComponent }, { type: PlatformUtil }]; }, propDecorators: { customDialog: [{
|
|
45091
45095
|
type: ViewChild,
|
|
45092
45096
|
args: ['customDialog', { read: IgxExcelStyleCustomDialogComponent }]
|
|
@@ -71704,6 +71708,14 @@ class IgxGridComponent extends IgxGridBaseDirective {
|
|
|
71704
71708
|
this._dropAreaMessage = null;
|
|
71705
71709
|
this._showGroupArea = true;
|
|
71706
71710
|
this.childDetailTemplates = new Map();
|
|
71711
|
+
/**
|
|
71712
|
+
* @hidden @internal
|
|
71713
|
+
*/
|
|
71714
|
+
this.groupingPerformedSubject = new Subject();
|
|
71715
|
+
/**
|
|
71716
|
+
* @hidden @internal
|
|
71717
|
+
*/
|
|
71718
|
+
this.groupingPerformed$ = this.groupingPerformedSubject.asObservable();
|
|
71707
71719
|
}
|
|
71708
71720
|
/**
|
|
71709
71721
|
* Returns a reference to the master-detail template.
|
|
@@ -71850,7 +71862,9 @@ class IgxGridComponent extends IgxGridBaseDirective {
|
|
|
71850
71862
|
groupedColumns: groupedCols,
|
|
71851
71863
|
ungroupedColumns: ungroupedCols
|
|
71852
71864
|
};
|
|
71853
|
-
this.
|
|
71865
|
+
this.groupingPerformed$.pipe(take(1)).subscribe(() => {
|
|
71866
|
+
this.groupingDone.emit(groupingDoneArgs);
|
|
71867
|
+
});
|
|
71854
71868
|
}
|
|
71855
71869
|
}
|
|
71856
71870
|
/**
|
|
@@ -72127,6 +72141,7 @@ class IgxGridComponent extends IgxGridBaseDirective {
|
|
|
72127
72141
|
this._gridAPI.clear_groupby(name);
|
|
72128
72142
|
this.calculateGridSizes();
|
|
72129
72143
|
this.notifyChanges(true);
|
|
72144
|
+
this.groupingPerformedSubject.next();
|
|
72130
72145
|
}
|
|
72131
72146
|
/**
|
|
72132
72147
|
* Returns if a group is expanded or not.
|