@ni/nimble-angular 15.0.1 → 15.0.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/nimble-table.directive.d.ts +7 -3
- package/esm2020/directives/table/nimble-table.directive.mjs +19 -2
- package/fesm2015/ni-nimble-angular.mjs +18 -1
- package/fesm2015/ni-nimble-angular.mjs.map +1 -1
- package/fesm2020/ni-nimble-angular.mjs +18 -1
- package/fesm2020/ni-nimble-angular.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
2
|
import type { Table } from '@ni/nimble-components/dist/esm/table';
|
|
3
|
-
import type { TableRecord, TableFieldName, TableFieldValue } from '@ni/nimble-components/dist/esm/table/types';
|
|
3
|
+
import type { TableRecord, TableFieldName, TableFieldValue, TableValidity } from '@ni/nimble-components/dist/esm/table/types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export type { Table };
|
|
6
|
-
export { TableRecord, TableFieldName, TableFieldValue };
|
|
6
|
+
export { TableRecord, TableFieldName, TableFieldValue, TableValidity };
|
|
7
7
|
/**
|
|
8
8
|
* Directive to provide Angular integration for the table element.
|
|
9
9
|
*/
|
|
@@ -12,7 +12,11 @@ export declare class NimbleTableDirective<TData extends TableRecord = TableRecor
|
|
|
12
12
|
private readonly elementRef;
|
|
13
13
|
get data(): TData[];
|
|
14
14
|
set data(value: TData[]);
|
|
15
|
+
get idFieldName(): string | null | undefined;
|
|
16
|
+
set idFieldName(value: string | null | undefined);
|
|
17
|
+
get validity(): TableValidity;
|
|
15
18
|
constructor(renderer: Renderer2, elementRef: ElementRef<Table<TData>>);
|
|
19
|
+
checkValidity(): boolean;
|
|
16
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<NimbleTableDirective<any>, never>;
|
|
17
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleTableDirective<any>, "nimble-table", never, { "data": "data"; }, {}, never, never, false>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleTableDirective<any>, "nimble-table", never, { "data": "data"; "idFieldName": "id-field-name"; }, {}, never, never, false>;
|
|
18
22
|
}
|
|
@@ -14,9 +14,23 @@ export class NimbleTableDirective {
|
|
|
14
14
|
set data(value) {
|
|
15
15
|
this.renderer.setProperty(this.elementRef.nativeElement, 'data', value);
|
|
16
16
|
}
|
|
17
|
+
get idFieldName() {
|
|
18
|
+
return this.elementRef.nativeElement.idFieldName;
|
|
19
|
+
}
|
|
20
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
21
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
22
|
+
set idFieldName(value) {
|
|
23
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'idFieldName', value);
|
|
24
|
+
}
|
|
25
|
+
get validity() {
|
|
26
|
+
return this.elementRef.nativeElement.validity;
|
|
27
|
+
}
|
|
28
|
+
checkValidity() {
|
|
29
|
+
return this.elementRef.nativeElement.checkValidity();
|
|
30
|
+
}
|
|
17
31
|
}
|
|
18
32
|
NimbleTableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: NimbleTableDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
19
|
-
NimbleTableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: NimbleTableDirective, selector: "nimble-table", inputs: { data: "data" }, ngImport: i0 });
|
|
33
|
+
NimbleTableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: NimbleTableDirective, selector: "nimble-table", inputs: { data: "data", idFieldName: ["id-field-name", "idFieldName"] }, ngImport: i0 });
|
|
20
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: NimbleTableDirective, decorators: [{
|
|
21
35
|
type: Directive,
|
|
22
36
|
args: [{
|
|
@@ -24,5 +38,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
|
|
|
24
38
|
}]
|
|
25
39
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { data: [{
|
|
26
40
|
type: Input
|
|
41
|
+
}], idFieldName: [{
|
|
42
|
+
type: Input,
|
|
43
|
+
args: ['id-field-name']
|
|
27
44
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLXRhYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pL25pbWJsZS1hbmd1bGFyL3NyYy9kaXJlY3RpdmVzL3RhYmxlL25pbWJsZS10YWJsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7O0FBT3hFOztHQUVHO0FBSUgsTUFBTSxPQUFPLG9CQUFvQjtJQXVCN0IsWUFBb0MsUUFBbUIsRUFBbUIsVUFBb0M7UUFBMUUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFtQixlQUFVLEdBQVYsVUFBVSxDQUEwQjtJQUFHLENBQUM7SUF0QmxILElBQVcsSUFBSTtRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDO0lBQzlDLENBQUM7SUFFRCxJQUFvQixJQUFJLENBQUMsS0FBYztRQUNuQyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVELElBQVcsV0FBVztRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztJQUNyRCxDQUFDO0lBRUQsK0VBQStFO0lBQy9FLDJEQUEyRDtJQUMzRCxJQUFtQyxXQUFXLENBQUMsS0FBZ0M7UUFDM0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ25GLENBQUM7SUFFRCxJQUFXLFFBQVE7UUFDZixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztJQUNsRCxDQUFDO0lBSU0sYUFBYTtRQUNoQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pELENBQUM7O2tIQTNCUSxvQkFBb0I7c0dBQXBCLG9CQUFvQjs0RkFBcEIsb0JBQW9CO2tCQUhoQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO2lCQUMzQjt5SEFNdUIsSUFBSTtzQkFBdkIsS0FBSztnQkFVNkIsV0FBVztzQkFBN0MsS0FBSzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IFRhYmxlIH0gZnJvbSAnQG5pL25pbWJsZS1jb21wb25lbnRzL2Rpc3QvZXNtL3RhYmxlJztcbmltcG9ydCB0eXBlIHsgVGFibGVSZWNvcmQsIFRhYmxlRmllbGROYW1lLCBUYWJsZUZpZWxkVmFsdWUsIFRhYmxlVmFsaWRpdHkgfSBmcm9tICdAbmkvbmltYmxlLWNvbXBvbmVudHMvZGlzdC9lc20vdGFibGUvdHlwZXMnO1xuXG5leHBvcnQgdHlwZSB7IFRhYmxlIH07XG5leHBvcnQgeyBUYWJsZVJlY29yZCwgVGFibGVGaWVsZE5hbWUsIFRhYmxlRmllbGRWYWx1ZSwgVGFibGVWYWxpZGl0eSB9O1xuXG4vKipcbiAqIERpcmVjdGl2ZSB0byBwcm92aWRlIEFuZ3VsYXIgaW50ZWdyYXRpb24gZm9yIHRoZSB0YWJsZSBlbGVtZW50LlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ25pbWJsZS10YWJsZSdcbn0pXG5leHBvcnQgY2xhc3MgTmltYmxlVGFibGVEaXJlY3RpdmU8VERhdGEgZXh0ZW5kcyBUYWJsZVJlY29yZCA9IFRhYmxlUmVjb3JkPiB7XG4gICAgcHVibGljIGdldCBkYXRhKCk6IFREYXRhW10ge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZGF0YTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBwdWJsaWMgc2V0IGRhdGEodmFsdWU6IFREYXRhW10pIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRQcm9wZXJ0eSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2RhdGEnLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBpZEZpZWxkTmFtZSgpOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmlkRmllbGROYW1lO1xuICAgIH1cblxuICAgIC8vIFJlbmFtaW5nIGJlY2F1c2UgcHJvcGVydHkgc2hvdWxkIGhhdmUgY2FtZWwgY2FzaW5nLCBidXQgYXR0cmlidXRlIHNob3VsZCBub3RcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICAgIEBJbnB1dCgnaWQtZmllbGQtbmFtZScpIHB1YmxpYyBzZXQgaWRGaWVsZE5hbWUodmFsdWU6IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRQcm9wZXJ0eSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2lkRmllbGROYW1lJywgdmFsdWUpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgdmFsaWRpdHkoKTogVGFibGVWYWxpZGl0eSB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC52YWxpZGl0eTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSByZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8VGFibGU8VERhdGE+Pikge31cblxuICAgIHB1YmxpYyBjaGVja1ZhbGlkaXR5KCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2hlY2tWYWxpZGl0eSgpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -7001,9 +7001,23 @@ class NimbleTableDirective {
|
|
|
7001
7001
|
set data(value) {
|
|
7002
7002
|
this.renderer.setProperty(this.elementRef.nativeElement, 'data', value);
|
|
7003
7003
|
}
|
|
7004
|
+
get idFieldName() {
|
|
7005
|
+
return this.elementRef.nativeElement.idFieldName;
|
|
7006
|
+
}
|
|
7007
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
7008
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
7009
|
+
set idFieldName(value) {
|
|
7010
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'idFieldName', value);
|
|
7011
|
+
}
|
|
7012
|
+
get validity() {
|
|
7013
|
+
return this.elementRef.nativeElement.validity;
|
|
7014
|
+
}
|
|
7015
|
+
checkValidity() {
|
|
7016
|
+
return this.elementRef.nativeElement.checkValidity();
|
|
7017
|
+
}
|
|
7004
7018
|
}
|
|
7005
7019
|
NimbleTableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: NimbleTableDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7006
|
-
NimbleTableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: NimbleTableDirective, selector: "nimble-table", inputs: { data: "data" }, ngImport: i0 });
|
|
7020
|
+
NimbleTableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: NimbleTableDirective, selector: "nimble-table", inputs: { data: "data", idFieldName: ["id-field-name", "idFieldName"] }, ngImport: i0 });
|
|
7007
7021
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: NimbleTableDirective, decorators: [{
|
|
7008
7022
|
type: Directive,
|
|
7009
7023
|
args: [{
|
|
@@ -7011,6 +7025,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
|
|
|
7011
7025
|
}]
|
|
7012
7026
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { data: [{
|
|
7013
7027
|
type: Input
|
|
7028
|
+
}], idFieldName: [{
|
|
7029
|
+
type: Input,
|
|
7030
|
+
args: ['id-field-name']
|
|
7014
7031
|
}] } });
|
|
7015
7032
|
|
|
7016
7033
|
class NimbleTableModule {
|