igniteui-angular 18.0.4 → 18.0.6
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/pivot-grid/pivot-grid.interface.mjs +1 -1
- package/esm2022/lib/grids/pivot-grid/pivot-row-dimension-header.component.mjs +2 -2
- package/esm2022/lib/grids/selection/selection.service.mjs +6 -4
- 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 +110 -43
- 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/pivot-grid/pivot-grid.interface.d.ts +1 -1
- 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
|
@@ -110,6 +110,11 @@
|
|
|
110
110
|
@extend %grid-excel-actions__action !optional;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
+
@include e(actions-filter, $m: active) {
|
|
114
|
+
@extend %grid-excel-actions__action !optional;
|
|
115
|
+
@extend %grid-excel-actions__action--active !optional;
|
|
116
|
+
}
|
|
117
|
+
|
|
113
118
|
@include e(actions-clear) {
|
|
114
119
|
@extend %grid-excel-actions__action !optional;
|
|
115
120
|
}
|
|
@@ -309,6 +309,11 @@
|
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
311
|
|
|
312
|
+
%grid-excel-actions__action--active {
|
|
313
|
+
background: color($color: 'gray', $variant: 100);
|
|
314
|
+
color: var-get($theme, 'excel-filtering-actions-hover-foreground');
|
|
315
|
+
}
|
|
316
|
+
|
|
312
317
|
%grid-excel-actions__action--disabled {
|
|
313
318
|
color: var-get($theme, 'excel-filtering-actions-disabled-foreground');
|
|
314
319
|
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
|
}
|
|
@@ -250,21 +250,6 @@
|
|
|
250
250
|
}
|
|
251
251
|
}
|
|
252
252
|
|
|
253
|
-
%igx-grid-toolbar__adv-filter--filtered {
|
|
254
|
-
border-color: color($color: 'secondary') !important;
|
|
255
|
-
|
|
256
|
-
@if $bootstrap-theme {
|
|
257
|
-
border-width: rem(2px);
|
|
258
|
-
border-color: color($color: 'primary', $variant: 800) !important;
|
|
259
|
-
color: color($color: 'primary', $variant: 800);
|
|
260
|
-
|
|
261
|
-
&:hover,
|
|
262
|
-
&:focus {
|
|
263
|
-
background: color($color: 'primary', $variant: 800);
|
|
264
|
-
}
|
|
265
|
-
}
|
|
266
|
-
}
|
|
267
|
-
|
|
268
253
|
%igx-grid-toolbar__dropdown {
|
|
269
254
|
position: relative;
|
|
270
255
|
}
|
|
@@ -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";
|
|
@@ -139,7 +139,7 @@ export declare abstract class IgxDropDownBaseDirective implements IDropDownList,
|
|
|
139
139
|
* @param newSelection the item selected
|
|
140
140
|
* @param event the event that triggered the call
|
|
141
141
|
*/
|
|
142
|
-
selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event): void;
|
|
142
|
+
selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event, emit?: boolean): void;
|
|
143
143
|
/**
|
|
144
144
|
* @hidden @internal
|
|
145
145
|
*/
|
|
@@ -68,5 +68,5 @@ export interface IDropDownBase extends IDropDownList, IToggleView {
|
|
|
68
68
|
closed: EventEmitter<IBaseEventArgs>;
|
|
69
69
|
allowItemsFocus?: boolean;
|
|
70
70
|
setSelectedItem(index: number): void;
|
|
71
|
-
selectItem(item: IgxDropDownItemBaseDirective, event?: Event): void;
|
|
71
|
+
selectItem(item: IgxDropDownItemBaseDirective, event?: Event, emit?: boolean): void;
|
|
72
72
|
}
|
|
@@ -133,6 +133,10 @@ export declare class IgxDropDownComponent extends IgxDropDownBaseDirective imple
|
|
|
133
133
|
* ```
|
|
134
134
|
*/
|
|
135
135
|
open(overlaySettings?: OverlaySettings): void;
|
|
136
|
+
/**
|
|
137
|
+
* @hidden @internal
|
|
138
|
+
*/
|
|
139
|
+
getDefaultOverlaySettings(): OverlaySettings;
|
|
136
140
|
/**
|
|
137
141
|
* Closes the dropdown
|
|
138
142
|
*
|
|
@@ -218,14 +222,15 @@ export declare class IgxDropDownComponent extends IgxDropDownBaseDirective imple
|
|
|
218
222
|
*/
|
|
219
223
|
navigatePrev(): void;
|
|
220
224
|
/**
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
225
|
+
* Handles the `selectionChanging` emit and the drop down toggle when selection changes
|
|
226
|
+
*
|
|
227
|
+
* @hidden
|
|
228
|
+
* @internal
|
|
229
|
+
* @param newSelection
|
|
230
|
+
* @param event
|
|
231
|
+
* @param emit
|
|
232
|
+
*/
|
|
233
|
+
selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event, emit?: boolean): void;
|
|
229
234
|
/**
|
|
230
235
|
* Clears the selection of the dropdown
|
|
231
236
|
* ```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
|
*/
|
|
@@ -90,6 +90,7 @@ export declare class IgxGridHeaderComponent implements DoCheck, OnDestroy {
|
|
|
90
90
|
*/
|
|
91
91
|
onSortingIconClick(event: any): void;
|
|
92
92
|
protected getSortDirection(): void;
|
|
93
|
+
protected isAdvancedFilterApplied(): boolean;
|
|
93
94
|
private triggerSort;
|
|
94
95
|
static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridHeaderComponent, never>;
|
|
95
96
|
static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridHeaderComponent, "igx-grid-header", never, { "column": { "alias": "column"; "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