@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.
Files changed (63) hide show
  1. package/common/collection-item.component.d.ts +1 -1
  2. package/common/collection.component.d.ts +1 -1
  3. package/common/settings.component.d.ts +1 -1
  4. package/events/base-event.d.ts +1 -1
  5. package/events/preventable-event.d.ts +1 -1
  6. package/fesm2022/progress-kendo-angular-map.mjs +80 -80
  7. package/map/layer.component.d.ts +1 -1
  8. package/package.json +11 -19
  9. package/schematics/ngAdd/index.js +1 -1
  10. package/tooltip/base-tooltip.d.ts +1 -1
  11. package/esm2022/common/collection-item.component.mjs +0 -64
  12. package/esm2022/common/collection.component.mjs +0 -66
  13. package/esm2022/common/collection.service.mjs +0 -37
  14. package/esm2022/common/configuration.service.mjs +0 -62
  15. package/esm2022/common/copy-changes.mjs +0 -21
  16. package/esm2022/common/has-parent.mjs +0 -14
  17. package/esm2022/common/map-instance-observer.mjs +0 -21
  18. package/esm2022/common/settings.component.mjs +0 -61
  19. package/esm2022/common/to-simple-changes.mjs +0 -18
  20. package/esm2022/directives.mjs +0 -28
  21. package/esm2022/events/base-event.mjs +0 -26
  22. package/esm2022/events/before-reset-event.mjs +0 -17
  23. package/esm2022/events/instance-event.service.mjs +0 -32
  24. package/esm2022/events/map-click-event.mjs +0 -27
  25. package/esm2022/events/marker-activate-event.mjs +0 -27
  26. package/esm2022/events/marker-click-event.mjs +0 -27
  27. package/esm2022/events/marker-created-event.mjs +0 -29
  28. package/esm2022/events/pan-end-event.mjs +0 -32
  29. package/esm2022/events/pan-event.mjs +0 -32
  30. package/esm2022/events/preventable-event.mjs +0 -36
  31. package/esm2022/events/reset-event.mjs +0 -19
  32. package/esm2022/events/shape-click-event.mjs +0 -32
  33. package/esm2022/events/shape-created-event.mjs +0 -37
  34. package/esm2022/events/shape-feature-created-event.mjs +0 -37
  35. package/esm2022/events/shape-mouse-enter-event.mjs +0 -35
  36. package/esm2022/events/shape-mouse-leave-event.mjs +0 -35
  37. package/esm2022/events/zoom-end-event.mjs +0 -22
  38. package/esm2022/events/zoom-start-event.mjs +0 -23
  39. package/esm2022/events.mjs +0 -19
  40. package/esm2022/index.mjs +0 -17
  41. package/esm2022/map/bubble-layer.component.mjs +0 -126
  42. package/esm2022/map/layer/tooltip.component.mjs +0 -39
  43. package/esm2022/map/layer.component.mjs +0 -89
  44. package/esm2022/map/layers.component.mjs +0 -57
  45. package/esm2022/map/marker-layer.component.mjs +0 -102
  46. package/esm2022/map/shape-layer.component.mjs +0 -85
  47. package/esm2022/map/tile-layer.component.mjs +0 -91
  48. package/esm2022/map.component.mjs +0 -694
  49. package/esm2022/map.module.mjs +0 -55
  50. package/esm2022/package-metadata.mjs +0 -16
  51. package/esm2022/progress-kendo-angular-map.mjs +0 -8
  52. package/esm2022/tooltip/base-tooltip.mjs +0 -102
  53. package/esm2022/tooltip/body-factory.mjs +0 -14
  54. package/esm2022/tooltip/bubble-tooltip-template.directive.mjs +0 -55
  55. package/esm2022/tooltip/bubble-tooltip.component.mjs +0 -68
  56. package/esm2022/tooltip/marker-tooltip-template.directive.mjs +0 -54
  57. package/esm2022/tooltip/marker-tooltip.component.mjs +0 -68
  58. package/esm2022/tooltip/popup-settings.interface.mjs +0 -5
  59. package/esm2022/tooltip/shape-tooltip-template.directive.mjs +0 -54
  60. package/esm2022/tooltip/shape-tooltip.component.mjs +0 -68
  61. package/esm2022/tooltip/tooltip-popup.component.mjs +0 -120
  62. package/esm2022/tooltip/tooltip-template.service.mjs +0 -27
  63. package/esm2022/tooltip.mjs +0 -11
@@ -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`&mdash;The original data item used to create the bubble.
14
- * * `layerIndex: number`&mdash;The index of the layer for the tooltip.
15
- * * `location: Location`&mdash;The location of the bubble.
16
- * * `value: number`&mdash;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`&mdash;The marker title.
14
- * * `layerIndex: number`&mdash;The index of the layer for the tooltip.
15
- * * `location: Location`&mdash;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`&mdash;The original data item used to create the shape.
14
- * * `layerIndex: number`&mdash;The index of the layer for the tooltip.
15
- * * `location: Location`&mdash;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
- }] } });