@angular-helpers/openlayers 0.8.0 → 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 +212 -101
- package/fesm2022/angular-helpers-openlayers-military.mjs +6 -6
- package/fesm2022/angular-helpers-openlayers-overlays.mjs +23 -16
- package/package.json +5 -5
- package/types/angular-helpers-openlayers-layers.d.ts +2 -0
|
@@ -25,20 +25,28 @@ import { filter } from 'rxjs/operators';
|
|
|
25
25
|
*/
|
|
26
26
|
class InteractionStateService {
|
|
27
27
|
// Internal signals
|
|
28
|
-
interactions = signal([],
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
interactions = signal([], /* @ts-ignore */
|
|
29
|
+
...(ngDevMode ? [{ debugName: "interactions" }] : /* istanbul ignore next */ []));
|
|
30
|
+
selectedFeaturesInternal = signal([], /* @ts-ignore */
|
|
31
|
+
...(ngDevMode ? [{ debugName: "selectedFeaturesInternal" }] : /* istanbul ignore next */ []));
|
|
32
|
+
hoveredFeatureInternal = signal(null, /* @ts-ignore */
|
|
33
|
+
...(ngDevMode ? [{ debugName: "hoveredFeatureInternal" }] : /* istanbul ignore next */ []));
|
|
31
34
|
// Event subjects
|
|
32
35
|
drawStartSubject = new Subject();
|
|
33
36
|
drawEndSubject = new Subject();
|
|
34
37
|
modifySubject = new Subject();
|
|
35
38
|
selectSubject = new Subject();
|
|
36
39
|
// Public readonly signals
|
|
37
|
-
selectedFeatures = computed(() => this.selectedFeaturesInternal(),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
selectedFeatures = computed(() => this.selectedFeaturesInternal(), /* @ts-ignore */
|
|
41
|
+
...(ngDevMode ? [{ debugName: "selectedFeatures" }] : /* istanbul ignore next */ []));
|
|
42
|
+
hoveredFeature = computed(() => this.hoveredFeatureInternal(), /* @ts-ignore */
|
|
43
|
+
...(ngDevMode ? [{ debugName: "hoveredFeature" }] : /* istanbul ignore next */ []));
|
|
44
|
+
selectionCount = computed(() => this.selectedFeaturesInternal().length, /* @ts-ignore */
|
|
45
|
+
...(ngDevMode ? [{ debugName: "selectionCount" }] : /* istanbul ignore next */ []));
|
|
46
|
+
hasSelection = computed(() => this.selectedFeaturesInternal().length > 0, /* @ts-ignore */
|
|
47
|
+
...(ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []));
|
|
48
|
+
activeInteractions = computed(() => this.interactions().filter((i) => i.config.active !== false), /* @ts-ignore */
|
|
49
|
+
...(ngDevMode ? [{ debugName: "activeInteractions" }] : /* istanbul ignore next */ []));
|
|
42
50
|
// Public observables
|
|
43
51
|
drawStart$ = this.drawStartSubject.asObservable();
|
|
44
52
|
drawEnd$ = this.drawEndSubject.asObservable();
|
|
@@ -161,10 +169,10 @@ class InteractionStateService {
|
|
|
161
169
|
this.selectedFeaturesInternal.set([]);
|
|
162
170
|
this.hoveredFeatureInternal.set(null);
|
|
163
171
|
}
|
|
164
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
165
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
172
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InteractionStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
173
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InteractionStateService });
|
|
166
174
|
}
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: InteractionStateService, decorators: [{
|
|
168
176
|
type: Injectable
|
|
169
177
|
}] });
|
|
170
178
|
|
|
@@ -302,10 +310,10 @@ class SelectInteractionService {
|
|
|
302
310
|
this.stateService.addInteraction(managed);
|
|
303
311
|
});
|
|
304
312
|
}
|
|
305
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
306
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
313
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SelectInteractionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
314
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SelectInteractionService });
|
|
307
315
|
}
|
|
308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SelectInteractionService, decorators: [{
|
|
309
317
|
type: Injectable
|
|
310
318
|
}] });
|
|
311
319
|
|
|
@@ -457,10 +465,10 @@ class DrawInteractionService {
|
|
|
457
465
|
});
|
|
458
466
|
return true;
|
|
459
467
|
}
|
|
460
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
461
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
468
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: DrawInteractionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
469
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: DrawInteractionService });
|
|
462
470
|
}
|
|
463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
471
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: DrawInteractionService, decorators: [{
|
|
464
472
|
type: Injectable
|
|
465
473
|
}] });
|
|
466
474
|
|
|
@@ -527,10 +535,10 @@ class ModifyInteractionService {
|
|
|
527
535
|
this.stateService.addInteraction(managed);
|
|
528
536
|
});
|
|
529
537
|
}
|
|
530
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
531
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
538
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ModifyInteractionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
539
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ModifyInteractionService });
|
|
532
540
|
}
|
|
533
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
541
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: ModifyInteractionService, decorators: [{
|
|
534
542
|
type: Injectable
|
|
535
543
|
}] });
|
|
536
544
|
|
|
@@ -680,10 +688,10 @@ class OlInteractionService {
|
|
|
680
688
|
getInteractionState() {
|
|
681
689
|
return this.stateService.getInteractionState();
|
|
682
690
|
}
|
|
683
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
684
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
691
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlInteractionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
692
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlInteractionService });
|
|
685
693
|
}
|
|
686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
694
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlInteractionService, decorators: [{
|
|
687
695
|
type: Injectable
|
|
688
696
|
}] });
|
|
689
697
|
|
|
@@ -839,10 +847,10 @@ class MeasurementInteractionService {
|
|
|
839
847
|
}
|
|
840
848
|
return output;
|
|
841
849
|
}
|
|
842
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
843
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
850
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: MeasurementInteractionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
851
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: MeasurementInteractionService });
|
|
844
852
|
}
|
|
845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: MeasurementInteractionService, decorators: [{
|
|
846
854
|
type: Injectable
|
|
847
855
|
}] });
|
|
848
856
|
|
|
@@ -852,12 +860,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
852
860
|
class OlDrawInteractionComponent {
|
|
853
861
|
interactionService = inject(OlInteractionService);
|
|
854
862
|
destroyRef = inject(DestroyRef);
|
|
855
|
-
id = input.required(
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
863
|
+
id = input.required(/* @ts-ignore */
|
|
864
|
+
...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
865
|
+
type = input.required(/* @ts-ignore */
|
|
866
|
+
...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
867
|
+
source = input(/* @ts-ignore */
|
|
868
|
+
...(ngDevMode ? [undefined, { debugName: "source" }] : /* istanbul ignore next */ []));
|
|
869
|
+
freehand = input(/* @ts-ignore */
|
|
870
|
+
...(ngDevMode ? [undefined, { debugName: "freehand" }] : /* istanbul ignore next */ []));
|
|
871
|
+
snapTolerance = input(/* @ts-ignore */
|
|
872
|
+
...(ngDevMode ? [undefined, { debugName: "snapTolerance" }] : /* istanbul ignore next */ []));
|
|
873
|
+
active = input(true, /* @ts-ignore */
|
|
874
|
+
...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
|
|
861
875
|
drawStartFiltered$ = this.interactionService.drawStart$.pipe(filter((e) => e.interactionId === this.id()));
|
|
862
876
|
drawEndFiltered$ = this.interactionService.drawEnd$.pipe(filter((e) => e.interactionId === this.id()));
|
|
863
877
|
drawStart = outputFromObservable(this.drawStartFiltered$);
|
|
@@ -880,10 +894,10 @@ class OlDrawInteractionComponent {
|
|
|
880
894
|
this.interactionService.disableInteraction(this.id());
|
|
881
895
|
});
|
|
882
896
|
}
|
|
883
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
884
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
897
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlDrawInteractionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
898
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: OlDrawInteractionComponent, isStandalone: true, selector: "ol-draw-interaction", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, freehand: { classPropertyName: "freehand", publicName: "freehand", isSignal: true, isRequired: false, transformFunction: null }, snapTolerance: { classPropertyName: "snapTolerance", publicName: "snapTolerance", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { drawStart: "drawStart", drawEnd: "drawEnd" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
885
899
|
}
|
|
886
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
900
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlDrawInteractionComponent, decorators: [{
|
|
887
901
|
type: Component,
|
|
888
902
|
args: [{
|
|
889
903
|
selector: 'ol-draw-interaction',
|
|
@@ -898,10 +912,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
898
912
|
class OlModifyInteractionComponent {
|
|
899
913
|
interactionService = inject(OlInteractionService);
|
|
900
914
|
destroyRef = inject(DestroyRef);
|
|
901
|
-
id = input.required(
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
915
|
+
id = input.required(/* @ts-ignore */
|
|
916
|
+
...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
917
|
+
source = input(/* @ts-ignore */
|
|
918
|
+
...(ngDevMode ? [undefined, { debugName: "source" }] : /* istanbul ignore next */ []));
|
|
919
|
+
snapTolerance = input(/* @ts-ignore */
|
|
920
|
+
...(ngDevMode ? [undefined, { debugName: "snapTolerance" }] : /* istanbul ignore next */ []));
|
|
921
|
+
active = input(true, /* @ts-ignore */
|
|
922
|
+
...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
|
|
905
923
|
modifyFiltered$ = this.interactionService.modify$.pipe(filter((e) => e.interactionId === this.id()));
|
|
906
924
|
modifyEvent = outputFromObservable(this.modifyFiltered$);
|
|
907
925
|
constructor() {
|
|
@@ -920,10 +938,10 @@ class OlModifyInteractionComponent {
|
|
|
920
938
|
this.interactionService.disableInteraction(this.id());
|
|
921
939
|
});
|
|
922
940
|
}
|
|
923
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
924
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
941
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlModifyInteractionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
942
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: OlModifyInteractionComponent, isStandalone: true, selector: "ol-modify-interaction", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, snapTolerance: { classPropertyName: "snapTolerance", publicName: "snapTolerance", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modifyEvent: "modifyEvent" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
925
943
|
}
|
|
926
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlModifyInteractionComponent, decorators: [{
|
|
927
945
|
type: Component,
|
|
928
946
|
args: [{
|
|
929
947
|
selector: 'ol-modify-interaction',
|
|
@@ -938,12 +956,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
|
|
|
938
956
|
class OlSelectInteractionComponent {
|
|
939
957
|
interactionService = inject(OlInteractionService);
|
|
940
958
|
destroyRef = inject(DestroyRef);
|
|
941
|
-
id = input.required(
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
959
|
+
id = input.required(/* @ts-ignore */
|
|
960
|
+
...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
961
|
+
layers = input(/* @ts-ignore */
|
|
962
|
+
...(ngDevMode ? [undefined, { debugName: "layers" }] : /* istanbul ignore next */ []));
|
|
963
|
+
multi = input(/* @ts-ignore */
|
|
964
|
+
...(ngDevMode ? [undefined, { debugName: "multi" }] : /* istanbul ignore next */ []));
|
|
965
|
+
hitTolerance = input(/* @ts-ignore */
|
|
966
|
+
...(ngDevMode ? [undefined, { debugName: "hitTolerance" }] : /* istanbul ignore next */ []));
|
|
967
|
+
condition = input(/* @ts-ignore */
|
|
968
|
+
...(ngDevMode ? [undefined, { debugName: "condition" }] : /* istanbul ignore next */ []));
|
|
969
|
+
active = input(true, /* @ts-ignore */
|
|
970
|
+
...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
|
|
947
971
|
selectFiltered$ = this.interactionService.select$.pipe(filter((e) => e.interactionId === this.id()));
|
|
948
972
|
selectEvent = outputFromObservable(this.selectFiltered$);
|
|
949
973
|
constructor() {
|
|
@@ -964,10 +988,10 @@ class OlSelectInteractionComponent {
|
|
|
964
988
|
this.interactionService.disableInteraction(this.id());
|
|
965
989
|
});
|
|
966
990
|
}
|
|
967
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
968
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
991
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlSelectInteractionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
992
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: OlSelectInteractionComponent, isStandalone: true, selector: "ol-select-interaction", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, layers: { classPropertyName: "layers", publicName: "layers", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, hitTolerance: { classPropertyName: "hitTolerance", publicName: "hitTolerance", isSignal: true, isRequired: false, transformFunction: null }, condition: { classPropertyName: "condition", publicName: "condition", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectEvent: "selectEvent" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
969
993
|
}
|
|
970
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
994
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: OlSelectInteractionComponent, decorators: [{
|
|
971
995
|
type: Component,
|
|
972
996
|
args: [{
|
|
973
997
|
selector: 'ol-select-interaction',
|