@ni/nimble-angular 23.1.10 → 23.2.0
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/esm2022/table-column/icon/nimble-table-column-icon.directive.mjs +13 -3
- package/fesm2022/ni-nimble-angular-table-column-icon.mjs +11 -1
- package/fesm2022/ni-nimble-angular-table-column-icon.mjs.map +1 -1
- package/package.json +2 -2
- package/table-column/icon/nimble-table-column-icon.directive.d.ts +5 -2
|
@@ -3,8 +3,9 @@ import { tableColumnIconTag } from '@ni/nimble-components/dist/esm/table-column/
|
|
|
3
3
|
import { toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
|
|
4
4
|
import { NimbleTableColumnBaseDirective } from '@ni/nimble-angular/table-column';
|
|
5
5
|
import { MappingKeyType } from '@ni/nimble-components/dist/esm/table-column/enum-base/types';
|
|
6
|
+
import { TableColumnMappingWidthMode } from '@ni/nimble-components/dist/esm/table-column/icon/types';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
|
-
export { MappingKeyType };
|
|
8
|
+
export { MappingKeyType, TableColumnMappingWidthMode };
|
|
8
9
|
export { tableColumnIconTag };
|
|
9
10
|
/**
|
|
10
11
|
* Directive to provide Angular integration for the table column element for icons/spinners.
|
|
@@ -46,11 +47,17 @@ export class NimbleTableColumnIconDirective extends NimbleTableColumnBaseDirecti
|
|
|
46
47
|
set groupingDisabled(value) {
|
|
47
48
|
this.renderer.setProperty(this.elementRef.nativeElement, 'groupingDisabled', toBooleanProperty(value));
|
|
48
49
|
}
|
|
50
|
+
get widthMode() {
|
|
51
|
+
return this.elementRef.nativeElement.widthMode;
|
|
52
|
+
}
|
|
53
|
+
set widthMode(value) {
|
|
54
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'widthMode', value);
|
|
55
|
+
}
|
|
49
56
|
constructor(renderer, elementRef) {
|
|
50
57
|
super(renderer, elementRef);
|
|
51
58
|
}
|
|
52
59
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NimbleTableColumnIconDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
53
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NimbleTableColumnIconDirective, selector: "nimble-table-column-icon", inputs: { fieldName: ["field-name", "fieldName"], keyType: ["key-type", "keyType"], fractionalWidth: ["fractional-width", "fractionalWidth"], minPixelWidth: ["min-pixel-width", "minPixelWidth"], groupIndex: ["group-index", "groupIndex"], groupingDisabled: ["grouping-disabled", "groupingDisabled"] }, usesInheritance: true, ngImport: i0 }); }
|
|
60
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NimbleTableColumnIconDirective, selector: "nimble-table-column-icon", inputs: { fieldName: ["field-name", "fieldName"], keyType: ["key-type", "keyType"], fractionalWidth: ["fractional-width", "fractionalWidth"], minPixelWidth: ["min-pixel-width", "minPixelWidth"], groupIndex: ["group-index", "groupIndex"], groupingDisabled: ["grouping-disabled", "groupingDisabled"], widthMode: ["width-mode", "widthMode"] }, usesInheritance: true, ngImport: i0 }); }
|
|
54
61
|
}
|
|
55
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NimbleTableColumnIconDirective, decorators: [{
|
|
56
63
|
type: Directive,
|
|
@@ -75,5 +82,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
75
82
|
}], groupingDisabled: [{
|
|
76
83
|
type: Input,
|
|
77
84
|
args: ['grouping-disabled']
|
|
85
|
+
}], widthMode: [{
|
|
86
|
+
type: Input,
|
|
87
|
+
args: ['width-mode']
|
|
78
88
|
}] } });
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLXRhYmxlLWNvbHVtbi1pY29uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pL25pbWJsZS1hbmd1bGFyL3RhYmxlLWNvbHVtbi9pY29uL25pbWJsZS10YWJsZS1jb2x1bW4taWNvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUF3QixrQkFBa0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzVHLE9BQU8sRUFBbUQsaUJBQWlCLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNySixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkRBQTZELENBQUM7QUFDN0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sd0RBQXdELENBQUM7O0FBRXJHLE9BQU8sRUFBRSxjQUFjLEVBQUUsMkJBQTJCLEVBQUUsQ0FBQztBQUV2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztBQUU5Qjs7R0FFRztBQUlILE1BQU0sT0FBTyw4QkFBK0IsU0FBUSw4QkFBK0M7SUFDL0YsSUFBVyxTQUFTO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO0lBQ25ELENBQUM7SUFFRCxJQUFnQyxTQUFTLENBQUMsS0FBeUI7UUFDL0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFRCxJQUFXLE9BQU87UUFDZCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBOEIsT0FBTyxDQUFDLEtBQXFCO1FBQ3ZELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUMvRSxDQUFDO0lBRUQsSUFBVyxlQUFlO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDO0lBQ3pELENBQUM7SUFFRCxJQUFzQyxlQUFlLENBQUMsS0FBZ0Q7UUFDbEcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsaUJBQWlCLEVBQUUsd0JBQXdCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNqSCxDQUFDO0lBRUQsSUFBVyxhQUFhO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDO0lBQ3ZELENBQUM7SUFFRCxJQUFxQyxhQUFhLENBQUMsS0FBZ0Q7UUFDL0YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsZUFBZSxFQUFFLHdCQUF3QixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDL0csQ0FBQztJQUVELElBQVcsVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQztJQUNwRCxDQUFDO0lBRUQsSUFBaUMsVUFBVSxDQUFDLEtBQWdEO1FBQ3hGLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFlBQVksRUFBRSx3QkFBd0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzVHLENBQUM7SUFFRCxJQUFXLGdCQUFnQjtRQUN2QixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDO0lBQzFELENBQUM7SUFFRCxJQUF1QyxnQkFBZ0IsQ0FBQyxLQUE4QjtRQUNsRixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzNHLENBQUM7SUFFRCxJQUFXLFNBQVM7UUFDaEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7SUFDbkQsQ0FBQztJQUVELElBQWdDLFNBQVMsQ0FBQyxLQUFrQztRQUN4RSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDakYsQ0FBQztJQUVELFlBQW1CLFFBQW1CLEVBQUUsVUFBdUM7UUFDM0UsS0FBSyxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQTNEUSw4QkFBOEI7bUdBQTlCLDhCQUE4Qjs7NEZBQTlCLDhCQUE4QjtrQkFIMUMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsMEJBQTBCO2lCQUN2Qzt5SEFNbUMsU0FBUztzQkFBeEMsS0FBSzt1QkFBQyxZQUFZO2dCQVFXLE9BQU87c0JBQXBDLEtBQUs7dUJBQUMsVUFBVTtnQkFRcUIsZUFBZTtzQkFBcEQsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBUVksYUFBYTtzQkFBakQsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBUVMsVUFBVTtzQkFBMUMsS0FBSzt1QkFBQyxhQUFhO2dCQVFtQixnQkFBZ0I7c0JBQXRELEtBQUs7dUJBQUMsbUJBQW1CO2dCQVFNLFNBQVM7c0JBQXhDLEtBQUs7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdHlwZSBUYWJsZUNvbHVtbkljb24sIHRhYmxlQ29sdW1uSWNvblRhZyB9IGZyb20gJ0BuaS9uaW1ibGUtY29tcG9uZW50cy9kaXN0L2VzbS90YWJsZS1jb2x1bW4vaWNvbic7XG5pbXBvcnQgeyBCb29sZWFuVmFsdWVPckF0dHJpYnV0ZSwgTnVtYmVyVmFsdWVPckF0dHJpYnV0ZSwgdG9Cb29sZWFuUHJvcGVydHksIHRvTnVsbGFibGVOdW1iZXJQcm9wZXJ0eSB9IGZyb20gJ0BuaS9uaW1ibGUtYW5ndWxhci9pbnRlcm5hbC11dGlsaXRpZXMnO1xuaW1wb3J0IHsgTmltYmxlVGFibGVDb2x1bW5CYXNlRGlyZWN0aXZlIH0gZnJvbSAnQG5pL25pbWJsZS1hbmd1bGFyL3RhYmxlLWNvbHVtbic7XG5pbXBvcnQgeyBNYXBwaW5nS2V5VHlwZSB9IGZyb20gJ0BuaS9uaW1ibGUtY29tcG9uZW50cy9kaXN0L2VzbS90YWJsZS1jb2x1bW4vZW51bS1iYXNlL3R5cGVzJztcbmltcG9ydCB7IFRhYmxlQ29sdW1uTWFwcGluZ1dpZHRoTW9kZSB9IGZyb20gJ0BuaS9uaW1ibGUtY29tcG9uZW50cy9kaXN0L2VzbS90YWJsZS1jb2x1bW4vaWNvbi90eXBlcyc7XG5cbmV4cG9ydCB7IE1hcHBpbmdLZXlUeXBlLCBUYWJsZUNvbHVtbk1hcHBpbmdXaWR0aE1vZGUgfTtcbmV4cG9ydCB0eXBlIHsgVGFibGVDb2x1bW5JY29uIH07XG5leHBvcnQgeyB0YWJsZUNvbHVtbkljb25UYWcgfTtcblxuLyoqXG4gKiBEaXJlY3RpdmUgdG8gcHJvdmlkZSBBbmd1bGFyIGludGVncmF0aW9uIGZvciB0aGUgdGFibGUgY29sdW1uIGVsZW1lbnQgZm9yIGljb25zL3NwaW5uZXJzLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ25pbWJsZS10YWJsZS1jb2x1bW4taWNvbidcbn0pXG5leHBvcnQgY2xhc3MgTmltYmxlVGFibGVDb2x1bW5JY29uRGlyZWN0aXZlIGV4dGVuZHMgTmltYmxlVGFibGVDb2x1bW5CYXNlRGlyZWN0aXZlPFRhYmxlQ29sdW1uSWNvbj4ge1xuICAgIHB1YmxpYyBnZXQgZmllbGROYW1lKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5maWVsZE5hbWU7XG4gICAgfVxuXG4gICAgQElucHV0KCdmaWVsZC1uYW1lJykgcHVibGljIHNldCBmaWVsZE5hbWUodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZmllbGROYW1lJywgdmFsdWUpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQga2V5VHlwZSgpOiBNYXBwaW5nS2V5VHlwZSB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5rZXlUeXBlO1xuICAgIH1cblxuICAgIEBJbnB1dCgna2V5LXR5cGUnKSBwdWJsaWMgc2V0IGtleVR5cGUodmFsdWU6IE1hcHBpbmdLZXlUeXBlKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdrZXlUeXBlJywgdmFsdWUpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgZnJhY3Rpb25hbFdpZHRoKCk6IG51bWJlciB8IG51bGwgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZnJhY3Rpb25hbFdpZHRoO1xuICAgIH1cblxuICAgIEBJbnB1dCgnZnJhY3Rpb25hbC13aWR0aCcpIHB1YmxpYyBzZXQgZnJhY3Rpb25hbFdpZHRoKHZhbHVlOiBOdW1iZXJWYWx1ZU9yQXR0cmlidXRlIHwgbnVsbCB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZnJhY3Rpb25hbFdpZHRoJywgdG9OdWxsYWJsZU51bWJlclByb3BlcnR5KHZhbHVlKSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBtaW5QaXhlbFdpZHRoKCk6IG51bWJlciB8IG51bGwgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQubWluUGl4ZWxXaWR0aDtcbiAgICB9XG5cbiAgICBASW5wdXQoJ21pbi1waXhlbC13aWR0aCcpIHB1YmxpYyBzZXQgbWluUGl4ZWxXaWR0aCh2YWx1ZTogTnVtYmVyVmFsdWVPckF0dHJpYnV0ZSB8IG51bGwgfCB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRQcm9wZXJ0eSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ21pblBpeGVsV2lkdGgnLCB0b051bGxhYmxlTnVtYmVyUHJvcGVydHkodmFsdWUpKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGdyb3VwSW5kZXgoKTogbnVtYmVyIHwgbnVsbCB8IHVuZGVmaW5lZCB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5ncm91cEluZGV4O1xuICAgIH1cblxuICAgIEBJbnB1dCgnZ3JvdXAtaW5kZXgnKSBwdWJsaWMgc2V0IGdyb3VwSW5kZXgodmFsdWU6IE51bWJlclZhbHVlT3JBdHRyaWJ1dGUgfCBudWxsIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdncm91cEluZGV4JywgdG9OdWxsYWJsZU51bWJlclByb3BlcnR5KHZhbHVlKSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBncm91cGluZ0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ3JvdXBpbmdEaXNhYmxlZDtcbiAgICB9XG5cbiAgICBASW5wdXQoJ2dyb3VwaW5nLWRpc2FibGVkJykgcHVibGljIHNldCBncm91cGluZ0Rpc2FibGVkKHZhbHVlOiBCb29sZWFuVmFsdWVPckF0dHJpYnV0ZSkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZ3JvdXBpbmdEaXNhYmxlZCcsIHRvQm9vbGVhblByb3BlcnR5KHZhbHVlKSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCB3aWR0aE1vZGUoKTogVGFibGVDb2x1bW5NYXBwaW5nV2lkdGhNb2RlIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LndpZHRoTW9kZTtcbiAgICB9XG5cbiAgICBASW5wdXQoJ3dpZHRoLW1vZGUnKSBwdWJsaWMgc2V0IHdpZHRoTW9kZSh2YWx1ZTogVGFibGVDb2x1bW5NYXBwaW5nV2lkdGhNb2RlKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICd3aWR0aE1vZGUnLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKHJlbmRlcmVyOiBSZW5kZXJlcjIsIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8VGFibGVDb2x1bW5JY29uPikge1xuICAgICAgICBzdXBlcihyZW5kZXJlciwgZWxlbWVudFJlZik7XG4gICAgfVxufVxuIl19
|
|
@@ -4,6 +4,7 @@ export { tableColumnIconTag } from '@ni/nimble-components/dist/esm/table-column/
|
|
|
4
4
|
import { toNullableNumberProperty, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
|
|
5
5
|
import { NimbleTableColumnBaseDirective } from '@ni/nimble-angular/table-column';
|
|
6
6
|
export { MappingKeyType } from '@ni/nimble-components/dist/esm/table-column/enum-base/types';
|
|
7
|
+
export { TableColumnMappingWidthMode } from '@ni/nimble-components/dist/esm/table-column/icon/types';
|
|
7
8
|
import { CommonModule } from '@angular/common';
|
|
8
9
|
|
|
9
10
|
/**
|
|
@@ -46,11 +47,17 @@ class NimbleTableColumnIconDirective extends NimbleTableColumnBaseDirective {
|
|
|
46
47
|
set groupingDisabled(value) {
|
|
47
48
|
this.renderer.setProperty(this.elementRef.nativeElement, 'groupingDisabled', toBooleanProperty(value));
|
|
48
49
|
}
|
|
50
|
+
get widthMode() {
|
|
51
|
+
return this.elementRef.nativeElement.widthMode;
|
|
52
|
+
}
|
|
53
|
+
set widthMode(value) {
|
|
54
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'widthMode', value);
|
|
55
|
+
}
|
|
49
56
|
constructor(renderer, elementRef) {
|
|
50
57
|
super(renderer, elementRef);
|
|
51
58
|
}
|
|
52
59
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NimbleTableColumnIconDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
53
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NimbleTableColumnIconDirective, selector: "nimble-table-column-icon", inputs: { fieldName: ["field-name", "fieldName"], keyType: ["key-type", "keyType"], fractionalWidth: ["fractional-width", "fractionalWidth"], minPixelWidth: ["min-pixel-width", "minPixelWidth"], groupIndex: ["group-index", "groupIndex"], groupingDisabled: ["grouping-disabled", "groupingDisabled"] }, usesInheritance: true, ngImport: i0 }); }
|
|
60
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NimbleTableColumnIconDirective, selector: "nimble-table-column-icon", inputs: { fieldName: ["field-name", "fieldName"], keyType: ["key-type", "keyType"], fractionalWidth: ["fractional-width", "fractionalWidth"], minPixelWidth: ["min-pixel-width", "minPixelWidth"], groupIndex: ["group-index", "groupIndex"], groupingDisabled: ["grouping-disabled", "groupingDisabled"], widthMode: ["width-mode", "widthMode"] }, usesInheritance: true, ngImport: i0 }); }
|
|
54
61
|
}
|
|
55
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NimbleTableColumnIconDirective, decorators: [{
|
|
56
63
|
type: Directive,
|
|
@@ -75,6 +82,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
75
82
|
}], groupingDisabled: [{
|
|
76
83
|
type: Input,
|
|
77
84
|
args: ['grouping-disabled']
|
|
85
|
+
}], widthMode: [{
|
|
86
|
+
type: Input,
|
|
87
|
+
args: ['width-mode']
|
|
78
88
|
}] } });
|
|
79
89
|
|
|
80
90
|
class NimbleTableColumnIconModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ni-nimble-angular-table-column-icon.mjs","sources":["../../../../projects/ni/nimble-angular/table-column/icon/nimble-table-column-icon.directive.ts","../../../../projects/ni/nimble-angular/table-column/icon/nimble-table-column-icon.module.ts","../../../../projects/ni/nimble-angular/table-column/icon/ni-nimble-angular-table-column-icon.ts"],"sourcesContent":["import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';\nimport { type TableColumnIcon, tableColumnIconTag } from '@ni/nimble-components/dist/esm/table-column/icon';\nimport { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';\nimport { NimbleTableColumnBaseDirective } from '@ni/nimble-angular/table-column';\nimport { MappingKeyType } from '@ni/nimble-components/dist/esm/table-column/enum-base/types';\n\nexport { MappingKeyType };\nexport type { TableColumnIcon };\nexport { tableColumnIconTag };\n\n/**\n * Directive to provide Angular integration for the table column element for icons/spinners.\n */\n@Directive({\n selector: 'nimble-table-column-icon'\n})\nexport class NimbleTableColumnIconDirective extends NimbleTableColumnBaseDirective<TableColumnIcon> {\n public get fieldName(): string | undefined {\n return this.elementRef.nativeElement.fieldName;\n }\n\n @Input('field-name') public set fieldName(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'fieldName', value);\n }\n\n public get keyType(): MappingKeyType {\n return this.elementRef.nativeElement.keyType;\n }\n\n @Input('key-type') public set keyType(value: MappingKeyType) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'keyType', value);\n }\n\n public get fractionalWidth(): number | null | undefined {\n return this.elementRef.nativeElement.fractionalWidth;\n }\n\n @Input('fractional-width') public set fractionalWidth(value: NumberValueOrAttribute | null | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'fractionalWidth', toNullableNumberProperty(value));\n }\n\n public get minPixelWidth(): number | null | undefined {\n return this.elementRef.nativeElement.minPixelWidth;\n }\n\n @Input('min-pixel-width') public set minPixelWidth(value: NumberValueOrAttribute | null | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'minPixelWidth', toNullableNumberProperty(value));\n }\n\n public get groupIndex(): number | null | undefined {\n return this.elementRef.nativeElement.groupIndex;\n }\n\n @Input('group-index') public set groupIndex(value: NumberValueOrAttribute | null | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'groupIndex', toNullableNumberProperty(value));\n }\n\n public get groupingDisabled(): boolean {\n return this.elementRef.nativeElement.groupingDisabled;\n }\n\n @Input('grouping-disabled') public set groupingDisabled(value: BooleanValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'groupingDisabled', toBooleanProperty(value));\n }\n\n public constructor(renderer: Renderer2, elementRef: ElementRef<TableColumnIcon>) {\n super(renderer, elementRef);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NimbleTableColumnIconDirective } from './nimble-table-column-icon.directive';\n\nimport '@ni/nimble-components/dist/esm/table-column/icon';\n\n@NgModule({\n declarations: [NimbleTableColumnIconDirective],\n imports: [CommonModule],\n exports: [NimbleTableColumnIconDirective]\n})\nexport class NimbleTableColumnIconModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ni-nimble-angular-table-column-icon.mjs","sources":["../../../../projects/ni/nimble-angular/table-column/icon/nimble-table-column-icon.directive.ts","../../../../projects/ni/nimble-angular/table-column/icon/nimble-table-column-icon.module.ts","../../../../projects/ni/nimble-angular/table-column/icon/ni-nimble-angular-table-column-icon.ts"],"sourcesContent":["import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';\nimport { type TableColumnIcon, tableColumnIconTag } from '@ni/nimble-components/dist/esm/table-column/icon';\nimport { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';\nimport { NimbleTableColumnBaseDirective } from '@ni/nimble-angular/table-column';\nimport { MappingKeyType } from '@ni/nimble-components/dist/esm/table-column/enum-base/types';\nimport { TableColumnMappingWidthMode } from '@ni/nimble-components/dist/esm/table-column/icon/types';\n\nexport { MappingKeyType, TableColumnMappingWidthMode };\nexport type { TableColumnIcon };\nexport { tableColumnIconTag };\n\n/**\n * Directive to provide Angular integration for the table column element for icons/spinners.\n */\n@Directive({\n selector: 'nimble-table-column-icon'\n})\nexport class NimbleTableColumnIconDirective extends NimbleTableColumnBaseDirective<TableColumnIcon> {\n public get fieldName(): string | undefined {\n return this.elementRef.nativeElement.fieldName;\n }\n\n @Input('field-name') public set fieldName(value: string | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'fieldName', value);\n }\n\n public get keyType(): MappingKeyType {\n return this.elementRef.nativeElement.keyType;\n }\n\n @Input('key-type') public set keyType(value: MappingKeyType) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'keyType', value);\n }\n\n public get fractionalWidth(): number | null | undefined {\n return this.elementRef.nativeElement.fractionalWidth;\n }\n\n @Input('fractional-width') public set fractionalWidth(value: NumberValueOrAttribute | null | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'fractionalWidth', toNullableNumberProperty(value));\n }\n\n public get minPixelWidth(): number | null | undefined {\n return this.elementRef.nativeElement.minPixelWidth;\n }\n\n @Input('min-pixel-width') public set minPixelWidth(value: NumberValueOrAttribute | null | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'minPixelWidth', toNullableNumberProperty(value));\n }\n\n public get groupIndex(): number | null | undefined {\n return this.elementRef.nativeElement.groupIndex;\n }\n\n @Input('group-index') public set groupIndex(value: NumberValueOrAttribute | null | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'groupIndex', toNullableNumberProperty(value));\n }\n\n public get groupingDisabled(): boolean {\n return this.elementRef.nativeElement.groupingDisabled;\n }\n\n @Input('grouping-disabled') public set groupingDisabled(value: BooleanValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'groupingDisabled', toBooleanProperty(value));\n }\n\n public get widthMode(): TableColumnMappingWidthMode {\n return this.elementRef.nativeElement.widthMode;\n }\n\n @Input('width-mode') public set widthMode(value: TableColumnMappingWidthMode) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'widthMode', value);\n }\n\n public constructor(renderer: Renderer2, elementRef: ElementRef<TableColumnIcon>) {\n super(renderer, elementRef);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NimbleTableColumnIconDirective } from './nimble-table-column-icon.directive';\n\nimport '@ni/nimble-components/dist/esm/table-column/icon';\n\n@NgModule({\n declarations: [NimbleTableColumnIconDirective],\n imports: [CommonModule],\n exports: [NimbleTableColumnIconDirective]\n})\nexport class NimbleTableColumnIconModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-angular",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.2.0",
|
|
4
4
|
"description": "Angular components for the NI Nimble Design System",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
"@angular/forms": "^16.2.12",
|
|
212
212
|
"@angular/localize": "^16.2.12",
|
|
213
213
|
"@angular/router": "^16.2.12",
|
|
214
|
-
"@ni/nimble-components": "^27.2.
|
|
214
|
+
"@ni/nimble-components": "^27.2.2"
|
|
215
215
|
},
|
|
216
216
|
"dependencies": {
|
|
217
217
|
"tslib": "^2.2.0"
|
|
@@ -3,8 +3,9 @@ import { type TableColumnIcon, tableColumnIconTag } from '@ni/nimble-components/
|
|
|
3
3
|
import { BooleanValueOrAttribute, NumberValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
|
|
4
4
|
import { NimbleTableColumnBaseDirective } from '@ni/nimble-angular/table-column';
|
|
5
5
|
import { MappingKeyType } from '@ni/nimble-components/dist/esm/table-column/enum-base/types';
|
|
6
|
+
import { TableColumnMappingWidthMode } from '@ni/nimble-components/dist/esm/table-column/icon/types';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
|
-
export { MappingKeyType };
|
|
8
|
+
export { MappingKeyType, TableColumnMappingWidthMode };
|
|
8
9
|
export type { TableColumnIcon };
|
|
9
10
|
export { tableColumnIconTag };
|
|
10
11
|
/**
|
|
@@ -23,7 +24,9 @@ export declare class NimbleTableColumnIconDirective extends NimbleTableColumnBas
|
|
|
23
24
|
set groupIndex(value: NumberValueOrAttribute | null | undefined);
|
|
24
25
|
get groupingDisabled(): boolean;
|
|
25
26
|
set groupingDisabled(value: BooleanValueOrAttribute);
|
|
27
|
+
get widthMode(): TableColumnMappingWidthMode;
|
|
28
|
+
set widthMode(value: TableColumnMappingWidthMode);
|
|
26
29
|
constructor(renderer: Renderer2, elementRef: ElementRef<TableColumnIcon>);
|
|
27
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<NimbleTableColumnIconDirective, never>;
|
|
28
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleTableColumnIconDirective, "nimble-table-column-icon", never, { "fieldName": { "alias": "field-name"; "required": false; }; "keyType": { "alias": "key-type"; "required": false; }; "fractionalWidth": { "alias": "fractional-width"; "required": false; }; "minPixelWidth": { "alias": "min-pixel-width"; "required": false; }; "groupIndex": { "alias": "group-index"; "required": false; }; "groupingDisabled": { "alias": "grouping-disabled"; "required": false; }; }, {}, never, never, false, never>;
|
|
31
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleTableColumnIconDirective, "nimble-table-column-icon", never, { "fieldName": { "alias": "field-name"; "required": false; }; "keyType": { "alias": "key-type"; "required": false; }; "fractionalWidth": { "alias": "fractional-width"; "required": false; }; "minPixelWidth": { "alias": "min-pixel-width"; "required": false; }; "groupIndex": { "alias": "group-index"; "required": false; }; "groupingDisabled": { "alias": "grouping-disabled"; "required": false; }; "widthMode": { "alias": "width-mode"; "required": false; }; }, {}, never, never, false, never>;
|
|
29
32
|
}
|