@bluehalo/ngx-leaflet 18.0.2 → 19.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/CHANGES.md +3 -0
- package/README.md +47 -132
- package/fesm2022/bluehalo-ngx-leaflet.mjs +29 -24
- package/fesm2022/bluehalo-ngx-leaflet.mjs.map +1 -1
- package/package.json +3 -5
- package/esm2022/bluehalo-ngx-leaflet.mjs +0 -5
- package/esm2022/lib/core/leaflet.directive.mjs +0 -330
- package/esm2022/lib/core/leaflet.directive.wrapper.mjs +0 -12
- package/esm2022/lib/core/leaflet.util.mjs +0 -20
- package/esm2022/lib/layers/base/leaflet-baselayers.directive.mjs +0 -113
- package/esm2022/lib/layers/control/leaflet-control-layers-changes.model.mjs +0 -11
- package/esm2022/lib/layers/control/leaflet-control-layers-config.model.mjs +0 -7
- package/esm2022/lib/layers/control/leaflet-control-layers.directive.mjs +0 -100
- package/esm2022/lib/layers/control/leaflet-control-layers.wrapper.mjs +0 -58
- package/esm2022/lib/layers/leaflet-layer.directive.mjs +0 -78
- package/esm2022/lib/layers/leaflet-layers.directive.mjs +0 -83
- package/esm2022/lib/layers/leaflet-tile-layer-definition.model.mjs +0 -53
- package/esm2022/lib/leaflet.module.mjs +0 -40
- package/esm2022/public-api.mjs +0 -13
package/CHANGES.md
CHANGED
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @bluehalo/ngx-leaflet
|
|
2
2
|
|
|
3
3
|
[![Build Status][travis-image]][travis-url]
|
|
4
4
|
|
|
@@ -7,10 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
> Leaflet packages for Angular.io.
|
|
9
9
|
> Provides flexible and extensible components for integrating Leaflet v0.7.x and v1.x into Angular.io projects.
|
|
10
|
-
> Supports Angular v18 and use in Angular-CLI based projects.
|
|
11
|
-
|
|
12
|
-
> NOTE: This is the last version of this package that will be published under the @asymmetrik namespace.
|
|
13
|
-
> This and future versions will be published under the namespace: @bluehalo
|
|
14
10
|
|
|
15
11
|
## Table of Contents
|
|
16
12
|
- [Install](#install)
|
|
@@ -28,7 +24,7 @@
|
|
|
28
24
|
Install the package and its peer dependencies via npm (or yarn):
|
|
29
25
|
```
|
|
30
26
|
npm install leaflet
|
|
31
|
-
npm install @
|
|
27
|
+
npm install @bluehalo/ngx-leaflet
|
|
32
28
|
```
|
|
33
29
|
|
|
34
30
|
If you intend to use this library in a typescript project (utilizing the typings), you'll need to install the leaflet typings:
|
|
@@ -41,12 +37,13 @@ If you want to run the demo, clone the repository, perform an ```npm install```,
|
|
|
41
37
|
Not using the latest version of Angular.io? Have a look in [CHANGES.md](/CHANGES.md) to find the right version for your project.
|
|
42
38
|
|
|
43
39
|
## Usage
|
|
44
|
-
|
|
40
|
+
> NOTE: We've simplified the getting started instructions to be more targeted at the most recent versions of Angular.io and the use of Angular CLI.
|
|
41
|
+
|
|
45
42
|
Generally, the steps are:
|
|
46
43
|
|
|
47
44
|
* Install Leaflet, this library, and potentially the Leaflet typings (see above).
|
|
48
45
|
* Import the Leaflet stylesheet
|
|
49
|
-
* Import the
|
|
46
|
+
* Import the ```LeafletModule``` into your Angular project
|
|
50
47
|
* Create and configure a map (see docs below and/or demo)
|
|
51
48
|
|
|
52
49
|
|
|
@@ -66,91 +63,75 @@ If you are just building a webpage and not using a bundler for your css, you'll
|
|
|
66
63
|
</head>
|
|
67
64
|
```
|
|
68
65
|
|
|
69
|
-
####
|
|
70
|
-
If you are using
|
|
71
|
-
You can use the demo included in this application as a reference.
|
|
72
|
-
|
|
73
|
-
Generally, in ```vendor.ts```:
|
|
74
|
-
```ts
|
|
75
|
-
import 'leaflet/dist/leaflet.css';
|
|
76
|
-
```
|
|
66
|
+
#### Adding Styles in Angular CLI
|
|
67
|
+
If you are using Angular CLI, you will need to add the Leaflet CSS file to the styles array contained in ```angular.json```
|
|
77
68
|
|
|
78
|
-
|
|
79
|
-
```js
|
|
69
|
+
```json
|
|
80
70
|
{
|
|
81
71
|
...
|
|
82
|
-
"
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
...
|
|
87
|
-
]
|
|
88
|
-
},
|
|
72
|
+
"styles": [
|
|
73
|
+
"styles.css",
|
|
74
|
+
"./node_modules/leaflet/dist/leaflet.css"
|
|
75
|
+
],
|
|
89
76
|
...
|
|
90
77
|
}
|
|
91
78
|
```
|
|
92
79
|
|
|
80
|
+
#### A Note About Markers
|
|
81
|
+
Leaflet marker URLs don't play well with the Angular CLI build pipeline without some special handling.
|
|
82
|
+
The demo contained in this project demonstrates how to get around this problem. Here is a rough overview of the steps taken to get them working.
|
|
93
83
|
|
|
94
|
-
|
|
95
|
-
If you are using Angular CLI, you will need to add the Leaflet CSS file to the styles array contained in ```angular.json```
|
|
96
|
-
|
|
84
|
+
1. Include the leaflet marker assets so they are copied intact to the build output.
|
|
97
85
|
```json
|
|
98
86
|
{
|
|
99
87
|
...
|
|
100
|
-
"
|
|
101
|
-
|
|
102
|
-
|
|
88
|
+
"assets": [
|
|
89
|
+
{
|
|
90
|
+
"glob": "**/*",
|
|
91
|
+
"input": "public"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"glob": "**/*",
|
|
95
|
+
"input": "./node_modules/leaflet/dist/images",
|
|
96
|
+
"output": "assets/"
|
|
97
|
+
}
|
|
103
98
|
],
|
|
104
99
|
...
|
|
105
100
|
}
|
|
106
101
|
```
|
|
107
102
|
|
|
108
|
-
|
|
109
|
-
This project is exported using UMD and it includes typings.
|
|
110
|
-
So, you shouldn't have to do anything special to use it if you're building your project in Typescript.
|
|
111
|
-
|
|
112
|
-
#### Typescript Angular.io Module Import
|
|
113
|
-
Before you can use the module in your Angular.io app, you'll need to import it in your application (and potentially the module that's using it).
|
|
103
|
+
1. Configure Leaflet to use the asset URLs as custom marker images.
|
|
114
104
|
|
|
115
|
-
For example, in your ```app.module.ts```, add:
|
|
116
|
-
|
|
117
105
|
```js
|
|
118
|
-
|
|
106
|
+
let layer = marker([ 46.879966, -121.726909 ], {
|
|
107
|
+
icon: icon({
|
|
108
|
+
...Icon.Default.prototype.options,
|
|
109
|
+
iconUrl: 'assets/marker-icon.png',
|
|
110
|
+
iconRetinaUrl: 'assets/marker-icon-2x.png',
|
|
111
|
+
shadowUrl: 'assets/marker-shadow.png'
|
|
112
|
+
})
|
|
113
|
+
});
|
|
114
|
+
```
|
|
119
115
|
|
|
120
|
-
...
|
|
121
|
-
imports: [
|
|
122
|
-
...
|
|
123
|
-
LeafletModule
|
|
124
|
-
]
|
|
125
|
-
...
|
|
126
116
|
|
|
127
|
-
|
|
117
|
+
### Import LeafletModule
|
|
128
118
|
|
|
129
|
-
|
|
130
|
-
|
|
119
|
+
Before you can use the Leaflet components in your Angular.io app, you'll need to import it in your application.
|
|
120
|
+
Depending on if you're using standalone mode or not, you will import it into your modules and/or components.
|
|
131
121
|
|
|
132
122
|
```js
|
|
133
|
-
import { LeafletModule } from '@
|
|
123
|
+
import { LeafletModule } from '@bluehalo/ngx-leaflet';
|
|
134
124
|
|
|
135
125
|
...
|
|
136
126
|
imports: [
|
|
137
|
-
|
|
138
|
-
|
|
127
|
+
...
|
|
128
|
+
LeafletModule
|
|
139
129
|
]
|
|
140
130
|
...
|
|
141
131
|
|
|
142
132
|
```
|
|
143
133
|
|
|
144
|
-
|
|
145
|
-
#### Not Using Typescript?
|
|
146
|
-
You brave soul.
|
|
147
|
-
The code is exported using UMD.
|
|
148
|
-
The bundles are generated as part of the build (`npm run build`) and placed into the ./dist dir.
|
|
149
|
-
You should be able to import is using whatever module system/builder you're using, even if you aren't using Typescript.
|
|
150
|
-
|
|
151
|
-
|
|
152
134
|
### Create and Configure a Map
|
|
153
|
-
Once the dependencies are installed and you have imported the ```LeafletModule```, you're ready to add a map to your page.
|
|
154
135
|
To get a basic map to work, you have to:
|
|
155
136
|
|
|
156
137
|
* Apply the ```leaflet``` attribute directive (see the example below) to an existing DOM element.
|
|
@@ -566,7 +547,7 @@ export class MyCustomDirective {
|
|
|
566
547
|
|
|
567
548
|
The benefit of this approach is it's a bit cleaner if you're interested in adding some reusable capability to the existing leaflet map directive.
|
|
568
549
|
As mentioned above, it might not work depending on how you are packaging your component.
|
|
569
|
-
This is how the ```@
|
|
550
|
+
This is how the ```@bluehalo/ngx-leaflet-draw``` and ```@bluehalo/ngx-leaflet-d3``` packages work, so you can use them as references.
|
|
570
551
|
|
|
571
552
|
|
|
572
553
|
### A Note About Change Detection
|
|
@@ -633,73 +614,7 @@ ngOnInit() {
|
|
|
633
614
|
|
|
634
615
|
});
|
|
635
616
|
}
|
|
636
|
-
```
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
### A Note About Markers
|
|
640
|
-
If you use this component in an Angular.io project and your project uses a bundler like Webpack, you might run into issues using Markers on maps.
|
|
641
|
-
The issue is related to how Leaflet manipulates the image URLs used to render markers when you are using the default marker images.
|
|
642
|
-
The url manipulation is done at runtime and it alters the URLs in a way that breaks their format (this happens regardless of if you're using a file-loader or a url-loader).
|
|
643
|
-
The demo contained in this project demonstrates how to get around this problem (at least in a Webpack environment).
|
|
644
|
-
But, here is a rough overview of the steps taken to get them working.
|
|
645
|
-
|
|
646
|
-
#### Webpack Marker Workaround
|
|
647
|
-
|
|
648
|
-
1. Import the marker images in your vendor file to get Webpack to process the images in the asset pipeline
|
|
649
|
-
|
|
650
|
-
```js
|
|
651
|
-
import 'leaflet/dist/images/marker-shadow.png';
|
|
652
|
-
import 'leaflet/dist/images/marker-icon.png';
|
|
653
|
-
```
|
|
654
|
-
|
|
655
|
-
1. Either host the images statically or use the file-loader Webpack plugin to generate the images.
|
|
656
|
-
1. Determine the correct URL for the marker and marker-shadow images. If you're using a file hasher, you should be able to check Webpack's output for the generated images. If you are serving them directly without chunk hashing just figure out how to resolve the images on your server.
|
|
657
|
-
1. Configure Leaflet to use the correct URLs as customer marker images
|
|
658
|
-
|
|
659
|
-
```js
|
|
660
|
-
let layer = marker([ 46.879966, -121.726909 ], {
|
|
661
|
-
icon: icon({
|
|
662
|
-
...Icon.Default.prototype.options,
|
|
663
|
-
iconUrl: '2b3e1faf89f94a4835397e7a43b4f77d.png',
|
|
664
|
-
iconRetinaUrl: '680f69f3c2e6b90c1812a813edf67fd7.png',
|
|
665
|
-
shadowUrl: 'a0c6cc1401c107b501efee6477816891.png'
|
|
666
|
-
})
|
|
667
|
-
});
|
|
668
|
-
```
|
|
669
|
-
|
|
670
|
-
#### Angular CLI Marker Workaround
|
|
671
|
-
|
|
672
|
-
If you build your project using the [Angular CLI](https://github.com/angular/angular-cli), you can make the default leaflet marker assets available by doing the following:
|
|
673
|
-
|
|
674
|
-
1. Configure the CLI (by editing `angular.json`)to include leaflet assets as below. Detailed instructions can be found in the [asset-configuration](https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/asset-configuration.md) documentation.
|
|
675
|
-
```json
|
|
676
|
-
{
|
|
677
|
-
...
|
|
678
|
-
"assets": [
|
|
679
|
-
"assets",
|
|
680
|
-
"favicon.ico",
|
|
681
|
-
{
|
|
682
|
-
"glob": "**/*",
|
|
683
|
-
"input": "./node_modules/leaflet/dist/images",
|
|
684
|
-
"output": "assets/"
|
|
685
|
-
}
|
|
686
|
-
],
|
|
687
|
-
...
|
|
688
|
-
}
|
|
689
|
-
```
|
|
690
|
-
|
|
691
|
-
1. Configure Leaflet to use the correct URLs as customer marker images
|
|
692
|
-
|
|
693
|
-
```js
|
|
694
|
-
let layer = marker([ 46.879966, -121.726909 ], {
|
|
695
|
-
icon: icon({
|
|
696
|
-
...Icon.Default.prototype.options,
|
|
697
|
-
iconUrl: 'assets/marker-icon.png',
|
|
698
|
-
iconRetinaUrl: 'assets/marker-icon-2x.png',
|
|
699
|
-
shadowUrl: 'assets/marker-shadow.png'
|
|
700
|
-
})
|
|
701
|
-
});
|
|
702
|
-
```
|
|
617
|
+
```
|
|
703
618
|
|
|
704
619
|
## Extensions
|
|
705
620
|
There are several libraries that extend the core functionality of ngx-leaflet:
|
|
@@ -711,9 +626,9 @@ There are several libraries that extend the core functionality of ngx-leaflet:
|
|
|
711
626
|
## <a name="help">Getting Help</a>
|
|
712
627
|
Here's a list of articles, tutorials, guides, and help resources:
|
|
713
628
|
* [ngx-leaflet on Stack Overflow](https://stackoverflow.com/questions/tagged/ngx-leaflet)
|
|
714
|
-
* [High-level intro to @
|
|
715
|
-
* [Using @
|
|
716
|
-
* [Integrating 3rd Party Leaflet Libraries with @
|
|
629
|
+
* [High-level intro to @bluehalo/ngx-leaflet](https://github.com/BlueHalo/ngx-leaflet/wiki)
|
|
630
|
+
* [Using @bluehalo/ngx-leaflet in Angular CLI projects](https://github.com/BlueHalo/ngx-leaflet/wiki/Getting-Started-Tutorial)
|
|
631
|
+
* [Integrating 3rd Party Leaflet Libraries with @bluehalo/ngx-leaflet and @angular/cli](https://github.com/BlueHalo/ngx-leaflet/wiki/Integrating-Plugins)
|
|
717
632
|
|
|
718
633
|
|
|
719
634
|
## Contribute
|
|
@@ -254,13 +254,14 @@ class LeafletDirective {
|
|
|
254
254
|
this.map.setMaxZoom(zoom);
|
|
255
255
|
}
|
|
256
256
|
}
|
|
257
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
258
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
257
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
258
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: LeafletDirective, isStandalone: false, selector: "[leaflet]", inputs: { fitBoundsOptions: ["leafletFitBoundsOptions", "fitBoundsOptions"], panOptions: ["leafletPanOptions", "panOptions"], zoomOptions: ["leafletZoomOptions", "zoomOptions"], zoomPanOptions: ["leafletZoomPanOptions", "zoomPanOptions"], options: ["leafletOptions", "options"], zoom: ["leafletZoom", "zoom"], center: ["leafletCenter", "center"], fitBounds: ["leafletFitBounds", "fitBounds"], maxBounds: ["leafletMaxBounds", "maxBounds"], minZoom: ["leafletMinZoom", "minZoom"], maxZoom: ["leafletMaxZoom", "maxZoom"] }, outputs: { mapReady: "leafletMapReady", zoomChange: "leafletZoomChange", centerChange: "leafletCenterChange", onClick: "leafletClick", onDoubleClick: "leafletDoubleClick", onMouseDown: "leafletMouseDown", onMouseUp: "leafletMouseUp", onMouseMove: "leafletMouseMove", onMouseOver: "leafletMouseOver", onMouseOut: "leafletMouseOut", onMapMove: "leafletMapMove", onMapMoveStart: "leafletMapMoveStart", onMapMoveEnd: "leafletMapMoveEnd", onMapZoom: "leafletMapZoom", onMapZoomStart: "leafletMapZoomStart", onMapZoomEnd: "leafletMapZoomEnd" }, host: { listeners: { "window:resize": "onResize()" } }, usesOnChanges: true, ngImport: i0 }); }
|
|
259
259
|
}
|
|
260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletDirective, decorators: [{
|
|
261
261
|
type: Directive,
|
|
262
262
|
args: [{
|
|
263
|
-
selector: '[leaflet]'
|
|
263
|
+
selector: '[leaflet]',
|
|
264
|
+
standalone: false
|
|
264
265
|
}]
|
|
265
266
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { fitBoundsOptions: [{
|
|
266
267
|
type: Input,
|
|
@@ -414,13 +415,14 @@ class LeafletLayerDirective {
|
|
|
414
415
|
l.off('add', this.onAddLayerHandler);
|
|
415
416
|
l.off('remove', this.onRemoveLayerHandler);
|
|
416
417
|
}
|
|
417
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
418
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
418
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletLayerDirective, deps: [{ token: LeafletDirective }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
419
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: LeafletLayerDirective, isStandalone: false, selector: "[leafletLayer]", inputs: { layer: ["leafletLayer", "layer"] }, outputs: { onAdd: "leafletLayerAdd", onRemove: "leafletLayerRemove" }, usesOnChanges: true, ngImport: i0 }); }
|
|
419
420
|
}
|
|
420
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletLayerDirective, decorators: [{
|
|
421
422
|
type: Directive,
|
|
422
423
|
args: [{
|
|
423
|
-
selector: '[leafletLayer]'
|
|
424
|
+
selector: '[leafletLayer]',
|
|
425
|
+
standalone: false
|
|
424
426
|
}]
|
|
425
427
|
}], ctorParameters: () => [{ type: LeafletDirective }, { type: i0.NgZone }], propDecorators: { layer: [{
|
|
426
428
|
type: Input,
|
|
@@ -499,13 +501,14 @@ class LeafletLayersDirective {
|
|
|
499
501
|
}
|
|
500
502
|
}
|
|
501
503
|
}
|
|
502
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
503
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
504
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletLayersDirective, deps: [{ token: LeafletDirective }, { token: i0.IterableDiffers }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
505
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: LeafletLayersDirective, isStandalone: false, selector: "[leafletLayers]", inputs: { layers: ["leafletLayers", "layers"] }, ngImport: i0 }); }
|
|
504
506
|
}
|
|
505
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
507
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletLayersDirective, decorators: [{
|
|
506
508
|
type: Directive,
|
|
507
509
|
args: [{
|
|
508
|
-
selector: '[leafletLayers]'
|
|
510
|
+
selector: '[leafletLayers]',
|
|
511
|
+
standalone: false
|
|
509
512
|
}]
|
|
510
513
|
}], ctorParameters: () => [{ type: LeafletDirective }, { type: i0.IterableDiffers }, { type: i0.NgZone }], propDecorators: { layers: [{
|
|
511
514
|
type: Input,
|
|
@@ -661,13 +664,14 @@ class LeafletLayersControlDirective {
|
|
|
661
664
|
}
|
|
662
665
|
}
|
|
663
666
|
}
|
|
664
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
665
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
667
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletLayersControlDirective, deps: [{ token: LeafletDirective }, { token: i0.KeyValueDiffers }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
668
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: LeafletLayersControlDirective, isStandalone: false, selector: "[leafletLayersControl]", inputs: { layersControlConfig: ["leafletLayersControl", "layersControlConfig"], layersControlOptions: ["leafletLayersControlOptions", "layersControlOptions"] }, outputs: { layersControlReady: "leafletLayersControlReady" }, ngImport: i0 }); }
|
|
666
669
|
}
|
|
667
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
670
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletLayersControlDirective, decorators: [{
|
|
668
671
|
type: Directive,
|
|
669
672
|
args: [{
|
|
670
|
-
selector: '[leafletLayersControl]'
|
|
673
|
+
selector: '[leafletLayersControl]',
|
|
674
|
+
standalone: false
|
|
671
675
|
}]
|
|
672
676
|
}], ctorParameters: () => [{ type: LeafletDirective }, { type: i0.KeyValueDiffers }, { type: i0.NgZone }], propDecorators: { layersControlConfig: [{
|
|
673
677
|
type: Input,
|
|
@@ -768,13 +772,14 @@ class LeafletBaseLayersDirective {
|
|
|
768
772
|
}
|
|
769
773
|
}
|
|
770
774
|
}
|
|
771
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
772
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
775
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletBaseLayersDirective, deps: [{ token: LeafletDirective }, { token: i0.KeyValueDiffers }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
776
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: LeafletBaseLayersDirective, isStandalone: false, selector: "[leafletBaseLayers]", inputs: { baseLayers: ["leafletBaseLayers", "baseLayers"], layersControlOptions: ["leafletLayersControlOptions", "layersControlOptions"] }, outputs: { layersControlReady: "leafletLayersControlReady" }, ngImport: i0 }); }
|
|
773
777
|
}
|
|
774
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletBaseLayersDirective, decorators: [{
|
|
775
779
|
type: Directive,
|
|
776
780
|
args: [{
|
|
777
|
-
selector: '[leafletBaseLayers]'
|
|
781
|
+
selector: '[leafletBaseLayers]',
|
|
782
|
+
standalone: false
|
|
778
783
|
}]
|
|
779
784
|
}], ctorParameters: () => [{ type: LeafletDirective }, { type: i0.KeyValueDiffers }, { type: i0.NgZone }], propDecorators: { baseLayers: [{
|
|
780
785
|
type: Input,
|
|
@@ -788,8 +793,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
788
793
|
}] } });
|
|
789
794
|
|
|
790
795
|
class LeafletModule {
|
|
791
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
792
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
796
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
797
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0", ngImport: i0, type: LeafletModule, declarations: [LeafletDirective,
|
|
793
798
|
LeafletLayerDirective,
|
|
794
799
|
LeafletLayersDirective,
|
|
795
800
|
LeafletLayersControlDirective,
|
|
@@ -798,9 +803,9 @@ class LeafletModule {
|
|
|
798
803
|
LeafletLayersDirective,
|
|
799
804
|
LeafletLayersControlDirective,
|
|
800
805
|
LeafletBaseLayersDirective] }); }
|
|
801
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
806
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletModule }); }
|
|
802
807
|
}
|
|
803
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LeafletModule, decorators: [{
|
|
804
809
|
type: NgModule,
|
|
805
810
|
args: [{
|
|
806
811
|
exports: [
|