igniteui-angular 19.0.3 → 19.0.5

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 (40) hide show
  1. package/fesm2022/igniteui-angular.mjs +37 -16
  2. package/fesm2022/igniteui-angular.mjs.map +1 -1
  3. package/lib/core/styles/components/checkbox/_checkbox-component.scss +8 -4
  4. package/lib/core/styles/components/checkbox/_checkbox-theme.scss +7 -1
  5. package/lib/core/styles/components/chip/_chip-theme.scss +1 -1
  6. package/lib/core/styles/components/combo/_combo-theme.scss +2 -2
  7. package/lib/core/styles/components/grid/_excel-filtering-theme.scss +3 -7
  8. package/lib/core/styles/components/grid/_grid-theme.scss +19 -15
  9. package/lib/grids/common/grid.interface.d.ts +4 -0
  10. package/lib/grids/grid-base.directive.d.ts +5 -2
  11. package/lib/grids/pivot-grid/pivot-grid.component.d.ts +1 -1
  12. package/lib/grids/resizing/resizer.directive.d.ts +2 -0
  13. package/lib/grids/resizing/resizing.service.d.ts +2 -2
  14. package/package.json +1 -1
  15. package/styles/igniteui-angular-dark.css +1 -1
  16. package/styles/igniteui-angular.css +1 -1
  17. package/styles/igniteui-bootstrap-dark.css +1 -1
  18. package/styles/igniteui-bootstrap-light.css +1 -1
  19. package/styles/igniteui-dark-green.css +1 -1
  20. package/styles/igniteui-fluent-dark-excel.css +1 -1
  21. package/styles/igniteui-fluent-dark-word.css +1 -1
  22. package/styles/igniteui-fluent-dark.css +1 -1
  23. package/styles/igniteui-fluent-light-excel.css +1 -1
  24. package/styles/igniteui-fluent-light-word.css +1 -1
  25. package/styles/igniteui-fluent-light.css +1 -1
  26. package/styles/igniteui-indigo-dark.css +1 -1
  27. package/styles/igniteui-indigo-light.css +1 -1
  28. package/styles/maps/igniteui-angular-dark.css.map +1 -1
  29. package/styles/maps/igniteui-angular.css.map +1 -1
  30. package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
  31. package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
  32. package/styles/maps/igniteui-dark-green.css.map +1 -1
  33. package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
  34. package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
  35. package/styles/maps/igniteui-fluent-dark.css.map +1 -1
  36. package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
  37. package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
  38. package/styles/maps/igniteui-fluent-light.css.map +1 -1
  39. package/styles/maps/igniteui-indigo-dark.css.map +1 -1
  40. package/styles/maps/igniteui-indigo-light.css.map +1 -1
@@ -232,10 +232,6 @@
232
232
  @extend %igx-checkbox--indeterminate-fluent !optional;
233
233
  }
234
234
 
235
- @include mx(material, indeterminate) {
236
- @extend %igx-checkbox--indeterminate-material !optional;
237
- }
238
-
239
235
  @include mx(invalid, indeterminate) {
240
236
  @extend %igx-checkbox--indeterminate--invalid !optional;
241
237
 
@@ -246,6 +242,14 @@
246
242
  }
247
243
  }
248
244
 
245
+ @include mx(material, disabled, indeterminate) {
246
+ @extend %igx-checkbox--disabled-indeterminate-material !optional;
247
+ }
248
+
249
+ @include mx(fluent, disabled, indeterminate) {
250
+ @extend %igx-checkbox--disabled-indeterminate-fluent !optional;
251
+ }
252
+
249
253
  @include mx(indigo, focused, indeterminate) {
250
254
  @extend %igx-checkbox--focused-checked-indigo !optional;
251
255
  }
@@ -377,6 +377,12 @@
377
377
  z-index: 1;
378
378
  }
379
379
  }
380
+ }
381
+
382
+ %igx-checkbox--disabled-indeterminate-fluent {
383
+ %cbx-composite-mark {
384
+ stroke: transparent;
385
+ }
380
386
 
381
387
  %cbx-composite--x--disabled {
382
388
  background: transparent;
@@ -387,7 +393,7 @@
387
393
  }
388
394
  }
389
395
 
