@skyux/ag-grid 7.6.0 → 7.6.2
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/documentation.json +279 -279
- package/esm2020/lib/modules/ag-grid/header/header.component.mjs +11 -5
- package/fesm2015/skyux-ag-grid.mjs +9 -3
- package/fesm2015/skyux-ag-grid.mjs.map +1 -1
- package/fesm2020/skyux-ag-grid.mjs +9 -3
- package/fesm2020/skyux-ag-grid.mjs.map +1 -1
- package/lib/modules/ag-grid/header/header.component.d.ts +1 -0
- package/package.json +12 -12
|
@@ -1119,6 +1119,9 @@ class SkyAgGridHeaderComponent {
|
|
|
1119
1119
|
if (!params) {
|
|
1120
1120
|
return;
|
|
1121
1121
|
}
|
|
1122
|
+
this.columnLabel = params.displayName
|
|
1123
|
+
? undefined
|
|
1124
|
+
: params.column.getColDef().field;
|
|
1122
1125
|
__classPrivateFieldSet(this, _SkyAgGridHeaderComponent_subscriptions, new Subscription(), "f");
|
|
1123
1126
|
if (params.column.isFilterAllowed()) {
|
|
1124
1127
|
__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEventPattern((handler) => params.column.addEventListener(Events.EVENT_FILTER_CHANGED, handler), (handler) => params.column.removeEventListener(Events.EVENT_FILTER_CHANGED, handler)).subscribe(() => {
|
|
@@ -1199,11 +1202,14 @@ _SkyAgGridHeaderComponent_subscriptions = new WeakMap(), _SkyAgGridHeaderCompone
|
|
|
1199
1202
|
}
|
|
1200
1203
|
};
|
|
1201
1204
|
SkyAgGridHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyAgGridHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1202
|
-
SkyAgGridHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyAgGridHeaderComponent, selector: "sky-ag-grid-header", viewQueries: [{ propertyName: "inlineHelpContainer", first: true, predicate: ["inlineHelpContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n <span\n *ngIf=\"params?.enableMenu\"\n class=\"ag-header-icon ag-header-cell-menu-button\"\n aria-hidden=\"true\"\n (click)=\"onMenuClick($event)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"menu\"></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"menu\" iconType=\"skyux\"></sky-icon>\n </span>\n <
|
|
1205
|
+
SkyAgGridHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyAgGridHeaderComponent, selector: "sky-ag-grid-header", host: { properties: { "attr.title": "this.columnLabel" } }, viewQueries: [{ propertyName: "inlineHelpContainer", first: true, predicate: ["inlineHelpContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n <span\n *ngIf=\"params?.enableMenu\"\n class=\"ag-header-icon ag-header-cell-menu-button\"\n aria-hidden=\"true\"\n (click)=\"onMenuClick($event)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"menu\"></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"menu\" iconType=\"skyux\"></sky-icon>\n </span>\n <ng-template #headerText>\n <span class=\"ag-header-cell-text\">{{ params?.displayName }}</span>\n <span\n *ngIf=\"filterEnabled$ | async\"\n class=\"ag-header-icon ag-header-label-icon ag-filter-icon\"\n aria-hidden=\"true\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"filter\"\n iconType=\"skyux\"\n ></sky-icon>\n </span>\n <span *ngIf=\"params?.enableSorting\" class=\"ag-sort-indicator-container\">\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'desc'\"\n icon=\"caret-down\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'asc'\"\n icon=\"caret-up\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n <span\n *ngIf=\"sortIndexDisplay$ | async as sortIndexDisplay\"\n class=\"ag-sort-indicator-icon ag-sort-order\"\n aria-hidden=\"true\"\n >{{ sortIndexDisplay }}</span\n >\n </span>\n </ng-template>\n <ng-template #notSortingHeader>\n <div class=\"ag-header-cell-label\" role=\"presentation\">\n <ng-container *ngTemplateOutlet=\"headerText\"></ng-container>\n </div>\n </ng-template>\n <button\n *ngIf=\"params?.enableSorting; else notSortingHeader\"\n class=\"ag-header-cell-label ag-header-cell-label-sortable sky-btn-link-inline\"\n (click)=\"onSortRequested($event)\"\n >\n <ng-container *ngTemplateOutlet=\"headerText\"></ng-container>\n </button>\n</div>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;height:100%;align-items:center;align-content:center}button.ag-header-cell-label{text-transform:inherit;max-width:100%}.ag-cell-label-container{padding:0}.ag-header-cell-label{padding-right:0;padding-left:0}button{cursor:pointer;flex-grow:0;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i2$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1$2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i2$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1203
1206
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyAgGridHeaderComponent, decorators: [{
|
|
1204
1207
|
type: Component,
|
|
1205
|
-
args: [{ selector: 'sky-ag-grid-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n <span\n *ngIf=\"params?.enableMenu\"\n class=\"ag-header-icon ag-header-cell-menu-button\"\n aria-hidden=\"true\"\n (click)=\"onMenuClick($event)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"menu\"></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"menu\" iconType=\"skyux\"></sky-icon>\n </span>\n <
|
|
1206
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyDynamicComponentService }]; }, propDecorators: {
|
|
1208
|
+
args: [{ selector: 'sky-ag-grid-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n <span\n *ngIf=\"params?.enableMenu\"\n class=\"ag-header-icon ag-header-cell-menu-button\"\n aria-hidden=\"true\"\n (click)=\"onMenuClick($event)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"menu\"></sky-icon>\n <sky-icon *skyThemeIf=\"'modern'\" icon=\"menu\" iconType=\"skyux\"></sky-icon>\n </span>\n <ng-template #headerText>\n <span class=\"ag-header-cell-text\">{{ params?.displayName }}</span>\n <span\n *ngIf=\"filterEnabled$ | async\"\n class=\"ag-header-icon ag-header-label-icon ag-filter-icon\"\n aria-hidden=\"true\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"filter\"\n iconType=\"skyux\"\n ></sky-icon>\n </span>\n <span *ngIf=\"params?.enableSorting\" class=\"ag-sort-indicator-container\">\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'desc'\"\n icon=\"caret-down\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n <sky-icon\n *ngIf=\"(sortOrder$ | async) === 'asc'\"\n icon=\"caret-up\"\n class=\"ag-header-label-icon\"\n ></sky-icon>\n <span\n *ngIf=\"sortIndexDisplay$ | async as sortIndexDisplay\"\n class=\"ag-sort-indicator-icon ag-sort-order\"\n aria-hidden=\"true\"\n >{{ sortIndexDisplay }}</span\n >\n </span>\n </ng-template>\n <ng-template #notSortingHeader>\n <div class=\"ag-header-cell-label\" role=\"presentation\">\n <ng-container *ngTemplateOutlet=\"headerText\"></ng-container>\n </div>\n </ng-template>\n <button\n *ngIf=\"params?.enableSorting; else notSortingHeader\"\n class=\"ag-header-cell-label ag-header-cell-label-sortable sky-btn-link-inline\"\n (click)=\"onSortRequested($event)\"\n >\n <ng-container *ngTemplateOutlet=\"headerText\"></ng-container>\n </button>\n</div>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;height:100%;align-items:center;align-content:center}button.ag-header-cell-label{text-transform:inherit;max-width:100%}.ag-cell-label-container{padding:0}.ag-header-cell-label{padding-right:0;padding-left:0}button{cursor:pointer;flex-grow:0;flex-shrink:0}\n"] }]
|
|
1209
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyDynamicComponentService }]; }, propDecorators: { columnLabel: [{
|
|
1210
|
+
type: HostBinding,
|
|
1211
|
+
args: ['attr.title']
|
|
1212
|
+
}], inlineHelpContainer: [{
|
|
1207
1213
|
type: ViewChild,
|
|
1208
1214
|
args: ['inlineHelpContainer', { read: ElementRef, static: true }]
|
|
1209
1215
|
}] } });
|