igniteui-angular 21.0.3 → 21.0.4

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 (41) hide show
  1. package/fesm2022/igniteui-angular-calendar.mjs +30 -3
  2. package/fesm2022/igniteui-angular-calendar.mjs.map +1 -1
  3. package/fesm2022/igniteui-angular-directives.mjs +5 -2
  4. package/fesm2022/igniteui-angular-directives.mjs.map +1 -1
  5. package/fesm2022/igniteui-angular-grids-core.mjs +7 -4
  6. package/fesm2022/igniteui-angular-grids-core.mjs.map +1 -1
  7. package/fesm2022/igniteui-angular-grids-grid.mjs +25 -40
  8. package/fesm2022/igniteui-angular-grids-grid.mjs.map +1 -1
  9. package/lib/core/styles/components/calendar/_calendar-theme.scss +2 -0
  10. package/lib/core/styles/components/grid/_grid-theme.scss +2 -1
  11. package/lib/core/styles/components/slider/_slider-theme.scss +0 -1
  12. package/package.json +1 -1
  13. package/styles/igniteui-angular-dark.css +1 -1
  14. package/styles/igniteui-angular.css +1 -1
  15. package/styles/igniteui-bootstrap-dark.css +1 -1
  16. package/styles/igniteui-bootstrap-light.css +1 -1
  17. package/styles/igniteui-dark-green.css +1 -1
  18. package/styles/igniteui-fluent-dark-excel.css +1 -1
  19. package/styles/igniteui-fluent-dark-word.css +1 -1
  20. package/styles/igniteui-fluent-dark.css +1 -1
  21. package/styles/igniteui-fluent-light-excel.css +1 -1
  22. package/styles/igniteui-fluent-light-word.css +1 -1
  23. package/styles/igniteui-fluent-light.css +1 -1
  24. package/styles/igniteui-indigo-dark.css +1 -1
  25. package/styles/igniteui-indigo-light.css +1 -1
  26. package/styles/maps/igniteui-angular-dark.css.map +1 -1
  27. package/styles/maps/igniteui-angular.css.map +1 -1
  28. package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
  29. package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
  30. package/styles/maps/igniteui-dark-green.css.map +1 -1
  31. package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
  32. package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
  33. package/styles/maps/igniteui-fluent-dark.css.map +1 -1
  34. package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
  35. package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
  36. package/styles/maps/igniteui-fluent-light.css.map +1 -1
  37. package/styles/maps/igniteui-indigo-dark.css.map +1 -1
  38. package/styles/maps/igniteui-indigo-light.css.map +1 -1
  39. package/types/igniteui-angular-directives.d.ts +4 -2
  40. package/types/igniteui-angular-grids-core.d.ts +1 -1
  41. package/types/igniteui-angular-grids-grid.d.ts +1 -6
