igniteui-angular 19.2.31 → 19.2.33
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.
|
@@ -7785,7 +7785,13 @@ class IgxOverlayService {
|
|
|
7785
7785
|
}
|
|
7786
7786
|
}
|
|
7787
7787
|
this.updateSize(info);
|
|
7788
|
+
const openAnimation = info.settings.positionStrategy.settings.openAnimation;
|
|
7789
|
+
const closeAnimation = info.settings.positionStrategy.settings.closeAnimation;
|
|
7788
7790
|
info.settings.positionStrategy.position(info.elementRef.nativeElement.parentElement, { width: info.initialSize.width, height: info.initialSize.height }, this._document, true, info.settings.target);
|
|
7791
|
+
if (openAnimation !== info.settings.positionStrategy.settings.openAnimation ||
|
|
7792
|
+
closeAnimation !== info.settings.positionStrategy.settings.closeAnimation) {
|
|
7793
|
+
this.buildAnimationPlayers(info);
|
|
7794
|
+
}
|
|
7789
7795
|
this.addModalClasses(info);
|
|
7790
7796
|
if (info.settings.positionStrategy.settings.openAnimation) {
|
|
7791
7797
|
// TODO: should we build players again. This was already done in attach!!!
|
|
@@ -20535,6 +20541,9 @@ class IgxToggleDirective {
|
|
|
20535
20541
|
get hiddenClass() {
|
|
20536
20542
|
return this.collapsed;
|
|
20537
20543
|
}
|
|
20544
|
+
/**
|
|
20545
|
+
* @hidden
|
|
20546
|
+
*/
|
|
20538
20547
|
get hiddenWebkitClass() {
|
|
20539
20548
|
const isSafari = this.platform?.isSafari;
|
|
20540
20549
|
const browserVersion = this.platform?.browserVersion;
|
|
@@ -20674,6 +20683,14 @@ class IgxToggleDirective {
|
|
|
20674
20683
|
return;
|
|
20675
20684
|
}
|
|
20676
20685
|
this._collapsed = false;
|
|
20686
|
+
// TODO: this is a workaround for the issue introduced by Angular's with Ivy renderer.
|
|
20687
|
+
// When calling detectChanges(), Angular marks the element for check, but does not update the classes
|
|
20688
|
+
// immediately, which causes the overlay to calculate incorrect dimensions of target element.
|
|
20689
|
+
// Overlay show should be called in the next tick to ensure the classes are updated and target element is measured correctly.
|
|
20690
|
+
// Note: across the codebase, each host binding should be checked and similar fix applied if needed!!!
|
|
20691
|
+
this.elementRef.nativeElement.className = this.elementRef.nativeElement.className.replace('igx-toggle--hidden', 'igx-toggle');
|
|
20692
|
+
this.elementRef.nativeElement.className = this.elementRef.nativeElement.className.replace('igx-toggle--hidden-webkit', 'igx-toggle');
|
|
20693
|
+
this.elementRef.nativeElement.removeAttribute('aria-hidden');
|
|
20677
20694
|
this.cdr.detectChanges();
|
|
20678
20695
|
if (!info) {
|
|
20679
20696
|
this.unsubscribe();
|
|
@@ -20824,14 +20841,20 @@ class IgxToggleDirective {
|
|
|
20824
20841
|
}
|
|
20825
20842
|
}
|
|
20826
20843
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: IgxToggleDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: IgxOverlayService }, { token: IgxNavigationService, optional: true }, { token: PlatformUtil, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
20827
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.5", type: IgxToggleDirective, isStandalone: true, selector: "[igxToggle]", inputs: { id: "id" }, outputs: { opened: "opened", opening: "opening", closed: "closed", closing: "closing", appended: "appended" }, host: { properties: { "class.igx-toggle--hidden": "
|
|
20844
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.5", type: IgxToggleDirective, isStandalone: true, selector: "[igxToggle]", inputs: { id: "id" }, outputs: { opened: "opened", opening: "opening", closed: "closed", closing: "closing", appended: "appended" }, host: { properties: { "class.igx-toggle--hidden": "hiddenClass", "attr.aria-hidden": "hiddenClass", "class.igx-toggle--hidden-webkit": "hiddenWebkitClass", "class.igx-toggle": "defaultClass" } }, exportAs: ["toggle"], ngImport: i0 }); }
|
|
20828
20845
|
}
|
|
20829
20846
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: IgxToggleDirective, decorators: [{
|
|
20830
20847
|
type: Directive,
|
|
20831
20848
|
args: [{
|
|
20832
20849
|
exportAs: 'toggle',
|
|
20833
20850
|
selector: '[igxToggle]',
|
|
20834
|
-
standalone: true
|
|
20851
|
+
standalone: true,
|
|
20852
|
+
host: {
|
|
20853
|
+
'[class.igx-toggle--hidden]': 'hiddenClass',
|
|
20854
|
+
'[attr.aria-hidden]': 'hiddenClass',
|
|
20855
|
+
'[class.igx-toggle--hidden-webkit]': 'hiddenWebkitClass',
|
|
20856
|
+
'[class.igx-toggle]': 'defaultClass'
|
|
20857
|
+
}
|
|
20835
20858
|
}]
|
|
20836
20859
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: IgxOverlayService, decorators: [{
|
|
20837
20860
|
type: Inject,
|
|
@@ -20852,18 +20875,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
20852
20875
|
type: Output
|
|
20853
20876
|
}], id: [{
|
|
20854
20877
|
type: Input
|
|
20855
|
-
}], hiddenClass: [{
|
|
20856
|
-
type: HostBinding,
|
|
20857
|
-
args: ['class.igx-toggle--hidden']
|
|
20858
|
-
}, {
|
|
20859
|
-
type: HostBinding,
|
|
20860
|
-
args: ['attr.aria-hidden']
|
|
20861
|
-
}], hiddenWebkitClass: [{
|
|
20862
|
-
type: HostBinding,
|
|
20863
|
-
args: ['class.igx-toggle--hidden-webkit']
|
|
20864
|
-
}], defaultClass: [{
|
|
20865
|
-
type: HostBinding,
|
|
20866
|
-
args: ['class.igx-toggle']
|
|
20867
20878
|
}] } });
|
|
20868
20879
|
class IgxToggleActionDirective {
|
|
20869
20880
|
/**
|
|
@@ -25525,8 +25536,11 @@ class IgxCellCrudState {
|
|
|
25525
25536
|
return args;
|
|
25526
25537
|
}
|
|
25527
25538
|
/** Clears cell editing state */
|
|
25528
|
-
endCellEdit() {
|
|
25539
|
+
endCellEdit(restoreFocus = false) {
|
|
25529
25540
|
this.cell = null;
|
|
25541
|
+
if (restoreFocus) {
|
|
25542
|
+
this.grid.tbody.nativeElement.focus();
|
|
25543
|
+
}
|
|
25530
25544
|
}
|
|
25531
25545
|
/** Returns whether the targeted cell is in edit mode */
|
|
25532
25546
|
targetInEdit(rowIndex, columnIndex) {
|
|
@@ -43368,7 +43382,7 @@ class IgxGridCell {
|
|
|
43368
43382
|
this.grid.crudService.enterEditMode(this);
|
|
43369
43383
|
}
|
|
43370
43384
|
else {
|
|
43371
|
-
this.grid.crudService.endCellEdit();
|
|
43385
|
+
this.grid.crudService.endCellEdit(true);
|
|
43372
43386
|
}
|
|
43373
43387
|
this.grid.notifyChanges();
|
|
43374
43388
|
}
|
|
@@ -78052,11 +78066,11 @@ class IgxPivotRowComponent extends IgxRowDirective {
|
|
|
78052
78066
|
};
|
|
78053
78067
|
}
|
|
78054
78068
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: IgxPivotRowComponent, deps: [{ token: IGX_GRID_BASE }, { token: IgxGridSelectionService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78055
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: IgxPivotRowComponent, isStandalone: true, selector: "igx-pivot-row", inputs: { selected: "selected", data: "data" }, host: { properties: { "attr.aria-selected": "this.selected" } }, providers: [{ provide: IgxRowDirective, useExisting: forwardRef(() => IgxPivotRowComponent) }], usesInheritance: true, ngImport: i0, template: "<ng-template igxGridFor let-col [igxGridForOf]=\"unpinnedColumns | igxNotGrouped\"\n [igxForScrollContainer]=\"grid.parentVirtDir\" let-colIndex=\"index\" [igxForSizePropName]='\"calcPixelWidth\"'\n [igxForScrollOrientation]=\"'horizontal'\" [igxForContainerSize]='grid.unpinnedWidth'\n [igxForTrackBy]='grid.trackColumnChanges' #igxDirRef>\n <igx-grid-cell #cell class=\"igx-grid__td igx-grid__td--fw\"\n [class.igx-grid__td--edited]=\"key | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.gridAPI.crudService.cell:grid.gridAPI.crudService.row\"\n\n [class.igx-grid__td--number]=\"col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency'\"\n [class.igx-grid__td--bool]=\"col.dataType === 'boolean'\"\n [ngClass]=\"this.getCellClass(col) | igxPivotCellStyleClasses:data[col.field]:data:getColumnData(col):viewIndex:grid.pipeTrigger\"\n [ngStyle]=\"col.cellStyles | igxCellStyles:pivotAggregationData[col.field]:pivotAggregationData:col.field:viewIndex:grid.pipeTrigger\"\n [editMode]=\"col.editable && this.grid.crudService.targetInEdit(index, col.index)\" [column]=\"col\"\n [formatter]=\"col.formatter\" [intRow]=\"this\" [active]=\"isCellActive(col.visibleIndex)\"\n [rowData]=\"data\" [columnData]='getColumnData(col)'\n [style.min-width]=\"col.resolvedWidth\" [style.max-width]=\"col.resolvedWidth\"\n [style.flex-basis]=\"col.resolvedWidth\" [width]=\"col.getCellWidth()\" [visibleColumnIndex]=\"col.visibleIndex\"\n [value]=\"pivotAggregationData[col.field]
|
|
78069
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: IgxPivotRowComponent, isStandalone: true, selector: "igx-pivot-row", inputs: { selected: "selected", data: "data" }, host: { properties: { "attr.aria-selected": "this.selected" } }, providers: [{ provide: IgxRowDirective, useExisting: forwardRef(() => IgxPivotRowComponent) }], usesInheritance: true, ngImport: i0, template: "<ng-template igxGridFor let-col [igxGridForOf]=\"unpinnedColumns | igxNotGrouped\"\n [igxForScrollContainer]=\"grid.parentVirtDir\" let-colIndex=\"index\" [igxForSizePropName]='\"calcPixelWidth\"'\n [igxForScrollOrientation]=\"'horizontal'\" [igxForContainerSize]='grid.unpinnedWidth'\n [igxForTrackBy]='grid.trackColumnChanges' #igxDirRef>\n <igx-grid-cell #cell class=\"igx-grid__td igx-grid__td--fw\"\n [class.igx-grid__td--edited]=\"key | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.gridAPI.crudService.cell:grid.gridAPI.crudService.row\"\n\n [class.igx-grid__td--number]=\"col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency'\"\n [class.igx-grid__td--bool]=\"col.dataType === 'boolean'\"\n [ngClass]=\"this.getCellClass(col) | igxPivotCellStyleClasses:data[col.field]:data:getColumnData(col):viewIndex:grid.pipeTrigger\"\n [ngStyle]=\"col.cellStyles | igxCellStyles:pivotAggregationData[col.field]:pivotAggregationData:col.field:viewIndex:grid.pipeTrigger\"\n [editMode]=\"col.editable && this.grid.crudService.targetInEdit(index, col.index)\" [column]=\"col\"\n [formatter]=\"col.formatter\" [intRow]=\"this\" [active]=\"isCellActive(col.visibleIndex)\"\n [rowData]=\"data\" [columnData]='getColumnData(col)'\n [style.min-width]=\"col.resolvedWidth\" [style.max-width]=\"col.resolvedWidth\"\n [style.flex-basis]=\"col.resolvedWidth\" [width]=\"col.getCellWidth()\" [visibleColumnIndex]=\"col.visibleIndex\"\n [value]=\"pivotAggregationData[col.field]\"\n [cellTemplate]=\"col.bodyTemplate\" [lastSearchInfo]=\"grid.lastSearchInfo\"\n [cellSelectionMode]=\"grid.cellSelection\" [displayPinnedChip]=\"shouldDisplayPinnedChip(col.visibleIndex)\"\n (pointerdown)=\"grid.navigation.focusOutRowHeader($event)\">\n </igx-grid-cell>\n</ng-template>\n\n<ng-template #rowSelectorBaseTemplate>\n <div class=\"igx-grid__cbx-padding\">\n <igx-checkbox [tabindex]=\"-1\" [readonly]=\"true\" [checked]=\"selected\" [disableRipple]=\"true\" [disabled]=\"deleted\"\n [disableTransitions]=\"grid.disableTransitions\" [aria-label]=\"rowCheckboxAriaLabel\">\n </igx-checkbox>\n </div>\n</ng-template>\n\n", dependencies: [{ kind: "directive", type: IgxGridForOfDirective, selector: "[igxGridFor][igxGridForOf]", inputs: ["igxGridForOf", "igxGridForOfUniqueSizeCache", "igxGridForOfVariableSizes"], outputs: ["dataChanging"] }, { kind: "component", type: IgxGridCellComponent, selector: "igx-grid-cell", inputs: ["column", "intRow", "row", "rowData", "columnData", "cellTemplate", "cellValidationErrorTemplate", "pinnedIndicator", "value", "formatter", "visibleColumnIndex", "cellSelectionMode", "lastSearchInfo", "lastPinned", "firstPinned", "editMode", "width", "active", "displayPinnedChip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IgxCheckboxComponent, selector: "igx-checkbox", inputs: ["indeterminate", "checked", "disabled", "invalid", "readonly", "disableTransitions"] }, { kind: "pipe", type: IgxGridNotGroupedPipe, name: "igxNotGrouped" }, { kind: "pipe", type: IgxGridCellStylesPipe, name: "igxCellStyles" }, { kind: "pipe", type: IgxGridTransactionStatePipe, name: "transactionState" }, { kind: "pipe", type: IgxPivotGridCellStyleClassesPipe, name: "igxPivotCellStyleClasses" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
78056
78070
|
}
|
|
78057
78071
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: IgxPivotRowComponent, decorators: [{
|
|
78058
78072
|
type: Component,
|
|
78059
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'igx-pivot-row', providers: [{ provide: IgxRowDirective, useExisting: forwardRef(() => IgxPivotRowComponent) }], imports: [IgxGridForOfDirective, IgxGridCellComponent, NgClass, NgStyle, IgxCheckboxComponent, IgxGridNotGroupedPipe, IgxGridCellStylesPipe,
|
|
78073
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'igx-pivot-row', providers: [{ provide: IgxRowDirective, useExisting: forwardRef(() => IgxPivotRowComponent) }], imports: [IgxGridForOfDirective, IgxGridCellComponent, NgClass, NgStyle, IgxCheckboxComponent, IgxGridNotGroupedPipe, IgxGridCellStylesPipe, IgxGridTransactionStatePipe, IgxPivotGridCellStyleClassesPipe], template: "<ng-template igxGridFor let-col [igxGridForOf]=\"unpinnedColumns | igxNotGrouped\"\n [igxForScrollContainer]=\"grid.parentVirtDir\" let-colIndex=\"index\" [igxForSizePropName]='\"calcPixelWidth\"'\n [igxForScrollOrientation]=\"'horizontal'\" [igxForContainerSize]='grid.unpinnedWidth'\n [igxForTrackBy]='grid.trackColumnChanges' #igxDirRef>\n <igx-grid-cell #cell class=\"igx-grid__td igx-grid__td--fw\"\n [class.igx-grid__td--edited]=\"key | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.gridAPI.crudService.cell:grid.gridAPI.crudService.row\"\n\n [class.igx-grid__td--number]=\"col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency'\"\n [class.igx-grid__td--bool]=\"col.dataType === 'boolean'\"\n [ngClass]=\"this.getCellClass(col) | igxPivotCellStyleClasses:data[col.field]:data:getColumnData(col):viewIndex:grid.pipeTrigger\"\n [ngStyle]=\"col.cellStyles | igxCellStyles:pivotAggregationData[col.field]:pivotAggregationData:col.field:viewIndex:grid.pipeTrigger\"\n [editMode]=\"col.editable && this.grid.crudService.targetInEdit(index, col.index)\" [column]=\"col\"\n [formatter]=\"col.formatter\" [intRow]=\"this\" [active]=\"isCellActive(col.visibleIndex)\"\n [rowData]=\"data\" [columnData]='getColumnData(col)'\n [style.min-width]=\"col.resolvedWidth\" [style.max-width]=\"col.resolvedWidth\"\n [style.flex-basis]=\"col.resolvedWidth\" [width]=\"col.getCellWidth()\" [visibleColumnIndex]=\"col.visibleIndex\"\n [value]=\"pivotAggregationData[col.field]\"\n [cellTemplate]=\"col.bodyTemplate\" [lastSearchInfo]=\"grid.lastSearchInfo\"\n [cellSelectionMode]=\"grid.cellSelection\" [displayPinnedChip]=\"shouldDisplayPinnedChip(col.visibleIndex)\"\n (pointerdown)=\"grid.navigation.focusOutRowHeader($event)\">\n </igx-grid-cell>\n</ng-template>\n\n<ng-template #rowSelectorBaseTemplate>\n <div class=\"igx-grid__cbx-padding\">\n <igx-checkbox [tabindex]=\"-1\" [readonly]=\"true\" [checked]=\"selected\" [disableRipple]=\"true\" [disabled]=\"deleted\"\n [disableTransitions]=\"grid.disableTransitions\" [aria-label]=\"rowCheckboxAriaLabel\">\n </igx-checkbox>\n </div>\n</ng-template>\n\n" }]
|
|
78060
78074
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
78061
78075
|
type: Inject,
|
|
78062
78076
|
args: [IGX_GRID_BASE]
|
|
@@ -81511,7 +81525,7 @@ class BaseToolbarDirective {
|
|
|
81511
81525
|
this.columnToggle = new EventEmitter();
|
|
81512
81526
|
this.$destroy = new Subject();
|
|
81513
81527
|
this._overlaySettings = {
|
|
81514
|
-
positionStrategy: new
|
|
81528
|
+
positionStrategy: new AutoPositionStrategy({
|
|
81515
81529
|
horizontalDirection: HorizontalAlignment.Left,
|
|
81516
81530
|
horizontalStartPoint: HorizontalAlignment.Right,
|
|
81517
81531
|
verticalDirection: VerticalAlignment.Bottom,
|
|
@@ -86721,7 +86735,7 @@ class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective {
|
|
|
86721
86735
|
IgxRowIslandAPIService,
|
|
86722
86736
|
IgxFilteringService,
|
|
86723
86737
|
IgxGridSelectionService
|
|
86724
|
-
], queries: [{ propertyName: "toolbarDirectiveTemplate", first: true, predicate: IgxGridToolbarDirective,
|
|
86738
|
+
], queries: [{ propertyName: "toolbarDirectiveTemplate", first: true, predicate: IgxGridToolbarDirective, read: TemplateRef }, { propertyName: "paginatorDirectiveTemplate", first: true, predicate: IgxPaginatorDirective, read: TemplateRef }, { propertyName: "children", predicate: i0.forwardRef(() => IgxRowIslandComponent), read: IgxRowIslandComponent }, { propertyName: "childLayoutList", predicate: i0.forwardRef(() => IgxRowIslandComponent), read: IgxRowIslandComponent }, { propertyName: "childColumns", predicate: IgxColumnComponent, read: IgxColumnComponent }, { propertyName: "actionStripComponents", predicate: IgxActionStripToken, read: IgxActionStripToken }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `@if (platform.isElements) {
|
|
86725
86739
|
<div #sink style="display: none;">
|
|
86726
86740
|
<ng-content select="igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip"></ng-content>
|
|
86727
86741
|
<ng-content select="igx-row-island,igc-row-island"></ng-content>
|
|
@@ -86773,10 +86787,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
|
|
|
86773
86787
|
args: [IgxColumnComponent, { read: IgxColumnComponent, descendants: false }]
|
|
86774
86788
|
}], toolbarDirectiveTemplate: [{
|
|
86775
86789
|
type: ContentChild,
|
|
86776
|
-
args: [IgxGridToolbarDirective, { read: TemplateRef }]
|
|
86790
|
+
args: [IgxGridToolbarDirective, { read: TemplateRef, descendants: false }]
|
|
86777
86791
|
}], paginatorDirectiveTemplate: [{
|
|
86778
86792
|
type: ContentChild,
|
|
86779
|
-
args: [IgxPaginatorDirective, { read: TemplateRef }]
|
|
86793
|
+
args: [IgxPaginatorDirective, { read: TemplateRef, descendants: false }]
|
|
86780
86794
|
}], toolbarTemplate: [{
|
|
86781
86795
|
type: Input
|
|
86782
86796
|
}], paginatorTemplate: [{
|