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.
Files changed (54) hide show
  1. package/esm2022/lib/buttonGroup/buttonGroup.component.mjs +3 -6
  2. package/esm2022/lib/data-operations/filtering-expressions-tree.mjs +3 -3
  3. package/esm2022/lib/directives/drag-drop/drag-drop.directive.mjs +5 -1
  4. package/esm2022/lib/directives/for-of/for_of.directive.mjs +3 -3
  5. package/esm2022/lib/drop-down/drop-down-item.base.mjs +3 -3
  6. package/esm2022/lib/drop-down/drop-down.base.mjs +2 -2
  7. package/esm2022/lib/drop-down/drop-down.common.mjs +1 -1
  8. package/esm2022/lib/drop-down/drop-down.component.mjs +26 -11
  9. package/esm2022/lib/grids/filtering/excel-style/excel-style-conditional-filter.component.mjs +17 -4
  10. package/esm2022/lib/grids/filtering/excel-style/excel-style-custom-dialog.component.mjs +14 -9
  11. package/esm2022/lib/grids/headers/grid-header-group.component.mjs +6 -3
  12. package/esm2022/lib/grids/headers/grid-header.component.mjs +8 -2
  13. package/esm2022/lib/grids/toolbar/grid-toolbar-advanced-filtering.component.mjs +27 -3
  14. package/esm2022/lib/services/excel/excel-strings.mjs +2 -2
  15. package/fesm2022/igniteui-angular.mjs +103 -38
  16. package/fesm2022/igniteui-angular.mjs.map +1 -1
  17. package/lib/core/styles/components/grid/_excel-filtering-component.scss +5 -0
  18. package/lib/core/styles/components/grid/_excel-filtering-theme.scss +5 -0
  19. package/lib/core/styles/components/grid-toolbar/_grid-toolbar-component.scss +0 -4
  20. package/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss +0 -15
  21. package/lib/drop-down/drop-down-item.base.d.ts +1 -1
  22. package/lib/drop-down/drop-down.base.d.ts +1 -1
  23. package/lib/drop-down/drop-down.common.d.ts +1 -1
  24. package/lib/drop-down/drop-down.component.d.ts +13 -8
  25. package/lib/grids/filtering/excel-style/excel-style-conditional-filter.component.d.ts +5 -0
  26. package/lib/grids/headers/grid-header.component.d.ts +1 -0
  27. package/lib/grids/toolbar/grid-toolbar-advanced-filtering.component.d.ts +12 -1
  28. package/package.json +1 -1
  29. package/styles/igniteui-angular-dark.css +1 -1
  30. package/styles/igniteui-angular.css +1 -1
  31. package/styles/igniteui-bootstrap-dark.css +1 -1
  32. package/styles/igniteui-bootstrap-light.css +1 -1
  33. package/styles/igniteui-dark-green.css +1 -1
  34. package/styles/igniteui-fluent-dark-excel.css +1 -1
  35. package/styles/igniteui-fluent-dark-word.css +1 -1
  36. package/styles/igniteui-fluent-dark.css +1 -1
  37. package/styles/igniteui-fluent-light-excel.css +1 -1
  38. package/styles/igniteui-fluent-light-word.css +1 -1
  39. package/styles/igniteui-fluent-light.css +1 -1
  40. package/styles/igniteui-indigo-dark.css +1 -1
  41. package/styles/igniteui-indigo-light.css +1 -1
  42. package/styles/maps/igniteui-angular-dark.css.map +1 -1
  43. package/styles/maps/igniteui-angular.css.map +1 -1
  44. package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
  45. package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
  46. package/styles/maps/igniteui-dark-green.css.map +1 -1
  47. package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
  48. package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
  49. package/styles/maps/igniteui-fluent-dark.css.map +1 -1
  50. package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
  51. package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
  52. package/styles/maps/igniteui-fluent-light.css.map +1 -1
  53. package/styles/maps/igniteui-indigo-dark.css.map +1 -1
  54. 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, DoCheck, EventEmitter } from '@angular/core';
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
- * Handles the `selectionChanging` emit and the drop down toggle when selection changes
223
- *
224
- * @hidden
225
- * @internal
226
- * @param newSelection
227
- * @param event
228
- */
229
- selectItem(newSelection?: IgxDropDownItemBaseDirective, event?: Event): void;
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-angular",
3
- "version": "17.2.9",
3
+ "version": "17.2.10",
4
4
  "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
5
5
  "author": "Infragistics",
6
6
  "license": "SEE LICENSE IN LICENSE",