@oicl/openbridge-webcomponents-ng 0.0.20260407101310 → 0.0.20260407112816
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/package.json +3 -2
- package/src/building-blocks/instrument-radial/instrument-radial.ts +9 -0
- package/src/navigation-instruments/compass/compass.ts +38 -2
- package/src/navigation-instruments/compass-flat/compass-flat.ts +38 -0
- package/src/navigation-instruments/compass-sector/compass-sector.ts +251 -0
- package/src/navigation-instruments/rate-of-turn/rate-of-turn.ts +75 -9
- package/src/navigation-instruments/rot-sector/rot-sector.ts +18 -0
- package/src/navigation-instruments/rudder/rudder.ts +9 -0
- package/src/navigation-instruments/watch/watch.ts +85 -0
- package/src/navigation-instruments/watch-flat/watch-flat.ts +67 -0
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oicl/openbridge-webcomponents-ng",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.20260407112816",
|
|
5
5
|
"dependencies": {
|
|
6
|
-
"@oicl/openbridge-webcomponents": "^0.0.
|
|
6
|
+
"@oicl/openbridge-webcomponents": "^0.0.20260407112816"
|
|
7
7
|
},
|
|
8
8
|
"peerDependencies": {
|
|
9
9
|
"@angular/common": ">=13.3.0",
|
|
@@ -2183,6 +2183,7 @@
|
|
|
2183
2183
|
"src/navigation-instruments/compass/compass.ts",
|
|
2184
2184
|
"src/navigation-instruments/compass-flat/compass-flat.ts",
|
|
2185
2185
|
"src/navigation-instruments/compass-indicator/compass-indicator.ts",
|
|
2186
|
+
"src/navigation-instruments/compass-sector/compass-sector.ts",
|
|
2186
2187
|
"src/navigation-instruments/depth-actual/depth-actual.ts",
|
|
2187
2188
|
"src/navigation-instruments/gauge-horizontal/gauge-horizontal.ts",
|
|
2188
2189
|
"src/navigation-instruments/gauge-radial/gauge-radial.ts",
|
|
@@ -205,6 +205,15 @@ export class ObcInstrumentRadial {
|
|
|
205
205
|
return this._el.clipBottom;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
+
@Input()
|
|
209
|
+
set zoomToFitArc(v: boolean) {
|
|
210
|
+
this._ngZone.runOutsideAngular(() => (this._el.zoomToFitArc = v));
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
get zoomToFitArc() {
|
|
214
|
+
return this._el.zoomToFitArc;
|
|
215
|
+
}
|
|
216
|
+
|
|
208
217
|
|
|
209
218
|
|
|
210
219
|
}
|
|
@@ -6,11 +6,11 @@ import {
|
|
|
6
6
|
|
|
7
7
|
} from '@angular/core';
|
|
8
8
|
import {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
|
|
9
|
-
import {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
9
|
+
import {VesselImage, RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
10
10
|
import {CompassDirection, CompassPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass/compass.js';
|
|
11
11
|
import {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
12
12
|
export type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
|
|
13
|
-
export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
13
|
+
export type {VesselImage, RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
14
14
|
export type {CompassDirection, CompassPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass/compass.js';
|
|
15
15
|
export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
16
16
|
import type {ObcCompass as ObcCompassElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass/compass.js';
|
|
@@ -198,6 +198,42 @@ export class ObcCompass {
|
|
|
198
198
|
return this._el.rotationsPerMinute;
|
|
199
199
|
}
|
|
200
200
|
|
|
201
|
+
@Input()
|
|
202
|
+
set rotType(v: RotType) {
|
|
203
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotType = v));
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
get rotType() {
|
|
207
|
+
return this._el.rotType;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
@Input()
|
|
211
|
+
set rotPosition(v: RotPosition) {
|
|
212
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotPosition = v));
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
get rotPosition() {
|
|
216
|
+
return this._el.rotPosition;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
@Input()
|
|
220
|
+
set rotMaxValue(v: number) {
|
|
221
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotMaxValue = v));
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
get rotMaxValue() {
|
|
225
|
+
return this._el.rotMaxValue;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
@Input()
|
|
229
|
+
set rotArcExtent(v: number) {
|
|
230
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotArcExtent = v));
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
get rotArcExtent() {
|
|
234
|
+
return this._el.rotArcExtent;
|
|
235
|
+
}
|
|
236
|
+
|
|
201
237
|
@Input()
|
|
202
238
|
set direction(v: CompassDirection) {
|
|
203
239
|
this._ngZone.runOutsideAngular(() => (this._el.direction = v));
|
|
@@ -7,8 +7,10 @@ import {
|
|
|
7
7
|
} from '@angular/core';
|
|
8
8
|
import {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
9
9
|
import {CompassFlatPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-flat/compass-flat.js';
|
|
10
|
+
import {RotType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rot-renderer.js';
|
|
10
11
|
export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
11
12
|
export type {CompassFlatPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-flat/compass-flat.js';
|
|
13
|
+
export type {RotType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rot-renderer.js';
|
|
12
14
|
import type {ObcCompassFlat as ObcCompassFlatElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-flat/compass-flat.js';
|
|
13
15
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-flat/compass-flat.js';
|
|
14
16
|
|
|
@@ -113,6 +115,42 @@ export class ObcCompassFlat {
|
|
|
113
115
|
return this._el.priorityElements;
|
|
114
116
|
}
|
|
115
117
|
|
|
118
|
+
@Input()
|
|
119
|
+
set rotType(v: RotType | undefined) {
|
|
120
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotType = v));
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
get rotType() {
|
|
124
|
+
return this._el.rotType;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
@Input()
|
|
128
|
+
set rotationsPerMinute(v: number) {
|
|
129
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotationsPerMinute = v));
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
get rotationsPerMinute() {
|
|
133
|
+
return this._el.rotationsPerMinute;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
@Input()
|
|
137
|
+
set rotMaxValue(v: number) {
|
|
138
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotMaxValue = v));
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
get rotMaxValue() {
|
|
142
|
+
return this._el.rotMaxValue;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
@Input()
|
|
146
|
+
set rotArcExtent(v: number) {
|
|
147
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotArcExtent = v));
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
get rotArcExtent() {
|
|
151
|
+
return this._el.rotArcExtent;
|
|
152
|
+
}
|
|
153
|
+
|
|
116
154
|
|
|
117
155
|
|
|
118
156
|
}
|
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Component,
|
|
3
|
+
ElementRef,
|
|
4
|
+
NgZone,
|
|
5
|
+
Input,
|
|
6
|
+
EventEmitter,
|
|
7
|
+
Output
|
|
8
|
+
|
|
9
|
+
} from '@angular/core';
|
|
10
|
+
import {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
|
|
11
|
+
import {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
12
|
+
import {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
13
|
+
import {CompassSectorPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-sector/compass-sector.js';
|
|
14
|
+
export type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
|
|
15
|
+
export type {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
16
|
+
export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
17
|
+
export type {CompassSectorPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-sector/compass-sector.js';
|
|
18
|
+
import type {ObcCompassSector as ObcCompassSectorElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-sector/compass-sector.js';
|
|
19
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-sector/compass-sector.js';
|
|
20
|
+
|
|
21
|
+
@Component({
|
|
22
|
+
selector: 'obc-compass-sector',
|
|
23
|
+
template: '<ng-content></ng-content>',
|
|
24
|
+
standalone: true,
|
|
25
|
+
imports: []
|
|
26
|
+
})
|
|
27
|
+
export class ObcCompassSector {
|
|
28
|
+
private _el: ObcCompassSectorElement;
|
|
29
|
+
private _ngZone: NgZone;
|
|
30
|
+
|
|
31
|
+
constructor(
|
|
32
|
+
e: ElementRef<ObcCompassSectorElement>,
|
|
33
|
+
ngZone: NgZone
|
|
34
|
+
) {
|
|
35
|
+
this._el = e.nativeElement;
|
|
36
|
+
this._ngZone = ngZone;
|
|
37
|
+
|
|
38
|
+
this._el.addEventListener('None', (e: Event) => {
|
|
39
|
+
// TODO(justinfagnani): we need to let the element say how to get a value
|
|
40
|
+
// from an event, ex: e.value
|
|
41
|
+
this.NoneEvent.emit(e);
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
@Input()
|
|
48
|
+
set heading(v: number) {
|
|
49
|
+
this._ngZone.runOutsideAngular(() => (this._el.heading = v));
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
get heading() {
|
|
53
|
+
return this._el.heading;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@Input()
|
|
57
|
+
set courseOverGround(v: number) {
|
|
58
|
+
this._ngZone.runOutsideAngular(() => (this._el.courseOverGround = v));
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
get courseOverGround() {
|
|
62
|
+
return this._el.courseOverGround;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@Input()
|
|
66
|
+
set headingSetpoint(v: number | null) {
|
|
67
|
+
this._ngZone.runOutsideAngular(() => (this._el.headingSetpoint = v));
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
get headingSetpoint() {
|
|
71
|
+
return this._el.headingSetpoint;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@Input()
|
|
75
|
+
set newHeadingSetpoint(v: number | undefined) {
|
|
76
|
+
this._ngZone.runOutsideAngular(() => (this._el.newHeadingSetpoint = v));
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
get newHeadingSetpoint() {
|
|
80
|
+
return this._el.newHeadingSetpoint;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@Input()
|
|
84
|
+
set atHeadingSetpoint(v: boolean) {
|
|
85
|
+
this._ngZone.runOutsideAngular(() => (this._el.atHeadingSetpoint = v));
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
get atHeadingSetpoint() {
|
|
89
|
+
return this._el.atHeadingSetpoint;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@Input()
|
|
93
|
+
set headingSetpointAtZeroDeadband(v: number) {
|
|
94
|
+
this._ngZone.runOutsideAngular(() => (this._el.headingSetpointAtZeroDeadband = v));
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
get headingSetpointAtZeroDeadband() {
|
|
98
|
+
return this._el.headingSetpointAtZeroDeadband;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
@Input()
|
|
102
|
+
set headingSetpointOverride(v: boolean) {
|
|
103
|
+
this._ngZone.runOutsideAngular(() => (this._el.headingSetpointOverride = v));
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
get headingSetpointOverride() {
|
|
107
|
+
return this._el.headingSetpointOverride;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@Input()
|
|
111
|
+
set autoAtHeadingSetpoint(v: boolean) {
|
|
112
|
+
this._ngZone.runOutsideAngular(() => (this._el.autoAtHeadingSetpoint = v));
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
get autoAtHeadingSetpoint() {
|
|
116
|
+
return this._el.autoAtHeadingSetpoint;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
@Input()
|
|
120
|
+
set autoAtHeadingSetpointDeadband(v: number) {
|
|
121
|
+
this._ngZone.runOutsideAngular(() => (this._el.autoAtHeadingSetpointDeadband = v));
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
get autoAtHeadingSetpointDeadband() {
|
|
125
|
+
return this._el.autoAtHeadingSetpointDeadband;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
@Input()
|
|
129
|
+
set animateSetpoint(v: boolean) {
|
|
130
|
+
this._ngZone.runOutsideAngular(() => (this._el.animateSetpoint = v));
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
get animateSetpoint() {
|
|
134
|
+
return this._el.animateSetpoint;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
@Input()
|
|
138
|
+
set touching(v: boolean) {
|
|
139
|
+
this._ngZone.runOutsideAngular(() => (this._el.touching = v));
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
get touching() {
|
|
143
|
+
return this._el.touching;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
@Input()
|
|
147
|
+
set headingAdvices(v: AngleAdvice[]) {
|
|
148
|
+
this._ngZone.runOutsideAngular(() => (this._el.headingAdvices = v));
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
get headingAdvices() {
|
|
152
|
+
return this._el.headingAdvices;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
@Input()
|
|
156
|
+
set minFOV(v: number) {
|
|
157
|
+
this._ngZone.runOutsideAngular(() => (this._el.minFOV = v));
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
get minFOV() {
|
|
161
|
+
return this._el.minFOV;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
@Input()
|
|
165
|
+
set rotType(v: RotType | undefined) {
|
|
166
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotType = v));
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
get rotType() {
|
|
170
|
+
return this._el.rotType;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
@Input()
|
|
174
|
+
set rotPosition(v: RotPosition) {
|
|
175
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotPosition = v));
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
get rotPosition() {
|
|
179
|
+
return this._el.rotPosition;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
@Input()
|
|
183
|
+
set rotationsPerMinute(v: number) {
|
|
184
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotationsPerMinute = v));
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
get rotationsPerMinute() {
|
|
188
|
+
return this._el.rotationsPerMinute;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
@Input()
|
|
192
|
+
set rotMaxValue(v: number) {
|
|
193
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotMaxValue = v));
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
get rotMaxValue() {
|
|
197
|
+
return this._el.rotMaxValue;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
@Input()
|
|
201
|
+
set state(v: InstrumentState) {
|
|
202
|
+
this._ngZone.runOutsideAngular(() => (this._el.state = v));
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
get state() {
|
|
206
|
+
return this._el.state;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
@Input()
|
|
210
|
+
set priority(v: Priority) {
|
|
211
|
+
this._ngZone.runOutsideAngular(() => (this._el.priority = v));
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
get priority() {
|
|
215
|
+
return this._el.priority;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
@Input()
|
|
219
|
+
set priorityElements(v: CompassSectorPriorityElement[]) {
|
|
220
|
+
this._ngZone.runOutsideAngular(() => (this._el.priorityElements = v));
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
get priorityElements() {
|
|
224
|
+
return this._el.priorityElements;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
@Input()
|
|
228
|
+
set tickmarksInside(v: boolean) {
|
|
229
|
+
this._ngZone.runOutsideAngular(() => (this._el.tickmarksInside = v));
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
get tickmarksInside() {
|
|
233
|
+
return this._el.tickmarksInside;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
@Input()
|
|
237
|
+
set zoomToFitArc(v: boolean) {
|
|
238
|
+
this._ngZone.runOutsideAngular(() => (this._el.zoomToFitArc = v));
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
get zoomToFitArc() {
|
|
242
|
+
return this._el.zoomToFitArc;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
|
|
246
|
+
|
|
247
|
+
@Output()
|
|
248
|
+
NoneEvent = new EventEmitter<unknown>();
|
|
249
|
+
|
|
250
|
+
}
|
|
251
|
+
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Component,
|
|
3
3
|
ElementRef,
|
|
4
|
-
NgZone
|
|
4
|
+
NgZone,
|
|
5
|
+
Input
|
|
5
6
|
|
|
6
7
|
} from '@angular/core';
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
import {RotType, RotPosition, WatchCircleType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
9
|
+
import {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
10
|
+
export type {RotType, RotPosition, WatchCircleType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
11
|
+
export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
9
12
|
import type {ObcRateOfTurn as ObcRateOfTurnElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rate-of-turn.js';
|
|
10
13
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rate-of-turn.js';
|
|
11
14
|
|
|
@@ -16,19 +19,82 @@ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/
|
|
|
16
19
|
imports: []
|
|
17
20
|
})
|
|
18
21
|
export class ObcRateOfTurn {
|
|
19
|
-
|
|
20
|
-
|
|
22
|
+
private _el: ObcRateOfTurnElement;
|
|
23
|
+
private _ngZone: NgZone;
|
|
21
24
|
|
|
22
25
|
constructor(
|
|
23
|
-
|
|
24
|
-
|
|
26
|
+
e: ElementRef<ObcRateOfTurnElement>,
|
|
27
|
+
ngZone: NgZone
|
|
25
28
|
) {
|
|
29
|
+
this._el = e.nativeElement;
|
|
30
|
+
this._ngZone = ngZone;
|
|
26
31
|
|
|
27
|
-
|
|
28
|
-
|
|
29
32
|
}
|
|
30
33
|
|
|
31
34
|
|
|
35
|
+
@Input()
|
|
36
|
+
set rotationsPerMinute(v: number) {
|
|
37
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotationsPerMinute = v));
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
get rotationsPerMinute() {
|
|
41
|
+
return this._el.rotationsPerMinute;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@Input()
|
|
45
|
+
set rotType(v: RotType) {
|
|
46
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotType = v));
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
get rotType() {
|
|
50
|
+
return this._el.rotType;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@Input()
|
|
54
|
+
set rotPosition(v: RotPosition) {
|
|
55
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotPosition = v));
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
get rotPosition() {
|
|
59
|
+
return this._el.rotPosition;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@Input()
|
|
63
|
+
set priority(v: Priority) {
|
|
64
|
+
this._ngZone.runOutsideAngular(() => (this._el.priority = v));
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
get priority() {
|
|
68
|
+
return this._el.priority;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
@Input()
|
|
72
|
+
set barStartAngle(v: number) {
|
|
73
|
+
this._ngZone.runOutsideAngular(() => (this._el.barStartAngle = v));
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
get barStartAngle() {
|
|
77
|
+
return this._el.barStartAngle;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
@Input()
|
|
81
|
+
set barEndAngle(v: number) {
|
|
82
|
+
this._ngZone.runOutsideAngular(() => (this._el.barEndAngle = v));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
get barEndAngle() {
|
|
86
|
+
return this._el.barEndAngle;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
@Input()
|
|
90
|
+
set watchCircleType(v: WatchCircleType) {
|
|
91
|
+
this._ngZone.runOutsideAngular(() => (this._el.watchCircleType = v));
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
get watchCircleType() {
|
|
95
|
+
return this._el.watchCircleType;
|
|
96
|
+
}
|
|
97
|
+
|
|
32
98
|
|
|
33
99
|
|
|
34
100
|
}
|
|
@@ -133,6 +133,24 @@ export class ObcRotSector {
|
|
|
133
133
|
return this._el.advices;
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
+
@Input()
|
|
137
|
+
set zoomToFitArc(v: boolean) {
|
|
138
|
+
this._ngZone.runOutsideAngular(() => (this._el.zoomToFitArc = v));
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
get zoomToFitArc() {
|
|
142
|
+
return this._el.zoomToFitArc;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
@Input()
|
|
146
|
+
set rotArcExtent(v: number) {
|
|
147
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotArcExtent = v));
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
get rotArcExtent() {
|
|
151
|
+
return this._el.rotArcExtent;
|
|
152
|
+
}
|
|
153
|
+
|
|
136
154
|
|
|
137
155
|
|
|
138
156
|
}
|
|
@@ -117,6 +117,15 @@ export class ObcRudder {
|
|
|
117
117
|
return this._el.advices;
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
+
@Input()
|
|
121
|
+
set zoomToFitArc(v: boolean) {
|
|
122
|
+
this._ngZone.runOutsideAngular(() => (this._el.zoomToFitArc = v));
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
get zoomToFitArc() {
|
|
126
|
+
return this._el.zoomToFitArc;
|
|
127
|
+
}
|
|
128
|
+
|
|
120
129
|
|
|
121
130
|
|
|
122
131
|
}
|
|
@@ -9,10 +9,14 @@ import {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/nav
|
|
|
9
9
|
import {WatchCircleType, WatchArea, WatchBarArea, WatchNeedle, WatchVessel} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
10
10
|
import {Tickmark, TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
|
|
11
11
|
import {AngleAdviceRaw} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
|
|
12
|
+
import {ZoomToFitArcFrame} from '@oicl/openbridge-webcomponents/dist/svghelpers/arc-frame.js';
|
|
13
|
+
import {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rot-renderer.js';
|
|
12
14
|
export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
13
15
|
export type {WatchCircleType, WatchArea, WatchBarArea, WatchNeedle, WatchVessel} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
14
16
|
export type {Tickmark, TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
|
|
15
17
|
export type {AngleAdviceRaw} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
|
|
18
|
+
export type {ZoomToFitArcFrame} from '@oicl/openbridge-webcomponents/dist/svghelpers/arc-frame.js';
|
|
19
|
+
export type {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rot-renderer.js';
|
|
16
20
|
import type {ObcWatch as ObcWatchElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
17
21
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
|
|
18
22
|
|
|
@@ -72,6 +76,15 @@ export class ObcWatch {
|
|
|
72
76
|
return this._el.northArrow;
|
|
73
77
|
}
|
|
74
78
|
|
|
79
|
+
@Input()
|
|
80
|
+
set northArrowInside(v: boolean | undefined) {
|
|
81
|
+
this._ngZone.runOutsideAngular(() => (this._el.northArrowInside = v));
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
get northArrowInside() {
|
|
85
|
+
return this._el.northArrowInside;
|
|
86
|
+
}
|
|
87
|
+
|
|
75
88
|
@Input()
|
|
76
89
|
set angleSetpoint(v: number | undefined) {
|
|
77
90
|
this._ngZone.runOutsideAngular(() => (this._el.angleSetpoint = v));
|
|
@@ -351,6 +364,78 @@ export class ObcWatch {
|
|
|
351
364
|
return this._el.rotation;
|
|
352
365
|
}
|
|
353
366
|
|
|
367
|
+
@Input()
|
|
368
|
+
set zoomToFitArc(v: boolean) {
|
|
369
|
+
this._ngZone.runOutsideAngular(() => (this._el.zoomToFitArc = v));
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
get zoomToFitArc() {
|
|
373
|
+
return this._el.zoomToFitArc;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
@Input()
|
|
377
|
+
set arcFrame(v: ZoomToFitArcFrame | undefined) {
|
|
378
|
+
this._ngZone.runOutsideAngular(() => (this._el.arcFrame = v));
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
get arcFrame() {
|
|
382
|
+
return this._el.arcFrame;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
@Input()
|
|
386
|
+
set tickFadeAngle(v: number) {
|
|
387
|
+
this._ngZone.runOutsideAngular(() => (this._el.tickFadeAngle = v));
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
get tickFadeAngle() {
|
|
391
|
+
return this._el.tickFadeAngle;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
@Input()
|
|
395
|
+
set rotType(v: RotType | undefined) {
|
|
396
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotType = v));
|
|
397
|
+
}
|
|
398
|
+
|
|
399
|
+
get rotType() {
|
|
400
|
+
return this._el.rotType;
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
@Input()
|
|
404
|
+
set rotPosition(v: RotPosition) {
|
|
405
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotPosition = v));
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
get rotPosition() {
|
|
409
|
+
return this._el.rotPosition;
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
@Input()
|
|
413
|
+
set rotStartAngle(v: number) {
|
|
414
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotStartAngle = v));
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
get rotStartAngle() {
|
|
418
|
+
return this._el.rotStartAngle;
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
@Input()
|
|
422
|
+
set rotEndAngle(v: number) {
|
|
423
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotEndAngle = v));
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
get rotEndAngle() {
|
|
427
|
+
return this._el.rotEndAngle;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
@Input()
|
|
431
|
+
set rotPriority(v: Priority | undefined) {
|
|
432
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotPriority = v));
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
get rotPriority() {
|
|
436
|
+
return this._el.rotPriority;
|
|
437
|
+
}
|
|
438
|
+
|
|
354
439
|
|
|
355
440
|
|
|
356
441
|
}
|
|
@@ -8,9 +8,13 @@ import {
|
|
|
8
8
|
import {Tickmark} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/tickmark-flat.js';
|
|
9
9
|
import {Label} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-flat/compass-flat.js';
|
|
10
10
|
import {SVGTemplateResult} from 'lit';
|
|
11
|
+
import {RotType, LinearRotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rot-renderer.js';
|
|
12
|
+
import {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
11
13
|
export type {Tickmark} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/tickmark-flat.js';
|
|
12
14
|
export type {Label} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-flat/compass-flat.js';
|
|
13
15
|
export type {SVGTemplateResult} from 'lit';
|
|
16
|
+
export type {RotType, LinearRotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rot-renderer.js';
|
|
17
|
+
export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
14
18
|
import type {ObcWatchFlat as ObcWatchFlatElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/watch-flat.js';
|
|
15
19
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/watch-flat.js';
|
|
16
20
|
|
|
@@ -142,6 +146,69 @@ export class ObcWatchFlat {
|
|
|
142
146
|
return this._el.borderRadius;
|
|
143
147
|
}
|
|
144
148
|
|
|
149
|
+
@Input()
|
|
150
|
+
set bottomBar(v: boolean) {
|
|
151
|
+
this._ngZone.runOutsideAngular(() => (this._el.bottomBar = v));
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
get bottomBar() {
|
|
155
|
+
return this._el.bottomBar;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
@Input()
|
|
159
|
+
set rotType(v: RotType | undefined) {
|
|
160
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotType = v));
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
get rotType() {
|
|
164
|
+
return this._el.rotType;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
@Input()
|
|
168
|
+
set rotPosition(v: LinearRotPosition) {
|
|
169
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotPosition = v));
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
get rotPosition() {
|
|
173
|
+
return this._el.rotPosition;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
@Input()
|
|
177
|
+
set rotStartX(v: number) {
|
|
178
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotStartX = v));
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
get rotStartX() {
|
|
182
|
+
return this._el.rotStartX;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
@Input()
|
|
186
|
+
set rotEndX(v: number) {
|
|
187
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotEndX = v));
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
get rotEndX() {
|
|
191
|
+
return this._el.rotEndX;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
@Input()
|
|
195
|
+
set rotDotSpacing(v: number) {
|
|
196
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotDotSpacing = v));
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
get rotDotSpacing() {
|
|
200
|
+
return this._el.rotDotSpacing;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
@Input()
|
|
204
|
+
set rotPriority(v: Priority) {
|
|
205
|
+
this._ngZone.runOutsideAngular(() => (this._el.rotPriority = v));
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
get rotPriority() {
|
|
209
|
+
return this._el.rotPriority;
|
|
210
|
+
}
|
|
211
|
+
|
|
145
212
|
|
|
146
213
|
|
|
147
214
|
}
|