390
- %igx-checkbox--indeterminate-material {
396
+ %igx-checkbox--disabled-indeterminate-material {
391
397
  %cbx-composite--x--disabled {
392
398
  border-color: var-get($theme, 'disabled-indeterminate-color');
393
399
  background: var-get($theme, 'disabled-indeterminate-color');
@@ -386,7 +386,7 @@
386
386
  }
387
387
 
388
388
  @if $variant == 'indigo' {
389
- %igx-icon-display {
389
+ igx-icon {
390
390
  --size: #{sizable(rem(14px), rem(14px), rem(16px))}
391
391
  }
392
392
  }
@@ -174,14 +174,14 @@
174
174
  // The wrapping element here is needed
175
175
  // in order to override the !important rule of .igx-icon--inactive.
176
176
  %igx-combo__case-icon {
177
- .igx-icon {
177
+ igx-icon {
178
178
  // Important is needed since the .igx-icon--inactive has !important
179
179
  color: color($color: 'gray', $variant: 600) !important;
180
180
  }
181
181
  }
182
182
 
183
183
  %igx-combo__case-icon--active {
184
- .igx-icon {
184
+ igx-icon {
185
185
  color: color($color: 'primary')
186
186
  }
187
187
  }
@@ -99,13 +99,9 @@
99
99
  }
100
100
  }
101
101
 
102
- igx-icon {
103
- @if $variant == 'indigo' {
104
- --component-size: 2;
105
- } @else {
106
- width: var(--igx-icon-size, #{rem(15px)});
107
- height: var(--igx-icon-size, #{rem(15px)});
108
- font-size: var(--igx-icon-size, #{rem(15px)});
102
+ @if $variant != 'indigo' {
103
+ igx-icon {
104
+ --size: var(--igx-icon-size, #{rem(15px)});
109
105
  }
110
106
  }
111
107
  }
@@ -1206,7 +1206,7 @@
1206
1206
  } @else {
1207
1207
  padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
1208
1208
 
1209
- %igx-icon-display {
1209
+ igx-icon {
1210
1210
  opacity: if($theme-variant == 'light', .75, .85);
1211
1211
 
1212
1212
  &:hover {
@@ -1460,12 +1460,12 @@
1460
1460
  } @else {
1461
1461
  padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
1462
1462
 
1463
- %igx-icon-display {
1463
+ igx-icon {
1464
1464
  opacity: if($theme-variant == 'light', .75, .85);
1465
1465
  }
1466
1466
 
1467
1467
  &:hover {
1468
- %igx-icon-display {
1468
+ igx-icon {
1469
1469
  opacity: 1;
1470
1470
  }
1471
1471
  }
@@ -2037,13 +2037,10 @@
2037
2037
  position: relative;
2038
2038
  display: flex;
2039
2039
 
2040
- igx-icon {
2041
- @if $variant == 'indigo' {
2042
- --component-size: 2;
2043
- } @else {
2044
- width: var(--igx-icon-size, #{rem(15px)});
2045
- height: var(--igx-icon-size, #{rem(15px)});
2046
- font-size: var(--igx-icon-size, #{rem(15px)});
2040
+
2041
+ @if $variant != 'indigo' {
2042
+ igx-icon {
2043
+ --size: var(--igx-icon-size, #{rem(15px)});
2047
2044
  }
2048
2045
  }
2049
2046
 
@@ -2149,7 +2146,7 @@
2149
2146
  %grid-excel-icon {
2150
2147
  color: var-get($theme, 'header-selected-text-color');
2151
2148
 
2152
- %igx-icon-display {
2149
+ igx-icon {
2153
2150
  color: var-get($theme, 'header-selected-text-color');
2154
2151
  }
2155
2152
 
@@ -2157,7 +2154,7 @@
2157
2154
  &:hover {
2158
2155
  color: var-get($theme, 'header-selected-text-color');
2159
2156
 
2160
- %igx-icon-display {
2157
+ igx-icon {
2161
2158
  color: var-get($theme, 'header-selected-text-color');
2162
2159
  }
2163
2160
  }
@@ -2501,7 +2498,7 @@
2501
2498
  }
2502
2499
 
2503
2500
  %igx-group-label__icon {
2504
- &.igx-icon {
2501
+ @at-root igx-icon#{&} {
2505
2502
  --component-size: #{if($variant == 'indigo', 2, 1)};
2506
2503
 
2507
2504
  color: var-get($theme, 'group-label-icon');
@@ -3248,6 +3245,14 @@
3248
3245
  }
3249
3246
  }
3250
3247
 
3248
+ igx-child-grid-row {
3249
+ igx-child-grid-row {
3250
+ %igx-grid__tr-action {
3251
+ border-inline-end: var-get($theme, 'header-border-width') var-get($theme, 'header-border-style') var-get($theme, 'header-border-color');
3252
+ }
3253
+ }
3254
+ }
3255
+
3251
3256
  // Pivot grid
3252
3257
  %igx-grid__pivot--super-compact {
3253
3258
  --ig-size: 1 !important;
@@ -3441,10 +3446,9 @@
3441
3446
  }
3442
3447
 
3443
3448
  @if $variant == 'indigo' {
3444
- %igx-icon-display {
3449
+ igx-icon {
3445
3450
  opacity: if($theme-variant == 'light', .75, .85);
3446
3451
 
3447
-
3448
3452
  &:hover {
3449
3453
  opacity: 1;
3450
3454
  cursor: pointer;
@@ -660,6 +660,10 @@ export interface GridType extends IGridDataBindable {
660
660
  isLoading: boolean;
661
661
  /** @hidden @internal */
662
662
  gridSize: Size;
663
+ /** @hidden @internal */
664
+ isColumnWidthSum: boolean;
665
+ /** @hidden @internal */
666
+ minColumnWidth: number;
663
667
  /** Strategy, used for cloning the provided data. The type has one method, that takes any type of data */
664
668
  dataCloneStrategy: IDataCloneStrategy;
665
669
  /** Represents the grid service type providing API methods for the grid */
@@ -1831,6 +1831,10 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
1831
1831
  * @hidden @internal
1832
1832
  */
1833
1833
  filteringPipeTrigger: number;
1834
+ /**
1835
+ * @hidden @internal
1836
+ */
1837
+ isColumnWidthSum: boolean;
1834
1838
  /**
1835
1839
  * @hidden @internal
1836
1840
  */
@@ -1989,7 +1993,6 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
1989
1993
  private _selectRowOnClick;
1990
1994
  private _columnSelectionMode;
1991
1995
  private lastAddedRowIndex;
1992
- protected isColumnWidthSum: boolean;
1993
1996
  private _currencyPositionLeft;
1994
1997
  private rowEditPositioningStrategy;
1995
1998
  private rowEditSettings;
@@ -2006,7 +2009,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
2006
2009
  /**
2007
2010
  * @hidden @internal
2008
2011
  */
2009
- protected get minColumnWidth(): number;
2012
+ get minColumnWidth(): number;
2010
2013
  protected get isCustomSetRowHeight(): boolean;
2011
2014
  /**
2012
2015
  * @hidden @internal
@@ -223,7 +223,7 @@ export declare class IgxPivotGridComponent extends IgxGridBaseDirective implemen
223
223
  /**
224
224
  * @hidden @internal
225
225
  */
226
- protected get minColumnWidth(): 200 | 104;
226
+ get minColumnWidth(): 200 | 104;
227
227
  /**
228
228
  * @hidden @internal
229
229
  */
@@ -16,7 +16,9 @@ export declare class IgxColumnResizerDirective implements OnInit, OnDestroy {
16
16
  resizeStart: Subject<MouseEvent>;
17
17
  resize: Subject<any>;
18
18
  private _left;
19
+ private _ratio;
19
20
  private _destroy;
21
+ get ratio(): number;
20
22
  constructor(element: ElementRef<HTMLElement>, document: any, zone: NgZone);
21
23
  ngOnInit(): void;
22
24
  ngOnDestroy(): void;
@@ -31,7 +31,7 @@ export declare class IgxColumnResizingService {
31
31
  /**
32
32
  * @hidden
33
33
  */
34
- getColumnHeaderRenderedWidth(): any;
34
+ getColumnHeaderRenderedWidth(): number;
35
35
  /**
36
36
  * @hidden
37
37
  */
@@ -53,7 +53,7 @@ export declare class IgxColumnResizingService {
53
53
  /**
54
54
  * Resizes the column regaridng to the column minWidth and maxWidth.
55
55
  */
56
- resizeColumn(event: MouseEvent): void;
56
+ resizeColumn(event: MouseEvent, ratio?: number): void;
57
57
  protected _handlePixelResize(diff: number, column: ColumnType): void;
58
58
  protected _handlePercentageResize(diff: number, column: ColumnType): void;
59
59
  protected getColMinWidth(column: ColumnType): number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-angular",
3
- "version": "19.0.3",
3
+ "version": "19.0.5",
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",