@ni/ok-angular 3.1.5 → 3.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/fesm2022/ni-ok-angular-fv-bulk-edit-field.mjs +104 -0
- package/fesm2022/ni-ok-angular-fv-bulk-edit-field.mjs.map +1 -0
- package/fesm2022/ni-ok-angular-fv-edit-commit-bar.mjs +160 -0
- package/fesm2022/ni-ok-angular-fv-edit-commit-bar.mjs.map +1 -0
- package/fesm2022/ni-ok-angular-fv-split-layout.mjs +137 -0
- package/fesm2022/ni-ok-angular-fv-split-layout.mjs.map +1 -0
- package/fesm2022/ni-ok-angular-fv-table-toggle-selection.mjs +142 -0
- package/fesm2022/ni-ok-angular-fv-table-toggle-selection.mjs.map +1 -0
- package/package.json +17 -1
- package/types/ni-ok-angular-fv-bulk-edit-field.d.ts +42 -0
- package/types/ni-ok-angular-fv-edit-commit-bar.d.ts +54 -0
- package/types/ni-ok-angular-fv-split-layout.d.ts +48 -0
- package/types/ni-ok-angular-fv-table-toggle-selection.d.ts +44 -0
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, HostListener, Input, Output, Directive, NgModule } from '@angular/core';
|
|
3
|
+
export { BulkEditFieldStatus, fvBulkEditFieldTag } from '@ni/ok-components/dist/esm/fv/bulk-edit-field';
|
|
4
|
+
import { toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Angular bindings for the bulk-edit field shell.
|
|
12
|
+
*/
|
|
13
|
+
class OkFvBulkEditFieldDirective {
|
|
14
|
+
constructor(elementRef, renderer) {
|
|
15
|
+
this.elementRef = elementRef;
|
|
16
|
+
this.renderer = renderer;
|
|
17
|
+
this.resetEvent = new EventEmitter();
|
|
18
|
+
this.clearEvent = new EventEmitter();
|
|
19
|
+
}
|
|
20
|
+
get label() {
|
|
21
|
+
return this.elementRef.nativeElement.label;
|
|
22
|
+
}
|
|
23
|
+
set label(value) {
|
|
24
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'label', value);
|
|
25
|
+
}
|
|
26
|
+
get status() {
|
|
27
|
+
return this.elementRef.nativeElement.status;
|
|
28
|
+
}
|
|
29
|
+
set status(value) {
|
|
30
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'status', value);
|
|
31
|
+
}
|
|
32
|
+
get resetDisabled() {
|
|
33
|
+
return this.elementRef.nativeElement.resetDisabled;
|
|
34
|
+
}
|
|
35
|
+
set resetDisabled(value) {
|
|
36
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'resetDisabled', toBooleanProperty(value));
|
|
37
|
+
}
|
|
38
|
+
get clearDisabled() {
|
|
39
|
+
return this.elementRef.nativeElement.clearDisabled;
|
|
40
|
+
}
|
|
41
|
+
set clearDisabled(value) {
|
|
42
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'clearDisabled', toBooleanProperty(value));
|
|
43
|
+
}
|
|
44
|
+
onReset(event) {
|
|
45
|
+
if (event.target === this.elementRef.nativeElement) {
|
|
46
|
+
this.resetEvent.emit(event);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
onClear(event) {
|
|
50
|
+
if (event.target === this.elementRef.nativeElement) {
|
|
51
|
+
this.clearEvent.emit(event);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvBulkEditFieldDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
55
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: OkFvBulkEditFieldDirective, isStandalone: false, selector: "ok-fv-bulk-edit-field", inputs: { label: "label", status: "status", resetDisabled: ["reset-disabled", "resetDisabled"], clearDisabled: ["clear-disabled", "clearDisabled"] }, outputs: { resetEvent: "resetEvent", clearEvent: "clearEvent" }, host: { listeners: { "reset": "onReset($event)", "clear": "onClear($event)" } }, ngImport: i0 }); }
|
|
56
|
+
}
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvBulkEditFieldDirective, decorators: [{
|
|
58
|
+
type: Directive,
|
|
59
|
+
args: [{
|
|
60
|
+
selector: 'ok-fv-bulk-edit-field',
|
|
61
|
+
standalone: false
|
|
62
|
+
}]
|
|
63
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { resetEvent: [{
|
|
64
|
+
type: Output
|
|
65
|
+
}], clearEvent: [{
|
|
66
|
+
type: Output
|
|
67
|
+
}], label: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], status: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], resetDisabled: [{
|
|
72
|
+
type: Input,
|
|
73
|
+
args: ['reset-disabled']
|
|
74
|
+
}], clearDisabled: [{
|
|
75
|
+
type: Input,
|
|
76
|
+
args: ['clear-disabled']
|
|
77
|
+
}], onReset: [{
|
|
78
|
+
type: HostListener,
|
|
79
|
+
args: ['reset', ['$event']]
|
|
80
|
+
}], onClear: [{
|
|
81
|
+
type: HostListener,
|
|
82
|
+
args: ['clear', ['$event']]
|
|
83
|
+
}] } });
|
|
84
|
+
|
|
85
|
+
class OkFvBulkEditFieldModule {
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvBulkEditFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
87
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: OkFvBulkEditFieldModule, declarations: [OkFvBulkEditFieldDirective], imports: [CommonModule], exports: [OkFvBulkEditFieldDirective] }); }
|
|
88
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvBulkEditFieldModule, imports: [CommonModule] }); }
|
|
89
|
+
}
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvBulkEditFieldModule, decorators: [{
|
|
91
|
+
type: NgModule,
|
|
92
|
+
args: [{
|
|
93
|
+
declarations: [OkFvBulkEditFieldDirective],
|
|
94
|
+
imports: [CommonModule],
|
|
95
|
+
exports: [OkFvBulkEditFieldDirective]
|
|
96
|
+
}]
|
|
97
|
+
}] });
|
|
98
|
+
|
|
99
|
+
/**
|
|
100
|
+
* Generated bundle index. Do not edit.
|
|
101
|
+
*/
|
|
102
|
+
|
|
103
|
+
export { OkFvBulkEditFieldDirective, OkFvBulkEditFieldModule };
|
|
104
|
+
//# sourceMappingURL=ni-ok-angular-fv-bulk-edit-field.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ni-ok-angular-fv-bulk-edit-field.mjs","sources":["../../../ok-angular/fv/bulk-edit-field/ok-fv-bulk-edit-field.directive.ts","../../../ok-angular/fv/bulk-edit-field/ok-fv-bulk-edit-field.module.ts","../../../ok-angular/fv/bulk-edit-field/ni-ok-angular-fv-bulk-edit-field.ts"],"sourcesContent":["import { Directive, ElementRef, EventEmitter, HostListener, Input, Output, Renderer2 } from '@angular/core';\nimport type { FvBulkEditField } from '@ni/ok-components/dist/esm/fv/bulk-edit-field';\nimport { BulkEditFieldStatus, fvBulkEditFieldTag } from '@ni/ok-components/dist/esm/fv/bulk-edit-field';\nimport type { BulkEditFieldStatus as BulkEditFieldStatusType } from '@ni/ok-components/dist/esm/fv/bulk-edit-field/types';\nimport { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';\n\nexport type { FvBulkEditField };\nexport { BulkEditFieldStatus, fvBulkEditFieldTag };\nexport type { BulkEditFieldStatusType };\n\n/**\n *\n */\n/**\n * Angular bindings for the bulk-edit field shell.\n */\n@Directive({\n selector: 'ok-fv-bulk-edit-field',\n standalone: false\n})\nexport class OkFvBulkEditFieldDirective {\n @Output() public resetEvent = new EventEmitter<Event>();\n @Output() public clearEvent = new EventEmitter<Event>();\n\n public constructor(\n private readonly elementRef: ElementRef<FvBulkEditField>,\n private readonly renderer: Renderer2\n ) {}\n\n public get label(): string {\n return this.elementRef.nativeElement.label;\n }\n\n @Input() public set label(value: string) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'label', value);\n }\n\n public get status(): BulkEditFieldStatusType {\n return this.elementRef.nativeElement.status;\n }\n\n @Input() public set status(value: BulkEditFieldStatusType) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'status', value);\n }\n\n public get resetDisabled(): boolean {\n return this.elementRef.nativeElement.resetDisabled;\n }\n\n @Input('reset-disabled') public set resetDisabled(value: BooleanValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'resetDisabled', toBooleanProperty(value));\n }\n\n public get clearDisabled(): boolean {\n return this.elementRef.nativeElement.clearDisabled;\n }\n\n @Input('clear-disabled') public set clearDisabled(value: BooleanValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'clearDisabled', toBooleanProperty(value));\n }\n\n @HostListener('reset', ['$event'])\n public onReset(event: Event): void {\n if (event.target === this.elementRef.nativeElement) {\n this.resetEvent.emit(event);\n }\n }\n\n @HostListener('clear', ['$event'])\n public onClear(event: Event): void {\n if (event.target === this.elementRef.nativeElement) {\n this.clearEvent.emit(event);\n }\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { OkFvBulkEditFieldDirective } from './ok-fv-bulk-edit-field.directive';\n\nimport '@ni/ok-components/dist/esm/fv/bulk-edit-field';\n\n@NgModule({\n declarations: [OkFvBulkEditFieldDirective],\n imports: [CommonModule],\n exports: [OkFvBulkEditFieldDirective]\n})\nexport class OkFvBulkEditFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, HostListener, Input, Output, Directive, NgModule } from '@angular/core';
|
|
3
|
+
export { fvEditCommitBarTag } from '@ni/ok-components/dist/esm/fv/edit-commit-bar';
|
|
4
|
+
import { toNumberProperty, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Angular bindings for edit actions and feedback.
|
|
12
|
+
*/
|
|
13
|
+
class OkFvEditCommitBarDirective {
|
|
14
|
+
constructor(elementRef, renderer) {
|
|
15
|
+
this.elementRef = elementRef;
|
|
16
|
+
this.renderer = renderer;
|
|
17
|
+
this.saveEvent = new EventEmitter();
|
|
18
|
+
this.revertEvent = new EventEmitter();
|
|
19
|
+
this.dismissMessage = new EventEmitter();
|
|
20
|
+
}
|
|
21
|
+
get heading() {
|
|
22
|
+
return this.elementRef.nativeElement.heading;
|
|
23
|
+
}
|
|
24
|
+
set heading(value) {
|
|
25
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'heading', value);
|
|
26
|
+
}
|
|
27
|
+
get changeCount() {
|
|
28
|
+
return this.elementRef.nativeElement.changeCount;
|
|
29
|
+
}
|
|
30
|
+
set changeCount(value) {
|
|
31
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'changeCount', toNumberProperty(value));
|
|
32
|
+
}
|
|
33
|
+
get affectedRowCount() {
|
|
34
|
+
return this.elementRef.nativeElement.affectedRowCount;
|
|
35
|
+
}
|
|
36
|
+
set affectedRowCount(value) {
|
|
37
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'affectedRowCount', toNumberProperty(value));
|
|
38
|
+
}
|
|
39
|
+
get hiddenAffectedRowCount() {
|
|
40
|
+
return this.elementRef.nativeElement.hiddenAffectedRowCount;
|
|
41
|
+
}
|
|
42
|
+
set hiddenAffectedRowCount(value) {
|
|
43
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'hiddenAffectedRowCount', toNumberProperty(value));
|
|
44
|
+
}
|
|
45
|
+
get saveDisabled() {
|
|
46
|
+
return this.elementRef.nativeElement.saveDisabled;
|
|
47
|
+
}
|
|
48
|
+
set saveDisabled(value) {
|
|
49
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'saveDisabled', toBooleanProperty(value));
|
|
50
|
+
}
|
|
51
|
+
get revertDisabled() {
|
|
52
|
+
return this.elementRef.nativeElement.revertDisabled;
|
|
53
|
+
}
|
|
54
|
+
set revertDisabled(value) {
|
|
55
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'revertDisabled', toBooleanProperty(value));
|
|
56
|
+
}
|
|
57
|
+
get actionsHidden() {
|
|
58
|
+
return this.elementRef.nativeElement.actionsHidden;
|
|
59
|
+
}
|
|
60
|
+
set actionsHidden(value) {
|
|
61
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'actionsHidden', toBooleanProperty(value));
|
|
62
|
+
}
|
|
63
|
+
get hideEmptySummary() {
|
|
64
|
+
return this.elementRef.nativeElement.hideEmptySummary;
|
|
65
|
+
}
|
|
66
|
+
set hideEmptySummary(value) {
|
|
67
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'hideEmptySummary', toBooleanProperty(value));
|
|
68
|
+
}
|
|
69
|
+
get message() {
|
|
70
|
+
return this.elementRef.nativeElement.message;
|
|
71
|
+
}
|
|
72
|
+
set message(value) {
|
|
73
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'message', value);
|
|
74
|
+
}
|
|
75
|
+
onSave(event) {
|
|
76
|
+
if (event.target === this.elementRef.nativeElement) {
|
|
77
|
+
this.saveEvent.emit(event);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
onRevert(event) {
|
|
81
|
+
if (event.target === this.elementRef.nativeElement) {
|
|
82
|
+
this.revertEvent.emit(event);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
onDismissMessage(event) {
|
|
86
|
+
if (event.target === this.elementRef.nativeElement) {
|
|
87
|
+
this.dismissMessage.emit(event);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvEditCommitBarDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
91
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: OkFvEditCommitBarDirective, isStandalone: false, selector: "ok-fv-edit-commit-bar", inputs: { heading: "heading", changeCount: ["change-count", "changeCount"], affectedRowCount: ["affected-row-count", "affectedRowCount"], hiddenAffectedRowCount: ["hidden-affected-row-count", "hiddenAffectedRowCount"], saveDisabled: ["save-disabled", "saveDisabled"], revertDisabled: ["revert-disabled", "revertDisabled"], actionsHidden: ["actions-hidden", "actionsHidden"], hideEmptySummary: ["hide-empty-summary", "hideEmptySummary"], message: "message" }, outputs: { saveEvent: "saveEvent", revertEvent: "revertEvent", dismissMessage: "dismissMessage" }, host: { listeners: { "save": "onSave($event)", "revert": "onRevert($event)", "dismiss-message": "onDismissMessage($event)" } }, ngImport: i0 }); }
|
|
92
|
+
}
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvEditCommitBarDirective, decorators: [{
|
|
94
|
+
type: Directive,
|
|
95
|
+
args: [{
|
|
96
|
+
selector: 'ok-fv-edit-commit-bar',
|
|
97
|
+
standalone: false
|
|
98
|
+
}]
|
|
99
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { saveEvent: [{
|
|
100
|
+
type: Output
|
|
101
|
+
}], revertEvent: [{
|
|
102
|
+
type: Output
|
|
103
|
+
}], dismissMessage: [{
|
|
104
|
+
type: Output
|
|
105
|
+
}], heading: [{
|
|
106
|
+
type: Input
|
|
107
|
+
}], changeCount: [{
|
|
108
|
+
type: Input,
|
|
109
|
+
args: ['change-count']
|
|
110
|
+
}], affectedRowCount: [{
|
|
111
|
+
type: Input,
|
|
112
|
+
args: ['affected-row-count']
|
|
113
|
+
}], hiddenAffectedRowCount: [{
|
|
114
|
+
type: Input,
|
|
115
|
+
args: ['hidden-affected-row-count']
|
|
116
|
+
}], saveDisabled: [{
|
|
117
|
+
type: Input,
|
|
118
|
+
args: ['save-disabled']
|
|
119
|
+
}], revertDisabled: [{
|
|
120
|
+
type: Input,
|
|
121
|
+
args: ['revert-disabled']
|
|
122
|
+
}], actionsHidden: [{
|
|
123
|
+
type: Input,
|
|
124
|
+
args: ['actions-hidden']
|
|
125
|
+
}], hideEmptySummary: [{
|
|
126
|
+
type: Input,
|
|
127
|
+
args: ['hide-empty-summary']
|
|
128
|
+
}], message: [{
|
|
129
|
+
type: Input
|
|
130
|
+
}], onSave: [{
|
|
131
|
+
type: HostListener,
|
|
132
|
+
args: ['save', ['$event']]
|
|
133
|
+
}], onRevert: [{
|
|
134
|
+
type: HostListener,
|
|
135
|
+
args: ['revert', ['$event']]
|
|
136
|
+
}], onDismissMessage: [{
|
|
137
|
+
type: HostListener,
|
|
138
|
+
args: ['dismiss-message', ['$event']]
|
|
139
|
+
}] } });
|
|
140
|
+
|
|
141
|
+
class OkFvEditCommitBarModule {
|
|
142
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvEditCommitBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
143
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: OkFvEditCommitBarModule, declarations: [OkFvEditCommitBarDirective], imports: [CommonModule], exports: [OkFvEditCommitBarDirective] }); }
|
|
144
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvEditCommitBarModule, imports: [CommonModule] }); }
|
|
145
|
+
}
|
|
146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvEditCommitBarModule, decorators: [{
|
|
147
|
+
type: NgModule,
|
|
148
|
+
args: [{
|
|
149
|
+
declarations: [OkFvEditCommitBarDirective],
|
|
150
|
+
imports: [CommonModule],
|
|
151
|
+
exports: [OkFvEditCommitBarDirective]
|
|
152
|
+
}]
|
|
153
|
+
}] });
|
|
154
|
+
|
|
155
|
+
/**
|
|
156
|
+
* Generated bundle index. Do not edit.
|
|
157
|
+
*/
|
|
158
|
+
|
|
159
|
+
export { OkFvEditCommitBarDirective, OkFvEditCommitBarModule };
|
|
160
|
+
//# sourceMappingURL=ni-ok-angular-fv-edit-commit-bar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ni-ok-angular-fv-edit-commit-bar.mjs","sources":["../../../ok-angular/fv/edit-commit-bar/ok-fv-edit-commit-bar.directive.ts","../../../ok-angular/fv/edit-commit-bar/ok-fv-edit-commit-bar.module.ts","../../../ok-angular/fv/edit-commit-bar/ni-ok-angular-fv-edit-commit-bar.ts"],"sourcesContent":["import { Directive, ElementRef, EventEmitter, HostListener, Input, Output, Renderer2 } from '@angular/core';\nimport type { FvEditCommitBar } from '@ni/ok-components/dist/esm/fv/edit-commit-bar';\nimport { fvEditCommitBarTag } from '@ni/ok-components/dist/esm/fv/edit-commit-bar';\nimport type { CommitMessage } from '@ni/ok-components/dist/esm/fv/edit-commit-bar/types';\nimport { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNumberProperty } from '@ni/nimble-angular/internal-utilities';\n\nexport type { CommitMessage, FvEditCommitBar };\nexport { fvEditCommitBarTag };\n\n/**\n *\n */\n/**\n * Angular bindings for edit actions and feedback.\n */\n@Directive({\n selector: 'ok-fv-edit-commit-bar',\n standalone: false\n})\nexport class OkFvEditCommitBarDirective {\n @Output() public saveEvent = new EventEmitter<Event>();\n @Output() public revertEvent = new EventEmitter<Event>();\n @Output() public dismissMessage = new EventEmitter<Event>();\n\n public constructor(\n private readonly elementRef: ElementRef<FvEditCommitBar>,\n private readonly renderer: Renderer2\n ) {}\n\n public get heading(): string {\n return this.elementRef.nativeElement.heading;\n }\n\n @Input() public set heading(value: string) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'heading', value);\n }\n\n public get changeCount(): number {\n return this.elementRef.nativeElement.changeCount;\n }\n\n @Input('change-count') public set changeCount(value: NumberValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'changeCount', toNumberProperty(value));\n }\n\n public get affectedRowCount(): number {\n return this.elementRef.nativeElement.affectedRowCount;\n }\n\n @Input('affected-row-count') public set affectedRowCount(value: NumberValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'affectedRowCount', toNumberProperty(value));\n }\n\n public get hiddenAffectedRowCount(): number {\n return this.elementRef.nativeElement.hiddenAffectedRowCount;\n }\n\n @Input('hidden-affected-row-count') public set hiddenAffectedRowCount(value: NumberValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'hiddenAffectedRowCount', toNumberProperty(value));\n }\n\n public get saveDisabled(): boolean {\n return this.elementRef.nativeElement.saveDisabled;\n }\n\n @Input('save-disabled') public set saveDisabled(value: BooleanValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'saveDisabled', toBooleanProperty(value));\n }\n\n public get revertDisabled(): boolean {\n return this.elementRef.nativeElement.revertDisabled;\n }\n\n @Input('revert-disabled') public set revertDisabled(value: BooleanValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'revertDisabled', toBooleanProperty(value));\n }\n\n public get actionsHidden(): boolean {\n return this.elementRef.nativeElement.actionsHidden;\n }\n\n @Input('actions-hidden') public set actionsHidden(value: BooleanValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'actionsHidden', toBooleanProperty(value));\n }\n\n public get hideEmptySummary(): boolean {\n return this.elementRef.nativeElement.hideEmptySummary;\n }\n\n @Input('hide-empty-summary') public set hideEmptySummary(value: BooleanValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'hideEmptySummary', toBooleanProperty(value));\n }\n\n public get message(): CommitMessage | undefined {\n return this.elementRef.nativeElement.message;\n }\n\n @Input() public set message(value: CommitMessage | undefined) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'message', value);\n }\n\n @HostListener('save', ['$event'])\n public onSave(event: Event): void {\n if (event.target === this.elementRef.nativeElement) {\n this.saveEvent.emit(event);\n }\n }\n\n @HostListener('revert', ['$event'])\n public onRevert(event: Event): void {\n if (event.target === this.elementRef.nativeElement) {\n this.revertEvent.emit(event);\n }\n }\n\n @HostListener('dismiss-message', ['$event'])\n public onDismissMessage(event: Event): void {\n if (event.target === this.elementRef.nativeElement) {\n this.dismissMessage.emit(event);\n }\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { OkFvEditCommitBarDirective } from './ok-fv-edit-commit-bar.directive';\n\nimport '@ni/ok-components/dist/esm/fv/edit-commit-bar';\n\n@NgModule({\n declarations: [OkFvEditCommitBarDirective],\n imports: [CommonModule],\n exports: [OkFvEditCommitBarDirective]\n})\nexport class OkFvEditCommitBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, HostListener, Input, Output, Directive, NgModule } from '@angular/core';
|
|
3
|
+
export { fvSplitLayoutTag } from '@ni/ok-components/dist/esm/fv/split-layout';
|
|
4
|
+
import { toNumberProperty, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Angular bindings for the split-pane layout.
|
|
12
|
+
*/
|
|
13
|
+
class OkFvSplitLayoutDirective {
|
|
14
|
+
constructor(elementRef, renderer) {
|
|
15
|
+
this.elementRef = elementRef;
|
|
16
|
+
this.renderer = renderer;
|
|
17
|
+
this.inputEvent = new EventEmitter();
|
|
18
|
+
this.changeEvent = new EventEmitter();
|
|
19
|
+
}
|
|
20
|
+
get position() {
|
|
21
|
+
return this.elementRef.nativeElement.position;
|
|
22
|
+
}
|
|
23
|
+
set position(value) {
|
|
24
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'position', toNumberProperty(value));
|
|
25
|
+
}
|
|
26
|
+
get min() {
|
|
27
|
+
return this.elementRef.nativeElement.min;
|
|
28
|
+
}
|
|
29
|
+
set min(value) {
|
|
30
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'min', toNumberProperty(value));
|
|
31
|
+
}
|
|
32
|
+
get max() {
|
|
33
|
+
return this.elementRef.nativeElement.max;
|
|
34
|
+
}
|
|
35
|
+
set max(value) {
|
|
36
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'max', toNumberProperty(value));
|
|
37
|
+
}
|
|
38
|
+
get minSecondaryPixels() {
|
|
39
|
+
return this.elementRef.nativeElement.minSecondaryPixels;
|
|
40
|
+
}
|
|
41
|
+
set minSecondaryPixels(value) {
|
|
42
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'minSecondaryPixels', toNumberProperty(value));
|
|
43
|
+
}
|
|
44
|
+
get collapsed() {
|
|
45
|
+
return this.elementRef.nativeElement.collapsed;
|
|
46
|
+
}
|
|
47
|
+
set collapsed(value) {
|
|
48
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'collapsed', toBooleanProperty(value));
|
|
49
|
+
}
|
|
50
|
+
get step() {
|
|
51
|
+
return this.elementRef.nativeElement.step;
|
|
52
|
+
}
|
|
53
|
+
set step(value) {
|
|
54
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'step', toNumberProperty(value));
|
|
55
|
+
}
|
|
56
|
+
get primaryPaneId() {
|
|
57
|
+
return this.elementRef.nativeElement.primaryPaneId;
|
|
58
|
+
}
|
|
59
|
+
set primaryPaneId(value) {
|
|
60
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'primaryPaneId', value);
|
|
61
|
+
}
|
|
62
|
+
get secondaryPaneId() {
|
|
63
|
+
return this.elementRef.nativeElement.secondaryPaneId;
|
|
64
|
+
}
|
|
65
|
+
set secondaryPaneId(value) {
|
|
66
|
+
this.renderer.setProperty(this.elementRef.nativeElement, 'secondaryPaneId', value);
|
|
67
|
+
}
|
|
68
|
+
onInput(event) {
|
|
69
|
+
if (event.target === this.elementRef.nativeElement) {
|
|
70
|
+
this.inputEvent.emit(event);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
onChange(event) {
|
|
74
|
+
if (event.target === this.elementRef.nativeElement) {
|
|
75
|
+
this.changeEvent.emit(event);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvSplitLayoutDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
79
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: OkFvSplitLayoutDirective, isStandalone: false, selector: "ok-fv-split-layout", inputs: { position: "position", min: "min", max: "max", minSecondaryPixels: ["min-secondary-pixels", "minSecondaryPixels"], collapsed: "collapsed", step: "step", primaryPaneId: ["primary-pane-id", "primaryPaneId"], secondaryPaneId: ["secondary-pane-id", "secondaryPaneId"] }, outputs: { inputEvent: "inputEvent", changeEvent: "changeEvent" }, host: { listeners: { "input": "onInput($event)", "change": "onChange($event)" } }, ngImport: i0 }); }
|
|
80
|
+
}
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvSplitLayoutDirective, decorators: [{
|
|
82
|
+
type: Directive,
|
|
83
|
+
args: [{
|
|
84
|
+
selector: 'ok-fv-split-layout',
|
|
85
|
+
standalone: false
|
|
86
|
+
}]
|
|
87
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { inputEvent: [{
|
|
88
|
+
type: Output
|
|
89
|
+
}], changeEvent: [{
|
|
90
|
+
type: Output
|
|
91
|
+
}], position: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], min: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], max: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], minSecondaryPixels: [{
|
|
98
|
+
type: Input,
|
|
99
|
+
args: ['min-secondary-pixels']
|
|
100
|
+
}], collapsed: [{
|
|
101
|
+
type: Input
|
|
102
|
+
}], step: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}], primaryPaneId: [{
|
|
105
|
+
type: Input,
|
|
106
|
+
args: ['primary-pane-id']
|
|
107
|
+
}], secondaryPaneId: [{
|
|
108
|
+
type: Input,
|
|
109
|
+
args: ['secondary-pane-id']
|
|
110
|
+
}], onInput: [{
|
|
111
|
+
type: HostListener,
|
|
112
|
+
args: ['input', ['$event']]
|
|
113
|
+
}], onChange: [{
|
|
114
|
+
type: HostListener,
|
|
115
|
+
args: ['change', ['$event']]
|
|
116
|
+
}] } });
|
|
117
|
+
|
|
118
|
+
class OkFvSplitLayoutModule {
|
|
119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvSplitLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
120
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: OkFvSplitLayoutModule, declarations: [OkFvSplitLayoutDirective], imports: [CommonModule], exports: [OkFvSplitLayoutDirective] }); }
|
|
121
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvSplitLayoutModule, imports: [CommonModule] }); }
|
|
122
|
+
}
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkFvSplitLayoutModule, decorators: [{
|
|
124
|
+
type: NgModule,
|
|
125
|
+
args: [{
|
|
126
|
+
declarations: [OkFvSplitLayoutDirective],
|
|
127
|
+
imports: [CommonModule],
|
|
128
|
+
exports: [OkFvSplitLayoutDirective]
|
|
129
|
+
}]
|
|
130
|
+
}] });
|
|
131
|
+
|
|
132
|
+
/**
|
|
133
|
+
* Generated bundle index. Do not edit.
|
|
134
|
+
*/
|
|
135
|
+
|
|
136
|
+
export { OkFvSplitLayoutDirective, OkFvSplitLayoutModule };
|
|
137
|
+
//# sourceMappingURL=ni-ok-angular-fv-split-layout.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ni-ok-angular-fv-split-layout.mjs","sources":["../../../ok-angular/fv/split-layout/ok-fv-split-layout.directive.ts","../../../ok-angular/fv/split-layout/ok-fv-split-layout.module.ts","../../../ok-angular/fv/split-layout/ni-ok-angular-fv-split-layout.ts"],"sourcesContent":["import { Directive, ElementRef, EventEmitter, HostListener, Input, Output, Renderer2 } from '@angular/core';\nimport type { FvSplitLayout } from '@ni/ok-components/dist/esm/fv/split-layout';\nimport { fvSplitLayoutTag } from '@ni/ok-components/dist/esm/fv/split-layout';\nimport { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNumberProperty } from '@ni/nimble-angular/internal-utilities';\n\nexport type { FvSplitLayout };\nexport { fvSplitLayoutTag };\n\n/**\n *\n */\n/**\n * Angular bindings for the split-pane layout.\n */\n@Directive({\n selector: 'ok-fv-split-layout',\n standalone: false\n})\nexport class OkFvSplitLayoutDirective {\n @Output() public inputEvent = new EventEmitter<Event>();\n @Output() public changeEvent = new EventEmitter<Event>();\n\n public constructor(\n private readonly elementRef: ElementRef<FvSplitLayout>,\n private readonly renderer: Renderer2\n ) {}\n\n public get position(): number {\n return this.elementRef.nativeElement.position;\n }\n\n @Input() public set position(value: NumberValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'position', toNumberProperty(value));\n }\n\n public get min(): number {\n return this.elementRef.nativeElement.min;\n }\n\n @Input() public set min(value: NumberValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'min', toNumberProperty(value));\n }\n\n public get max(): number {\n return this.elementRef.nativeElement.max;\n }\n\n @Input() public set max(value: NumberValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'max', toNumberProperty(value));\n }\n\n public get minSecondaryPixels(): number {\n return this.elementRef.nativeElement.minSecondaryPixels;\n }\n\n @Input('min-secondary-pixels') public set minSecondaryPixels(value: NumberValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'minSecondaryPixels', toNumberProperty(value));\n }\n\n public get collapsed(): boolean {\n return this.elementRef.nativeElement.collapsed;\n }\n\n @Input() public set collapsed(value: BooleanValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'collapsed', toBooleanProperty(value));\n }\n\n public get step(): number {\n return this.elementRef.nativeElement.step;\n }\n\n @Input() public set step(value: NumberValueOrAttribute) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'step', toNumberProperty(value));\n }\n\n public get primaryPaneId(): string {\n return this.elementRef.nativeElement.primaryPaneId;\n }\n\n @Input('primary-pane-id') public set primaryPaneId(value: string) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'primaryPaneId', value);\n }\n\n public get secondaryPaneId(): string {\n return this.elementRef.nativeElement.secondaryPaneId;\n }\n\n @Input('secondary-pane-id') public set secondaryPaneId(value: string) {\n this.renderer.setProperty(this.elementRef.nativeElement, 'secondaryPaneId', value);\n }\n\n @HostListener('input', ['$event'])\n public onInput(event: Event): void {\n if (event.target === this.elementRef.nativeElement) {\n this.inputEvent.emit(event);\n }\n }\n\n @HostListener('change', ['$event'])\n public onChange(event: Event): void {\n if (event.target === this.elementRef.nativeElement) {\n this.changeEvent.emit(event);\n }\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { OkFvSplitLayoutDirective } from './ok-fv-split-layout.directive';\n\nimport '@ni/ok-components/dist/esm/fv/split-layout';\n\n@NgModule({\n declarations: [OkFvSplitLayoutDirective],\n imports: [CommonModule],\n exports: [OkFvSplitLayoutDirective]\n})\nexport class OkFvSplitLayoutModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Output, Input, Directive, NgModule } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Temporary toggle-selection behavior for Nimble tables.
|
|
6
|
+
* Remove when the table supports toggle row clicks and additive Shift ranges natively.
|
|
7
|
+
*/
|
|
8
|
+
class OkTableToggleSelectionDirective {
|
|
9
|
+
set visibleIds(value) {
|
|
10
|
+
this.visible = [...new Set(value)];
|
|
11
|
+
this.restoreSelection();
|
|
12
|
+
}
|
|
13
|
+
get visibleIds() {
|
|
14
|
+
return this.visible;
|
|
15
|
+
}
|
|
16
|
+
set selectedIds(value) {
|
|
17
|
+
this.currentSelection = [...new Set(value)];
|
|
18
|
+
this.restoreSelection();
|
|
19
|
+
}
|
|
20
|
+
constructor(elementRef, errorHandler) {
|
|
21
|
+
this.errorHandler = errorHandler;
|
|
22
|
+
this.proposedSelection = new EventEmitter();
|
|
23
|
+
this.selectionChange = new EventEmitter();
|
|
24
|
+
this.currentSelection = [];
|
|
25
|
+
this.visible = [];
|
|
26
|
+
this.initialized = false;
|
|
27
|
+
this.additiveRange = false;
|
|
28
|
+
this.updates = Promise.resolve();
|
|
29
|
+
this.handleClick = (event) => {
|
|
30
|
+
const path = event.composedPath();
|
|
31
|
+
const row = path.some(target => target instanceof HTMLElement && target.localName === 'nimble-table-row');
|
|
32
|
+
const interactive = path.some(target => target instanceof HTMLElement
|
|
33
|
+
&& (target.isContentEditable
|
|
34
|
+
|| target.matches('a, button, input, select, textarea, [role="button"], [role="checkbox"], [role="combobox"], [role="textbox"], nimble-checkbox, nimble-button, nimble-menu-button')));
|
|
35
|
+
if (!row || interactive) {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
this.additiveRange = event.shiftKey;
|
|
39
|
+
if (!event.ctrlKey && !event.metaKey) {
|
|
40
|
+
event.stopImmediatePropagation();
|
|
41
|
+
path[0].dispatchEvent(new MouseEvent('click', {
|
|
42
|
+
bubbles: true,
|
|
43
|
+
composed: true,
|
|
44
|
+
ctrlKey: true,
|
|
45
|
+
shiftKey: event.shiftKey
|
|
46
|
+
}));
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
this.handleSelection = (event) => {
|
|
50
|
+
const detail = event.detail;
|
|
51
|
+
const selected = new Set(this.additiveRange
|
|
52
|
+
? this.currentSelection
|
|
53
|
+
: this.currentSelection.filter(id => !this.visible.includes(id)));
|
|
54
|
+
this.additiveRange = false;
|
|
55
|
+
detail.selectedRecordIds.filter(id => this.visible.includes(id)).forEach(id => selected.add(id));
|
|
56
|
+
this.propose([...selected]);
|
|
57
|
+
};
|
|
58
|
+
this.table = elementRef.nativeElement;
|
|
59
|
+
}
|
|
60
|
+
ngAfterViewInit() {
|
|
61
|
+
this.table.addEventListener('click', this.handleClick, true);
|
|
62
|
+
this.table.addEventListener('selection-change', this.handleSelection);
|
|
63
|
+
this.initialized = true;
|
|
64
|
+
this.restoreSelection();
|
|
65
|
+
}
|
|
66
|
+
ngOnDestroy() {
|
|
67
|
+
this.table.removeEventListener('click', this.handleClick, true);
|
|
68
|
+
this.table.removeEventListener('selection-change', this.handleSelection);
|
|
69
|
+
this.initialized = false;
|
|
70
|
+
}
|
|
71
|
+
propose(selectedIds) {
|
|
72
|
+
if (selectedIds.length === this.currentSelection.length
|
|
73
|
+
&& selectedIds.every(id => this.currentSelection.includes(id))) {
|
|
74
|
+
this.restoreSelection();
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
const proposal = {
|
|
78
|
+
selectedIds,
|
|
79
|
+
defaultPrevented: false,
|
|
80
|
+
preventDefault() {
|
|
81
|
+
this.defaultPrevented = true;
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
this.proposedSelection.emit(proposal);
|
|
85
|
+
if (proposal.defaultPrevented) {
|
|
86
|
+
this.restoreSelection();
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
this.currentSelection = [...selectedIds];
|
|
90
|
+
this.restoreSelection();
|
|
91
|
+
this.selectionChange.emit(selectedIds);
|
|
92
|
+
}
|
|
93
|
+
restoreSelection() {
|
|
94
|
+
if (!this.initialized) {
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
this.updates = this.updates
|
|
98
|
+
.then(async () => {
|
|
99
|
+
if (this.initialized) {
|
|
100
|
+
await this.table.setSelectedRecordIds(this.currentSelection.filter(id => this.visible.includes(id)));
|
|
101
|
+
}
|
|
102
|
+
})
|
|
103
|
+
.catch((error) => this.errorHandler.handleError(error));
|
|
104
|
+
}
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkTableToggleSelectionDirective, deps: [{ token: i0.ElementRef }, { token: i0.ErrorHandler }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
106
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: OkTableToggleSelectionDirective, isStandalone: false, selector: "nimble-table[okTableToggleSelection]", inputs: { visibleIds: "visibleIds", selectedIds: "selectedIds" }, outputs: { proposedSelection: "proposedSelection", selectionChange: "selectionChange" }, ngImport: i0 }); }
|
|
107
|
+
}
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkTableToggleSelectionDirective, decorators: [{
|
|
109
|
+
type: Directive,
|
|
110
|
+
args: [{
|
|
111
|
+
selector: 'nimble-table[okTableToggleSelection]',
|
|
112
|
+
standalone: false
|
|
113
|
+
}]
|
|
114
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ErrorHandler }], propDecorators: { visibleIds: [{
|
|
115
|
+
type: Input
|
|
116
|
+
}], selectedIds: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], proposedSelection: [{
|
|
119
|
+
type: Output
|
|
120
|
+
}], selectionChange: [{
|
|
121
|
+
type: Output
|
|
122
|
+
}] } });
|
|
123
|
+
|
|
124
|
+
class OkTableToggleSelectionModule {
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkTableToggleSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
126
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: OkTableToggleSelectionModule, declarations: [OkTableToggleSelectionDirective], exports: [OkTableToggleSelectionDirective] }); }
|
|
127
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkTableToggleSelectionModule }); }
|
|
128
|
+
}
|
|
129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: OkTableToggleSelectionModule, decorators: [{
|
|
130
|
+
type: NgModule,
|
|
131
|
+
args: [{
|
|
132
|
+
declarations: [OkTableToggleSelectionDirective],
|
|
133
|
+
exports: [OkTableToggleSelectionDirective]
|
|
134
|
+
}]
|
|
135
|
+
}] });
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* Generated bundle index. Do not edit.
|
|
139
|
+
*/
|
|
140
|
+
|
|
141
|
+
export { OkTableToggleSelectionDirective, OkTableToggleSelectionModule };
|
|
142
|
+
//# sourceMappingURL=ni-ok-angular-fv-table-toggle-selection.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ni-ok-angular-fv-table-toggle-selection.mjs","sources":["../../../ok-angular/fv/table-toggle-selection/ok-table-toggle-selection.directive.ts","../../../ok-angular/fv/table-toggle-selection/ok-table-toggle-selection.module.ts","../../../ok-angular/fv/table-toggle-selection/ni-ok-angular-fv-table-toggle-selection.ts"],"sourcesContent":["import { Directive, ElementRef, ErrorHandler, EventEmitter, Input, Output } from '@angular/core';\nimport type { AfterViewInit, OnDestroy } from '@angular/core';\nimport type { Table, TableRowSelectionEventDetail } from '@ni/nimble-angular/table';\n\nexport interface OkTableSelectionProposal {\n readonly selectedIds: readonly string[];\n preventDefault(): void;\n}\n\n/**\n * Temporary toggle-selection behavior for Nimble tables.\n * Remove when the table supports toggle row clicks and additive Shift ranges natively.\n */\n@Directive({\n selector: 'nimble-table[okTableToggleSelection]',\n standalone: false\n})\nexport class OkTableToggleSelectionDirective implements AfterViewInit, OnDestroy {\n @Input()\n public set visibleIds(value: readonly string[]) {\n this.visible = [...new Set(value)];\n this.restoreSelection();\n }\n\n public get visibleIds(): readonly string[] {\n return this.visible;\n }\n\n @Input()\n public set selectedIds(value: readonly string[]) {\n this.currentSelection = [...new Set(value)];\n this.restoreSelection();\n }\n\n @Output() public proposedSelection = new EventEmitter<OkTableSelectionProposal>();\n @Output() public selectionChange = new EventEmitter<readonly string[]>();\n\n private readonly table: Table;\n private currentSelection: readonly string[] = [];\n private visible: readonly string[] = [];\n private initialized = false;\n private additiveRange = false;\n private updates = Promise.resolve();\n\n public constructor(elementRef: ElementRef<Table>, private readonly errorHandler: ErrorHandler) {\n this.table = elementRef.nativeElement;\n }\n\n public ngAfterViewInit(): void {\n this.table.addEventListener('click', this.handleClick, true);\n this.table.addEventListener('selection-change', this.handleSelection);\n this.initialized = true;\n this.restoreSelection();\n }\n\n public ngOnDestroy(): void {\n this.table.removeEventListener('click', this.handleClick, true);\n this.table.removeEventListener('selection-change', this.handleSelection);\n this.initialized = false;\n }\n\n private readonly handleClick = (event: MouseEvent): void => {\n const path = event.composedPath();\n const row = path.some(\n target => target instanceof HTMLElement && target.localName === 'nimble-table-row'\n );\n const interactive = path.some(target => target instanceof HTMLElement\n && (target.isContentEditable\n || target.matches('a, button, input, select, textarea, [role=\"button\"], [role=\"checkbox\"], [role=\"combobox\"], [role=\"textbox\"], nimble-checkbox, nimble-button, nimble-menu-button')));\n if (!row || interactive) {\n return;\n }\n this.additiveRange = event.shiftKey;\n if (!event.ctrlKey && !event.metaKey) {\n event.stopImmediatePropagation();\n (path[0] as HTMLElement).dispatchEvent(new MouseEvent('click', {\n bubbles: true,\n composed: true,\n ctrlKey: true,\n shiftKey: event.shiftKey\n }));\n }\n };\n\n private readonly handleSelection = (event: Event): void => {\n const detail = (event as CustomEvent<TableRowSelectionEventDetail>).detail;\n const selected = new Set(this.additiveRange\n ? this.currentSelection\n : this.currentSelection.filter(id => !this.visible.includes(id)));\n this.additiveRange = false;\n detail.selectedRecordIds.filter(id => this.visible.includes(id)).forEach(id => selected.add(id));\n this.propose([...selected]);\n };\n\n private propose(selectedIds: readonly string[]): void {\n if (selectedIds.length === this.currentSelection.length\n && selectedIds.every(id => this.currentSelection.includes(id))) {\n this.restoreSelection();\n return;\n }\n const proposal = {\n selectedIds,\n defaultPrevented: false,\n preventDefault(): void {\n this.defaultPrevented = true;\n }\n };\n this.proposedSelection.emit(proposal);\n if (proposal.defaultPrevented) {\n this.restoreSelection();\n return;\n }\n this.currentSelection = [...selectedIds];\n this.restoreSelection();\n this.selectionChange.emit(selectedIds);\n }\n\n private restoreSelection(): void {\n if (!this.initialized) {\n return;\n }\n this.updates = this.updates\n .then(async () => {\n if (this.initialized) {\n await this.table.setSelectedRecordIds(this.currentSelection.filter(id => this.visible.includes(id)));\n }\n })\n .catch((error: unknown) => this.errorHandler.handleError(error));\n }\n}\n","import { NgModule } from '@angular/core';\nimport { OkTableToggleSelectionDirective } from './ok-table-toggle-selection.directive';\n\n@NgModule({\n declarations: [OkTableToggleSelectionDirective],\n exports: [OkTableToggleSelectionDirective]\n})\nexport class OkTableToggleSelectionModule {}\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/ok-angular",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.0",
|
|
4
4
|
"description": "Angular components for NI OK Components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -45,6 +45,10 @@
|
|
|
45
45
|
"types": "./types/ni-ok-angular-fv-accordion-item.d.ts",
|
|
46
46
|
"default": "./fesm2022/ni-ok-angular-fv-accordion-item.mjs"
|
|
47
47
|
},
|
|
48
|
+
"./fv/bulk-edit-field": {
|
|
49
|
+
"types": "./types/ni-ok-angular-fv-bulk-edit-field.d.ts",
|
|
50
|
+
"default": "./fesm2022/ni-ok-angular-fv-bulk-edit-field.mjs"
|
|
51
|
+
},
|
|
48
52
|
"./fv/card": {
|
|
49
53
|
"types": "./types/ni-ok-angular-fv-card.d.ts",
|
|
50
54
|
"default": "./fesm2022/ni-ok-angular-fv-card.mjs"
|
|
@@ -57,6 +61,10 @@
|
|
|
57
61
|
"types": "./types/ni-ok-angular-fv-context-help.d.ts",
|
|
58
62
|
"default": "./fesm2022/ni-ok-angular-fv-context-help.mjs"
|
|
59
63
|
},
|
|
64
|
+
"./fv/edit-commit-bar": {
|
|
65
|
+
"types": "./types/ni-ok-angular-fv-edit-commit-bar.d.ts",
|
|
66
|
+
"default": "./fesm2022/ni-ok-angular-fv-edit-commit-bar.mjs"
|
|
67
|
+
},
|
|
60
68
|
"./fv/master-detail-list": {
|
|
61
69
|
"types": "./types/ni-ok-angular-fv-master-detail-list.d.ts",
|
|
62
70
|
"default": "./fesm2022/ni-ok-angular-fv-master-detail-list.mjs"
|
|
@@ -77,6 +85,10 @@
|
|
|
77
85
|
"types": "./types/ni-ok-angular-fv-split-button-anchor.d.ts",
|
|
78
86
|
"default": "./fesm2022/ni-ok-angular-fv-split-button-anchor.mjs"
|
|
79
87
|
},
|
|
88
|
+
"./fv/split-layout": {
|
|
89
|
+
"types": "./types/ni-ok-angular-fv-split-layout.d.ts",
|
|
90
|
+
"default": "./fesm2022/ni-ok-angular-fv-split-layout.mjs"
|
|
91
|
+
},
|
|
80
92
|
"./fv/splitter": {
|
|
81
93
|
"types": "./types/ni-ok-angular-fv-splitter.d.ts",
|
|
82
94
|
"default": "./fesm2022/ni-ok-angular-fv-splitter.mjs"
|
|
@@ -92,6 +104,10 @@
|
|
|
92
104
|
"./fv/summary-panel-tile": {
|
|
93
105
|
"types": "./types/ni-ok-angular-fv-summary-panel-tile.d.ts",
|
|
94
106
|
"default": "./fesm2022/ni-ok-angular-fv-summary-panel-tile.mjs"
|
|
107
|
+
},
|
|
108
|
+
"./fv/table-toggle-selection": {
|
|
109
|
+
"types": "./types/ni-ok-angular-fv-table-toggle-selection.d.ts",
|
|
110
|
+
"default": "./fesm2022/ni-ok-angular-fv-table-toggle-selection.mjs"
|
|
95
111
|
}
|
|
96
112
|
},
|
|
97
113
|
"sideEffects": false
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, ElementRef, Renderer2 } from '@angular/core';
|
|
3
|
+
import { FvBulkEditField } from '@ni/ok-components/dist/esm/fv/bulk-edit-field';
|
|
4
|
+
export { BulkEditFieldStatus, FvBulkEditField, fvBulkEditFieldTag } from '@ni/ok-components/dist/esm/fv/bulk-edit-field';
|
|
5
|
+
import { BulkEditFieldStatus } from '@ni/ok-components/dist/esm/fv/bulk-edit-field/types';
|
|
6
|
+
export { BulkEditFieldStatus as BulkEditFieldStatusType } from '@ni/ok-components/dist/esm/fv/bulk-edit-field/types';
|
|
7
|
+
import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
|
|
8
|
+
import * as i2 from '@angular/common';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
/**
|
|
14
|
+
* Angular bindings for the bulk-edit field shell.
|
|
15
|
+
*/
|
|
16
|
+
declare class OkFvBulkEditFieldDirective {
|
|
17
|
+
private readonly elementRef;
|
|
18
|
+
private readonly renderer;
|
|
19
|
+
resetEvent: EventEmitter<Event>;
|
|
20
|
+
clearEvent: EventEmitter<Event>;
|
|
21
|
+
constructor(elementRef: ElementRef<FvBulkEditField>, renderer: Renderer2);
|
|
22
|
+
get label(): string;
|
|
23
|
+
set label(value: string);
|
|
24
|
+
get status(): BulkEditFieldStatus;
|
|
25
|
+
set status(value: BulkEditFieldStatus);
|
|
26
|
+
get resetDisabled(): boolean;
|
|
27
|
+
set resetDisabled(value: BooleanValueOrAttribute);
|
|
28
|
+
get clearDisabled(): boolean;
|
|
29
|
+
set clearDisabled(value: BooleanValueOrAttribute);
|
|
30
|
+
onReset(event: Event): void;
|
|
31
|
+
onClear(event: Event): void;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OkFvBulkEditFieldDirective, never>;
|
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OkFvBulkEditFieldDirective, "ok-fv-bulk-edit-field", never, { "label": { "alias": "label"; "required": false; }; "status": { "alias": "status"; "required": false; }; "resetDisabled": { "alias": "reset-disabled"; "required": false; }; "clearDisabled": { "alias": "clear-disabled"; "required": false; }; }, { "resetEvent": "resetEvent"; "clearEvent": "clearEvent"; }, never, never, false, never>;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
declare class OkFvBulkEditFieldModule {
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OkFvBulkEditFieldModule, never>;
|
|
38
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<OkFvBulkEditFieldModule, [typeof OkFvBulkEditFieldDirective], [typeof i2.CommonModule], [typeof OkFvBulkEditFieldDirective]>;
|
|
39
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<OkFvBulkEditFieldModule>;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export { OkFvBulkEditFieldDirective, OkFvBulkEditFieldModule };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, ElementRef, Renderer2 } from '@angular/core';
|
|
3
|
+
import { FvEditCommitBar } from '@ni/ok-components/dist/esm/fv/edit-commit-bar';
|
|
4
|
+
export { FvEditCommitBar, fvEditCommitBarTag } from '@ni/ok-components/dist/esm/fv/edit-commit-bar';
|
|
5
|
+
import { CommitMessage } from '@ni/ok-components/dist/esm/fv/edit-commit-bar/types';
|
|
6
|
+
export { CommitMessage } from '@ni/ok-components/dist/esm/fv/edit-commit-bar/types';
|
|
7
|
+
import { NumberValueOrAttribute, BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
|
|
8
|
+
import * as i2 from '@angular/common';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
/**
|
|
14
|
+
* Angular bindings for edit actions and feedback.
|
|
15
|
+
*/
|
|
16
|
+
declare class OkFvEditCommitBarDirective {
|
|
17
|
+
private readonly elementRef;
|
|
18
|
+
private readonly renderer;
|
|
19
|
+
saveEvent: EventEmitter<Event>;
|
|
20
|
+
revertEvent: EventEmitter<Event>;
|
|
21
|
+
dismissMessage: EventEmitter<Event>;
|
|
22
|
+
constructor(elementRef: ElementRef<FvEditCommitBar>, renderer: Renderer2);
|
|
23
|
+
get heading(): string;
|
|
24
|
+
set heading(value: string);
|
|
25
|
+
get changeCount(): number;
|
|
26
|
+
set changeCount(value: NumberValueOrAttribute);
|
|
27
|
+
get affectedRowCount(): number;
|
|
28
|
+
set affectedRowCount(value: NumberValueOrAttribute);
|
|
29
|
+
get hiddenAffectedRowCount(): number;
|
|
30
|
+
set hiddenAffectedRowCount(value: NumberValueOrAttribute);
|
|
31
|
+
get saveDisabled(): boolean;
|
|
32
|
+
set saveDisabled(value: BooleanValueOrAttribute);
|
|
33
|
+
get revertDisabled(): boolean;
|
|
34
|
+
set revertDisabled(value: BooleanValueOrAttribute);
|
|
35
|
+
get actionsHidden(): boolean;
|
|
36
|
+
set actionsHidden(value: BooleanValueOrAttribute);
|
|
37
|
+
get hideEmptySummary(): boolean;
|
|
38
|
+
set hideEmptySummary(value: BooleanValueOrAttribute);
|
|
39
|
+
get message(): CommitMessage | undefined;
|
|
40
|
+
set message(value: CommitMessage | undefined);
|
|
41
|
+
onSave(event: Event): void;
|
|
42
|
+
onRevert(event: Event): void;
|
|
43
|
+
onDismissMessage(event: Event): void;
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OkFvEditCommitBarDirective, never>;
|
|
45
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OkFvEditCommitBarDirective, "ok-fv-edit-commit-bar", never, { "heading": { "alias": "heading"; "required": false; }; "changeCount": { "alias": "change-count"; "required": false; }; "affectedRowCount": { "alias": "affected-row-count"; "required": false; }; "hiddenAffectedRowCount": { "alias": "hidden-affected-row-count"; "required": false; }; "saveDisabled": { "alias": "save-disabled"; "required": false; }; "revertDisabled": { "alias": "revert-disabled"; "required": false; }; "actionsHidden": { "alias": "actions-hidden"; "required": false; }; "hideEmptySummary": { "alias": "hide-empty-summary"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, { "saveEvent": "saveEvent"; "revertEvent": "revertEvent"; "dismissMessage": "dismissMessage"; }, never, never, false, never>;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
declare class OkFvEditCommitBarModule {
|
|
49
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OkFvEditCommitBarModule, never>;
|
|
50
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<OkFvEditCommitBarModule, [typeof OkFvEditCommitBarDirective], [typeof i2.CommonModule], [typeof OkFvEditCommitBarDirective]>;
|
|
51
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<OkFvEditCommitBarModule>;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export { OkFvEditCommitBarDirective, OkFvEditCommitBarModule };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, ElementRef, Renderer2 } from '@angular/core';
|
|
3
|
+
import { FvSplitLayout } from '@ni/ok-components/dist/esm/fv/split-layout';
|
|
4
|
+
export { FvSplitLayout, fvSplitLayoutTag } from '@ni/ok-components/dist/esm/fv/split-layout';
|
|
5
|
+
import { NumberValueOrAttribute, BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
|
|
6
|
+
import * as i2 from '@angular/common';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
11
|
+
/**
|
|
12
|
+
* Angular bindings for the split-pane layout.
|
|
13
|
+
*/
|
|
14
|
+
declare class OkFvSplitLayoutDirective {
|
|
15
|
+
private readonly elementRef;
|
|
16
|
+
private readonly renderer;
|
|
17
|
+
inputEvent: EventEmitter<Event>;
|
|
18
|
+
changeEvent: EventEmitter<Event>;
|
|
19
|
+
constructor(elementRef: ElementRef<FvSplitLayout>, renderer: Renderer2);
|
|
20
|
+
get position(): number;
|
|
21
|
+
set position(value: NumberValueOrAttribute);
|
|
22
|
+
get min(): number;
|
|
23
|
+
set min(value: NumberValueOrAttribute);
|
|
24
|
+
get max(): number;
|
|
25
|
+
set max(value: NumberValueOrAttribute);
|
|
26
|
+
get minSecondaryPixels(): number;
|
|
27
|
+
set minSecondaryPixels(value: NumberValueOrAttribute);
|
|
28
|
+
get collapsed(): boolean;
|
|
29
|
+
set collapsed(value: BooleanValueOrAttribute);
|
|
30
|
+
get step(): number;
|
|
31
|
+
set step(value: NumberValueOrAttribute);
|
|
32
|
+
get primaryPaneId(): string;
|
|
33
|
+
set primaryPaneId(value: string);
|
|
34
|
+
get secondaryPaneId(): string;
|
|
35
|
+
set secondaryPaneId(value: string);
|
|
36
|
+
onInput(event: Event): void;
|
|
37
|
+
onChange(event: Event): void;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OkFvSplitLayoutDirective, never>;
|
|
39
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OkFvSplitLayoutDirective, "ok-fv-split-layout", never, { "position": { "alias": "position"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minSecondaryPixels": { "alias": "min-secondary-pixels"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "step": { "alias": "step"; "required": false; }; "primaryPaneId": { "alias": "primary-pane-id"; "required": false; }; "secondaryPaneId": { "alias": "secondary-pane-id"; "required": false; }; }, { "inputEvent": "inputEvent"; "changeEvent": "changeEvent"; }, never, never, false, never>;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
declare class OkFvSplitLayoutModule {
|
|
43
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OkFvSplitLayoutModule, never>;
|
|
44
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<OkFvSplitLayoutModule, [typeof OkFvSplitLayoutDirective], [typeof i2.CommonModule], [typeof OkFvSplitLayoutDirective]>;
|
|
45
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<OkFvSplitLayoutModule>;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
export { OkFvSplitLayoutDirective, OkFvSplitLayoutModule };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { AfterViewInit, OnDestroy, EventEmitter, ElementRef, ErrorHandler } from '@angular/core';
|
|
3
|
+
import { Table } from '@ni/nimble-angular/table';
|
|
4
|
+
|
|
5
|
+
interface OkTableSelectionProposal {
|
|
6
|
+
readonly selectedIds: readonly string[];
|
|
7
|
+
preventDefault(): void;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Temporary toggle-selection behavior for Nimble tables.
|
|
11
|
+
* Remove when the table supports toggle row clicks and additive Shift ranges natively.
|
|
12
|
+
*/
|
|
13
|
+
declare class OkTableToggleSelectionDirective implements AfterViewInit, OnDestroy {
|
|
14
|
+
private readonly errorHandler;
|
|
15
|
+
set visibleIds(value: readonly string[]);
|
|
16
|
+
get visibleIds(): readonly string[];
|
|
17
|
+
set selectedIds(value: readonly string[]);
|
|
18
|
+
proposedSelection: EventEmitter<OkTableSelectionProposal>;
|
|
19
|
+
selectionChange: EventEmitter<readonly string[]>;
|
|
20
|
+
private readonly table;
|
|
21
|
+
private currentSelection;
|
|
22
|
+
private visible;
|
|
23
|
+
private initialized;
|
|
24
|
+
private additiveRange;
|
|
25
|
+
private updates;
|
|
26
|
+
constructor(elementRef: ElementRef<Table>, errorHandler: ErrorHandler);
|
|
27
|
+
ngAfterViewInit(): void;
|
|
28
|
+
ngOnDestroy(): void;
|
|
29
|
+
private readonly handleClick;
|
|
30
|
+
private readonly handleSelection;
|
|
31
|
+
private propose;
|
|
32
|
+
private restoreSelection;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OkTableToggleSelectionDirective, never>;
|
|
34
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OkTableToggleSelectionDirective, "nimble-table[okTableToggleSelection]", never, { "visibleIds": { "alias": "visibleIds"; "required": false; }; "selectedIds": { "alias": "selectedIds"; "required": false; }; }, { "proposedSelection": "proposedSelection"; "selectionChange": "selectionChange"; }, never, never, false, never>;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
declare class OkTableToggleSelectionModule {
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OkTableToggleSelectionModule, never>;
|
|
39
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<OkTableToggleSelectionModule, [typeof OkTableToggleSelectionDirective], never, [typeof OkTableToggleSelectionDirective]>;
|
|
40
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<OkTableToggleSelectionModule>;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
export { OkTableToggleSelectionDirective, OkTableToggleSelectionModule };
|
|
44
|
+
export type { OkTableSelectionProposal };
|