@angular-helpers/openlayers 21.14.1 → 22.0.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/angular-helpers-openlayers-controls.mjs +102 -66
- package/fesm2022/angular-helpers-openlayers-core.mjs +39 -27
- package/fesm2022/angular-helpers-openlayers-interactions.mjs +75 -51
- package/fesm2022/angular-helpers-openlayers-layers.mjs +154 -89
- package/fesm2022/angular-helpers-openlayers-military.mjs +6 -6
- package/fesm2022/angular-helpers-openlayers-overlays.mjs +23 -16
- package/package.json +5 -5
|
@@ -18,8 +18,10 @@ import { Style, Circle, Stroke, Fill } from 'ol/style';
|
|
|
18
18
|
class OlZoomControlComponent {
|
|
19
19
|
mapService = inject(OlMapService);
|
|
20
20
|
zoneHelper = inject(OlZoneHelper);
|
|
21
|
-
delta = input(1,
|
|
22
|
-
|
|
21
|
+
delta = input(1, /* @ts-ignore */
|
|
22
|
+
...(ngDevMode ? [{ debugName: "delta" }] : /* istanbul ignore next */ []));
|
|
23
|
+
duration = input(250, /* @ts-ignore */
|
|
24
|
+
...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
|
|
23
25
|
control;
|
|
24
26
|
constructor() {
|
|
25
27
|
const destroyRef = inject(DestroyRef);
|
|
@@ -44,10 +46,10 @@ class OlZoomControlComponent {
|
|
|
44
46
|
});
|
|
45
47
|
});
|
|
46
48
|
}
|
|
47
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
48
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
49
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlZoomControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: OlZoomControlComponent, isStandalone: true, selector: "ol-zoom-control", inputs: { delta: { classPropertyName: "delta", publicName: "delta", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
49
51
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlZoomControlComponent, decorators: [{
|
|
51
53
|
type: Component,
|
|
52
54
|
args: [{
|
|
53
55
|
selector: 'ol-zoom-control',
|
|
@@ -60,8 +62,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
60
62
|
class OlAttributionControlComponent {
|
|
61
63
|
mapService = inject(OlMapService);
|
|
62
64
|
zoneHelper = inject(OlZoneHelper);
|
|
63
|
-
collapsible = input(true,
|
|
64
|
-
|
|
65
|
+
collapsible = input(true, /* @ts-ignore */
|
|
66
|
+
...(ngDevMode ? [{ debugName: "collapsible" }] : /* istanbul ignore next */ []));
|
|
67
|
+
collapsed = input(true, /* @ts-ignore */
|
|
68
|
+
...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
|
|
65
69
|
control;
|
|
66
70
|
constructor() {
|
|
67
71
|
const destroyRef = inject(DestroyRef);
|
|
@@ -89,10 +93,10 @@ class OlAttributionControlComponent {
|
|
|
89
93
|
});
|
|
90
94
|
});
|
|
91
95
|
}
|
|
92
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
93
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
96
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlAttributionControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
97
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: OlAttributionControlComponent, isStandalone: true, selector: "ol-attribution-control", inputs: { collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
94
98
|
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlAttributionControlComponent, decorators: [{
|
|
96
100
|
type: Component,
|
|
97
101
|
args: [{
|
|
98
102
|
selector: 'ol-attribution-control',
|
|
@@ -105,9 +109,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
105
109
|
class OlScaleLineControlComponent {
|
|
106
110
|
mapService = inject(OlMapService);
|
|
107
111
|
zoneHelper = inject(OlZoneHelper);
|
|
108
|
-
units = input('metric',
|
|
109
|
-
|
|
110
|
-
|
|
112
|
+
units = input('metric', /* @ts-ignore */
|
|
113
|
+
...(ngDevMode ? [{ debugName: "units" }] : /* istanbul ignore next */ []));
|
|
114
|
+
bar = input(false, /* @ts-ignore */
|
|
115
|
+
...(ngDevMode ? [{ debugName: "bar" }] : /* istanbul ignore next */ []));
|
|
116
|
+
steps = input(4, /* @ts-ignore */
|
|
117
|
+
...(ngDevMode ? [{ debugName: "steps" }] : /* istanbul ignore next */ []));
|
|
111
118
|
control;
|
|
112
119
|
constructor() {
|
|
113
120
|
const destroyRef = inject(DestroyRef);
|
|
@@ -136,10 +143,10 @@ class OlScaleLineControlComponent {
|
|
|
136
143
|
});
|
|
137
144
|
});
|
|
138
145
|
}
|
|
139
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
140
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
146
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlScaleLineControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
147
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: OlScaleLineControlComponent, isStandalone: true, selector: "ol-scale-line-control", inputs: { units: { classPropertyName: "units", publicName: "units", isSignal: true, isRequired: false, transformFunction: null }, bar: { classPropertyName: "bar", publicName: "bar", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
141
148
|
}
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlScaleLineControlComponent, decorators: [{
|
|
143
150
|
type: Component,
|
|
144
151
|
args: [{
|
|
145
152
|
selector: 'ol-scale-line-control',
|
|
@@ -152,10 +159,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
152
159
|
class OlFullscreenControlComponent {
|
|
153
160
|
mapService = inject(OlMapService);
|
|
154
161
|
zoneHelper = inject(OlZoneHelper);
|
|
155
|
-
source = input(
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
162
|
+
source = input(/* @ts-ignore */
|
|
163
|
+
...(ngDevMode ? [undefined, { debugName: "source" }] : /* istanbul ignore next */ []));
|
|
164
|
+
label = input('⤢', /* @ts-ignore */
|
|
165
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
166
|
+
labelActive = input('⤡', /* @ts-ignore */
|
|
167
|
+
...(ngDevMode ? [{ debugName: "labelActive" }] : /* istanbul ignore next */ []));
|
|
168
|
+
tipLabel = input('Toggle full-screen', /* @ts-ignore */
|
|
169
|
+
...(ngDevMode ? [{ debugName: "tipLabel" }] : /* istanbul ignore next */ []));
|
|
159
170
|
control;
|
|
160
171
|
constructor() {
|
|
161
172
|
const destroyRef = inject(DestroyRef);
|
|
@@ -185,10 +196,10 @@ class OlFullscreenControlComponent {
|
|
|
185
196
|
});
|
|
186
197
|
});
|
|
187
198
|
}
|
|
188
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
189
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
199
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlFullscreenControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
200
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: OlFullscreenControlComponent, isStandalone: true, selector: "ol-fullscreen-control", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelActive: { classPropertyName: "labelActive", publicName: "labelActive", isSignal: true, isRequired: false, transformFunction: null }, tipLabel: { classPropertyName: "tipLabel", publicName: "tipLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
190
201
|
}
|
|
191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlFullscreenControlComponent, decorators: [{
|
|
192
203
|
type: Component,
|
|
193
204
|
args: [{
|
|
194
205
|
selector: 'ol-fullscreen-control',
|
|
@@ -209,9 +220,12 @@ const ROTATE_CONTROL_MAP_SERVICE = new InjectionToken('ROTATE_CONTROL_MAP_SERVIC
|
|
|
209
220
|
class OlRotateControlComponent {
|
|
210
221
|
mapService = inject(ROTATE_CONTROL_MAP_SERVICE, { optional: true });
|
|
211
222
|
zoneHelper = inject(OlZoneHelper);
|
|
212
|
-
autoHide = input(true,
|
|
213
|
-
|
|
214
|
-
|
|
223
|
+
autoHide = input(true, /* @ts-ignore */
|
|
224
|
+
...(ngDevMode ? [{ debugName: "autoHide" }] : /* istanbul ignore next */ []));
|
|
225
|
+
duration = input(250, /* @ts-ignore */
|
|
226
|
+
...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
|
|
227
|
+
tipLabel = input('Reset rotation', /* @ts-ignore */
|
|
228
|
+
...(ngDevMode ? [{ debugName: "tipLabel" }] : /* istanbul ignore next */ []));
|
|
215
229
|
control;
|
|
216
230
|
constructor() {
|
|
217
231
|
if (!this.mapService)
|
|
@@ -242,10 +256,10 @@ class OlRotateControlComponent {
|
|
|
242
256
|
});
|
|
243
257
|
});
|
|
244
258
|
}
|
|
245
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
246
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
259
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlRotateControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
260
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: OlRotateControlComponent, isStandalone: true, selector: "ol-rotate-control", inputs: { autoHide: { classPropertyName: "autoHide", publicName: "autoHide", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, tipLabel: { classPropertyName: "tipLabel", publicName: "tipLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
247
261
|
}
|
|
248
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlRotateControlComponent, decorators: [{
|
|
249
263
|
type: Component,
|
|
250
264
|
args: [{
|
|
251
265
|
selector: 'ol-rotate-control',
|
|
@@ -272,14 +286,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
272
286
|
* ```
|
|
273
287
|
*/
|
|
274
288
|
class OlLayerSwitcherComponent {
|
|
275
|
-
position = input('top-right',
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
289
|
+
position = input('top-right', /* @ts-ignore */
|
|
290
|
+
...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
291
|
+
layers = input([], /* @ts-ignore */
|
|
292
|
+
...(ngDevMode ? [{ debugName: "layers" }] : /* istanbul ignore next */ []));
|
|
293
|
+
collapsible = input(true, /* @ts-ignore */
|
|
294
|
+
...(ngDevMode ? [{ debugName: "collapsible" }] : /* istanbul ignore next */ []));
|
|
295
|
+
showOpacity = input(false, /* @ts-ignore */
|
|
296
|
+
...(ngDevMode ? [{ debugName: "showOpacity" }] : /* istanbul ignore next */ []));
|
|
297
|
+
startCollapsed = input(true, /* @ts-ignore */
|
|
298
|
+
...(ngDevMode ? [{ debugName: "startCollapsed" }] : /* istanbul ignore next */ []));
|
|
280
299
|
visibilityChange = output();
|
|
281
300
|
opacityChange = output();
|
|
282
|
-
isCollapsed = signal(true,
|
|
301
|
+
isCollapsed = signal(true, /* @ts-ignore */
|
|
302
|
+
...(ngDevMode ? [{ debugName: "isCollapsed" }] : /* istanbul ignore next */ []));
|
|
283
303
|
ngOnInit() {
|
|
284
304
|
this.isCollapsed.set(this.startCollapsed());
|
|
285
305
|
}
|
|
@@ -298,8 +318,8 @@ class OlLayerSwitcherComponent {
|
|
|
298
318
|
const value = event.target.valueAsNumber;
|
|
299
319
|
this.opacityChange.emit({ id, opacity: value });
|
|
300
320
|
}
|
|
301
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
302
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
321
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlLayerSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
322
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: OlLayerSwitcherComponent, isStandalone: true, selector: "ol-layer-switcher", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, layers: { classPropertyName: "layers", publicName: "layers", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, showOpacity: { classPropertyName: "showOpacity", publicName: "showOpacity", isSignal: true, isRequired: false, transformFunction: null }, startCollapsed: { classPropertyName: "startCollapsed", publicName: "startCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibilityChange: "visibilityChange", opacityChange: "opacityChange" }, ngImport: i0, template: `
|
|
303
323
|
<div
|
|
304
324
|
class="ol-layer-switcher"
|
|
305
325
|
[class.collapsed]="isCollapsed()"
|
|
@@ -383,7 +403,7 @@ class OlLayerSwitcherComponent {
|
|
|
383
403
|
</div>
|
|
384
404
|
`, isInline: true, styles: [":host{display:block}.ol-layer-switcher{position:absolute;background:#fffffff2;color:#333;border-radius:4px;border:none;box-shadow:0 1px 4px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;min-width:36px;z-index:10;transition:all .2s ease}.ol-layer-switcher--top-left{top:.5em;left:.5em}.ol-layer-switcher--top-right{top:10em;right:.5em}.ol-layer-switcher--bottom-left{bottom:.5em;left:.5em}.ol-layer-switcher--bottom-right{bottom:.5em;right:.5em}.ol-layer-switcher.collapsed{min-width:auto}.ol-layer-switcher__toggle{display:flex;align-items:center;gap:6px;padding:4px 8px;background:transparent;color:#333;border:none;border-bottom:1px solid rgba(0,0,0,.08);border-radius:4px 4px 0 0;cursor:pointer;width:100%;font-size:13px;font-weight:600;transition:background .15s ease;min-height:36px}.ol-layer-switcher.collapsed .ol-layer-switcher__toggle{border-bottom:none;border-radius:4px;padding:4px 6px;justify-content:center}.ol-layer-switcher__toggle:hover{background:#0000000d}.ol-layer-switcher__icon{font-size:14px;line-height:1}.ol-layer-switcher__title{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ol-layer-switcher.collapsed .ol-layer-switcher__title,.ol-layer-switcher.collapsed .ol-layer-switcher__panel{display:none}.ol-layer-switcher__panel{padding:6px;max-height:300px;overflow-y:auto}.ol-layer-switcher__empty{padding:12px;color:#6b7280;text-align:center;font-style:italic;font-size:12px}.ol-layer-switcher__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ol-layer-switcher__item{padding:5px 8px;border-radius:3px;transition:background .15s ease}.ol-layer-switcher__item:hover{background:#0000000a}.ol-layer-switcher__label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px}.ol-layer-switcher__checkbox{cursor:pointer;accent-color:#1a73e8}.ol-layer-switcher__name{flex:1;font-weight:500;color:#333;font-size:12px}.ol-layer-switcher__type{font-size:9px;padding:2px 5px;border-radius:3px;font-weight:700;text-transform:uppercase;background:#0000000f;color:#555;letter-spacing:.3px}.ol-layer-switcher__type--vector{background:#3b82f61f;color:#2563eb}.ol-layer-switcher__type--tile{background:#22c55e1f;color:#16a34a}.ol-layer-switcher__type--image{background:#f59e0b1f;color:#d97706}.ol-layer-switcher__opacity{width:100%;margin-top:4px;cursor:pointer;height:4px;accent-color:#1a73e8}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
385
405
|
}
|
|
386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlLayerSwitcherComponent, decorators: [{
|
|
387
407
|
type: Component,
|
|
388
408
|
args: [{ selector: 'ol-layer-switcher', changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
389
409
|
<div
|
|
@@ -489,11 +509,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
489
509
|
* ```
|
|
490
510
|
*/
|
|
491
511
|
class OlBasemapSwitcherComponent {
|
|
492
|
-
basemaps = input([{ id: 'osm', name: 'OpenStreetMap', type: 'osm' }],
|
|
493
|
-
|
|
494
|
-
|
|
512
|
+
basemaps = input([{ id: 'osm', name: 'OpenStreetMap', type: 'osm' }], /* @ts-ignore */
|
|
513
|
+
...(ngDevMode ? [{ debugName: "basemaps" }] : /* istanbul ignore next */ []));
|
|
514
|
+
activeBasemap = input('osm', /* @ts-ignore */
|
|
515
|
+
...(ngDevMode ? [{ debugName: "activeBasemap" }] : /* istanbul ignore next */ []));
|
|
516
|
+
position = input('bottom-left', /* @ts-ignore */
|
|
517
|
+
...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
495
518
|
basemapChange = output();
|
|
496
|
-
isExpanded = signal(false,
|
|
519
|
+
isExpanded = signal(false, /* @ts-ignore */
|
|
520
|
+
...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
|
|
497
521
|
toggleExpanded() {
|
|
498
522
|
this.isExpanded.update((v) => !v);
|
|
499
523
|
}
|
|
@@ -517,8 +541,8 @@ class OlBasemapSwitcherComponent {
|
|
|
517
541
|
return '🗺️';
|
|
518
542
|
}
|
|
519
543
|
}
|
|
520
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
521
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
544
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlBasemapSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
545
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: OlBasemapSwitcherComponent, isStandalone: true, selector: "ol-basemap-switcher", inputs: { basemaps: { classPropertyName: "basemaps", publicName: "basemaps", isSignal: true, isRequired: false, transformFunction: null }, activeBasemap: { classPropertyName: "activeBasemap", publicName: "activeBasemap", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { basemapChange: "basemapChange" }, ngImport: i0, template: `
|
|
522
546
|
<div
|
|
523
547
|
class="ol-basemap-switcher"
|
|
524
548
|
[class.ol-basemap-switcher--top-left]="position() === 'top-left'"
|
|
@@ -578,7 +602,7 @@ class OlBasemapSwitcherComponent {
|
|
|
578
602
|
</div>
|
|
579
603
|
`, isInline: true, styles: [":host{display:block}.ol-basemap-switcher{position:absolute;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#333;z-index:10}.ol-basemap-switcher--top-left{top:.5em;left:.5em}.ol-basemap-switcher--top-center{top:.5em;left:50%;transform:translate(-50%)}.ol-basemap-switcher--top-right{top:.5em;right:.5em}.ol-basemap-switcher--bottom-left{bottom:.5em;left:.5em}.ol-basemap-switcher--bottom-center{bottom:.5em;left:50%;transform:translate(-50%)}.ol-basemap-switcher--bottom-right{bottom:.5em;right:.5em}.ol-basemap-switcher__toggle{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#fffffff2;color:#333;border:none;border-radius:4px;box-shadow:0 1px 4px #0000004d;cursor:pointer;font-size:12px;font-weight:600;transition:background .15s ease;min-height:36px}.ol-basemap-switcher__toggle:hover{background:#fff}.ol-basemap-switcher__toggle-icon{font-size:14px;line-height:1}.ol-basemap-switcher__toggle-text{font-weight:600;font-size:12px}.ol-basemap-switcher__panel{position:absolute;bottom:calc(100% + 6px);left:0;background:#fffffff2;border:none;color:#333;border-radius:4px;box-shadow:0 1px 4px #0000004d;padding:4px;min-width:160px;display:flex;flex-direction:column;gap:2px}.ol-basemap-switcher--bottom-right .ol-basemap-switcher__panel,.ol-basemap-switcher--top-right .ol-basemap-switcher__panel{left:auto;right:0}.ol-basemap-switcher--top-left .ol-basemap-switcher__panel,.ol-basemap-switcher--top-center .ol-basemap-switcher__panel,.ol-basemap-switcher--top-right .ol-basemap-switcher__panel{bottom:auto;top:calc(100% + 6px)}.ol-basemap-switcher--top-center .ol-basemap-switcher__panel,.ol-basemap-switcher--bottom-center .ol-basemap-switcher__panel{left:50%;transform:translate(-50%)}.ol-basemap-switcher__item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;border-radius:3px;cursor:pointer;text-align:left;font-size:12px;transition:background .15s ease}.ol-basemap-switcher__item:hover{background:#0000000d}.ol-basemap-switcher__item--active{background:#1a73e81f;color:#1a73e8;font-weight:600}.ol-basemap-switcher__item--active:hover{background:#1a73e82e}.ol-basemap-switcher__icon{font-size:14px}.ol-basemap-switcher__name{font-weight:500;color:#333;font-size:12px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
580
604
|
}
|
|
581
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlBasemapSwitcherComponent, decorators: [{
|
|
582
606
|
type: Component,
|
|
583
607
|
args: [{ selector: 'ol-basemap-switcher', changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
584
608
|
<div
|
|
@@ -645,10 +669,12 @@ class OlGeolocationControlComponent {
|
|
|
645
669
|
mapService = inject(OlMapService);
|
|
646
670
|
zoneHelper = inject(OlZoneHelper);
|
|
647
671
|
destroyRef = inject(DestroyRef);
|
|
648
|
-
position = input('top-right',
|
|
672
|
+
position = input('top-right', /* @ts-ignore */
|
|
673
|
+
...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
649
674
|
trackingChange = output();
|
|
650
675
|
controlElement;
|
|
651
|
-
tracking = signal(false,
|
|
676
|
+
tracking = signal(false, /* @ts-ignore */
|
|
677
|
+
...(ngDevMode ? [{ debugName: "tracking" }] : /* istanbul ignore next */ []));
|
|
652
678
|
control;
|
|
653
679
|
geolocation;
|
|
654
680
|
positionFeature;
|
|
@@ -746,8 +772,8 @@ class OlGeolocationControlComponent {
|
|
|
746
772
|
});
|
|
747
773
|
}
|
|
748
774
|
}
|
|
749
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
750
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
775
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlGeolocationControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
776
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: OlGeolocationControlComponent, isStandalone: true, selector: "ol-geolocation-control", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { trackingChange: "trackingChange" }, viewQueries: [{ propertyName: "controlElement", first: true, predicate: ["controlElement"], descendants: true }], ngImport: i0, template: `
|
|
751
777
|
<div
|
|
752
778
|
#controlElement
|
|
753
779
|
class="ol-geolocation-control ol-unselectable ol-control"
|
|
@@ -780,7 +806,7 @@ class OlGeolocationControlComponent {
|
|
|
780
806
|
</div>
|
|
781
807
|
`, isInline: true, styles: [".ol-geolocation-control{position:absolute}.ol-geolocation-control.top-left{top:4.5em;left:.5em}.ol-geolocation-control.top-right{top:4.5em;right:.5em}.ol-geolocation-control.bottom-left{bottom:.5em;left:.5em}.ol-geolocation-control.bottom-right{bottom:.5em;right:.5em}button{display:flex;align-items:center;justify-content:center;width:1.375em;height:1.375em;padding:0;background-color:#fff6;border:none;cursor:pointer;border-radius:2px;color:#333;transition:all .2s}button:hover{background-color:#fffc}button.active{color:#3b82f6;background-color:#ffffffe6}.geolocation-icon{width:1em;height:1em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
782
808
|
}
|
|
783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
809
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlGeolocationControlComponent, decorators: [{
|
|
784
810
|
type: Component,
|
|
785
811
|
args: [{ selector: 'ol-geolocation-control', changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
786
812
|
<div
|
|
@@ -823,10 +849,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
823
849
|
class OlControlService {
|
|
824
850
|
addCustomControl(element, position) { }
|
|
825
851
|
removeCustomControl(element) { }
|
|
826
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
827
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
852
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlControlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
853
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlControlService });
|
|
828
854
|
}
|
|
829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
855
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlControlService, decorators: [{
|
|
830
856
|
type: Injectable
|
|
831
857
|
}] });
|
|
832
858
|
|
|
@@ -876,25 +902,35 @@ function provideControls() {
|
|
|
876
902
|
class OlTimelineComponent {
|
|
877
903
|
timeService = inject(OlTimeService);
|
|
878
904
|
/** Start bounds of time-series (Epoch ms) */
|
|
879
|
-
startTime = input.required(
|
|
905
|
+
startTime = input.required(/* @ts-ignore */
|
|
906
|
+
...(ngDevMode ? [{ debugName: "startTime" }] : /* istanbul ignore next */ []));
|
|
880
907
|
/** End bounds of time-series (Epoch ms) */
|
|
881
|
-
endTime = input.required(
|
|
908
|
+
endTime = input.required(/* @ts-ignore */
|
|
909
|
+
...(ngDevMode ? [{ debugName: "endTime" }] : /* istanbul ignore next */ []));
|
|
882
910
|
/** Default speed multiplier (e.g. 1, 5, 10, 60, 3600) */
|
|
883
|
-
playSpeed = input(1,
|
|
911
|
+
playSpeed = input(1, /* @ts-ignore */
|
|
912
|
+
...(ngDevMode ? [{ debugName: "playSpeed" }] : /* istanbul ignore next */ []));
|
|
884
913
|
/** Loop playback when reaching endTime */
|
|
885
|
-
loop = input(false,
|
|
914
|
+
loop = input(false, /* @ts-ignore */
|
|
915
|
+
...(ngDevMode ? [{ debugName: "loop" }] : /* istanbul ignore next */ []));
|
|
886
916
|
/** Position overlay alignment */
|
|
887
|
-
position = input('bottom-center',
|
|
917
|
+
position = input('bottom-center', /* @ts-ignore */
|
|
918
|
+
...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
888
919
|
/** Custom label formatter */
|
|
889
|
-
formatLabel = input((t) => new Date(t).toLocaleString(),
|
|
920
|
+
formatLabel = input((t) => new Date(t).toLocaleString(), /* @ts-ignore */
|
|
921
|
+
...(ngDevMode ? [{ debugName: "formatLabel" }] : /* istanbul ignore next */ []));
|
|
890
922
|
/** Outputs */
|
|
891
923
|
timeChange = output();
|
|
892
924
|
playStateChange = output();
|
|
893
925
|
/** Computeds binding directly to OlTimeService */
|
|
894
|
-
currentTime = computed(() => this.timeService.currentTime(),
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
926
|
+
currentTime = computed(() => this.timeService.currentTime(), /* @ts-ignore */
|
|
927
|
+
...(ngDevMode ? [{ debugName: "currentTime" }] : /* istanbul ignore next */ []));
|
|
928
|
+
isPlaying = computed(() => this.timeService.isPlaying(), /* @ts-ignore */
|
|
929
|
+
...(ngDevMode ? [{ debugName: "isPlaying" }] : /* istanbul ignore next */ []));
|
|
930
|
+
speed = computed(() => this.timeService.speed(), /* @ts-ignore */
|
|
931
|
+
...(ngDevMode ? [{ debugName: "speed" }] : /* istanbul ignore next */ []));
|
|
932
|
+
formattedTime = computed(() => this.formatLabel()(this.currentTime()), /* @ts-ignore */
|
|
933
|
+
...(ngDevMode ? [{ debugName: "formattedTime" }] : /* istanbul ignore next */ []));
|
|
898
934
|
constructor() {
|
|
899
935
|
// Sync default configuration settings when the inputs initialize
|
|
900
936
|
effect(() => {
|
|
@@ -949,8 +985,8 @@ class OlTimelineComponent {
|
|
|
949
985
|
const value = Number(target.value);
|
|
950
986
|
this.timeService.setSpeed(value);
|
|
951
987
|
}
|
|
952
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
953
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
988
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
989
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: OlTimelineComponent, isStandalone: true, selector: "ol-timeline", inputs: { startTime: { classPropertyName: "startTime", publicName: "startTime", isSignal: true, isRequired: true, transformFunction: null }, endTime: { classPropertyName: "endTime", publicName: "endTime", isSignal: true, isRequired: true, transformFunction: null }, playSpeed: { classPropertyName: "playSpeed", publicName: "playSpeed", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, formatLabel: { classPropertyName: "formatLabel", publicName: "formatLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { timeChange: "timeChange", playStateChange: "playStateChange" }, ngImport: i0, template: `
|
|
954
990
|
<div
|
|
955
991
|
class="ol-timeline"
|
|
956
992
|
[class.ol-timeline--top-left]="position() === 'top-left'"
|
|
@@ -1016,7 +1052,7 @@ class OlTimelineComponent {
|
|
|
1016
1052
|
</div>
|
|
1017
1053
|
`, isInline: true, styles: [":host{display:block}.ol-timeline{position:absolute;display:flex;align-items:center;gap:16px;padding:8px 16px;background:#1e1e1ebf;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 8px 32px #0000004d;color:#f3f3f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;z-index:10;width:calc(100% - 32px);max-width:600px;box-sizing:border-box}.ol-timeline--top-left{top:12px;left:12px}.ol-timeline--top-center{top:12px;left:50%;transform:translate(-50%)}.ol-timeline--top-right{top:12px;right:12px}.ol-timeline--bottom-left{bottom:12px;left:12px}.ol-timeline--bottom-center{bottom:24px;left:50%;transform:translate(-50%)}.ol-timeline--bottom-right{bottom:12px;right:12px}.ol-timeline__controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.ol-timeline__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}.ol-timeline__btn:hover{background:#fff3;transform:scale(1.05)}.ol-timeline__btn:active{transform:scale(.95)}.ol-timeline__time-display{font-variant-numeric:tabular-nums;font-weight:500;color:#e0e0e0;min-width:140px;text-align:center}.ol-timeline__slider-container{flex-grow:1;display:flex;align-items:center}.ol-timeline__slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#fff3;outline:none;cursor:pointer;transition:background .15s ease}.ol-timeline__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#1a73e8;box-shadow:0 1px 4px #0006;cursor:pointer;transition:background .15s ease,transform .15s ease}.ol-timeline__slider::-webkit-slider-thumb:hover{background:#2b84f0;transform:scale(1.15)}.ol-timeline__slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#1a73e8;box-shadow:0 1px 4px #0006;cursor:pointer;transition:background .15s ease,transform .15s ease}.ol-timeline__slider::-moz-range-thumb:hover{background:#2b84f0;transform:scale(1.15)}.ol-timeline__settings{flex-shrink:0}.ol-timeline__speed-select{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px 8px;font-size:11px;font-weight:500;outline:none;cursor:pointer;transition:background .15s ease}.ol-timeline__speed-select:hover{background:#ffffff26}.ol-timeline__speed-select option{background:#1e1e1e;color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1018
1054
|
}
|
|
1019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlTimelineComponent, decorators: [{
|
|
1020
1056
|
type: Component,
|
|
1021
1057
|
args: [{ selector: 'ol-timeline', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
1022
1058
|
<div
|
|
@@ -57,10 +57,10 @@ class OlZoneHelper {
|
|
|
57
57
|
}
|
|
58
58
|
return fn();
|
|
59
59
|
}
|
|
60
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
61
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
60
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlZoneHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
61
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlZoneHelper });
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlZoneHelper, decorators: [{
|
|
64
64
|
type: Injectable
|
|
65
65
|
}] });
|
|
66
66
|
|
|
@@ -69,7 +69,8 @@ class OlMapService {
|
|
|
69
69
|
zoneHelper = inject(OlZoneHelper);
|
|
70
70
|
map = null;
|
|
71
71
|
readyCallbacks = [];
|
|
72
|
-
_resolution = signal(1,
|
|
72
|
+
_resolution = signal(1, /* @ts-ignore */
|
|
73
|
+
...(ngDevMode ? [{ debugName: "_resolution" }] : /* istanbul ignore next */ []));
|
|
73
74
|
/** Signal that emits the current map resolution in meters per pixel */
|
|
74
75
|
resolution = this._resolution.asReadonly();
|
|
75
76
|
setMap(map) {
|
|
@@ -148,10 +149,10 @@ class OlMapService {
|
|
|
148
149
|
rotation: view.getRotation() ?? 0,
|
|
149
150
|
};
|
|
150
151
|
}
|
|
151
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
152
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
152
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlMapService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
153
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlMapService });
|
|
153
154
|
}
|
|
154
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlMapService, decorators: [{
|
|
155
156
|
type: Injectable
|
|
156
157
|
}] });
|
|
157
158
|
|
|
@@ -160,11 +161,16 @@ class OlMapComponent {
|
|
|
160
161
|
mapService = inject(OlMapService);
|
|
161
162
|
zoneHelper = inject(OlZoneHelper);
|
|
162
163
|
destroyRef = inject(DestroyRef);
|
|
163
|
-
center = input([0, 0],
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
164
|
+
center = input([0, 0], /* @ts-ignore */
|
|
165
|
+
...(ngDevMode ? [{ debugName: "center" }] : /* istanbul ignore next */ []));
|
|
166
|
+
zoom = input(0, /* @ts-ignore */
|
|
167
|
+
...(ngDevMode ? [{ debugName: "zoom" }] : /* istanbul ignore next */ []));
|
|
168
|
+
rotation = input(0, /* @ts-ignore */
|
|
169
|
+
...(ngDevMode ? [{ debugName: "rotation" }] : /* istanbul ignore next */ []));
|
|
170
|
+
projection = input('EPSG:3857', /* @ts-ignore */
|
|
171
|
+
...(ngDevMode ? [{ debugName: "projection" }] : /* istanbul ignore next */ []));
|
|
172
|
+
coordinateProjection = input('EPSG:4326', /* @ts-ignore */
|
|
173
|
+
...(ngDevMode ? [{ debugName: "coordinateProjection" }] : /* istanbul ignore next */ [])); // Dynamic input for coordinate systems
|
|
168
174
|
viewChange = output();
|
|
169
175
|
mapClick = output();
|
|
170
176
|
mapDblClick = output();
|
|
@@ -306,11 +312,11 @@ class OlMapComponent {
|
|
|
306
312
|
});
|
|
307
313
|
}
|
|
308
314
|
}
|
|
309
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
310
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
315
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
316
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.0", type: OlMapComponent, isStandalone: true, selector: "ol-map", inputs: { center: { classPropertyName: "center", publicName: "center", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, rotation: { classPropertyName: "rotation", publicName: "rotation", isSignal: true, isRequired: false, transformFunction: null }, projection: { classPropertyName: "projection", publicName: "projection", isSignal: true, isRequired: false, transformFunction: null }, coordinateProjection: { classPropertyName: "coordinateProjection", publicName: "coordinateProjection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { viewChange: "viewChange", mapClick: "mapClick", mapDblClick: "mapDblClick" }, viewQueries: [{ propertyName: "mapContainerRef", first: true, predicate: ["mapContainer"], descendants: true, isSignal: true }], ngImport: i0, template: `<div class="ol-map-container" #mapContainer></div>
|
|
311
317
|
<ng-content />`, isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative}.ol-map-container{width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
312
318
|
}
|
|
313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlMapComponent, decorators: [{
|
|
314
320
|
type: Component,
|
|
315
321
|
args: [{ selector: 'ol-map', template: `<div class="ol-map-container" #mapContainer></div>
|
|
316
322
|
<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%;height:100%;position:relative}.ol-map-container{width:100%;height:100%}\n"] }]
|
|
@@ -438,10 +444,10 @@ class OlGeometryService {
|
|
|
438
444
|
nextId(kind) {
|
|
439
445
|
return `${kind}-${++this.idCounter}`;
|
|
440
446
|
}
|
|
441
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
442
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
447
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlGeometryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
448
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlGeometryService, providedIn: 'root' });
|
|
443
449
|
}
|
|
444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlGeometryService, decorators: [{
|
|
445
451
|
type: Injectable,
|
|
446
452
|
args: [{
|
|
447
453
|
providedIn: 'root',
|
|
@@ -456,14 +462,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
456
462
|
*/
|
|
457
463
|
class OlTimeService {
|
|
458
464
|
zoneHelper = inject(OlZoneHelper);
|
|
459
|
-
timeSignal = signal(Date.now(),
|
|
460
|
-
|
|
461
|
-
|
|
465
|
+
timeSignal = signal(Date.now(), /* @ts-ignore */
|
|
466
|
+
...(ngDevMode ? [{ debugName: "timeSignal" }] : /* istanbul ignore next */ []));
|
|
467
|
+
playingSignal = signal(false, /* @ts-ignore */
|
|
468
|
+
...(ngDevMode ? [{ debugName: "playingSignal" }] : /* istanbul ignore next */ []));
|
|
469
|
+
speedSignal = signal(1, /* @ts-ignore */
|
|
470
|
+
...(ngDevMode ? [{ debugName: "speedSignal" }] : /* istanbul ignore next */ []));
|
|
462
471
|
animationFrameId = null;
|
|
463
472
|
lastTick = 0;
|
|
464
|
-
currentTime = computed(() => this.timeSignal(),
|
|
465
|
-
|
|
466
|
-
|
|
473
|
+
currentTime = computed(() => this.timeSignal(), /* @ts-ignore */
|
|
474
|
+
...(ngDevMode ? [{ debugName: "currentTime" }] : /* istanbul ignore next */ []));
|
|
475
|
+
isPlaying = computed(() => this.playingSignal(), /* @ts-ignore */
|
|
476
|
+
...(ngDevMode ? [{ debugName: "isPlaying" }] : /* istanbul ignore next */ []));
|
|
477
|
+
speed = computed(() => this.speedSignal(), /* @ts-ignore */
|
|
478
|
+
...(ngDevMode ? [{ debugName: "speed" }] : /* istanbul ignore next */ []));
|
|
467
479
|
/**
|
|
468
480
|
* Sets the current time manually.
|
|
469
481
|
* @param time Epoch timestamp in milliseconds
|
|
@@ -517,10 +529,10 @@ class OlTimeService {
|
|
|
517
529
|
this.pause();
|
|
518
530
|
this.setTime(resetTime);
|
|
519
531
|
}
|
|
520
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
521
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
532
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlTimeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
533
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlTimeService, providedIn: 'root' });
|
|
522
534
|
}
|
|
523
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
535
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlTimeService, decorators: [{
|
|
524
536
|
type: Injectable,
|
|
525
537
|
args: [{ providedIn: 'root' }]
|
|
526
538
|
}] });
|