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.
- package/fesm2022/igniteui-angular-calendar.mjs +30 -3
- package/fesm2022/igniteui-angular-calendar.mjs.map +1 -1
- package/fesm2022/igniteui-angular-directives.mjs +5 -2
- package/fesm2022/igniteui-angular-directives.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-core.mjs +7 -4
- package/fesm2022/igniteui-angular-grids-core.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-grid.mjs +25 -40
- package/fesm2022/igniteui-angular-grids-grid.mjs.map +1 -1
- package/lib/core/styles/components/calendar/_calendar-theme.scss +2 -0
- package/lib/core/styles/components/grid/_grid-theme.scss +2 -1
- package/lib/core/styles/components/slider/_slider-theme.scss +0 -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
- package/types/igniteui-angular-directives.d.ts +4 -2
- package/types/igniteui-angular-grids-core.d.ts +1 -1
- 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
|
|
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
|
-
|
|
5339
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|