@ni/nimble-angular 16.0.19 → 16.0.20
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 +2 -1
- package/directives/table-column/base/nimble-table-column-base.directive.d.ts +19 -0
- package/directives/table-column/text/nimble-table-column-text.directive.d.ts +3 -6
- package/esm2020/directives/table/nimble-table.directive.mjs +1 -1
- package/esm2020/directives/table-column/base/nimble-table-column-base.directive.mjs +50 -0
- package/esm2020/directives/table-column/text/nimble-table-column-text.directive.mjs +6 -17
- package/fesm2015/ni-nimble-angular.mjs +43 -7
- package/fesm2015/ni-nimble-angular.mjs.map +1 -1
- package/fesm2020/ni-nimble-angular.mjs +43 -7
- package/fesm2020/ni-nimble-angular.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
|
|
2
2
|
import type { Table } from '@ni/nimble-components/dist/esm/table';
|
|
3
|
-
import type { TableRecord, TableFieldName, TableFieldValue, TableValidity } from '@ni/nimble-components/dist/esm/table/types';
|
|
3
|
+
import type { TableRecord, TableFieldName, TableFieldValue, TableValidity, TableActionMenuToggleEventDetail } from '@ni/nimble-components/dist/esm/table/types';
|
|
4
4
|
import type { Observable } from 'rxjs';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export type { Table };
|
|
7
|
+
export type { TableActionMenuToggleEventDetail };
|
|
7
8
|
export { TableRecord, TableFieldName, TableFieldValue, TableValidity };
|
|
8
9
|
/**
|
|
9
10
|
* Directive to provide Angular integration for the table element.
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
|
+
import type { TableColumn } from '@ni/nimble-components/dist/esm/table-column/base';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Base class for table column directives.
|
|
6
|
+
*/
|
|
7
|
+
export declare class NimbleTableColumnBaseDirective<T extends TableColumn> {
|
|
8
|
+
protected readonly renderer: Renderer2;
|
|
9
|
+
protected readonly elementRef: ElementRef<T>;
|
|
10
|
+
get columnId(): string | undefined;
|
|
11
|
+
set columnId(value: string | undefined);
|
|
12
|
+
get actionMenuSlot(): string | undefined;
|
|
13
|
+
set actionMenuSlot(value: string | undefined);
|
|
14
|
+
get actionMenuLabel(): string | undefined;
|
|
15
|
+
set actionMenuLabel(value: string | undefined);
|
|
16
|
+
constructor(renderer: Renderer2, elementRef: ElementRef<T>);
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NimbleTableColumnBaseDirective<any>, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleTableColumnBaseDirective<any>, never, never, { "columnId": "column-id"; "actionMenuSlot": "action-menu-slot"; "actionMenuLabel": "action-menu-label"; }, {}, never, never, false>;
|
|
19
|
+
}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
1
|
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
2
|
import type { TableColumnText } from '@ni/nimble-components/dist/esm/table-column/text';
|
|
3
|
+
import { NimbleTableColumnBaseDirective } from '../base/nimble-table-column-base.directive';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export type { TableColumnText };
|
|
5
6
|
/**
|
|
6
7
|
* Directive to provide Angular integration for the table column element for text.
|
|
7
8
|
*/
|
|
8
|
-
export declare class NimbleTableColumnTextDirective {
|
|
9
|
-
private readonly renderer;
|
|
10
|
-
private readonly elementRef;
|
|
11
|
-
get columnId(): string | undefined;
|
|
12
|
-
set columnId(value: string | undefined);
|
|
9
|
+
export declare class NimbleTableColumnTextDirective extends NimbleTableColumnBaseDirective<TableColumnText> {
|
|
13
10
|
get fieldName(): string | undefined;
|
|
14
11
|
set fieldName(value: string | undefined);
|
|
15
12
|
get placeholder(): string | undefined;
|
|
16
13
|
set placeholder(value: string | undefined);
|
|
17
14
|
constructor(renderer: Renderer2, elementRef: ElementRef<TableColumnText>);
|
|
18
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<NimbleTableColumnTextDirective, never>;
|
|
19
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleTableColumnTextDirective, "nimble-table-column-text", never, { "
|
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NimbleTableColumnTextDirective, "nimble-table-column-text", never, { "fieldName": "field-name"; }, {}, never, never, false>;
|
|
20
17
|
}
|
|
@@ -52,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
52
52
|
type: Input,
|
|
53
53
|
args: ['id-field-name']
|
|
54
54
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLXRhYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pL25pbWJsZS1hbmd1bGFyL3NyYy9kaXJlY3RpdmVzL3RhYmxlL25pbWJsZS10YWJsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQXdCLE1BQU0sZUFBZSxDQUFDOztBQVNuRjs7R0FFRztBQUlILE1BQU0sT0FBTyxvQkFBb0I7SUFpQzdCLFlBQW9DLFFBQW1CLEVBQW1CLFVBQW9DO1FBQTFFLGFBQVEsR0FBUixRQUFRLENBQVc7UUFBbUIsZUFBVSxHQUFWLFVBQVUsQ0FBMEI7SUFBRyxDQUFDO0lBaENsSCxJQUFXLEtBQUs7UUFDWixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7SUFDL0IsQ0FBQztJQUVELElBQW9CLEtBQUssQ0FBQyxLQUFzQztRQUM1RCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFFckMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7UUFDNUIsSUFBSSxLQUFLLEVBQUU7WUFDUCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FDbkMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQ3RELENBQUM7U0FDTDtJQUNMLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDbEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7SUFDckQsQ0FBQztJQUVELCtFQUErRTtJQUMvRSwyREFBMkQ7SUFDM0QsSUFBbUMsV0FBVyxDQUFDLEtBQWdDO1FBQzNFLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNuRixDQUFDO0lBRUQsSUFBVyxRQUFRO1FBQ2YsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUM7SUFDbEQsQ0FBQztJQU9NLFdBQVc7UUFDZCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDekMsQ0FBQztJQUVNLGFBQWE7UUFDaEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN6RCxDQUFDO0lBRU0sT0FBTyxDQUFDLElBQXNCO1FBQ2pDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoRCxDQUFDOztrSEE3Q1Esb0JBQW9CO3NHQUFwQixvQkFBb0I7NEZBQXBCLG9CQUFvQjtrQkFIaEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsY0FBYztpQkFDM0I7eUhBTXVCLEtBQUs7c0JBQXhCLEtBQUs7Z0JBaUI2QixXQUFXO3NCQUE3QyxLQUFLO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBPbkRlc3Ryb3ksIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBUYWJsZSB9IGZyb20gJ0BuaS9uaW1ibGUtY29tcG9uZW50cy9kaXN0L2VzbS90YWJsZSc7XG5pbXBvcnQgdHlwZSB7IFRhYmxlUmVjb3JkLCBUYWJsZUZpZWxkTmFtZSwgVGFibGVGaWVsZFZhbHVlLCBUYWJsZVZhbGlkaXR5LCBUYWJsZUFjdGlvbk1lbnVUb2dnbGVFdmVudERldGFpbCB9IGZyb20gJ0BuaS9uaW1ibGUtY29tcG9uZW50cy9kaXN0L2VzbS90YWJsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IE9ic2VydmFibGUsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgdHlwZSB7IFRhYmxlIH07XG5leHBvcnQgdHlwZSB7IFRhYmxlQWN0aW9uTWVudVRvZ2dsZUV2ZW50RGV0YWlsIH07XG5leHBvcnQgeyBUYWJsZVJlY29yZCwgVGFibGVGaWVsZE5hbWUsIFRhYmxlRmllbGRWYWx1ZSwgVGFibGVWYWxpZGl0eSB9O1xuXG4vKipcbiAqIERpcmVjdGl2ZSB0byBwcm92aWRlIEFuZ3VsYXIgaW50ZWdyYXRpb24gZm9yIHRoZSB0YWJsZSBlbGVtZW50LlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ25pbWJsZS10YWJsZSdcbn0pXG5leHBvcnQgY2xhc3MgTmltYmxlVGFibGVEaXJlY3RpdmU8VERhdGEgZXh0ZW5kcyBUYWJsZVJlY29yZCA9IFRhYmxlUmVjb3JkPiBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gICAgcHVibGljIGdldCBkYXRhJCgpOiBPYnNlcnZhYmxlPFREYXRhW10+IHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGF0YU9ic2VydmFibGU7XG4gICAgfVxuXG4gICAgQElucHV0KCkgcHVibGljIHNldCBkYXRhJCh2YWx1ZTogT2JzZXJ2YWJsZTxURGF0YVtdPiB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLmRhdGFTdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG5cbiAgICAgICAgdGhpcy5kYXRhT2JzZXJ2YWJsZSA9IHZhbHVlO1xuICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuZGF0YVN1YnNjcmlwdGlvbiA9IHZhbHVlLnN1YnNjcmliZShcbiAgICAgICAgICAgICAgICBuZXh0ID0+IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnNldERhdGEobmV4dClcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGlkRmllbGROYW1lKCk6IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaWRGaWVsZE5hbWU7XG4gICAgfVxuXG4gICAgLy8gUmVuYW1pbmcgYmVjYXVzZSBwcm9wZXJ0eSBzaG91bGQgaGF2ZSBjYW1lbCBjYXNpbmcsIGJ1dCBhdHRyaWJ1dGUgc2hvdWxkIG5vdFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lXG4gICAgQElucHV0KCdpZC1maWVsZC1uYW1lJykgcHVibGljIHNldCBpZEZpZWxkTmFtZSh2YWx1ZTogc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnaWRGaWVsZE5hbWUnLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCB2YWxpZGl0eSgpOiBUYWJsZVZhbGlkaXR5IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnZhbGlkaXR5O1xuICAgIH1cblxuICAgIHByaXZhdGUgZGF0YU9ic2VydmFibGU/OiBPYnNlcnZhYmxlPFREYXRhW10+O1xuICAgIHByaXZhdGUgZGF0YVN1YnNjcmlwdGlvbj86IFN1YnNjcmlwdGlvbjtcblxuICAgIHB1YmxpYyBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHJlbmRlcmVyOiBSZW5kZXJlcjIsIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZjxUYWJsZTxURGF0YT4+KSB7fVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRhdGFTdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgcHVibGljIGNoZWNrVmFsaWRpdHkoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jaGVja1ZhbGlkaXR5KCk7XG4gICAgfVxuXG4gICAgcHVibGljIHNldERhdGEoZGF0YTogcmVhZG9ubHkgVERhdGFbXSk6IHZvaWQge1xuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zZXREYXRhKGRhdGEpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Base class for table column directives.
|
|
5
|
+
*/
|
|
6
|
+
export class NimbleTableColumnBaseDirective {
|
|
7
|
+
constructor(renderer, elementRef) {
|
|
8
|
+
this.renderer = renderer;
|
|
9
|
+
this.elementRef = elementRef;
|
|
10
|
+
}
|
|
11
|
+
get columnId() {
|
|
12
|
+
return this.elementRef.nativeElement.columnId;
|
|
13
|
+
}
|
|
14
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
15
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
16
|
+
set columnId(value) {
|
|
17
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'columnId', value);
|
|
18
|
+
}
|
|
19
|
+
get actionMenuSlot() {
|
|
20
|
+
return this.elementRef.nativeElement.actionMenuSlot;
|
|
21
|
+
}
|
|
22
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
23
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
24
|
+
set actionMenuSlot(value) {
|
|
25
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'actionMenuSlot', value);
|
|
26
|
+
}
|
|
27
|
+
get actionMenuLabel() {
|
|
28
|
+
return this.elementRef.nativeElement.actionMenuLabel;
|
|
29
|
+
}
|
|
30
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
31
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
32
|
+
set actionMenuLabel(value) {
|
|
33
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'actionMenuLabel', value);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
NimbleTableColumnBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnBaseDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
37
|
+
NimbleTableColumnBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnBaseDirective, inputs: { columnId: ["column-id", "columnId"], actionMenuSlot: ["action-menu-slot", "actionMenuSlot"], actionMenuLabel: ["action-menu-label", "actionMenuLabel"] }, ngImport: i0 });
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnBaseDirective, decorators: [{
|
|
39
|
+
type: Directive
|
|
40
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { columnId: [{
|
|
41
|
+
type: Input,
|
|
42
|
+
args: ['column-id']
|
|
43
|
+
}], actionMenuSlot: [{
|
|
44
|
+
type: Input,
|
|
45
|
+
args: ['action-menu-slot']
|
|
46
|
+
}], actionMenuLabel: [{
|
|
47
|
+
type: Input,
|
|
48
|
+
args: ['action-menu-label']
|
|
49
|
+
}] } });
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLXRhYmxlLWNvbHVtbi1iYXNlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pL25pbWJsZS1hbmd1bGFyL3NyYy9kaXJlY3RpdmVzL3RhYmxlLWNvbHVtbi9iYXNlL25pbWJsZS10YWJsZS1jb2x1bW4tYmFzZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7O0FBR3hFOztHQUVHO0FBRUgsTUFBTSxPQUFPLDhCQUE4QjtJQStCdkMsWUFBc0MsUUFBbUIsRUFBcUIsVUFBeUI7UUFBakUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFxQixlQUFVLEdBQVYsVUFBVSxDQUFlO0lBQUcsQ0FBQztJQTlCM0csSUFBVyxRQUFRO1FBQ2YsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUM7SUFDbEQsQ0FBQztJQUVELCtFQUErRTtJQUMvRSwyREFBMkQ7SUFDM0QsSUFBK0IsUUFBUSxDQUFDLEtBQXlCO1FBQzdELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRUQsSUFBVyxjQUFjO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDO0lBQ3hELENBQUM7SUFFRCwrRUFBK0U7SUFDL0UsMkRBQTJEO0lBQzNELElBQXNDLGNBQWMsQ0FBQyxLQUF5QjtRQUMxRSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN0RixDQUFDO0lBRUQsSUFBVyxlQUFlO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDO0lBQ3pELENBQUM7SUFFRCwrRUFBK0U7SUFDL0UsMkRBQTJEO0lBQzNELElBQXVDLGVBQWUsQ0FBQyxLQUF5QjtRQUM1RSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN2RixDQUFDOzs0SEE3QlEsOEJBQThCO2dIQUE5Qiw4QkFBOEI7NEZBQTlCLDhCQUE4QjtrQkFEMUMsU0FBUzt5SEFReUIsUUFBUTtzQkFBdEMsS0FBSzt1QkFBQyxXQUFXO2dCQVVvQixjQUFjO3NCQUFuRCxLQUFLO3VCQUFDLGtCQUFrQjtnQkFVYyxlQUFlO3NCQUFyRCxLQUFLO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBUYWJsZUNvbHVtbiB9IGZyb20gJ0BuaS9uaW1ibGUtY29tcG9uZW50cy9kaXN0L2VzbS90YWJsZS1jb2x1bW4vYmFzZSc7XG5cbi8qKlxuICogQmFzZSBjbGFzcyBmb3IgdGFibGUgY29sdW1uIGRpcmVjdGl2ZXMuXG4gKi9cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGNsYXNzIE5pbWJsZVRhYmxlQ29sdW1uQmFzZURpcmVjdGl2ZTxUIGV4dGVuZHMgVGFibGVDb2x1bW4+IHtcbiAgICBwdWJsaWMgZ2V0IGNvbHVtbklkKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb2x1bW5JZDtcbiAgICB9XG5cbiAgICAvLyBSZW5hbWluZyBiZWNhdXNlIHByb3BlcnR5IHNob3VsZCBoYXZlIGNhbWVsIGNhc2luZywgYnV0IGF0dHJpYnV0ZSBzaG91bGQgbm90XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgICBASW5wdXQoJ2NvbHVtbi1pZCcpIHB1YmxpYyBzZXQgY29sdW1uSWQodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnY29sdW1uSWQnLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBhY3Rpb25NZW51U2xvdCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuYWN0aW9uTWVudVNsb3Q7XG4gICAgfVxuXG4gICAgLy8gUmVuYW1pbmcgYmVjYXVzZSBwcm9wZXJ0eSBzaG91bGQgaGF2ZSBjYW1lbCBjYXNpbmcsIGJ1dCBhdHRyaWJ1dGUgc2hvdWxkIG5vdFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lXG4gICAgQElucHV0KCdhY3Rpb24tbWVudS1zbG90JykgcHVibGljIHNldCBhY3Rpb25NZW51U2xvdCh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdhY3Rpb25NZW51U2xvdCcsIHZhbHVlKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGFjdGlvbk1lbnVMYWJlbCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgICAgICByZXR1cm4gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuYWN0aW9uTWVudUxhYmVsO1xuICAgIH1cblxuICAgIC8vIFJlbmFtaW5nIGJlY2F1c2UgcHJvcGVydHkgc2hvdWxkIGhhdmUgY2FtZWwgY2FzaW5nLCBidXQgYXR0cmlidXRlIHNob3VsZCBub3RcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0LXJlbmFtZVxuICAgIEBJbnB1dCgnYWN0aW9uLW1lbnUtbGFiZWwnKSBwdWJsaWMgc2V0IGFjdGlvbk1lbnVMYWJlbCh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcGVydHkodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdhY3Rpb25NZW51TGFiZWwnLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKHByb3RlY3RlZCByZWFkb25seSByZW5kZXJlcjogUmVuZGVyZXIyLCBwcm90ZWN0ZWQgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZjxUPikge31cbn0iXX0=
|
|
@@ -1,20 +1,12 @@
|
|
|
1
1
|
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { NimbleTableColumnBaseDirective } from '../base/nimble-table-column-base.directive';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* Directive to provide Angular integration for the table column element for text.
|
|
5
6
|
*/
|
|
6
|
-
export class NimbleTableColumnTextDirective {
|
|
7
|
+
export class NimbleTableColumnTextDirective extends NimbleTableColumnBaseDirective {
|
|
7
8
|
constructor(renderer, elementRef) {
|
|
8
|
-
|
|
9
|
-
this.elementRef = elementRef;
|
|
10
|
-
}
|
|
11
|
-
get columnId() {
|
|
12
|
-
return this.elementRef.nativeElement.columnId;
|
|
13
|
-
}
|
|
14
|
-
// Renaming because property should have camel casing, but attribute should not
|
|
15
|
-
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
16
|
-
set columnId(value) {
|
|
17
|
-
this.renderer.setProperty(this.elementRef.nativeElement, 'columnId', value);
|
|
9
|
+
super(renderer, elementRef);
|
|
18
10
|
}
|
|
19
11
|
get fieldName() {
|
|
20
12
|
return this.elementRef.nativeElement.fieldName;
|
|
@@ -32,17 +24,14 @@ export class NimbleTableColumnTextDirective {
|
|
|
32
24
|
}
|
|
33
25
|
}
|
|
34
26
|
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 });
|
|
35
|
-
NimbleTableColumnTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnTextDirective, selector: "nimble-table-column-text", inputs: {
|
|
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 });
|
|
36
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnTextDirective, decorators: [{
|
|
37
29
|
type: Directive,
|
|
38
30
|
args: [{
|
|
39
31
|
selector: 'nimble-table-column-text'
|
|
40
32
|
}]
|
|
41
|
-
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: {
|
|
42
|
-
type: Input,
|
|
43
|
-
args: ['column-id']
|
|
44
|
-
}], fieldName: [{
|
|
33
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { fieldName: [{
|
|
45
34
|
type: Input,
|
|
46
35
|
args: ['field-name']
|
|
47
36
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmltYmxlLXRhYmxlLWNvbHVtbi10ZXh0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pL25pbWJsZS1hbmd1bGFyL3NyYy9kaXJlY3RpdmVzL3RhYmxlLWNvbHVtbi90ZXh0L25pbWJsZS10YWJsZS1jb2x1bW4tdGV4dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFFeEUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNENBQTRDLENBQUM7O0FBSTVGOztHQUVHO0FBSUgsTUFBTSxPQUFPLDhCQUErQixTQUFRLDhCQUErQztJQW1CL0YsWUFBbUIsUUFBbUIsRUFBRSxVQUF1QztRQUMzRSxLQUFLLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFwQkQsSUFBVyxTQUFTO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO0lBQ25ELENBQUM7SUFFRCwrRUFBK0U7SUFDL0UsMkRBQTJEO0lBQzNELElBQWdDLFNBQVMsQ0FBQyxLQUF5QjtRQUMvRCxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDakYsQ0FBQztJQUVELElBQVcsV0FBVztRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztJQUNyRCxDQUFDO0lBRUQsSUFBVyxXQUFXLENBQUMsS0FBeUI7UUFDNUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ25GLENBQUM7OzRIQWpCUSw4QkFBOEI7Z0hBQTlCLDhCQUE4Qjs0RkFBOUIsOEJBQThCO2tCQUgxQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSwwQkFBMEI7aUJBQ3ZDO3lIQVFtQyxTQUFTO3NCQUF4QyxLQUFLO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgVGFibGVDb2x1bW5UZXh0IH0gZnJvbSAnQG5pL25pbWJsZS1jb21wb25lbnRzL2Rpc3QvZXNtL3RhYmxlLWNvbHVtbi90ZXh0JztcbmltcG9ydCB7IE5pbWJsZVRhYmxlQ29sdW1uQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4uL2Jhc2UvbmltYmxlLXRhYmxlLWNvbHVtbi1iYXNlLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCB0eXBlIHsgVGFibGVDb2x1bW5UZXh0IH07XG5cbi8qKlxuICogRGlyZWN0aXZlIHRvIHByb3ZpZGUgQW5ndWxhciBpbnRlZ3JhdGlvbiBmb3IgdGhlIHRhYmxlIGNvbHVtbiBlbGVtZW50IGZvciB0ZXh0LlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ25pbWJsZS10YWJsZS1jb2x1bW4tdGV4dCdcbn0pXG5leHBvcnQgY2xhc3MgTmltYmxlVGFibGVDb2x1bW5UZXh0RGlyZWN0aXZlIGV4dGVuZHMgTmltYmxlVGFibGVDb2x1bW5CYXNlRGlyZWN0aXZlPFRhYmxlQ29sdW1uVGV4dD4ge1xuICAgIHB1YmxpYyBnZXQgZmllbGROYW1lKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5maWVsZE5hbWU7XG4gICAgfVxuXG4gICAgLy8gUmVuYW1pbmcgYmVjYXVzZSBwcm9wZXJ0eSBzaG91bGQgaGF2ZSBjYW1lbCBjYXNpbmcsIGJ1dCBhdHRyaWJ1dGUgc2hvdWxkIG5vdFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lXG4gICAgQElucHV0KCdmaWVsZC1uYW1lJykgcHVibGljIHNldCBmaWVsZE5hbWUodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZmllbGROYW1lJywgdmFsdWUpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgcGxhY2Vob2xkZXIoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnBsYWNlaG9sZGVyO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgcGxhY2Vob2xkZXIodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFByb3BlcnR5KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAncGxhY2Vob2xkZXInLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKHJlbmRlcmVyOiBSZW5kZXJlcjIsIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8VGFibGVDb2x1bW5UZXh0Pikge1xuICAgICAgICBzdXBlcihyZW5kZXJlciwgZWxlbWVudFJlZik7XG4gICAgfVxufVxuIl19
|
|
@@ -7289,9 +7289,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
7289
7289
|
}] });
|
|
7290
7290
|
|
|
7291
7291
|
/**
|
|
7292
|
-
*
|
|
7292
|
+
* Base class for table column directives.
|
|
7293
7293
|
*/
|
|
7294
|
-
class
|
|
7294
|
+
class NimbleTableColumnBaseDirective {
|
|
7295
7295
|
constructor(renderer, elementRef) {
|
|
7296
7296
|
this.renderer = renderer;
|
|
7297
7297
|
this.elementRef = elementRef;
|
|
@@ -7304,6 +7304,45 @@ class NimbleTableColumnTextDirective {
|
|
|
7304
7304
|
set columnId(value) {
|
|
7305
7305
|
this.renderer.setProperty(this.elementRef.nativeElement, 'columnId', value);
|
|
7306
7306
|
}
|
|
7307
|
+
get actionMenuSlot() {
|
|
7308
|
+
return this.elementRef.nativeElement.actionMenuSlot;
|
|
7309
|
+
}
|
|
7310
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
7311
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
7312
|
+
set actionMenuSlot(value) {
|
|
7313
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'actionMenuSlot', value);
|
|
7314
|
+
}
|
|
7315
|
+
get actionMenuLabel() {
|
|
7316
|
+
return this.elementRef.nativeElement.actionMenuLabel;
|
|
7317
|
+
}
|
|
7318
|
+
// Renaming because property should have camel casing, but attribute should not
|
|
7319
|
+
// eslint-disable-next-line @angular-eslint/no-input-rename
|
|
7320
|
+
set actionMenuLabel(value) {
|
|
7321
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'actionMenuLabel', value);
|
|
7322
|
+
}
|
|
7323
|
+
}
|
|
7324
|
+
NimbleTableColumnBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnBaseDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7325
|
+
NimbleTableColumnBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnBaseDirective, inputs: { columnId: ["column-id", "columnId"], actionMenuSlot: ["action-menu-slot", "actionMenuSlot"], actionMenuLabel: ["action-menu-label", "actionMenuLabel"] }, ngImport: i0 });
|
|
7326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnBaseDirective, decorators: [{
|
|
7327
|
+
type: Directive
|
|
7328
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { columnId: [{
|
|
7329
|
+
type: Input,
|
|
7330
|
+
args: ['column-id']
|
|
7331
|
+
}], actionMenuSlot: [{
|
|
7332
|
+
type: Input,
|
|
7333
|
+
args: ['action-menu-slot']
|
|
7334
|
+
}], actionMenuLabel: [{
|
|
7335
|
+
type: Input,
|
|
7336
|
+
args: ['action-menu-label']
|
|
7337
|
+
}] } });
|
|
7338
|
+
|
|
7339
|
+
/**
|
|
7340
|
+
* Directive to provide Angular integration for the table column element for text.
|
|
7341
|
+
*/
|
|
7342
|
+
class NimbleTableColumnTextDirective extends NimbleTableColumnBaseDirective {
|
|
7343
|
+
constructor(renderer, elementRef) {
|
|
7344
|
+
super(renderer, elementRef);
|
|
7345
|
+
}
|
|
7307
7346
|
get fieldName() {
|
|
7308
7347
|
return this.elementRef.nativeElement.fieldName;
|
|
7309
7348
|
}
|
|
@@ -7320,16 +7359,13 @@ class NimbleTableColumnTextDirective {
|
|
|
7320
7359
|
}
|
|
7321
7360
|
}
|
|
7322
7361
|
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 });
|
|
7323
|
-
NimbleTableColumnTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleTableColumnTextDirective, selector: "nimble-table-column-text", inputs: {
|
|
7362
|
+
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 });
|
|
7324
7363
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleTableColumnTextDirective, decorators: [{
|
|
7325
7364
|
type: Directive,
|
|
7326
7365
|
args: [{
|
|
7327
7366
|
selector: 'nimble-table-column-text'
|
|
7328
7367
|
}]
|
|
7329
|
-
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: {
|
|
7330
|
-
type: Input,
|
|
7331
|
-
args: ['column-id']
|
|
7332
|
-
}], fieldName: [{
|
|
7368
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { fieldName: [{
|
|
7333
7369
|
type: Input,
|
|
7334
7370
|
args: ['field-name']
|
|
7335
7371
|
}] } });
|