@ni/nimble-angular 16.2.1 → 16.2.3
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/directives/table-column/text/nimble-table-column-text.directive.d.ts +6 -1
- package/esm2020/directives/table-column/text/nimble-table-column-text.directive.mjs +25 -2
- package/fesm2015/ni-nimble-angular.mjs +23 -1
- package/fesm2015/ni-nimble-angular.mjs.map +1 -1
- package/fesm2020/ni-nimble-angular.mjs +23 -1
- package/fesm2020/ni-nimble-angular.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
2
|
import type { TableColumnText } from '@ni/nimble-components/dist/esm/table-column/text';
|
|
3
3
|
import { NimbleTableColumnBaseDirective } from '../base/nimble-table-column-base.directive';
|
|
4
|
+
import { NumberValueOrAttribute } from '../../utilities/template-value-helpers';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export type { TableColumnText };
|
|
6
7
|
/**
|
|
@@ -11,7 +12,11 @@ export declare class NimbleTableColumnTextDirective extends NimbleTableColumnBas
|
|
|
11
12
|
set fieldName(value: string | undefined);
|
|
12
13
|
get placeholder(): string | undefined;
|
|
13
14
|
set placeholder(value: string | undefined);
|
|
15
|
+
get fractionalWidth(): number | null | undefined;
|
|
16
|
+
set fractionalWidth(value: NumberValueOrAttribute | null | undefined);
|
|
17
|
+
get minPixelWidth(): number | null | undefined;
|
|
18
|
+
set minPixelWidth(value: NumberValueOrAttribute | null | undefined);
|
|
14
19
|
constructor(renderer: Renderer2, elementRef: ElementRef<TableColumnText>);
|
|
15
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<NimbleTableColumnTextDirective, never>;
|
|
16
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleTableColumnTextDirective, "nimble-table-column-text", never, { "fieldName": "field-name"; }, {}, never, never, false>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleTableColumnTextDirective, "nimble-table-column-text", never, { "fieldName": "field-name"; "fractionalWidth": "fractional-width"; "minPixelWidth": "min-pixel-width"; }, {}, never, never, false>;
|
|
17
22
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Directive, Input } from '@angular/core';
|
|
2
2
|
import { NimbleTableColumnBaseDirective } from '../base/nimble-table-column-base.directive';
|
|
3
|
+
import { toNullableNumberProperty } from '../../utilities/template-value-helpers';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
/**
|
|
5
6
|
* Directive to provide Angular integration for the table column element for text.
|
|
@@ -22,9 +23,25 @@ export class NimbleTableColumnTextDirective extends NimbleTableColumnBaseDirecti
|
|
|
22
23
|
set placeholder(value) {
|
|
23
24
|
this.renderer.setProperty(this.elementRef.nativeElement, 'placeholder', value);
|
|
24
25
|
}
|
|
26
|
+
get fractionalWidth() {
|
|
27
|
+
return this.elementRef.nativeElement.fractionalWidth;
|
|
28
|
+
}
|
|
29
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
30
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
31
|
+
set fractionalWidth(value) {
|
|
32
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'fractionalWidth', toNullableNumberProperty(value));
|
|
33
|
+
}
|
|
34
|
+
get minPixelWidth() {
|
|
35
|
+
return this.elementRef.nativeElement.minPixelWidth;
|
|
36
|
+
}
|
|
37
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
38
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
39
|
+
set minPixelWidth(value) {
|
|
40
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'minPixelWidth', toNullableNumberProperty(value));
|
|
41
|
+
}
|
|
25
42
|
}
|
|
26
43
|
NimbleTableColumnTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnTextDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
27
|
-
NimbleTableColumnTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnTextDirective, selector: "nimble-table-column-text", inputs: { fieldName: ["field-name", "fieldName"] }, usesInheritance: true, ngImport: i0 });
|
|
44
|
+
NimbleTableColumnTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnTextDirective, selector: "nimble-table-column-text", inputs: { fieldName: ["field-name", "fieldName"], fractionalWidth: ["fractional-width", "fractionalWidth"], minPixelWidth: ["min-pixel-width", "minPixelWidth"] }, usesInheritance: true, ngImport: i0 });
|
|
28
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnTextDirective, decorators: [{
|
|
29
46
|
type: Directive,
|
|
30
47
|
args: [{
|
|
@@ -33,5 +50,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
33
50
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { fieldName: [{
|
|
34
51
|
type: Input,
|
|
35
52
|
args: ['field-name']
|
|
53
|
+
}], fractionalWidth: [{
|
|
54
|
+
type: Input,
|
|
55
|
+
args: ['fractional-width']
|
|
56
|
+
}], minPixelWidth: [{
|
|
57
|
+
type: Input,
|
|
58
|
+
args: ['min-pixel-width']
|
|
36
59
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLXRhYmxlLWNvbHVtbi10ZXh0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pL25pbWJsZS1hbmd1bGFyL3NyYy9kaXJlY3RpdmVzL3RhYmxlLWNvbHVtbi90ZXh0L25pbWJsZS10YWJsZS1jb2x1bW4tdGV4dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFFeEUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDNUYsT0FBTyxFQUEwQix3QkFBd0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQUkxRzs7R0FFRztBQUlILE1BQU0sT0FBTyw4QkFBK0IsU0FBUSw4QkFBK0M7SUF1Qy9GLFlBQW1CLFFBQW1CLEVBQUUsVUFBdUM7UUFDM0UsS0FBSyxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBeENELElBQVcsU0FBUztRQUNoQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsK0VBQStFO0lBQy9FLDJEQUEyRDtJQUMzRCxJQUFnQyxTQUFTLENBQUMsS0FBeUI7UUFDL0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsV0FBVyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDbEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7SUFDckQsQ0FBQztJQUVELElBQVcsV0FBVyxDQUFDLEtBQXlCO1FBQzVDLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNuRixDQUFDO0lBRUQsSUFBVyxlQUFlO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDO0lBQ3pELENBQUM7SUFFRCwrRUFBK0U7SUFDL0UsMkRBQTJEO0lBQzNELElBQXNDLGVBQWUsQ0FBQyxLQUFnRDtRQUNsRyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSx3QkFBd0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2pILENBQUM7SUFFRCxJQUFXLGFBQWE7UUFDcEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUM7SUFDdkQsQ0FBQztJQUVELCtFQUErRTtJQUMvRSwyREFBMkQ7SUFDM0QsSUFBcUMsYUFBYSxDQUFDLEtBQWdEO1FBQy9GLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLGVBQWUsRUFBRSx3QkFBd0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQy9HLENBQUM7OzRIQXJDUSw4QkFBOEI7Z0hBQTlCLDhCQUE4Qjs0RkFBOUIsOEJBQThCO2tCQUgxQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSwwQkFBMEI7aUJBQ3ZDO3lIQVFtQyxTQUFTO3NCQUF4QyxLQUFLO3VCQUFDLFlBQVk7Z0JBa0JtQixlQUFlO3NCQUFwRCxLQUFLO3VCQUFDLGtCQUFrQjtnQkFVWSxhQUFhO3NCQUFqRCxLQUFLO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBUYWJsZUNvbHVtblRleHQgfSBmcm9tICdAbmkvbmltYmxlLWNvbXBvbmVudHMvZGlzdC9lc20vdGFibGUtY29sdW1uL3RleHQnO1xuaW1wb3J0IHsgTmltYmxlVGFibGVDb2x1bW5CYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vYmFzZS9uaW1ibGUtdGFibGUtY29sdW1uLWJhc2UuZGlyZWN0aXZlJztcbmltcG9ydCB7IE51bWJlclZhbHVlT3JBdHRyaWJ1dGUsIHRvTnVsbGFibGVOdW1iZXJQcm9wZXJ0eSB9IGZyb20gJy4uLy4uL3V0aWxpdGllcy90ZW1wbGF0ZS12YWx1ZS1oZWxwZXJzJztcblxuZXhwb3J0IHR5cGUgeyBUYWJsZUNvbHVtblRleHQgfTtcblxuLyoqXG4gKiBEaXJlY3RpdmUgdG8gcHJvdmlkZSBBbmd1bGFyIGludGVncmF0aW9uIGZvciB0aGUgdGFibGUgY29sdW1uIGVsZW1lbnQgZm9yIHRleHQuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnbmltYmxlLXRhYmxlLWNvbHVtbi10ZXh0J1xufSlcbmV4cG9ydCBjbGFzcyBOaW1ibGVUYWJsZUNvbHVtblRleHREaXJlY3RpdmUgZXh0ZW5kcyBOaW1ibGVUYWJsZUNvbHVtbkJhc2VEaXJlY3RpdmU8VGFibGVDb2x1bW5UZXh0PiB7XG4gICAgcHVibGljIGdldCBmaWVsZE5hbWUoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmZpZWxkTmFtZTtcbiAgICB9XG5cbiAgICAvLyBSZW5hbWluZyBiZWNhdXNlIHByb3BlcnR5IHNob3VsZCBoYXZlIGNhbWVsIGNhc2luZywgYnV0IGF0dHJpYnV0ZSBzaG91bGQgbm90XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgICBASW5wdXQoJ2ZpZWxkLW5hbWUnKSBwdWJsaWMgc2V0IGZpZWxkTmFtZSh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdmaWVsZE5hbWUnLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBwbGFjZWhvbGRlcigpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucGxhY2Vob2xkZXI7XG4gICAgfVxuXG4gICAgcHVibGljIHNldCBwbGFjZWhvbGRlcih2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdwbGFjZWhvbGRlcicsIHZhbHVlKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGZyYWN0aW9uYWxXaWR0aCgpOiBudW1iZXIgfCBudWxsIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmZyYWN0aW9uYWxXaWR0aDtcbiAgICB9XG5cbiAgICAvLyBSZW5hbWluZyBiZWNhdXNlIHByb3BlcnR5IHNob3VsZCBoYXZlIGNhbWVsIGNhc2luZywgYnV0IGF0dHJpYnV0ZSBzaG91bGQgbm90XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgICBASW5wdXQoJ2ZyYWN0aW9uYWwtd2lkdGgnKSBwdWJsaWMgc2V0IGZyYWN0aW9uYWxXaWR0aCh2YWx1ZTogTnVtYmVyVmFsdWVPckF0dHJpYnV0ZSB8IG51bGwgfCB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRQcm9wZXJ0eSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2ZyYWN0aW9uYWxXaWR0aCcsIHRvTnVsbGFibGVOdW1iZXJQcm9wZXJ0eSh2YWx1ZSkpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgbWluUGl4ZWxXaWR0aCgpOiBudW1iZXIgfCBudWxsIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Lm1pblBpeGVsV2lkdGg7XG4gICAgfVxuXG4gICAgLy8gUmVuYW1pbmcgYmVjYXVzZSBwcm9wZXJ0eSBzaG91bGQgaGF2ZSBjYW1lbCBjYXNpbmcsIGJ1dCBhdHRyaWJ1dGUgc2hvdWxkIG5vdFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lXG4gICAgQElucHV0KCdtaW4tcGl4ZWwtd2lkdGgnKSBwdWJsaWMgc2V0IG1pblBpeGVsV2lkdGgodmFsdWU6IE51bWJlclZhbHVlT3JBdHRyaWJ1dGUgfCBudWxsIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdtaW5QaXhlbFdpZHRoJywgdG9OdWxsYWJsZU51bWJlclByb3BlcnR5KHZhbHVlKSk7XG4gICAgfVxuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKHJlbmRlcmVyOiBSZW5kZXJlcjIsIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8VGFibGVDb2x1bW5UZXh0Pikge1xuICAgICAgICBzdXBlcihyZW5kZXJlciwgZWxlbWVudFJlZik7XG4gICAgfVxufVxuIl19
|
|
@@ -7495,9 +7495,25 @@ class NimbleTableColumnTextDirective extends NimbleTableColumnBaseDirective {
|
|
|
7495
7495
|
set placeholder(value) {
|
|
7496
7496
|
this.renderer.setProperty(this.elementRef.nativeElement, 'placeholder', value);
|
|
7497
7497
|
}
|
|
7498
|
+
get fractionalWidth() {
|
|
7499
|
+
return this.elementRef.nativeElement.fractionalWidth;
|
|
7500
|
+
}
|
|
7501
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
7502
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
7503
|
+
set fractionalWidth(value) {
|
|
7504
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'fractionalWidth', toNullableNumberProperty(value));
|
|
7505
|
+
}
|
|
7506
|
+
get minPixelWidth() {
|
|
7507
|
+
return this.elementRef.nativeElement.minPixelWidth;
|
|
7508
|
+
}
|
|
7509
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
7510
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
7511
|
+
set minPixelWidth(value) {
|
|
7512
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'minPixelWidth', toNullableNumberProperty(value));
|
|
7513
|
+
}
|
|
7498
7514
|
}
|
|
7499
7515
|
NimbleTableColumnTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnTextDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7500
|
-
NimbleTableColumnTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnTextDirective, selector: "nimble-table-column-text", inputs: { fieldName: ["field-name", "fieldName"] }, usesInheritance: true, ngImport: i0 });
|
|
7516
|
+
NimbleTableColumnTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnTextDirective, selector: "nimble-table-column-text", inputs: { fieldName: ["field-name", "fieldName"], fractionalWidth: ["fractional-width", "fractionalWidth"], minPixelWidth: ["min-pixel-width", "minPixelWidth"] }, usesInheritance: true, ngImport: i0 });
|
|
7501
7517
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnTextDirective, decorators: [{
|
|
7502
7518
|
type: Directive,
|
|
7503
7519
|
args: [{
|
|
@@ -7506,6 +7522,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
7506
7522
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { fieldName: [{
|
|
7507
7523
|
type: Input,
|
|
7508
7524
|
args: ['field-name']
|
|
7525
|
+
}], fractionalWidth: [{
|
|
7526
|
+
type: Input,
|
|
7527
|
+
args: ['fractional-width']
|
|
7528
|
+
}], minPixelWidth: [{
|
|
7529
|
+
type: Input,
|
|
7530
|
+
args: ['min-pixel-width']
|
|
7509
7531
|
}] } });
|
|
7510
7532
|
|
|
7511
7533
|
class NimbleTableColumnTextModule {
|