@@ -5290,7 +5290,7 @@ class IgxGridBaseDirective {
5290
5290
  /**
5291
5291
  * @hidden @internal
5292
5292
  */
5293
- getPossibleColumnWidth(baseWidth = null, minColumnWidth = null) {
5293
+ getPossibleColumnWidth(baseWidth = null) {
5294
5294
  let computedWidth;
5295
5295
  if (baseWidth !== null) {
5296
5296
  computedWidth = baseWidth;
@@ -5333,10 +5333,9 @@ class IgxGridBaseDirective {
5333
5333
  return '0px';
5334
5334
  }
5335
5335
  computedWidth -= this.featureColumnsWidth();
5336
- const minColWidth = minColumnWidth || this.minColumnWidth;
5337
5336
  const columnWidth = !Number.isFinite(sumExistingWidths) ?
5338
- Math.max(computedWidth / columnsToSize, minColWidth) :
5339
- Math.max((computedWidth - sumExistingWidths) / columnsToSize, minColWidth);
5337
+ computedWidth / columnsToSize :
5338
+ (computedWidth - sumExistingWidths) / columnsToSize;
5340
5339
  return columnWidth + 'px';
5341
5340
  }
5342
5341
  /**
@@ -6341,7 +6340,17 @@ class IgxGridBaseDirective {
6341
6340
  */
6342
6341
  _derivePossibleWidth() {
6343
6342
  if (!this.columnWidthSetByUser) {
6344
- this._columnWidth = this.width !== null ? this.getPossibleColumnWidth() : this.minColumnWidth + 'px';
6343
+ const possibleWidth = this.getPossibleColumnWidth();
6344
+ if (possibleWidth === "0px") {
6345
+ // all columns - hidden
6346
+ this._columnWidth = possibleWidth;
6347
+ }
6348
+ else if (this.width !== null) {
6349
+ this._columnWidth = Math.max(parseFloat(possibleWidth), this.minColumnWidth) + 'px';
6350
+ }
6351
+ else {
6352
+ this._columnWidth = this.minColumnWidth + 'px';
6353
+ }
6345
6354
  }
6346
6355
  this._columns.forEach((column) => {
6347
6356
  if (this.hasColumnLayouts && parseFloat(this._columnWidth)) {
@@ -6349,39 +6358,12 @@ class IgxGridBaseDirective {
6349
6358
  column.defaultWidth = columnWidthCombined + 'px';
6350
6359
  }
6351
6360
  else {
6352
- // D.K. March 29th, 2021 #9145 Consider min/max width when setting defaultWidth property
6353
- column.defaultWidth = this.getExtremumBasedColWidth(column);
6361
+ column.defaultWidth = this._columnWidth;
6354
6362
  column.resetCaches();
6355
6363
  }
6356
6364
  });
6357
6365
  this.resetCachedWidths();
6358
6366
  }
6359
- /**
6360
- * @hidden
6361
- * @internal
6362
- */
6363
- getExtremumBasedColWidth(column) {
6364
- let width = this._columnWidth;
6365
- if (width && typeof width !== 'string') {
6366
- width = String(width);
6367
- }
6368
- const minWidth = width.indexOf('%') === -1 ? column.userSetMinWidthPx : column.minWidthPercent;
6369
- const maxWidth = width.indexOf('%') === -1 ? column.maxWidthPx : column.maxWidthPercent;
6370
- if (column.hidden) {
6371
- return width;
6372
- }
6373
- if (minWidth > parseFloat(width)) {
6374
- width = String(column.minWidth);
6375
- }
6376
- else if (maxWidth < parseFloat(width)) {
6377
- width = String(column.maxWidth);
6378
- }
6379
- // if no px or % are defined in maxWidth/minWidth consider it px
6380
- if (width.indexOf('%') === -1 && width.indexOf('px') === -1) {
6381
- width += 'px';
6382
- }
6383
- return width;
6384
- }
6385
6367
  resetNotifyChanges() {
6386
6368
  this._cdrRequestRepaint = false;
6387
6369
  this._cdrRequests = false;
@@ -6647,13 +6629,6 @@ class IgxGridBaseDirective {
6647
6629
  this.calculateGridWidth();
6648
6630
  this.cdr.detectChanges();
6649
6631
  }
6650
- // in case horizontal scrollbar has appeared recalc to size correctly.
6651
- if (hasHScroll !== this.hasHorizontalScroll()) {
6652
- this.isHorizontalScrollHidden = !this.hasHorizontalScroll();
6653
- this.cdr.detectChanges();
6654
- this.calculateGridHeight();
6655
- this.cdr.detectChanges();
6656
- }
6657
6632
  if (this.zone.isStable) {
6658
6633
  this.zone.run(() => {
6659
6634
  this._applyWidthHostBinding();
@@ -6674,6 +6649,16 @@ class IgxGridBaseDirective {
6674
6649
  this._autoSizeColumnsNotify.next();
6675
6650
  });
6676
6651
  }
6652
+ // in case horizontal scrollbar has appeared recalc to size correctly.
6653
+ if (hasHScroll !== this.hasHorizontalScroll()) {
6654
+ this.isHorizontalScrollHidden = !this.hasHorizontalScroll();
6655
+ this.cdr.detectChanges();
6656
+ this.calculateGridHeight();
6657
+ this.cdr.detectChanges();
6658
+ }
6659
+ else {
6660
+ this.resetCaches(recalcFeatureWidth);
6661
+ }
6677
6662
  }
6678
6663
  /**
6679
6664
  * @hidden