@progress/kendo-angular-map 19.1.2-develop.1 → 19.1.2-develop.3
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/directives.d.ts +2 -2
- package/esm2022/directives.mjs +2 -2
- package/esm2022/events/before-reset-event.mjs +2 -1
- package/esm2022/events/map-click-event.mjs +3 -2
- package/esm2022/events/marker-activate-event.mjs +2 -1
- package/esm2022/events/marker-click-event.mjs +2 -1
- package/esm2022/events/marker-created-event.mjs +3 -2
- package/esm2022/events/pan-end-event.mjs +3 -2
- package/esm2022/events/pan-event.mjs +3 -2
- package/esm2022/events/reset-event.mjs +2 -1
- package/esm2022/events/shape-click-event.mjs +3 -2
- package/esm2022/events/shape-created-event.mjs +3 -2
- package/esm2022/events/shape-feature-created-event.mjs +4 -3
- package/esm2022/events/shape-mouse-enter-event.mjs +5 -4
- package/esm2022/events/shape-mouse-leave-event.mjs +5 -4
- package/esm2022/events/zoom-end-event.mjs +3 -2
- package/esm2022/events/zoom-start-event.mjs +4 -4
- package/esm2022/map/bubble-layer.component.mjs +33 -11
- package/esm2022/map/layers.component.mjs +20 -1
- package/esm2022/map/marker-layer.component.mjs +29 -9
- package/esm2022/map/shape-layer.component.mjs +22 -3
- package/esm2022/map/tile-layer.component.mjs +24 -6
- package/esm2022/map.component.mjs +70 -69
- package/esm2022/map.module.mjs +18 -18
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/tooltip/bubble-tooltip-template.directive.mjs +21 -0
- package/esm2022/tooltip/bubble-tooltip.component.mjs +24 -1
- package/esm2022/tooltip/marker-tooltip-template.directive.mjs +21 -0
- package/esm2022/tooltip/marker-tooltip.component.mjs +24 -1
- package/esm2022/tooltip/shape-tooltip-template.directive.mjs +21 -0
- package/esm2022/tooltip/shape-tooltip.component.mjs +24 -1
- package/events/before-reset-event.d.ts +2 -1
- package/events/map-click-event.d.ts +3 -2
- package/events/marker-activate-event.d.ts +2 -1
- package/events/marker-click-event.d.ts +2 -1
- package/events/marker-created-event.d.ts +3 -2
- package/events/pan-end-event.d.ts +3 -2
- package/events/pan-event.d.ts +3 -2
- package/events/reset-event.d.ts +2 -1
- package/events/shape-click-event.d.ts +3 -2
- package/events/shape-created-event.d.ts +3 -2
- package/events/shape-feature-created-event.d.ts +4 -3
- package/events/shape-mouse-enter-event.d.ts +5 -4
- package/events/shape-mouse-leave-event.d.ts +5 -4
- package/events/zoom-end-event.d.ts +3 -2
- package/events/zoom-start-event.d.ts +4 -4
- package/fesm2022/progress-kendo-angular-map.mjs +402 -157
- package/map/bubble-layer.component.d.ts +33 -11
- package/map/layers.component.d.ts +20 -1
- package/map/marker-layer.component.d.ts +29 -9
- package/map/shape-layer.component.d.ts +22 -3
- package/map/tile-layer.component.d.ts +24 -6
- package/map.component.d.ts +70 -69
- package/map.module.d.ts +18 -18
- package/package.json +7 -7
- package/schematics/ngAdd/index.js +1 -1
- package/tooltip/bubble-tooltip-template.directive.d.ts +21 -0
- package/tooltip/bubble-tooltip.component.d.ts +24 -1
- package/tooltip/marker-tooltip-template.directive.d.ts +21 -0
- package/tooltip/marker-tooltip.component.d.ts +24 -1
- package/tooltip/popup-settings.interface.d.ts +3 -3
- package/tooltip/shape-tooltip-template.directive.d.ts +21 -0
- package/tooltip/shape-tooltip.component.d.ts +24 -1
|
@@ -10,7 +10,7 @@ function default_1(options) {
|
|
|
10
10
|
// Additional dependencies to install.
|
|
11
11
|
// See https://github.com/telerik/kendo-schematics/issues/28
|
|
12
12
|
peerDependencies: {
|
|
13
|
-
// '@progress/kendo-angular-foo': '19.1.2-develop.
|
|
13
|
+
// '@progress/kendo-angular-foo': '19.1.2-develop.3'
|
|
14
14
|
} });
|
|
15
15
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
16
16
|
}
|
|
@@ -14,6 +14,27 @@ import * as i0 from "@angular/core";
|
|
|
14
14
|
* * `layerIndex: number`—The index of the layer for the tooltip.
|
|
15
15
|
* * `location: Location`—The location of the bubble.
|
|
16
16
|
* * `value: number`—The value of the bubble.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```typescript
|
|
20
|
+
* @Component({
|
|
21
|
+
* selector: 'my-app',
|
|
22
|
+
* template: `
|
|
23
|
+
* <kendo-map>
|
|
24
|
+
* <kendo-map-layer type="bubble" [data]="data">
|
|
25
|
+
* <kendo-map-bubble-layer-tooltip>
|
|
26
|
+
* <ng-template kendoMapBubbleTooltipTemplate let-dataItem="dataItem" let-value="value">
|
|
27
|
+
* <div>{{ dataItem.name }}: {{ value }}</div>
|
|
28
|
+
* </ng-template>
|
|
29
|
+
* </kendo-map-bubble-layer-tooltip>
|
|
30
|
+
* </kendo-map-layer>
|
|
31
|
+
* </kendo-map>
|
|
32
|
+
* `
|
|
33
|
+
* })
|
|
34
|
+
* export class AppComponent {
|
|
35
|
+
* public data = [{ name: 'City', value: 100000 }];
|
|
36
|
+
* }
|
|
37
|
+
* ```
|
|
17
38
|
*/
|
|
18
39
|
export declare class BubbleTooltipTemplateDirective {
|
|
19
40
|
templateRef: TemplateRef<any>;
|
|
@@ -10,7 +10,30 @@ import { BubbleTooltipTemplateDirective } from './bubble-tooltip-template.direct
|
|
|
10
10
|
import { TooltipTemplateService } from './tooltip-template.service';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents the Kendo UI BubbleTooltip component for Angular.
|
|
14
|
+
*
|
|
15
|
+
* Configures the [Bubble Layer Tooltip](slug:bubble_layers_map#toc-tooltips).
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```typescript
|
|
19
|
+
* @Component({
|
|
20
|
+
* selector: 'my-app',
|
|
21
|
+
* template: `
|
|
22
|
+
* <kendo-map>
|
|
23
|
+
* <kendo-map-layer type="bubble" [data]="bubbleData">
|
|
24
|
+
* <kendo-map-bubble-layer-tooltip>
|
|
25
|
+
* <ng-template kendoMapBubbleTooltipTemplate let-dataItem="dataItem" let-value="value">
|
|
26
|
+
* <div>{{ dataItem.name }}: {{ value }}</div>
|
|
27
|
+
* </ng-template>
|
|
28
|
+
* </kendo-map-bubble-layer-tooltip>
|
|
29
|
+
* </kendo-map-layer>
|
|
30
|
+
* </kendo-map>
|
|
31
|
+
* `
|
|
32
|
+
* })
|
|
33
|
+
* export class AppComponent {
|
|
34
|
+
* public bubbleData = [{ name: 'Population', value: 50000 }];
|
|
35
|
+
* }
|
|
36
|
+
* ```
|
|
14
37
|
*/
|
|
15
38
|
export declare class BubbleTooltipComponent extends SettingsComponent implements AfterContentChecked {
|
|
16
39
|
configurationService: ConfigurationService;
|
|
@@ -13,6 +13,27 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
* * `title: string`—The marker title.
|
|
14
14
|
* * `layerIndex: number`—The index of the layer for the tooltip.
|
|
15
15
|
* * `location: Location`—The marker location.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```typescript
|
|
19
|
+
* @Component({
|
|
20
|
+
* selector: 'my-app',
|
|
21
|
+
* template: `
|
|
22
|
+
* <kendo-map>
|
|
23
|
+
* <kendo-map-layer type="marker" [data]="markers">
|
|
24
|
+
* <kendo-map-marker-layer-tooltip>
|
|
25
|
+
* <ng-template kendoMapMarkerTooltipTemplate let-title="title" let-location="location">
|
|
26
|
+
* <div>{{ title }} at {{ location.lat }}, {{ location.lng }}</div>
|
|
27
|
+
* </ng-template>
|
|
28
|
+
* </kendo-map-marker-layer-tooltip>
|
|
29
|
+
* </kendo-map-layer>
|
|
30
|
+
* </kendo-map>
|
|
31
|
+
* `
|
|
32
|
+
* })
|
|
33
|
+
* export class AppComponent {
|
|
34
|
+
* public markers = [{ title: 'Office', location: [42.6977, 23.3219] }];
|
|
35
|
+
* }
|
|
36
|
+
* ```
|
|
16
37
|
*/
|
|
17
38
|
export declare class MarkerTooltipTemplateDirective {
|
|
18
39
|
templateRef: TemplateRef<any>;
|
|
@@ -10,7 +10,30 @@ import { MarkerTooltipTemplateDirective } from './marker-tooltip-template.direct
|
|
|
10
10
|
import { TooltipTemplateService } from './tooltip-template.service';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents the Kendo UI MarkerTooltip component for Angular.
|
|
14
|
+
*
|
|
15
|
+
* Configures the [Marker Layer Tooltip](slug:marker_layers_map#toc-tooltips).
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```typescript
|
|
19
|
+
* @Component({
|
|
20
|
+
* selector: 'my-app',
|
|
21
|
+
* template: `
|
|
22
|
+
* <kendo-map>
|
|
23
|
+
* <kendo-map-layer type="marker" [data]="markers">
|
|
24
|
+
* <kendo-map-marker-layer-tooltip>
|
|
25
|
+
* <ng-template kendoMapMarkerTooltipTemplate let-title="title">
|
|
26
|
+
* <div>Marker: {{ title }}</div>
|
|
27
|
+
* </ng-template>
|
|
28
|
+
* </kendo-map-marker-layer-tooltip>
|
|
29
|
+
* </kendo-map-layer>
|
|
30
|
+
* </kendo-map>
|
|
31
|
+
* `
|
|
32
|
+
* })
|
|
33
|
+
* export class AppComponent {
|
|
34
|
+
* public markers = [{ title: 'Location A' }];
|
|
35
|
+
* }
|
|
36
|
+
* ```
|
|
14
37
|
*/
|
|
15
38
|
export declare class MarkerTooltipComponent extends SettingsComponent implements AfterContentChecked {
|
|
16
39
|
configurationService: ConfigurationService;
|
|
@@ -4,15 +4,15 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ViewContainerRef } from '@angular/core';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Defines the settings for the tooltip popup.
|
|
8
8
|
*/
|
|
9
9
|
export interface PopupSettings {
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* Sets the container to which you want to append the popup.
|
|
12
12
|
*/
|
|
13
13
|
appendTo?: ViewContainerRef;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* Sets the class or classes for the popup.
|
|
16
16
|
*/
|
|
17
17
|
popupClass?: string | Array<string> | Object;
|
|
18
18
|
}
|
|
@@ -13,6 +13,27 @@ import * as i0 from "@angular/core";
|
|
|
13
13
|
* * `dataItem: any`—The original data item used to create the shape.
|
|
14
14
|
* * `layerIndex: number`—The index of the layer for the tooltip.
|
|
15
15
|
* * `location: Location`—The location of the center of the shape.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```typescript
|
|
19
|
+
* @Component({
|
|
20
|
+
* selector: 'my-app',
|
|
21
|
+
* template: `
|
|
22
|
+
* <kendo-map>
|
|
23
|
+
* <kendo-map-layer type="shape" [data]="data">
|
|
24
|
+
* <kendo-map-shape-layer-tooltip>
|
|
25
|
+
* <ng-template kendoMapShapeTooltipTemplate let-dataItem="dataItem" let-layerIndex="layerIndex">
|
|
26
|
+
* <div>Shape: {{ dataItem.properties.name }} (Layer {{ layerIndex }})</div>
|
|
27
|
+
* </ng-template>
|
|
28
|
+
* </kendo-map-shape-layer-tooltip>
|
|
29
|
+
* </kendo-map-layer>
|
|
30
|
+
* </kendo-map>
|
|
31
|
+
* `
|
|
32
|
+
* })
|
|
33
|
+
* export class AppComponent {
|
|
34
|
+
* public data = [ ... ]; // GeoJSON data for shapes
|
|
35
|
+
* }
|
|
36
|
+
* ```
|
|
16
37
|
*/
|
|
17
38
|
export declare class ShapeTooltipTemplateDirective {
|
|
18
39
|
templateRef: TemplateRef<any>;
|
|
@@ -10,7 +10,30 @@ import { ShapeTooltipTemplateDirective } from './shape-tooltip-template.directiv
|
|
|
10
10
|
import { TooltipTemplateService } from './tooltip-template.service';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents the Kendo UI ShapeTooltip component for Angular.
|
|
14
|
+
*
|
|
15
|
+
* Configures the [Shape Layer Tooltip](slug:shape_layers_map#toc-tooltips).
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```typescript
|
|
19
|
+
* @Component({
|
|
20
|
+
* selector: 'my-app',
|
|
21
|
+
* template: `
|
|
22
|
+
* <kendo-map>
|
|
23
|
+
* <kendo-map-layer type="shape" [data]="shapeData">
|
|
24
|
+
* <kendo-map-shape-layer-tooltip>
|
|
25
|
+
* <ng-template kendoMapShapeTooltipTemplate let-dataItem="dataItem">
|
|
26
|
+
* <div>{{ dataItem.properties.name }}</div>
|
|
27
|
+
* </ng-template>
|
|
28
|
+
* </kendo-map-shape-layer-tooltip>
|
|
29
|
+
* </kendo-map-layer>
|
|
30
|
+
* </kendo-map>
|
|
31
|
+
* `
|
|
32
|
+
* })
|
|
33
|
+
* export class AppComponent {
|
|
34
|
+
* public shapeData = [ ... ]; // GeoJSON data for shapes
|
|
35
|
+
* }
|
|
36
|
+
* ```
|
|
14
37
|
*/
|
|
15
38
|
export declare class ShapeTooltipComponent extends SettingsComponent implements AfterContentChecked {
|
|
16
39
|
configurationService: ConfigurationService;
|