@progress/kendo-angular-map 17.0.0-develop.3 → 17.0.0-develop.31
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/README.md +25 -16
- package/common/collection.component.d.ts +1 -1
- package/{esm2020 → esm2022}/common/collection-item.component.mjs +8 -5
- package/{esm2020 → esm2022}/common/collection.component.mjs +15 -6
- package/{esm2020 → esm2022}/common/collection.service.mjs +7 -3
- package/{esm2020 → esm2022}/common/configuration.service.mjs +9 -5
- package/{esm2020 → esm2022}/common/map-instance-observer.mjs +8 -8
- package/{esm2020 → esm2022}/common/settings.component.mjs +6 -4
- package/{esm2020 → esm2022}/events/base-event.mjs +7 -3
- package/{esm2020 → esm2022}/events/map-click-event.mjs +8 -0
- package/{esm2020 → esm2022}/events/marker-activate-event.mjs +8 -0
- package/{esm2020 → esm2022}/events/marker-click-event.mjs +8 -0
- package/{esm2020 → esm2022}/events/marker-created-event.mjs +8 -0
- package/{esm2020 → esm2022}/events/pan-end-event.mjs +12 -0
- package/{esm2020 → esm2022}/events/pan-event.mjs +12 -0
- package/{esm2020 → esm2022}/events/preventable-event.mjs +4 -7
- package/{esm2020 → esm2022}/events/shape-click-event.mjs +12 -0
- package/{esm2020 → esm2022}/events/shape-created-event.mjs +16 -0
- package/{esm2020 → esm2022}/events/shape-feature-created-event.mjs +16 -0
- package/{esm2020 → esm2022}/events/shape-mouse-enter-event.mjs +12 -0
- package/{esm2020 → esm2022}/events/shape-mouse-leave-event.mjs +12 -0
- package/{esm2020 → esm2022}/events/zoom-end-event.mjs +4 -0
- package/{esm2020 → esm2022}/events/zoom-start-event.mjs +4 -0
- package/{esm2020 → esm2022}/map/bubble-layer.component.mjs +48 -9
- package/{esm2020 → esm2022}/map/layer/tooltip.component.mjs +5 -3
- package/{esm2020 → esm2022}/map/layer.component.mjs +32 -3
- package/{esm2020 → esm2022}/map/layers.component.mjs +6 -9
- package/{esm2020 → esm2022}/map/marker-layer.component.mjs +32 -9
- package/{esm2020 → esm2022}/map/shape-layer.component.mjs +20 -9
- package/{esm2020 → esm2022}/map/tile-layer.component.mjs +28 -9
- package/{esm2020 → esm2022}/map.component.mjs +198 -132
- package/{esm2020 → esm2022}/map.module.mjs +4 -4
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/tooltip/base-tooltip.mjs +19 -10
- package/{esm2020 → esm2022}/tooltip/bubble-tooltip-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/tooltip/bubble-tooltip.component.mjs +7 -3
- package/{esm2020 → esm2022}/tooltip/marker-tooltip-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/tooltip/marker-tooltip.component.mjs +7 -3
- package/{esm2020 → esm2022}/tooltip/shape-tooltip-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/tooltip/shape-tooltip.component.mjs +7 -3
- package/{esm2020 → esm2022}/tooltip/tooltip-popup.component.mjs +21 -19
- package/{esm2020 → esm2022}/tooltip/tooltip-template.service.mjs +4 -6
- package/{fesm2020 → fesm2022}/progress-kendo-angular-map.mjs +645 -279
- package/map/bubble-layer.component.d.ts +1 -1
- package/map/layer.component.d.ts +1 -1
- package/map/layers.component.d.ts +2 -4
- package/map/marker-layer.component.d.ts +1 -1
- package/map/shape-layer.component.d.ts +1 -1
- package/map/tile-layer.component.d.ts +1 -1
- package/map.component.d.ts +1 -1
- package/package.json +16 -22
- package/schematics/ngAdd/index.js +1 -1
- package/tooltip/base-tooltip.d.ts +3 -3
- package/tooltip/tooltip-popup.component.d.ts +1 -4
- package/fesm2015/progress-kendo-angular-map.mjs +0 -1958
- /package/{esm2020 → esm2022}/common/copy-changes.mjs +0 -0
- /package/{esm2020 → esm2022}/common/has-parent.mjs +0 -0
- /package/{esm2020 → esm2022}/common/to-simple-changes.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/events/before-reset-event.mjs +0 -0
- /package/{esm2020 → esm2022}/events/instance-event.service.mjs +0 -0
- /package/{esm2020 → esm2022}/events/reset-event.mjs +0 -0
- /package/{esm2020 → esm2022}/events.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-map.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/body-factory.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/popup-settings.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip.mjs +0 -0
|
@@ -16,6 +16,35 @@ import * as i3 from "@angular/platform-browser";
|
|
|
16
16
|
* @hidden
|
|
17
17
|
*/
|
|
18
18
|
export class LayerComponent extends CollectionItemComponent {
|
|
19
|
+
type;
|
|
20
|
+
configurationService;
|
|
21
|
+
collectionService;
|
|
22
|
+
sanitizer;
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
attribution;
|
|
27
|
+
/**
|
|
28
|
+
* @hidden
|
|
29
|
+
*/
|
|
30
|
+
extent;
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
34
|
+
maxZoom;
|
|
35
|
+
/**
|
|
36
|
+
* @hidden
|
|
37
|
+
*/
|
|
38
|
+
minZoom;
|
|
39
|
+
/**
|
|
40
|
+
* @hidden
|
|
41
|
+
*/
|
|
42
|
+
opacity;
|
|
43
|
+
/**
|
|
44
|
+
* @hidden
|
|
45
|
+
*/
|
|
46
|
+
zIndex;
|
|
47
|
+
layerTooltip;
|
|
19
48
|
constructor(type, configurationService, collectionService, sanitizer) {
|
|
20
49
|
super(configurationService, collectionService);
|
|
21
50
|
this.type = type;
|
|
@@ -37,10 +66,10 @@ export class LayerComponent extends CollectionItemComponent {
|
|
|
37
66
|
return this.layerTooltip.layerTooltipTemplateRef;
|
|
38
67
|
}
|
|
39
68
|
}
|
|
69
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayerComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
|
|
70
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LayerComponent, inputs: { attribution: "attribution", extent: "extent", maxZoom: "maxZoom", minZoom: "minZoom", opacity: "opacity", zIndex: "zIndex" }, queries: [{ propertyName: "layerTooltip", first: true, predicate: LayerTooltipComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
40
71
|
}
|
|
41
|
-
|
|
42
|
-
LayerComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LayerComponent, inputs: { attribution: "attribution", extent: "extent", maxZoom: "maxZoom", minZoom: "minZoom", opacity: "opacity", zIndex: "zIndex" }, queries: [{ propertyName: "layerTooltip", first: true, predicate: LayerTooltipComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayerComponent, decorators: [{
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayerComponent, decorators: [{
|
|
44
73
|
type: Directive
|
|
45
74
|
}], ctorParameters: function () { return [{ type: undefined }, { type: i1.ConfigurationService }, { type: i2.CollectionService }, { type: i3.DomSanitizer }]; }, propDecorators: { attribution: [{
|
|
46
75
|
type: Input
|
|
@@ -3,11 +3,9 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
6
|
-
import { ContentChildren, QueryList } from '@angular/core';
|
|
7
6
|
import { CollectionComponent } from '../common/collection.component';
|
|
8
7
|
import { CollectionService } from '../common/collection.service';
|
|
9
8
|
import { ConfigurationService } from '../common/configuration.service';
|
|
10
|
-
import { LayerComponent } from './layer.component';
|
|
11
9
|
import * as i0 from "@angular/core";
|
|
12
10
|
import * as i1 from "../common/configuration.service";
|
|
13
11
|
import * as i2 from "../common/collection.service";
|
|
@@ -15,15 +13,17 @@ import * as i2 from "../common/collection.service";
|
|
|
15
13
|
* A collection of one or more layers.
|
|
16
14
|
*/
|
|
17
15
|
export class LayersComponent extends CollectionComponent {
|
|
16
|
+
configurationService;
|
|
17
|
+
collectionService;
|
|
18
18
|
constructor(configurationService, collectionService) {
|
|
19
19
|
super('layers', configurationService, collectionService);
|
|
20
20
|
this.configurationService = configurationService;
|
|
21
21
|
this.collectionService = collectionService;
|
|
22
22
|
}
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayersComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LayersComponent, isStandalone: true, selector: "kendo-map-layers", providers: [CollectionService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23
25
|
}
|
|
24
|
-
|
|
25
|
-
LayersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LayersComponent, isStandalone: true, selector: "kendo-map-layers", providers: [CollectionService], queries: [{ propertyName: "children", predicate: LayerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LayersComponent, decorators: [{
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LayersComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{
|
|
29
29
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -32,7 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
32
32
|
template: '',
|
|
33
33
|
standalone: true
|
|
34
34
|
}]
|
|
35
|
-
}], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.CollectionService }]; }
|
|
36
|
-
type: ContentChildren,
|
|
37
|
-
args: [LayerComponent]
|
|
38
|
-
}] } });
|
|
35
|
+
}], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.CollectionService }]; } });
|
|
@@ -15,22 +15,45 @@ import * as i3 from "@angular/platform-browser";
|
|
|
15
15
|
* A vector shape layer for bubble maps. [See example](slug:marker_layers_map).
|
|
16
16
|
*/
|
|
17
17
|
export class MarkerLayerComponent extends LayerComponent {
|
|
18
|
+
configurationService;
|
|
19
|
+
collectionService;
|
|
20
|
+
sanitizer;
|
|
21
|
+
/**
|
|
22
|
+
* The array of data items for this layer.
|
|
23
|
+
*/
|
|
24
|
+
data;
|
|
25
|
+
/**
|
|
26
|
+
* The data item field which contains the marker location.
|
|
27
|
+
*
|
|
28
|
+
* The field should be an array with two numbers - latitude and longitude in decimal degrees.
|
|
29
|
+
*/
|
|
30
|
+
locationField;
|
|
31
|
+
/**
|
|
32
|
+
* The data item field which contains the marker title.
|
|
33
|
+
*/
|
|
34
|
+
titleField;
|
|
35
|
+
/**
|
|
36
|
+
* The default marker shape for data-bound markers. Supported marker shapes are "pinTarget and "pin".
|
|
37
|
+
*
|
|
38
|
+
* Marker shapes are implemented as CSS classes on the marker element (`span.k-marker`). For example "pinTarget" is rendered as `k-marker-pin-target`.
|
|
39
|
+
*/
|
|
40
|
+
shape;
|
|
18
41
|
constructor(configurationService, collectionService, sanitizer) {
|
|
19
42
|
super('marker', configurationService, collectionService, sanitizer);
|
|
20
43
|
this.configurationService = configurationService;
|
|
21
44
|
this.collectionService = collectionService;
|
|
22
45
|
this.sanitizer = sanitizer;
|
|
23
46
|
}
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkerLayerComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MarkerLayerComponent, isStandalone: true, selector: "kendo-map-marker-layer", inputs: { data: "data", locationField: "locationField", titleField: "titleField", shape: "shape" }, providers: [
|
|
49
|
+
ConfigurationService,
|
|
50
|
+
{
|
|
51
|
+
provide: LayerComponent,
|
|
52
|
+
useExisting: forwardRef(() => MarkerLayerComponent)
|
|
53
|
+
}
|
|
54
|
+
], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
55
|
}
|
|
25
|
-
|
|
26
|
-
MarkerLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MarkerLayerComponent, isStandalone: true, selector: "kendo-map-marker-layer", inputs: { data: "data", locationField: "locationField", titleField: "titleField", shape: "shape" }, providers: [
|
|
27
|
-
ConfigurationService,
|
|
28
|
-
{
|
|
29
|
-
provide: LayerComponent,
|
|
30
|
-
useExisting: forwardRef(() => MarkerLayerComponent)
|
|
31
|
-
}
|
|
32
|
-
], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MarkerLayerComponent, decorators: [{
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkerLayerComponent, decorators: [{
|
|
34
57
|
type: Component,
|
|
35
58
|
args: [{
|
|
36
59
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -15,22 +15,33 @@ import * as i3 from "@angular/platform-browser";
|
|
|
15
15
|
* Defines a vector shape layer bound to GeoJSON data. [See example](slug:shape_layers_map).
|
|
16
16
|
*/
|
|
17
17
|
export class ShapeLayerComponent extends LayerComponent {
|
|
18
|
+
configurationService;
|
|
19
|
+
collectionService;
|
|
20
|
+
sanitizer;
|
|
21
|
+
/**
|
|
22
|
+
* The array of data items for this layer.
|
|
23
|
+
*/
|
|
24
|
+
data;
|
|
25
|
+
/**
|
|
26
|
+
* The default style for shapes.
|
|
27
|
+
*/
|
|
28
|
+
style;
|
|
18
29
|
constructor(configurationService, collectionService, sanitizer) {
|
|
19
30
|
super('shape', configurationService, collectionService, sanitizer);
|
|
20
31
|
this.configurationService = configurationService;
|
|
21
32
|
this.collectionService = collectionService;
|
|
22
33
|
this.sanitizer = sanitizer;
|
|
23
34
|
}
|
|
35
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShapeLayerComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ShapeLayerComponent, isStandalone: true, selector: "kendo-map-shape-layer", inputs: { data: "data", style: "style" }, providers: [
|
|
37
|
+
ConfigurationService,
|
|
38
|
+
{
|
|
39
|
+
provide: LayerComponent,
|
|
40
|
+
useExisting: forwardRef(() => ShapeLayerComponent)
|
|
41
|
+
}
|
|
42
|
+
], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
43
|
}
|
|
25
|
-
|
|
26
|
-
ShapeLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ShapeLayerComponent, isStandalone: true, selector: "kendo-map-shape-layer", inputs: { data: "data", style: "style" }, providers: [
|
|
27
|
-
ConfigurationService,
|
|
28
|
-
{
|
|
29
|
-
provide: LayerComponent,
|
|
30
|
-
useExisting: forwardRef(() => ShapeLayerComponent)
|
|
31
|
-
}
|
|
32
|
-
], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ShapeLayerComponent, decorators: [{
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShapeLayerComponent, decorators: [{
|
|
34
45
|
type: Component,
|
|
35
46
|
args: [{
|
|
36
47
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -15,22 +15,41 @@ import * as i3 from "@angular/platform-browser";
|
|
|
15
15
|
* Defines a vector shape layer bound to GeoJSON data. [See example](slug:tile_layers_map).
|
|
16
16
|
*/
|
|
17
17
|
export class TileLayerComponent extends LayerComponent {
|
|
18
|
+
configurationService;
|
|
19
|
+
collectionService;
|
|
20
|
+
sanitizer;
|
|
21
|
+
/**
|
|
22
|
+
* The size of the image tile in pixels.
|
|
23
|
+
*
|
|
24
|
+
* @default 256
|
|
25
|
+
*/
|
|
26
|
+
tileSize;
|
|
27
|
+
/**
|
|
28
|
+
* A list of subdomains to use for loading tiles.
|
|
29
|
+
*
|
|
30
|
+
* Alternating between different subdomains allows more requests to be executed in parallel.
|
|
31
|
+
*/
|
|
32
|
+
subdomains;
|
|
33
|
+
/**
|
|
34
|
+
* A function that returns an image URL for each tile position.
|
|
35
|
+
*/
|
|
36
|
+
urlTemplate;
|
|
18
37
|
constructor(configurationService, collectionService, sanitizer) {
|
|
19
38
|
super('tile', configurationService, collectionService, sanitizer);
|
|
20
39
|
this.configurationService = configurationService;
|
|
21
40
|
this.collectionService = collectionService;
|
|
22
41
|
this.sanitizer = sanitizer;
|
|
23
42
|
}
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayerComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayerComponent, isStandalone: true, selector: "kendo-map-tile-layer", inputs: { tileSize: "tileSize", subdomains: "subdomains", urlTemplate: "urlTemplate" }, providers: [
|
|
45
|
+
ConfigurationService,
|
|
46
|
+
{
|
|
47
|
+
provide: LayerComponent,
|
|
48
|
+
useExisting: forwardRef(() => TileLayerComponent)
|
|
49
|
+
}
|
|
50
|
+
], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
51
|
}
|
|
25
|
-
|
|
26
|
-
TileLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TileLayerComponent, isStandalone: true, selector: "kendo-map-tile-layer", inputs: { tileSize: "tileSize", subdomains: "subdomains", urlTemplate: "urlTemplate" }, providers: [
|
|
27
|
-
ConfigurationService,
|
|
28
|
-
{
|
|
29
|
-
provide: LayerComponent,
|
|
30
|
-
useExisting: forwardRef(() => TileLayerComponent)
|
|
31
|
-
}
|
|
32
|
-
], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TileLayerComponent, decorators: [{
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayerComponent, decorators: [{
|
|
34
53
|
type: Component,
|
|
35
54
|
args: [{
|
|
36
55
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -76,6 +76,190 @@ const svgIcons = {
|
|
|
76
76
|
* ```
|
|
77
77
|
*/
|
|
78
78
|
export class MapComponent {
|
|
79
|
+
configurationService;
|
|
80
|
+
instanceEventService;
|
|
81
|
+
element;
|
|
82
|
+
localizationService;
|
|
83
|
+
changeDetector;
|
|
84
|
+
ngZone;
|
|
85
|
+
renderer;
|
|
86
|
+
iconsService;
|
|
87
|
+
/**
|
|
88
|
+
* Limits the automatic resizing of the Map. Sets the maximum number of times per second
|
|
89
|
+
* that the component redraws its content when the size of its container changes.
|
|
90
|
+
* Defaults to `10`. To disable the automatic resizing, set it to `0`.
|
|
91
|
+
*
|
|
92
|
+
* @example
|
|
93
|
+
* ```ts
|
|
94
|
+
* _@Component({
|
|
95
|
+
* selector: 'my-app',
|
|
96
|
+
* template: `
|
|
97
|
+
* <kendo-map [resizeRateLimit]="2">
|
|
98
|
+
* <!-- ^^^^^^^^^^^^^^^^^^^^^^
|
|
99
|
+
* Will update the size of the Map up to two times a second.
|
|
100
|
+
* Resize the example pane or window to try it out.
|
|
101
|
+
* -->
|
|
102
|
+
* </kendo-map>
|
|
103
|
+
* `
|
|
104
|
+
* })
|
|
105
|
+
* export class AppComponent {
|
|
106
|
+
* }
|
|
107
|
+
* ```
|
|
108
|
+
*/
|
|
109
|
+
resizeRateLimit = 10;
|
|
110
|
+
/**
|
|
111
|
+
* The map center. Coordinates are listed as `[Latitude, Longitude]`.
|
|
112
|
+
*/
|
|
113
|
+
center;
|
|
114
|
+
/**
|
|
115
|
+
* The configuration of built-in map controls.
|
|
116
|
+
*/
|
|
117
|
+
controls;
|
|
118
|
+
/**
|
|
119
|
+
* The minimum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
|
|
120
|
+
*
|
|
121
|
+
* @default 1
|
|
122
|
+
*/
|
|
123
|
+
minZoom;
|
|
124
|
+
/**
|
|
125
|
+
* The maximum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
|
|
126
|
+
*
|
|
127
|
+
* @default 19
|
|
128
|
+
*/
|
|
129
|
+
maxZoom;
|
|
130
|
+
/**
|
|
131
|
+
* The size of the map in pixels at zoom level 0.
|
|
132
|
+
*
|
|
133
|
+
* @default 256
|
|
134
|
+
*/
|
|
135
|
+
minSize;
|
|
136
|
+
/**
|
|
137
|
+
* Controls whether the user can pan the map.
|
|
138
|
+
*
|
|
139
|
+
* @default true
|
|
140
|
+
*/
|
|
141
|
+
pannable;
|
|
142
|
+
/**
|
|
143
|
+
* The settings for the tooltip popup.
|
|
144
|
+
*/
|
|
145
|
+
popupSettings;
|
|
146
|
+
/**
|
|
147
|
+
* Specifies whether the map should wrap around the east-west edges.
|
|
148
|
+
*
|
|
149
|
+
* @default true
|
|
150
|
+
*/
|
|
151
|
+
wraparound;
|
|
152
|
+
/**
|
|
153
|
+
* The initial zoom level.
|
|
154
|
+
*
|
|
155
|
+
* Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
|
|
156
|
+
*
|
|
157
|
+
* The map size is derived from the zoom level and minScale options: `size = (2 ^ zoom) * minSize`
|
|
158
|
+
*
|
|
159
|
+
* > Map zoom rounds floating point numbers. This is done so as the majority of web maps use the whole [`zoom levels`](https://wiki.openstreetmap.org/wiki/Zoom_levels) 0 through to 19.
|
|
160
|
+
*
|
|
161
|
+
* @default 3
|
|
162
|
+
*/
|
|
163
|
+
zoom = 3;
|
|
164
|
+
/**
|
|
165
|
+
* Controls whether the map zoom level can be changed by the user.
|
|
166
|
+
*
|
|
167
|
+
* @default true
|
|
168
|
+
*/
|
|
169
|
+
zoomable;
|
|
170
|
+
/**
|
|
171
|
+
* Fired immediately before the map is reset. This event is typically used for cleanup by layer implementers.
|
|
172
|
+
*/
|
|
173
|
+
beforeReset = new EventEmitter();
|
|
174
|
+
/**
|
|
175
|
+
* Fired when the user clicks on the map.
|
|
176
|
+
*/
|
|
177
|
+
mapClick = new EventEmitter();
|
|
178
|
+
/**
|
|
179
|
+
* Fired when a marker has been displayed and has a DOM element assigned.
|
|
180
|
+
*/
|
|
181
|
+
markerActivate = new EventEmitter();
|
|
182
|
+
/**
|
|
183
|
+
* Fired when a marker has been clicked or tapped.
|
|
184
|
+
*/
|
|
185
|
+
markerClick = new EventEmitter();
|
|
186
|
+
/**
|
|
187
|
+
* Fired when a marker has been created and is about to be displayed.
|
|
188
|
+
*
|
|
189
|
+
* Cancelling the event will prevent the marker from being shown.
|
|
190
|
+
*/
|
|
191
|
+
markerCreated = new EventEmitter();
|
|
192
|
+
/**
|
|
193
|
+
* Fires after the map viewport has been moved.
|
|
194
|
+
*/
|
|
195
|
+
panEnd = new EventEmitter();
|
|
196
|
+
/**
|
|
197
|
+
* Fired while the map viewport is being moved.
|
|
198
|
+
*/
|
|
199
|
+
pan = new EventEmitter();
|
|
200
|
+
/**
|
|
201
|
+
* Fired when the map is reset.
|
|
202
|
+
*
|
|
203
|
+
* This typically occurs on initial load and after a zoom/center change.
|
|
204
|
+
*/
|
|
205
|
+
reset = new EventEmitter();
|
|
206
|
+
/**
|
|
207
|
+
* Fired when a shape is clicked or tapped.
|
|
208
|
+
*/
|
|
209
|
+
shapeClick = new EventEmitter();
|
|
210
|
+
/**
|
|
211
|
+
* Fired when a shape is created, but is not rendered yet.
|
|
212
|
+
*/
|
|
213
|
+
shapeCreated = new EventEmitter();
|
|
214
|
+
/**
|
|
215
|
+
* Fired when a [GeoJSON Feature](https://geojson.org/geojson-spec.html#feature-objects) is created on a shape layer.
|
|
216
|
+
*/
|
|
217
|
+
shapeFeatureCreated = new EventEmitter();
|
|
218
|
+
/**
|
|
219
|
+
* Fired when the mouse enters a shape.
|
|
220
|
+
*
|
|
221
|
+
* > This event will fire reliably only for shapes that have set fill color.
|
|
222
|
+
* > The opacity can still be set to 0 so the shapes appear to have no fill.
|
|
223
|
+
*/
|
|
224
|
+
shapeMouseEnter = new EventEmitter();
|
|
225
|
+
/**
|
|
226
|
+
* Fired when the mouse leaves a shape.
|
|
227
|
+
*
|
|
228
|
+
* > This event will fire reliably only for shapes that have set fill color.
|
|
229
|
+
* > The opacity can still be set to 0 so the shapes appear to have no fill.
|
|
230
|
+
*/
|
|
231
|
+
shapeMouseLeave = new EventEmitter();
|
|
232
|
+
/**
|
|
233
|
+
* Fired when the map zoom level is about to change.
|
|
234
|
+
*
|
|
235
|
+
* Cancelling the event will prevent the user action.
|
|
236
|
+
*/
|
|
237
|
+
zoomStart = new EventEmitter();
|
|
238
|
+
/**
|
|
239
|
+
* Fired when the map zoom level has changed.
|
|
240
|
+
*/
|
|
241
|
+
zoomEnd = new EventEmitter();
|
|
242
|
+
/**
|
|
243
|
+
* Fired when the map center has been changed.
|
|
244
|
+
*/
|
|
245
|
+
centerChange = new EventEmitter();
|
|
246
|
+
/**
|
|
247
|
+
* Fired when the map zoom level has been changed.
|
|
248
|
+
*/
|
|
249
|
+
zoomChange = new EventEmitter();
|
|
250
|
+
tooltipInstance;
|
|
251
|
+
instance;
|
|
252
|
+
initResizeSensor = false;
|
|
253
|
+
options;
|
|
254
|
+
theme = null;
|
|
255
|
+
resizeTimeout;
|
|
256
|
+
redrawTimeout;
|
|
257
|
+
destroyed;
|
|
258
|
+
rtl = false;
|
|
259
|
+
subscriptions;
|
|
260
|
+
optionsChange;
|
|
261
|
+
domSubscriptions;
|
|
262
|
+
iconSettings;
|
|
79
263
|
constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer, iconsService) {
|
|
80
264
|
this.configurationService = configurationService;
|
|
81
265
|
this.instanceEventService = instanceEventService;
|
|
@@ -85,124 +269,6 @@ export class MapComponent {
|
|
|
85
269
|
this.ngZone = ngZone;
|
|
86
270
|
this.renderer = renderer;
|
|
87
271
|
this.iconsService = iconsService;
|
|
88
|
-
/**
|
|
89
|
-
* Limits the automatic resizing of the Map. Sets the maximum number of times per second
|
|
90
|
-
* that the component redraws its content when the size of its container changes.
|
|
91
|
-
* Defaults to `10`. To disable the automatic resizing, set it to `0`.
|
|
92
|
-
*
|
|
93
|
-
* @example
|
|
94
|
-
* ```ts
|
|
95
|
-
* _@Component({
|
|
96
|
-
* selector: 'my-app',
|
|
97
|
-
* template: `
|
|
98
|
-
* <kendo-map [resizeRateLimit]="2">
|
|
99
|
-
* <!-- ^^^^^^^^^^^^^^^^^^^^^^
|
|
100
|
-
* Will update the size of the Map up to two times a second.
|
|
101
|
-
* Resize the example pane or window to try it out.
|
|
102
|
-
* -->
|
|
103
|
-
* </kendo-map>
|
|
104
|
-
* `
|
|
105
|
-
* })
|
|
106
|
-
* export class AppComponent {
|
|
107
|
-
* }
|
|
108
|
-
* ```
|
|
109
|
-
*/
|
|
110
|
-
this.resizeRateLimit = 10;
|
|
111
|
-
/**
|
|
112
|
-
* The initial zoom level.
|
|
113
|
-
*
|
|
114
|
-
* Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
|
|
115
|
-
*
|
|
116
|
-
* The map size is derived from the zoom level and minScale options: `size = (2 ^ zoom) * minSize`
|
|
117
|
-
*
|
|
118
|
-
* > Map zoom rounds floating point numbers. This is done so as the majority of web maps use the whole [`zoom levels`](https://wiki.openstreetmap.org/wiki/Zoom_levels) 0 through to 19.
|
|
119
|
-
*
|
|
120
|
-
* @default 3
|
|
121
|
-
*/
|
|
122
|
-
this.zoom = 3;
|
|
123
|
-
/**
|
|
124
|
-
* Fired immediately before the map is reset. This event is typically used for cleanup by layer implementers.
|
|
125
|
-
*/
|
|
126
|
-
this.beforeReset = new EventEmitter();
|
|
127
|
-
/**
|
|
128
|
-
* Fired when the user clicks on the map.
|
|
129
|
-
*/
|
|
130
|
-
this.mapClick = new EventEmitter();
|
|
131
|
-
/**
|
|
132
|
-
* Fired when a marker has been displayed and has a DOM element assigned.
|
|
133
|
-
*/
|
|
134
|
-
this.markerActivate = new EventEmitter();
|
|
135
|
-
/**
|
|
136
|
-
* Fired when a marker has been clicked or tapped.
|
|
137
|
-
*/
|
|
138
|
-
this.markerClick = new EventEmitter();
|
|
139
|
-
/**
|
|
140
|
-
* Fired when a marker has been created and is about to be displayed.
|
|
141
|
-
*
|
|
142
|
-
* Cancelling the event will prevent the marker from being shown.
|
|
143
|
-
*/
|
|
144
|
-
this.markerCreated = new EventEmitter();
|
|
145
|
-
/**
|
|
146
|
-
* Fires after the map viewport has been moved.
|
|
147
|
-
*/
|
|
148
|
-
this.panEnd = new EventEmitter();
|
|
149
|
-
/**
|
|
150
|
-
* Fired while the map viewport is being moved.
|
|
151
|
-
*/
|
|
152
|
-
this.pan = new EventEmitter();
|
|
153
|
-
/**
|
|
154
|
-
* Fired when the map is reset.
|
|
155
|
-
*
|
|
156
|
-
* This typically occurs on initial load and after a zoom/center change.
|
|
157
|
-
*/
|
|
158
|
-
this.reset = new EventEmitter();
|
|
159
|
-
/**
|
|
160
|
-
* Fired when a shape is clicked or tapped.
|
|
161
|
-
*/
|
|
162
|
-
this.shapeClick = new EventEmitter();
|
|
163
|
-
/**
|
|
164
|
-
* Fired when a shape is created, but is not rendered yet.
|
|
165
|
-
*/
|
|
166
|
-
this.shapeCreated = new EventEmitter();
|
|
167
|
-
/**
|
|
168
|
-
* Fired when a [GeoJSON Feature](https://geojson.org/geojson-spec.html#feature-objects) is created on a shape layer.
|
|
169
|
-
*/
|
|
170
|
-
this.shapeFeatureCreated = new EventEmitter();
|
|
171
|
-
/**
|
|
172
|
-
* Fired when the mouse enters a shape.
|
|
173
|
-
*
|
|
174
|
-
* > This event will fire reliably only for shapes that have set fill color.
|
|
175
|
-
* > The opacity can still be set to 0 so the shapes appear to have no fill.
|
|
176
|
-
*/
|
|
177
|
-
this.shapeMouseEnter = new EventEmitter();
|
|
178
|
-
/**
|
|
179
|
-
* Fired when the mouse leaves a shape.
|
|
180
|
-
*
|
|
181
|
-
* > This event will fire reliably only for shapes that have set fill color.
|
|
182
|
-
* > The opacity can still be set to 0 so the shapes appear to have no fill.
|
|
183
|
-
*/
|
|
184
|
-
this.shapeMouseLeave = new EventEmitter();
|
|
185
|
-
/**
|
|
186
|
-
* Fired when the map zoom level is about to change.
|
|
187
|
-
*
|
|
188
|
-
* Cancelling the event will prevent the user action.
|
|
189
|
-
*/
|
|
190
|
-
this.zoomStart = new EventEmitter();
|
|
191
|
-
/**
|
|
192
|
-
* Fired when the map zoom level has changed.
|
|
193
|
-
*/
|
|
194
|
-
this.zoomEnd = new EventEmitter();
|
|
195
|
-
/**
|
|
196
|
-
* Fired when the map center has been changed.
|
|
197
|
-
*/
|
|
198
|
-
this.centerChange = new EventEmitter();
|
|
199
|
-
/**
|
|
200
|
-
* Fired when the map zoom level has been changed.
|
|
201
|
-
*/
|
|
202
|
-
this.zoomChange = new EventEmitter();
|
|
203
|
-
this.initResizeSensor = false;
|
|
204
|
-
this.theme = null;
|
|
205
|
-
this.rtl = false;
|
|
206
272
|
validatePackage(packageMetadata);
|
|
207
273
|
}
|
|
208
274
|
ngAfterViewInit() {
|
|
@@ -518,25 +584,25 @@ export class MapComponent {
|
|
|
518
584
|
this.tooltipInstance.hide();
|
|
519
585
|
}
|
|
520
586
|
}
|
|
521
|
-
}
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
}
|
|
532
|
-
], viewQueries: [{ propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }], exportAs: ["kendoMap"], usesOnChanges: true, ngImport: i0, template: `
|
|
587
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.InstanceEventService }, { token: i0.ElementRef }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i4.IconsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
588
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapComponent, isStandalone: true, selector: "kendo-map", inputs: { resizeRateLimit: "resizeRateLimit", center: "center", controls: "controls", minZoom: "minZoom", maxZoom: "maxZoom", minSize: "minSize", pannable: "pannable", popupSettings: "popupSettings", wraparound: "wraparound", zoom: "zoom", zoomable: "zoomable" }, outputs: { beforeReset: "beforeReset", mapClick: "mapClick", markerActivate: "markerActivate", markerClick: "markerClick", markerCreated: "markerCreated", panEnd: "panEnd", pan: "pan", reset: "reset", shapeClick: "shapeClick", shapeCreated: "shapeCreated", shapeFeatureCreated: "shapeFeatureCreated", shapeMouseEnter: "shapeMouseEnter", shapeMouseLeave: "shapeMouseLeave", zoomStart: "zoomStart", zoomEnd: "zoomEnd", centerChange: "centerChange", zoomChange: "zoomChange" }, providers: [
|
|
589
|
+
ConfigurationService,
|
|
590
|
+
InstanceEventService,
|
|
591
|
+
LocalizationService,
|
|
592
|
+
TooltipTemplateService,
|
|
593
|
+
{
|
|
594
|
+
provide: L10N_PREFIX,
|
|
595
|
+
useValue: 'kendo.map'
|
|
596
|
+
}
|
|
597
|
+
], viewQueries: [{ propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }], exportAs: ["kendoMap"], usesOnChanges: true, ngImport: i0, template: `
|
|
533
598
|
<kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
|
|
534
599
|
</kendo-map-tooltip-popup>
|
|
535
600
|
<div [style.width.%]="100" [style.height.%]="100"><!-- required for resize sensor to initialize properly -->
|
|
536
601
|
<kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
|
|
537
602
|
</div>
|
|
538
|
-
`, isInline: true, dependencies: [{ kind: "component", type: TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "
|
|
539
|
-
|
|
603
|
+
`, isInline: true, dependencies: [{ kind: "component", type: TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
604
|
+
}
|
|
605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapComponent, decorators: [{
|
|
540
606
|
type: Component,
|
|
541
607
|
args: [{
|
|
542
608
|
selector: 'kendo-map',
|
|
@@ -41,11 +41,11 @@ import * as i12 from "./map/tile-layer.component";
|
|
|
41
41
|
*```
|
|
42
42
|
*/
|
|
43
43
|
export class MapModule {
|
|
44
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
45
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MapModule, imports: [i1.BubbleLayerComponent, i2.BubbleTooltipComponent, i3.BubbleTooltipTemplateDirective, i4.LayersComponent, i5.MapComponent, i6.MarkerLayerComponent, i7.MarkerTooltipComponent, i8.MarkerTooltipTemplateDirective, i9.ShapeLayerComponent, i10.ShapeTooltipComponent, i11.ShapeTooltipTemplateDirective, i12.TileLayerComponent], exports: [i1.BubbleLayerComponent, i2.BubbleTooltipComponent, i3.BubbleTooltipTemplateDirective, i4.LayersComponent, i5.MapComponent, i6.MarkerLayerComponent, i7.MarkerTooltipComponent, i8.MarkerTooltipTemplateDirective, i9.ShapeLayerComponent, i10.ShapeTooltipComponent, i11.ShapeTooltipTemplateDirective, i12.TileLayerComponent] });
|
|
46
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapModule, providers: [IconsService, ResizeBatchService], imports: [i5.MapComponent] });
|
|
44
47
|
}
|
|
45
|
-
|
|
46
|
-
MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapModule, imports: [i1.BubbleLayerComponent, i2.BubbleTooltipComponent, i3.BubbleTooltipTemplateDirective, i4.LayersComponent, i5.MapComponent, i6.MarkerLayerComponent, i7.MarkerTooltipComponent, i8.MarkerTooltipTemplateDirective, i9.ShapeLayerComponent, i10.ShapeTooltipComponent, i11.ShapeTooltipTemplateDirective, i12.TileLayerComponent], exports: [i1.BubbleLayerComponent, i2.BubbleTooltipComponent, i3.BubbleTooltipTemplateDirective, i4.LayersComponent, i5.MapComponent, i6.MarkerLayerComponent, i7.MarkerTooltipComponent, i8.MarkerTooltipTemplateDirective, i9.ShapeLayerComponent, i10.ShapeTooltipComponent, i11.ShapeTooltipTemplateDirective, i12.TileLayerComponent] });
|
|
47
|
-
MapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapModule, providers: [IconsService, ResizeBatchService], imports: [i1.BubbleLayerComponent, i2.BubbleTooltipComponent, i4.LayersComponent, i5.MapComponent, i6.MarkerLayerComponent, i7.MarkerTooltipComponent, i9.ShapeLayerComponent, i10.ShapeTooltipComponent, i12.TileLayerComponent] });
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapModule, decorators: [{
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapModule, decorators: [{
|
|
49
49
|
type: NgModule,
|
|
50
50
|
args: [{
|
|
51
51
|
imports: [...KENDO_MAP],
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-map',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '17.0.0-develop.
|
|
12
|
+
publishDate: 1730478911,
|
|
13
|
+
version: '17.0.0-develop.31',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|