igniteui-angular 17.2.9 → 17.2.10
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/esm2022/lib/buttonGroup/buttonGroup.component.mjs +3 -6
- package/esm2022/lib/data-operations/filtering-expressions-tree.mjs +3 -3
- package/esm2022/lib/directives/drag-drop/drag-drop.directive.mjs +5 -1
- package/esm2022/lib/directives/for-of/for_of.directive.mjs +3 -3
- package/esm2022/lib/drop-down/drop-down-item.base.mjs +3 -3
- package/esm2022/lib/drop-down/drop-down.base.mjs +2 -2
- package/esm2022/lib/drop-down/drop-down.common.mjs +1 -1
- package/esm2022/lib/drop-down/drop-down.component.mjs +26 -11
- package/esm2022/lib/grids/filtering/excel-style/excel-style-conditional-filter.component.mjs +17 -4
- package/esm2022/lib/grids/filtering/excel-style/excel-style-custom-dialog.component.mjs +14 -9
- package/esm2022/lib/grids/headers/grid-header-group.component.mjs +6 -3
- package/esm2022/lib/grids/headers/grid-header.component.mjs +8 -2
- package/esm2022/lib/grids/toolbar/grid-toolbar-advanced-filtering.component.mjs +27 -3
- package/esm2022/lib/services/excel/excel-strings.mjs +2 -2
- package/fesm2022/igniteui-angular.mjs +103 -38
- package/fesm2022/igniteui-angular.mjs.map +1 -1
- package/lib/core/styles/components/grid/_excel-filtering-component.scss +5 -0
- package/lib/core/styles/components/grid/_excel-filtering-theme.scss +5 -0
- package/lib/core/styles/components/grid-toolbar/_grid-toolbar-component.scss +0 -4
- package/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss +0 -15
- package/lib/drop-down/drop-down-item.base.d.ts +1 -1
- package/lib/drop-down/drop-down.base.d.ts +1 -1
- package/lib/drop-down/drop-down.common.d.ts +1 -1
- package/lib/drop-down/drop-down.component.d.ts +13 -8
- package/lib/grids/filtering/excel-style/excel-style-conditional-filter.component.d.ts +5 -0
- package/lib/grids/headers/grid-header.component.d.ts +1 -0
- package/lib/grids/toolbar/grid-toolbar-advanced-filtering.component.d.ts +12 -1
- package/package.json +1 -1
- package/styles/igniteui-angular-dark.css +1 -1
- package/styles/igniteui-angular.css +1 -1
- package/styles/igniteui-bootstrap-dark.css +1 -1
- package/styles/igniteui-bootstrap-light.css +1 -1
- package/styles/igniteui-dark-green.css +1 -1
- package/styles/igniteui-fluent-dark-excel.css +1 -1
- package/styles/igniteui-fluent-dark-word.css +1 -1
- package/styles/igniteui-fluent-dark.css +1 -1
- package/styles/igniteui-fluent-light-excel.css +1 -1
- package/styles/igniteui-fluent-light-word.css +1 -1
- package/styles/igniteui-fluent-light.css +1 -1
- package/styles/igniteui-indigo-dark.css +1 -1
- package/styles/igniteui-indigo-light.css +1 -1
- package/styles/maps/igniteui-angular-dark.css.map +1 -1
- package/styles/maps/igniteui-angular.css.map +1 -1
- package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
- package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
- package/styles/maps/igniteui-dark-green.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
- package/styles/maps/igniteui-fluent-dark.css.map +1 -1
- package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
- package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
- package/styles/maps/igniteui-fluent-light.css.map +1 -1
- package/styles/maps/igniteui-indigo-dark.css.map +1 -1
- package/styles/maps/igniteui-indigo-light.css.map +1 -1
|
@@ -106,6 +106,11 @@
|
|
|
106
106
|
@extend %grid-excel-actions__action !optional;
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
+
@include e(actions-filter, $m: active) {
|
|
110
|
+
@extend %grid-excel-actions__action !optional;
|
|
111
|
+
@extend %grid-excel-actions__action--active !optional;
|
|
112
|
+
}
|
|
113
|
+
|
|
109
114
|
@include e(actions-clear) {
|
|
110
115
|
@extend %grid-excel-actions__action !optional;
|
|
111
116
|
}
|
|
@@ -294,6 +294,11 @@
|
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
+
%grid-excel-actions__action--active {
|
|
298
|
+
background: color($color: 'gray', $variant: 100);
|
|
299
|
+
color: var-get($theme, 'excel-filtering-actions-hover-foreground');
|
|
300
|
+
}
|
|
301
|
+
|
|
297
302
|
%grid-excel-actions__action--disabled {
|
|
298
303
|
color: var-get($theme, 'excel-filtering-actions-disabled-foreground');
|
|
299
304
|
pointer-events: none;
|
|
@@ -38,10 +38,6 @@
|
|
|
38
38
|
@extend %igx-grid-toolbar__progress-bar !optional;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
@include e(adv-filter, $m: 'filtered') {
|
|
42
|
-
@extend %igx-grid-toolbar__adv-filter--filtered !optional;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
41
|
@include e(dropdown){
|
|
46
42
|
@extend %igx-grid-toolbar__dropdown !optional;
|
|
47
43
|
}
|
|
@@ -248,21 +248,6 @@
|
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
%igx-grid-toolbar__adv-filter--filtered {
|
|
252
|
-
border-color: color($color: 'secondary') !important;
|
|
253
|
-
|
|
254
|
-
@if $bootstrap-theme {
|
|
255
|
-
border-width: rem(2px);
|
|
256
|
-
border-color: color($color: 'primary', $variant: 800) !important;
|
|
257
|
-
color: color($color: 'primary', $variant: 800);
|
|
258
|
-
|
|
259
|
-
&:hover,
|
|
260
|
-
&:focus {
|
|
261
|
-
background: color($color: 'primary', $variant: 800);
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
}
|
|
265
|
-
|
|
266
251
|
%igx-grid-toolbar__dropdown {
|
|
267
252
|
position: relative;
|
|
268
253
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IDropDownBase } from './drop-down.common';
|
|
2
|
-
import { ElementRef,
|
|
2
|
+
import { ElementRef, EventEmitter, DoCheck } from '@angular/core';
|
|
3
3
|
import { IgxSelectionAPIService } from '../core/selection';
|
|
4
4
|
import { IgxDropDownGroupComponent } from './drop-down-group.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
@@ -133,7 +133,7 @@ export declare abstract class IgxDropDownBaseDirective extends DisplayDensityBas
|
|
|
133
133
|
* @param newSelection the item selected
|
|
134
134
|
* @param event the event that triggered the call
|
|
135
135
|
*/
|
|
136
|
-
selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event): void;
|
|
136
|
+
selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event, emit?: boolean): void;
|
|
137
137
|
/**
|
|
138
138
|
* @hidden @internal
|
|
139
139
|
*/
|
|
@@ -69,5 +69,5 @@ export interface IDropDownBase extends IDropDownList, IToggleView {
|
|
|
69
69
|
closed: EventEmitter<IBaseEventArgs>;
|
|
70
70
|
allowItemsFocus?: boolean;
|
|
71
71
|
setSelectedItem(index: number): void;
|
|
72
|
-
selectItem(item: IgxDropDownItemBaseDirective, event?: Event): void;
|
|
72
|
+
selectItem(item: IgxDropDownItemBaseDirective, event?: Event, emit?: boolean): void;
|
|
73
73
|
}
|
|
@@ -134,6 +134,10 @@ export declare class IgxDropDownComponent extends IgxDropDownBaseDirective imple
|
|
|
134
134
|
* ```
|
|
135
135
|
*/
|
|
136
136
|
open(overlaySettings?: OverlaySettings): void;
|
|
137
|
+
/**
|
|
138
|
+
* @hidden @internal
|
|
139
|
+
*/
|
|
140
|
+
getDefaultOverlaySettings(): OverlaySettings;
|
|
137
141
|
/**
|
|
138
142
|
* Closes the dropdown
|
|
139
143
|
*
|
|
@@ -219,14 +223,15 @@ export declare class IgxDropDownComponent extends IgxDropDownBaseDirective imple
|
|
|
219
223
|
*/
|
|
220
224
|
navigatePrev(): void;
|
|
221
225
|
/**
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
226
|
+
* Handles the `selectionChanging` emit and the drop down toggle when selection changes
|
|
227
|
+
*
|
|
228
|
+
* @hidden
|
|
229
|
+
* @internal
|
|
230
|
+
* @param newSelection
|
|
231
|
+
* @param event
|
|
232
|
+
* @param emit
|
|
233
|
+
*/
|
|
234
|
+
selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event, emit?: boolean): void;
|
|
230
235
|
/**
|
|
231
236
|
* Clears the selection of the dropdown
|
|
232
237
|
* ```typescript
|
|
@@ -20,6 +20,7 @@ export declare class IgxExcelStyleConditionalFilterComponent implements OnDestro
|
|
|
20
20
|
* @hidden @internal
|
|
21
21
|
*/
|
|
22
22
|
subMenu: IgxDropDownComponent;
|
|
23
|
+
protected get filterNumber(): number;
|
|
23
24
|
private shouldOpenSubMenu;
|
|
24
25
|
private destroy$;
|
|
25
26
|
private _subMenuPositionSettings;
|
|
@@ -38,6 +39,10 @@ export declare class IgxExcelStyleConditionalFilterComponent implements OnDestro
|
|
|
38
39
|
* @hidden @internal
|
|
39
40
|
*/
|
|
40
41
|
getCondition(value: string): IFilteringOperation;
|
|
42
|
+
/**
|
|
43
|
+
* @hidden @internal
|
|
44
|
+
*/
|
|
45
|
+
protected getSelectedCondition(condition: string): boolean;
|
|
41
46
|
/**
|
|
42
47
|
* @hidden @internal
|
|
43
48
|
*/
|
|
@@ -97,6 +97,7 @@ export declare class IgxGridHeaderComponent implements DoCheck, OnDestroy {
|
|
|
97
97
|
*/
|
|
98
98
|
onSortingIconClick(event: any): void;
|
|
99
99
|
protected getSortDirection(): void;
|
|
100
|
+
protected isAdvancedFilterApplied(): boolean;
|
|
100
101
|
private triggerSort;
|
|
101
102
|
static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridHeaderComponent, never>;
|
|
102
103
|
static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridHeaderComponent, "igx-grid-header", never, { "column": { "alias": "column"; "required": false; }; "density": { "alias": "density"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
import { AfterViewInit } from '@angular/core';
|
|
1
2
|
import { IgxToolbarToken } from './token';
|
|
2
3
|
import { OverlaySettings } from '../../services/overlay/utilities';
|
|
4
|
+
import { IFilteringExpressionsTree } from '../../data-operations/filtering-expressions-tree';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
/**
|
|
5
7
|
* Provides a pre-configured button to open the advanced filtering dialog of the grid.
|
|
@@ -14,14 +16,23 @@ import * as i0 from "@angular/core";
|
|
|
14
16
|
* <igx-grid-toolbar-advanced-filtering>Custom text</igx-grid-toolbar-advanced-filtering>
|
|
15
17
|
* ```
|
|
16
18
|
*/
|
|
17
|
-
export declare class IgxGridToolbarAdvancedFilteringComponent {
|
|
19
|
+
export declare class IgxGridToolbarAdvancedFilteringComponent implements AfterViewInit {
|
|
18
20
|
private toolbar;
|
|
21
|
+
/**
|
|
22
|
+
* @hidden @internal
|
|
23
|
+
*/
|
|
24
|
+
protected numberOfColumns: number;
|
|
19
25
|
/**
|
|
20
26
|
* Returns the grid containing this component.
|
|
21
27
|
*/
|
|
22
28
|
get grid(): import("igniteui-angular").GridType;
|
|
23
29
|
overlaySettings: OverlaySettings;
|
|
24
30
|
constructor(toolbar: IgxToolbarToken);
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
34
|
+
ngAfterViewInit(): void;
|
|
35
|
+
protected extractUniqueFieldNamesFromFilterTree(filteringTree?: IFilteringExpressionsTree): string[];
|
|
25
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridToolbarAdvancedFilteringComponent, never>;
|
|
26
37
|
static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridToolbarAdvancedFilteringComponent, "igx-grid-toolbar-advanced-filtering", never, { "overlaySettings": { "alias": "overlaySettings"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
27
38
|
}
|
package/package.json
CHANGED