igniteui-angular 21.2.10 → 21.2.12
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-core.mjs +18 -2
- package/fesm2022/igniteui-angular-core.mjs.map +1 -1
- package/fesm2022/igniteui-angular-directives.mjs +15 -27
- package/fesm2022/igniteui-angular-directives.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-core.mjs +12 -3
- package/fesm2022/igniteui-angular-grids-core.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-grid.mjs +9 -29
- package/fesm2022/igniteui-angular-grids-grid.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs +2 -2
- package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-pivot-grid.mjs +37 -4
- package/fesm2022/igniteui-angular-grids-pivot-grid.mjs.map +1 -1
- package/fesm2022/igniteui-angular-grids-tree-grid.mjs +2 -2
- package/fesm2022/igniteui-angular-grids-tree-grid.mjs.map +1 -1
- package/lib/core/styles/components/grid/_grid-component.scss +4 -0
- package/lib/core/styles/components/grid/_grid-theme.scss +6 -0
- 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-core.d.ts +16 -3
- package/types/igniteui-angular-grids-core.d.ts +3 -0
- package/types/igniteui-angular-grids-grid.d.ts +0 -1
- package/types/igniteui-angular-grids-pivot-grid.d.ts +6 -0
|
@@ -15556,7 +15556,7 @@ class IgxPivotDateDimension {
|
|
|
15556
15556
|
memberFunction: (rec) => {
|
|
15557
15557
|
const recordValue = PivotUtil.extractValueFromDimension(inBaseDimension, rec);
|
|
15558
15558
|
const dateValue = recordValue ? getDateFormatter().createDateFromValue(recordValue) : null;
|
|
15559
|
-
return recordValue ? getDateFormatter().formatDateTime(dateValue,
|
|
15559
|
+
return recordValue ? getDateFormatter().formatDateTime(dateValue, this.locale, { month: 'long' }) : rec['Months'];
|
|
15560
15560
|
},
|
|
15561
15561
|
enabled: true,
|
|
15562
15562
|
childLevel: baseDimension
|
|
@@ -22037,6 +22037,7 @@ const HEADER_KEYS = new Set([...Array.from(NAVIGATION_KEYS), 'escape', 'esc', 'l
|
|
|
22037
22037
|
/** This symbol corresponds to the Alt + L combination under MAC. */
|
|
22038
22038
|
'¬']);
|
|
22039
22039
|
|
|
22040
|
+
const VERTICAL_VIRTUALIZATION_NAV_KEYS = new Set(['arrowup', 'up', 'arrowdown', 'down', 'home', 'end']);
|
|
22040
22041
|
/** @hidden */
|
|
22041
22042
|
class IgxGridNavigationService {
|
|
22042
22043
|
get activeNode() {
|
|
@@ -22099,8 +22100,7 @@ class IgxGridNavigationService {
|
|
|
22099
22100
|
this.grid.selectionService.keyboardStateOnKeydown(this.activeNode, shift, shift && key === 'tab');
|
|
22100
22101
|
}
|
|
22101
22102
|
const position = this.getNextPosition(this.activeNode.row, this.activeNode.column, key, shift, ctrl, event);
|
|
22102
|
-
const shouldNotifyVirtualizedKeyboardSelection =
|
|
22103
|
-
this.shouldPerformVerticalScroll(position.rowIndex, position.colIndex);
|
|
22103
|
+
const shouldNotifyVirtualizedKeyboardSelection = this.shouldNotifyVirtualizedKeyboardSelection(key, position.rowIndex, position.colIndex);
|
|
22104
22104
|
if (NAVIGATION_KEYS.has(key)) {
|
|
22105
22105
|
event.preventDefault();
|
|
22106
22106
|
this.navigateInBody(position.rowIndex, position.colIndex, (obj) => {
|
|
@@ -22216,6 +22216,15 @@ class IgxGridNavigationService {
|
|
|
22216
22216
|
return !targetRow || targetRow.offsetTop < Math.abs(this.containerTopOffset)
|
|
22217
22217
|
|| containerHeight && endTopOffset - containerHeight > 5;
|
|
22218
22218
|
}
|
|
22219
|
+
shouldNotifyVirtualizedKeyboardSelection(key, rowIndex, visibleColIndex) {
|
|
22220
|
+
// Any navigation key that ends up scrolling activates the target cell from the
|
|
22221
|
+
// virtualization scroll callback, which runs outside Angular's knowledge, so the
|
|
22222
|
+
// grid must be notified explicitly regardless of the ctrl modifier.
|
|
22223
|
+
const shouldCheckVerticalScroll = VERTICAL_VIRTUALIZATION_NAV_KEYS.has(key);
|
|
22224
|
+
const shouldCheckHorizontalScroll = HORIZONTAL_NAV_KEYS.has(key);
|
|
22225
|
+
return (shouldCheckVerticalScroll && this.shouldPerformVerticalScroll(rowIndex, visibleColIndex)) ||
|
|
22226
|
+
(shouldCheckHorizontalScroll && this.shouldPerformHorizontalScroll(visibleColIndex, rowIndex));
|
|
22227
|
+
}
|
|
22219
22228
|
performVerticalScrollToCell(rowIndex, visibleColIndex = -1, cb) {
|
|
22220
22229
|
if (!this.shouldPerformVerticalScroll(rowIndex, visibleColIndex)) {
|
|
22221
22230
|
if (cb) {
|