@progress/kendo-angular-map 21.4.1 → 22.0.0-develop.1
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/common/collection-item.component.d.ts +1 -1
- package/common/collection.component.d.ts +1 -1
- package/common/settings.component.d.ts +1 -1
- package/events/base-event.d.ts +1 -1
- package/events/preventable-event.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-map.mjs +80 -80
- package/map/layer.component.d.ts +1 -1
- package/package.json +11 -19
- package/schematics/ngAdd/index.js +1 -1
- package/tooltip/base-tooltip.d.ts +1 -1
- package/esm2022/common/collection-item.component.mjs +0 -64
- package/esm2022/common/collection.component.mjs +0 -66
- package/esm2022/common/collection.service.mjs +0 -37
- package/esm2022/common/configuration.service.mjs +0 -62
- package/esm2022/common/copy-changes.mjs +0 -21
- package/esm2022/common/has-parent.mjs +0 -14
- package/esm2022/common/map-instance-observer.mjs +0 -21
- package/esm2022/common/settings.component.mjs +0 -61
- package/esm2022/common/to-simple-changes.mjs +0 -18
- package/esm2022/directives.mjs +0 -28
- package/esm2022/events/base-event.mjs +0 -26
- package/esm2022/events/before-reset-event.mjs +0 -17
- package/esm2022/events/instance-event.service.mjs +0 -32
- package/esm2022/events/map-click-event.mjs +0 -27
- package/esm2022/events/marker-activate-event.mjs +0 -27
- package/esm2022/events/marker-click-event.mjs +0 -27
- package/esm2022/events/marker-created-event.mjs +0 -29
- package/esm2022/events/pan-end-event.mjs +0 -32
- package/esm2022/events/pan-event.mjs +0 -32
- package/esm2022/events/preventable-event.mjs +0 -36
- package/esm2022/events/reset-event.mjs +0 -19
- package/esm2022/events/shape-click-event.mjs +0 -32
- package/esm2022/events/shape-created-event.mjs +0 -37
- package/esm2022/events/shape-feature-created-event.mjs +0 -37
- package/esm2022/events/shape-mouse-enter-event.mjs +0 -35
- package/esm2022/events/shape-mouse-leave-event.mjs +0 -35
- package/esm2022/events/zoom-end-event.mjs +0 -22
- package/esm2022/events/zoom-start-event.mjs +0 -23
- package/esm2022/events.mjs +0 -19
- package/esm2022/index.mjs +0 -17
- package/esm2022/map/bubble-layer.component.mjs +0 -126
- package/esm2022/map/layer/tooltip.component.mjs +0 -39
- package/esm2022/map/layer.component.mjs +0 -89
- package/esm2022/map/layers.component.mjs +0 -57
- package/esm2022/map/marker-layer.component.mjs +0 -102
- package/esm2022/map/shape-layer.component.mjs +0 -85
- package/esm2022/map/tile-layer.component.mjs +0 -91
- package/esm2022/map.component.mjs +0 -694
- package/esm2022/map.module.mjs +0 -55
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-map.mjs +0 -8
- package/esm2022/tooltip/base-tooltip.mjs +0 -102
- package/esm2022/tooltip/body-factory.mjs +0 -14
- package/esm2022/tooltip/bubble-tooltip-template.directive.mjs +0 -55
- package/esm2022/tooltip/bubble-tooltip.component.mjs +0 -68
- package/esm2022/tooltip/marker-tooltip-template.directive.mjs +0 -54
- package/esm2022/tooltip/marker-tooltip.component.mjs +0 -68
- package/esm2022/tooltip/popup-settings.interface.mjs +0 -5
- package/esm2022/tooltip/shape-tooltip-template.directive.mjs +0 -54
- package/esm2022/tooltip/shape-tooltip.component.mjs +0 -68
- package/esm2022/tooltip/tooltip-popup.component.mjs +0 -120
- package/esm2022/tooltip/tooltip-template.service.mjs +0 -27
- package/esm2022/tooltip.mjs +0 -11
package/esm2022/map.module.mjs
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_MAP } from './directives';
|
|
7
|
-
import { IconsService } from '@progress/kendo-angular-icons';
|
|
8
|
-
import { ResizeBatchService } from '@progress/kendo-angular-common';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "./map/bubble-layer.component";
|
|
11
|
-
import * as i2 from "./tooltip/bubble-tooltip.component";
|
|
12
|
-
import * as i3 from "./tooltip/bubble-tooltip-template.directive";
|
|
13
|
-
import * as i4 from "./map/layers.component";
|
|
14
|
-
import * as i5 from "./map.component";
|
|
15
|
-
import * as i6 from "./map/marker-layer.component";
|
|
16
|
-
import * as i7 from "./tooltip/marker-tooltip.component";
|
|
17
|
-
import * as i8 from "./tooltip/marker-tooltip-template.directive";
|
|
18
|
-
import * as i9 from "./map/shape-layer.component";
|
|
19
|
-
import * as i10 from "./tooltip/shape-tooltip.component";
|
|
20
|
-
import * as i11 from "./tooltip/shape-tooltip-template.directive";
|
|
21
|
-
import * as i12 from "./map/tile-layer.component";
|
|
22
|
-
//IMPORTANT: NgModule export kept for backwards compatibility
|
|
23
|
-
/**
|
|
24
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
25
|
-
* definition for the Map component.
|
|
26
|
-
*
|
|
27
|
-
* @example
|
|
28
|
-
* ```ts
|
|
29
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
30
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
31
|
-
* import { NgModule } from '@angular/core';
|
|
32
|
-
* import { MapModule } from '@progress/kendo-angular-map';
|
|
33
|
-
* import { AppComponent } from './app.component';
|
|
34
|
-
*
|
|
35
|
-
* @NgModule({
|
|
36
|
-
* declarations: [AppComponent],
|
|
37
|
-
* imports: [BrowserModule, BrowserAnimationsModule, MapModule],
|
|
38
|
-
* bootstrap: [AppComponent]
|
|
39
|
-
* })
|
|
40
|
-
* export class AppModule {}
|
|
41
|
-
* ```
|
|
42
|
-
*/
|
|
43
|
-
export class MapModule {
|
|
44
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
45
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: MapModule, providers: [IconsService, ResizeBatchService], imports: [i5.MapComponent] });
|
|
47
|
-
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MapModule, decorators: [{
|
|
49
|
-
type: NgModule,
|
|
50
|
-
args: [{
|
|
51
|
-
imports: [...KENDO_MAP],
|
|
52
|
-
exports: [...KENDO_MAP],
|
|
53
|
-
providers: [IconsService, ResizeBatchService]
|
|
54
|
-
}]
|
|
55
|
-
}] });
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const packageMetadata = {
|
|
9
|
-
name: '@progress/kendo-angular-map',
|
|
10
|
-
productName: 'Kendo UI for Angular',
|
|
11
|
-
productCode: 'KENDOUIANGULAR',
|
|
12
|
-
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate: 1768393330,
|
|
14
|
-
version: '21.4.1',
|
|
15
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './index';
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Input, TemplateRef, ViewChild } from '@angular/core';
|
|
6
|
-
import { PopupService } from '@progress/kendo-angular-popup';
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-popup";
|
|
10
|
-
import * as i2 from "@progress/kendo-angular-l10n";
|
|
11
|
-
const POSITION_MODE = 'absolute';
|
|
12
|
-
const COLLISION = { horizontal: "fit", vertical: "fit" };
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export class BaseTooltip {
|
|
17
|
-
popupService;
|
|
18
|
-
localizationService;
|
|
19
|
-
animate = true;
|
|
20
|
-
style = {
|
|
21
|
-
position: 'relative'
|
|
22
|
-
};
|
|
23
|
-
templateRef;
|
|
24
|
-
popupRef = null;
|
|
25
|
-
popupSettings;
|
|
26
|
-
constructor(popupService, localizationService) {
|
|
27
|
-
this.popupService = popupService;
|
|
28
|
-
this.localizationService = localizationService;
|
|
29
|
-
}
|
|
30
|
-
get active() {
|
|
31
|
-
return this.popupRef !== null;
|
|
32
|
-
}
|
|
33
|
-
show(e) {
|
|
34
|
-
const offset = this.position(e.anchor);
|
|
35
|
-
if (!this.popupRef) {
|
|
36
|
-
this.popupRef = this.popupService.open(Object.assign({
|
|
37
|
-
offset: offset,
|
|
38
|
-
popupAlign: { vertical: 'bottom', horizontal: 'center' },
|
|
39
|
-
animate: this.animate,
|
|
40
|
-
content: this.templateRef,
|
|
41
|
-
collision: COLLISION,
|
|
42
|
-
positionMode: POSITION_MODE
|
|
43
|
-
}, this.popupSettings));
|
|
44
|
-
if (this.localizationService.rtl) {
|
|
45
|
-
this.popupRef.popupElement.setAttribute('dir', 'rtl');
|
|
46
|
-
}
|
|
47
|
-
this.onInit();
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
const popup = this.popupRef.popup.instance;
|
|
51
|
-
popup.offset = offset;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
hide() {
|
|
55
|
-
if (this.popupRef) {
|
|
56
|
-
this.popupRef.close();
|
|
57
|
-
this.popupRef = null;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
onInit() {
|
|
61
|
-
//calling on init
|
|
62
|
-
}
|
|
63
|
-
ngOnDestroy() {
|
|
64
|
-
this.hide();
|
|
65
|
-
}
|
|
66
|
-
position(offset) {
|
|
67
|
-
if (!this.popupSettings || !this.popupSettings.appendTo) {
|
|
68
|
-
return offset;
|
|
69
|
-
}
|
|
70
|
-
const appendTo = this.popupSettings.appendTo.element.nativeElement;
|
|
71
|
-
const bbox = appendTo.getBoundingClientRect();
|
|
72
|
-
const { scrollLeft, scrollTop } = this.scrollOffset(appendTo);
|
|
73
|
-
return {
|
|
74
|
-
left: offset.left - bbox.left - scrollLeft,
|
|
75
|
-
top: offset.top - bbox.top - scrollTop
|
|
76
|
-
};
|
|
77
|
-
}
|
|
78
|
-
scrollOffset(element) {
|
|
79
|
-
if (!element) {
|
|
80
|
-
return null;
|
|
81
|
-
}
|
|
82
|
-
let scrollLeft = element.scrollLeft;
|
|
83
|
-
let scrollTop = element.scrollTop;
|
|
84
|
-
let parent = element.parentElement;
|
|
85
|
-
while (parent) {
|
|
86
|
-
scrollLeft += parent.scrollLeft;
|
|
87
|
-
scrollTop += parent.scrollTop;
|
|
88
|
-
parent = parent.parentElement;
|
|
89
|
-
}
|
|
90
|
-
return { scrollLeft, scrollTop };
|
|
91
|
-
}
|
|
92
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BaseTooltip, deps: [{ token: i1.PopupService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
93
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: BaseTooltip, inputs: { popupSettings: "popupSettings" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0 });
|
|
94
|
-
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BaseTooltip, decorators: [{
|
|
96
|
-
type: Directive
|
|
97
|
-
}], ctorParameters: () => [{ type: i1.PopupService }, { type: i2.LocalizationService }], propDecorators: { templateRef: [{
|
|
98
|
-
type: ViewChild,
|
|
99
|
-
args: ['content', { static: true }]
|
|
100
|
-
}], popupSettings: [{
|
|
101
|
-
type: Input
|
|
102
|
-
}] } });
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ElementRef } from '@angular/core';
|
|
6
|
-
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export function bodyFactory() {
|
|
11
|
-
if (isDocumentAvailable()) {
|
|
12
|
-
return new ElementRef(document.body);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* A directive that sets a [template](link:site.data.urls.angular['templatesyntax'])
|
|
9
|
-
* within the `<kendo-map-tooltip>` component for the Map
|
|
10
|
-
* [Bubble layer tooltip](slug:bubble_layers_map#toc-tooltips).
|
|
11
|
-
*
|
|
12
|
-
* The available inputs for the bubble tooltip template are:
|
|
13
|
-
* * `dataItem: any`—The original data item used to create the bubble.
|
|
14
|
-
* * `layerIndex: number`—The index of the layer for the tooltip.
|
|
15
|
-
* * `location: Location`—The location of the bubble.
|
|
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-bubble-layer [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-bubble-layer>
|
|
31
|
-
* </kendo-map>
|
|
32
|
-
* `
|
|
33
|
-
* })
|
|
34
|
-
* export class AppComponent {
|
|
35
|
-
* public data = [{ name: 'City', value: 100000 }];
|
|
36
|
-
* }
|
|
37
|
-
* ```
|
|
38
|
-
*/
|
|
39
|
-
export class BubbleTooltipTemplateDirective {
|
|
40
|
-
templateRef;
|
|
41
|
-
constructor(templateRef) {
|
|
42
|
-
this.templateRef = templateRef;
|
|
43
|
-
}
|
|
44
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BubbleTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
45
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: BubbleTooltipTemplateDirective, isStandalone: true, selector: "[kendoMapBubbleTooltipTemplate]", ngImport: i0 });
|
|
46
|
-
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BubbleTooltipTemplateDirective, decorators: [{
|
|
48
|
-
type: Directive,
|
|
49
|
-
args: [{
|
|
50
|
-
selector: '[kendoMapBubbleTooltipTemplate]',
|
|
51
|
-
standalone: true
|
|
52
|
-
}]
|
|
53
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
54
|
-
type: Optional
|
|
55
|
-
}] }] });
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ContentChild } from '@angular/core';
|
|
6
|
-
import { ConfigurationService } from '../common/configuration.service';
|
|
7
|
-
import { SettingsComponent } from '../common/settings.component';
|
|
8
|
-
import { LayerComponent } from '../map/layer.component';
|
|
9
|
-
import { BubbleTooltipTemplateDirective } from './bubble-tooltip-template.directive';
|
|
10
|
-
import { TooltipTemplateService } from './tooltip-template.service';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "../common/configuration.service";
|
|
13
|
-
import * as i2 from "./tooltip-template.service";
|
|
14
|
-
import * as i3 from "../map/layer.component";
|
|
15
|
-
/**
|
|
16
|
-
* Represents the Kendo UI BubbleTooltip component for Angular.
|
|
17
|
-
*
|
|
18
|
-
* Configures the [Bubble Layer Tooltip](slug:bubble_layers_map#toc-tooltips).
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```typescript
|
|
22
|
-
* @Component({
|
|
23
|
-
* selector: 'my-app',
|
|
24
|
-
* template: `
|
|
25
|
-
* <kendo-map>
|
|
26
|
-
* <kendo-map-layer type="bubble" [data]="bubbleData">
|
|
27
|
-
* <kendo-map-bubble-layer-tooltip>
|
|
28
|
-
* <ng-template kendoMapBubbleTooltipTemplate let-dataItem="dataItem" let-value="value">
|
|
29
|
-
* <div>{{ dataItem.name }}: {{ value }}</div>
|
|
30
|
-
* </ng-template>
|
|
31
|
-
* </kendo-map-bubble-layer-tooltip>
|
|
32
|
-
* </kendo-map-layer>
|
|
33
|
-
* </kendo-map>
|
|
34
|
-
* `
|
|
35
|
-
* })
|
|
36
|
-
* export class AppComponent {
|
|
37
|
-
* public bubbleData = [{ name: 'Population', value: 50000 }];
|
|
38
|
-
* }
|
|
39
|
-
* ```
|
|
40
|
-
*/
|
|
41
|
-
export class BubbleTooltipComponent extends SettingsComponent {
|
|
42
|
-
configurationService;
|
|
43
|
-
templateService;
|
|
44
|
-
layer;
|
|
45
|
-
bubbleTooltipTemplate;
|
|
46
|
-
constructor(configurationService, templateService, layer) {
|
|
47
|
-
super('tooltip', configurationService);
|
|
48
|
-
this.configurationService = configurationService;
|
|
49
|
-
this.templateService = templateService;
|
|
50
|
-
this.layer = layer;
|
|
51
|
-
}
|
|
52
|
-
ngAfterContentChecked() {
|
|
53
|
-
this.templateService.registerTemplate(this.layer.index, this.bubbleTooltipTemplate?.templateRef);
|
|
54
|
-
}
|
|
55
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BubbleTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }, { token: i3.LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BubbleTooltipComponent, isStandalone: true, selector: "kendo-map-bubble-layer-tooltip", queries: [{ propertyName: "bubbleTooltipTemplate", first: true, predicate: BubbleTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BubbleTooltipComponent, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{
|
|
61
|
-
selector: 'kendo-map-bubble-layer-tooltip',
|
|
62
|
-
template: '',
|
|
63
|
-
standalone: true
|
|
64
|
-
}]
|
|
65
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }, { type: i3.LayerComponent }], propDecorators: { bubbleTooltipTemplate: [{
|
|
66
|
-
type: ContentChild,
|
|
67
|
-
args: [BubbleTooltipTemplateDirective, { static: false }]
|
|
68
|
-
}] } });
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* A directive that sets a [template](link:site.data.urls.angular['templatesyntax'])
|
|
9
|
-
* within the `<kendo-map-tooltip>` component for the Map
|
|
10
|
-
* [Marker layer tooltip](slug:marker_layers_map#toc-tooltips).
|
|
11
|
-
*
|
|
12
|
-
* The available inputs for the marker tooltip template are:
|
|
13
|
-
* * `title: string`—The marker title.
|
|
14
|
-
* * `layerIndex: number`—The index of the layer for the tooltip.
|
|
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
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
export class MarkerTooltipTemplateDirective {
|
|
39
|
-
templateRef;
|
|
40
|
-
constructor(templateRef) {
|
|
41
|
-
this.templateRef = templateRef;
|
|
42
|
-
}
|
|
43
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarkerTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
44
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: MarkerTooltipTemplateDirective, isStandalone: true, selector: "[kendoMapMarkerTooltipTemplate]", ngImport: i0 });
|
|
45
|
-
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarkerTooltipTemplateDirective, decorators: [{
|
|
47
|
-
type: Directive,
|
|
48
|
-
args: [{
|
|
49
|
-
selector: '[kendoMapMarkerTooltipTemplate]',
|
|
50
|
-
standalone: true
|
|
51
|
-
}]
|
|
52
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
53
|
-
type: Optional
|
|
54
|
-
}] }] });
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ContentChild } from '@angular/core';
|
|
6
|
-
import { ConfigurationService } from '../common/configuration.service';
|
|
7
|
-
import { SettingsComponent } from '../common/settings.component';
|
|
8
|
-
import { LayerComponent } from '../map/layer.component';
|
|
9
|
-
import { MarkerTooltipTemplateDirective } from './marker-tooltip-template.directive';
|
|
10
|
-
import { TooltipTemplateService } from './tooltip-template.service';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "../common/configuration.service";
|
|
13
|
-
import * as i2 from "./tooltip-template.service";
|
|
14
|
-
import * as i3 from "../map/layer.component";
|
|
15
|
-
/**
|
|
16
|
-
* Represents the Kendo UI MarkerTooltip component for Angular.
|
|
17
|
-
*
|
|
18
|
-
* Configures the [Marker Layer Tooltip](slug:marker_layers_map#toc-tooltips).
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```typescript
|
|
22
|
-
* @Component({
|
|
23
|
-
* selector: 'my-app',
|
|
24
|
-
* template: `
|
|
25
|
-
* <kendo-map>
|
|
26
|
-
* <kendo-map-layer type="marker" [data]="markers">
|
|
27
|
-
* <kendo-map-marker-layer-tooltip>
|
|
28
|
-
* <ng-template kendoMapMarkerTooltipTemplate let-title="title">
|
|
29
|
-
* <div>Marker: {{ title }}</div>
|
|
30
|
-
* </ng-template>
|
|
31
|
-
* </kendo-map-marker-layer-tooltip>
|
|
32
|
-
* </kendo-map-layer>
|
|
33
|
-
* </kendo-map>
|
|
34
|
-
* `
|
|
35
|
-
* })
|
|
36
|
-
* export class AppComponent {
|
|
37
|
-
* public markers = [{ title: 'Location A' }];
|
|
38
|
-
* }
|
|
39
|
-
* ```
|
|
40
|
-
*/
|
|
41
|
-
export class MarkerTooltipComponent extends SettingsComponent {
|
|
42
|
-
configurationService;
|
|
43
|
-
templateService;
|
|
44
|
-
layer;
|
|
45
|
-
markerTooltipTemplate;
|
|
46
|
-
constructor(configurationService, templateService, layer) {
|
|
47
|
-
super('tooltip', configurationService);
|
|
48
|
-
this.configurationService = configurationService;
|
|
49
|
-
this.templateService = templateService;
|
|
50
|
-
this.layer = layer;
|
|
51
|
-
}
|
|
52
|
-
ngAfterContentChecked() {
|
|
53
|
-
this.templateService.registerTemplate(this.layer.index, this.markerTooltipTemplate?.templateRef);
|
|
54
|
-
}
|
|
55
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarkerTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }, { token: i3.LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MarkerTooltipComponent, isStandalone: true, selector: "kendo-map-marker-layer-tooltip", queries: [{ propertyName: "markerTooltipTemplate", first: true, predicate: MarkerTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarkerTooltipComponent, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{
|
|
61
|
-
selector: 'kendo-map-marker-layer-tooltip',
|
|
62
|
-
template: '',
|
|
63
|
-
standalone: true
|
|
64
|
-
}]
|
|
65
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }, { type: i3.LayerComponent }], propDecorators: { markerTooltipTemplate: [{
|
|
66
|
-
type: ContentChild,
|
|
67
|
-
args: [MarkerTooltipTemplateDirective, { static: false }]
|
|
68
|
-
}] } });
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, Optional, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* A directive that sets a [template](link:site.data.urls.angular['templatesyntax'])
|
|
9
|
-
* within the `<kendo-map-tooltip>` component for the Map
|
|
10
|
-
* [Shape layer tooltip](slug:shape_layers_map#toc-tooltips).
|
|
11
|
-
*
|
|
12
|
-
* The available inputs for the shape tooltip template are:
|
|
13
|
-
* * `dataItem: any`—The original data item used to create the shape.
|
|
14
|
-
* * `layerIndex: number`—The index of the layer for the tooltip.
|
|
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
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
export class ShapeTooltipTemplateDirective {
|
|
39
|
-
templateRef;
|
|
40
|
-
constructor(templateRef) {
|
|
41
|
-
this.templateRef = templateRef;
|
|
42
|
-
}
|
|
43
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ShapeTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
44
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ShapeTooltipTemplateDirective, isStandalone: true, selector: "[kendoMapShapeTooltipTemplate]", ngImport: i0 });
|
|
45
|
-
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ShapeTooltipTemplateDirective, decorators: [{
|
|
47
|
-
type: Directive,
|
|
48
|
-
args: [{
|
|
49
|
-
selector: '[kendoMapShapeTooltipTemplate]',
|
|
50
|
-
standalone: true
|
|
51
|
-
}]
|
|
52
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
53
|
-
type: Optional
|
|
54
|
-
}] }] });
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ContentChild } from '@angular/core';
|
|
6
|
-
import { ConfigurationService } from '../common/configuration.service';
|
|
7
|
-
import { SettingsComponent } from '../common/settings.component';
|
|
8
|
-
import { LayerComponent } from '../map/layer.component';
|
|
9
|
-
import { ShapeTooltipTemplateDirective } from './shape-tooltip-template.directive';
|
|
10
|
-
import { TooltipTemplateService } from './tooltip-template.service';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "../common/configuration.service";
|
|
13
|
-
import * as i2 from "./tooltip-template.service";
|
|
14
|
-
import * as i3 from "../map/layer.component";
|
|
15
|
-
/**
|
|
16
|
-
* Represents the Kendo UI ShapeTooltip component for Angular.
|
|
17
|
-
*
|
|
18
|
-
* Configures the [Shape Layer Tooltip](slug:shape_layers_map#toc-tooltips).
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```typescript
|
|
22
|
-
* @Component({
|
|
23
|
-
* selector: 'my-app',
|
|
24
|
-
* template: `
|
|
25
|
-
* <kendo-map>
|
|
26
|
-
* <kendo-map-layer type="shape" [data]="shapeData">
|
|
27
|
-
* <kendo-map-shape-layer-tooltip>
|
|
28
|
-
* <ng-template kendoMapShapeTooltipTemplate let-dataItem="dataItem">
|
|
29
|
-
* <div>{{ dataItem.properties.name }}</div>
|
|
30
|
-
* </ng-template>
|
|
31
|
-
* </kendo-map-shape-layer-tooltip>
|
|
32
|
-
* </kendo-map-layer>
|
|
33
|
-
* </kendo-map>
|
|
34
|
-
* `
|
|
35
|
-
* })
|
|
36
|
-
* export class AppComponent {
|
|
37
|
-
* public shapeData = [ ... ]; // GeoJSON data for shapes
|
|
38
|
-
* }
|
|
39
|
-
* ```
|
|
40
|
-
*/
|
|
41
|
-
export class ShapeTooltipComponent extends SettingsComponent {
|
|
42
|
-
configurationService;
|
|
43
|
-
templateService;
|
|
44
|
-
layer;
|
|
45
|
-
shapeTooltipTemplate;
|
|
46
|
-
constructor(configurationService, templateService, layer) {
|
|
47
|
-
super('tooltip', configurationService);
|
|
48
|
-
this.configurationService = configurationService;
|
|
49
|
-
this.templateService = templateService;
|
|
50
|
-
this.layer = layer;
|
|
51
|
-
}
|
|
52
|
-
ngAfterContentChecked() {
|
|
53
|
-
this.templateService.registerTemplate(this.layer.index, this.shapeTooltipTemplate?.templateRef);
|
|
54
|
-
}
|
|
55
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ShapeTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }, { token: i3.LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ShapeTooltipComponent, isStandalone: true, selector: "kendo-map-shape-layer-tooltip", queries: [{ propertyName: "shapeTooltipTemplate", first: true, predicate: ShapeTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ShapeTooltipComponent, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{
|
|
61
|
-
selector: 'kendo-map-shape-layer-tooltip',
|
|
62
|
-
template: '',
|
|
63
|
-
standalone: true
|
|
64
|
-
}]
|
|
65
|
-
}], ctorParameters: () => [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }, { type: i3.LayerComponent }], propDecorators: { shapeTooltipTemplate: [{
|
|
66
|
-
type: ContentChild,
|
|
67
|
-
args: [ShapeTooltipTemplateDirective, { static: false }]
|
|
68
|
-
}] } });
|