@progress/kendo-angular-map 15.5.0-develop.10 → 15.5.0-develop.12

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 (7) hide show
  1. package/esm2020/map.component.mjs +59 -19
  2. package/esm2020/package-metadata.mjs +2 -2
  3. package/fesm2015/progress-kendo-angular-map.mjs +61 -21
  4. package/fesm2020/progress-kendo-angular-map.mjs +61 -21
  5. package/map.component.d.ts +43 -4
  6. package/package.json +6 -6
  7. package/schematics/ngAdd/index.js +1 -1
package/esm2020/map.component.mjs CHANGED
@@ -38,7 +38,43 @@ const svgIcons = {
38
38
  caretAltRightIcon
39
39
  };
40
40
  /**
41
- * A sample component
41
+ * Represents the [Kendo UI Map component for Angular]({% slug overview_map %}).
42
+ *
43
+ * @example
44
+ * ```ts
45
+ * import { Component } from '@angular/core';
46
+ *
47
+ * _@Component({
48
+ * selector: 'my-app',
49
+ * template: `
50
+ * <kendo-map [center]="center" [zoom]="15">
51
+ * <kendo-map-layers>
52
+ * <kendo-map-tile-layer
53
+ * [subdomains]="tileSubdomains"
54
+ * [urlTemplate]="tileUrl"
55
+ * attribution="&copy; <a href='https://osm.org/copyright'>OpenStreetMap contributors</a>"
56
+ * >
57
+ * </kendo-map-tile-layer>
58
+ * <kendo-map-marker-layer
59
+ * [data]="markers"
60
+ * locationField="latlng"
61
+ * titleField="name"
62
+ * >
63
+ * </kendo-map-marker-layer>
64
+ * </kendo-map-layers>
65
+ * </kendo-map>
66
+ * `
67
+ * })
68
+ * class AppComponent {
69
+ * tileSubdomains = ["a", "b", "c"];
70
+ * tileUrl = (e: TileUrlTemplateArgs): string =>
71
+ * `https://${e.subdomain}.tile.openstreetmap.org/${e.zoom}/${e.x}/${e.y}.png`;
72
+ *
73
+ * center = [30.2675, -97.7409];
74
+ * markers = [{ latlng: [30.2675, -97.7409], name: "Zevo Toys" }];
75
+ * }
76
+ *
77
+ * ```
42
78
  */
43
79
  export class MapComponent {
44
80
  constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer, iconsService) {
@@ -165,6 +201,7 @@ export class MapComponent {
165
201
  * Fired when the map zoom level has been changed.
166
202
  */
167
203
  this.zoomChange = new EventEmitter();
204
+ this.initResizeSensor = false;
168
205
  this.theme = null;
169
206
  this.rtl = false;
170
207
  validatePackage(packageMetadata);
@@ -172,7 +209,7 @@ export class MapComponent {
172
209
  ngAfterViewInit() {
173
210
  if (this.canRender) {
174
211
  this.ngZone.runOutsideAngular(() => {
175
- const mapMouseleave = this.renderer.listen(this.surfaceElement.nativeElement, 'mouseleave', this.mapMouseleave.bind(this));
212
+ const mapMouseleave = this.renderer.listen(this.element.nativeElement, 'mouseleave', this.mapMouseleave.bind(this));
176
213
  this.domSubscriptions = () => {
177
214
  mapMouseleave();
178
215
  };
@@ -345,8 +382,11 @@ export class MapComponent {
345
382
  this.resize();
346
383
  }
347
384
  }
385
+ /**
386
+ * @hidden
387
+ */
348
388
  get canRender() {
349
- return isDocumentAvailable() && Boolean(this.surfaceElement);
389
+ return isDocumentAvailable() && Boolean(this.element);
350
390
  }
351
391
  get autoResize() {
352
392
  return this.resizeRateLimit > 0;
@@ -355,7 +395,8 @@ export class MapComponent {
355
395
  if (!this.canRender) {
356
396
  return;
357
397
  }
358
- const element = this.surfaceElement.nativeElement;
398
+ const element = this.element.nativeElement;
399
+ this.renderer.setStyle(element, 'display', 'block');
359
400
  const instanceObserver = new MapInstanceObserver(this);
360
401
  this.createInstance(element, instanceObserver);
361
402
  }
@@ -489,18 +530,19 @@ MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
489
530
  provide: L10N_PREFIX,
490
531
  useValue: 'kendo.map'
491
532
  }
492
- ], viewQueries: [{ propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }, { propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }], exportAs: ["kendoChart"], usesOnChanges: true, ngImport: i0, template: `
493
- <div #surface></div>
494
- <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
495
- </kendo-map-tooltip-popup>
496
- <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
497
- `, isInline: true, components: [{ type: i5.TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
533
+ ], viewQueries: [{ propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }], exportAs: ["kendoMap"], usesOnChanges: true, ngImport: i0, template: `
534
+ <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
535
+ </kendo-map-tooltip-popup>
536
+ <div [style.width.%]="100" [style.height.%]="100"><!-- required for resize sensor to initialize properly -->
537
+ <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
538
+ </div>
539
+ `, isInline: true, components: [{ type: i5.TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
498
540
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, decorators: [{
499
541
  type: Component,
500
542
  args: [{
501
543
  selector: 'kendo-map',
502
544
  changeDetection: ChangeDetectionStrategy.OnPush,
503
- exportAs: 'kendoChart',
545
+ exportAs: 'kendoMap',
504
546
  providers: [
505
547
  ConfigurationService,
506
548
  InstanceEventService,
@@ -512,11 +554,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
512
554
  }
513
555
  ],
514
556
  template: `
515
- <div #surface></div>
516
- <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
517
- </kendo-map-tooltip-popup>
518
- <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
519
- `
557
+ <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
558
+ </kendo-map-tooltip-popup>
559
+ <div [style.width.%]="100" [style.height.%]="100"><!-- required for resize sensor to initialize properly -->
560
+ <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
561
+ </div>
562
+ `
520
563
  }]
521
564
  }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.InstanceEventService }, { type: i0.ElementRef }, { type: i3.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i4.IconsService }]; }, propDecorators: { resizeRateLimit: [{
522
565
  type: Input
@@ -574,9 +617,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
574
617
  type: Output
575
618
  }], zoomChange: [{
576
619
  type: Output
577
- }], surfaceElement: [{
578
- type: ViewChild,
579
- args: ['surface', { static: true }]
580
620
  }], tooltipInstance: [{
581
621
  type: ViewChild,
582
622
  args: [TooltipPopupComponent, { static: true }]
package/esm2020/package-metadata.mjs CHANGED
@@ -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: 1712951483,
13
- version: '15.5.0-develop.10',
12
+ publishDate: 1713254756,
13
+ version: '15.5.0-develop.12',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-map.mjs CHANGED
@@ -694,8 +694,8 @@ const packageMetadata = {
694
694
  name: '@progress/kendo-angular-map',
695
695
  productName: 'Kendo UI for Angular',
696
696
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
697
- publishDate: 1712951483,
698
- version: '15.5.0-develop.10',
697
+ publishDate: 1713254756,
698
+ version: '15.5.0-develop.12',
699
699
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
700
700
  };
701
701
 
@@ -929,7 +929,43 @@ const svgIcons = {
929
929
  caretAltRightIcon
930
930
  };
931
931
  /**
932
- * A sample component
932
+ * Represents the [Kendo UI Map component for Angular]({% slug overview_map %}).
933
+ *
934
+ * @example
935
+ * ```ts
936
+ * import { Component } from '@angular/core';
937
+ *
938
+ * _@Component({
939
+ * selector: 'my-app',
940
+ * template: `
941
+ * <kendo-map [center]="center" [zoom]="15">
942
+ * <kendo-map-layers>
943
+ * <kendo-map-tile-layer
944
+ * [subdomains]="tileSubdomains"
945
+ * [urlTemplate]="tileUrl"
946
+ * attribution="&copy; <a href='https://osm.org/copyright'>OpenStreetMap contributors</a>"
947
+ * >
948
+ * </kendo-map-tile-layer>
949
+ * <kendo-map-marker-layer
950
+ * [data]="markers"
951
+ * locationField="latlng"
952
+ * titleField="name"
953
+ * >
954
+ * </kendo-map-marker-layer>
955
+ * </kendo-map-layers>
956
+ * </kendo-map>
957
+ * `
958
+ * })
959
+ * class AppComponent {
960
+ * tileSubdomains = ["a", "b", "c"];
961
+ * tileUrl = (e: TileUrlTemplateArgs): string =>
962
+ * `https://${e.subdomain}.tile.openstreetmap.org/${e.zoom}/${e.x}/${e.y}.png`;
963
+ *
964
+ * center = [30.2675, -97.7409];
965
+ * markers = [{ latlng: [30.2675, -97.7409], name: "Zevo Toys" }];
966
+ * }
967
+ *
968
+ * ```
933
969
  */
934
970
  class MapComponent {
935
971
  constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer, iconsService) {
@@ -1056,6 +1092,7 @@ class MapComponent {
1056
1092
  * Fired when the map zoom level has been changed.
1057
1093
  */
1058
1094
  this.zoomChange = new EventEmitter();
1095
+ this.initResizeSensor = false;
1059
1096
  this.theme = null;
1060
1097
  this.rtl = false;
1061
1098
  validatePackage(packageMetadata);
@@ -1063,7 +1100,7 @@ class MapComponent {
1063
1100
  ngAfterViewInit() {
1064
1101
  if (this.canRender) {
1065
1102
  this.ngZone.runOutsideAngular(() => {
1066
- const mapMouseleave = this.renderer.listen(this.surfaceElement.nativeElement, 'mouseleave', this.mapMouseleave.bind(this));
1103
+ const mapMouseleave = this.renderer.listen(this.element.nativeElement, 'mouseleave', this.mapMouseleave.bind(this));
1067
1104
  this.domSubscriptions = () => {
1068
1105
  mapMouseleave();
1069
1106
  };
@@ -1248,8 +1285,11 @@ class MapComponent {
1248
1285
  this.resize();
1249
1286
  }
1250
1287
  }
1288
+ /**
1289
+ * @hidden
1290
+ */
1251
1291
  get canRender() {
1252
- return isDocumentAvailable() && Boolean(this.surfaceElement);
1292
+ return isDocumentAvailable() && Boolean(this.element);
1253
1293
  }
1254
1294
  get autoResize() {
1255
1295
  return this.resizeRateLimit > 0;
@@ -1258,7 +1298,8 @@ class MapComponent {
1258
1298
  if (!this.canRender) {
1259
1299
  return;
1260
1300
  }
1261
- const element = this.surfaceElement.nativeElement;
1301
+ const element = this.element.nativeElement;
1302
+ this.renderer.setStyle(element, 'display', 'block');
1262
1303
  const instanceObserver = new MapInstanceObserver(this);
1263
1304
  this.createInstance(element, instanceObserver);
1264
1305
  }
@@ -1386,18 +1427,19 @@ MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
1386
1427
  provide: L10N_PREFIX,
1387
1428
  useValue: 'kendo.map'
1388
1429
  }
1389
- ], viewQueries: [{ propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }, { propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }], exportAs: ["kendoChart"], usesOnChanges: true, ngImport: i0, template: `
1390
- <div #surface></div>
1391
- <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
1392
- </kendo-map-tooltip-popup>
1393
- <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1394
- `, isInline: true, components: [{ type: TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1430
+ ], viewQueries: [{ propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }], exportAs: ["kendoMap"], usesOnChanges: true, ngImport: i0, template: `
1431
+ <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
1432
+ </kendo-map-tooltip-popup>
1433
+ <div [style.width.%]="100" [style.height.%]="100"><!-- required for resize sensor to initialize properly -->
1434
+ <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1435
+ </div>
1436
+ `, isInline: true, components: [{ type: TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1395
1437
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, decorators: [{
1396
1438
  type: Component,
1397
1439
  args: [{
1398
1440
  selector: 'kendo-map',
1399
1441
  changeDetection: ChangeDetectionStrategy.OnPush,
1400
- exportAs: 'kendoChart',
1442
+ exportAs: 'kendoMap',
1401
1443
  providers: [
1402
1444
  ConfigurationService,
1403
1445
  InstanceEventService,
@@ -1409,11 +1451,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1409
1451
  }
1410
1452
  ],
1411
1453
  template: `
1412
- <div #surface></div>
1413
- <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
1414
- </kendo-map-tooltip-popup>
1415
- <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1416
- `
1454
+ <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
1455
+ </kendo-map-tooltip-popup>
1456
+ <div [style.width.%]="100" [style.height.%]="100"><!-- required for resize sensor to initialize properly -->
1457
+ <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1458
+ </div>
1459
+ `
1417
1460
  }]
1418
1461
  }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: InstanceEventService }, { type: i0.ElementRef }, { type: i3$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i4$1.IconsService }]; }, propDecorators: { resizeRateLimit: [{
1419
1462
  type: Input
@@ -1471,9 +1514,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1471
1514
  type: Output
1472
1515
  }], zoomChange: [{
1473
1516
  type: Output
1474
- }], surfaceElement: [{
1475
- type: ViewChild,
1476
- args: ['surface', { static: true }]
1477
1517
  }], tooltipInstance: [{
1478
1518
  type: ViewChild,
1479
1519
  args: [TooltipPopupComponent, { static: true }]
package/fesm2020/progress-kendo-angular-map.mjs CHANGED
@@ -694,8 +694,8 @@ const packageMetadata = {
694
694
  name: '@progress/kendo-angular-map',
695
695
  productName: 'Kendo UI for Angular',
696
696
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
697
- publishDate: 1712951483,
698
- version: '15.5.0-develop.10',
697
+ publishDate: 1713254756,
698
+ version: '15.5.0-develop.12',
699
699
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
700
700
  };
701
701
 
@@ -929,7 +929,43 @@ const svgIcons = {
929
929
  caretAltRightIcon
930
930
  };
931
931
  /**
932
- * A sample component
932
+ * Represents the [Kendo UI Map component for Angular]({% slug overview_map %}).
933
+ *
934
+ * @example
935
+ * ```ts
936
+ * import { Component } from '@angular/core';
937
+ *
938
+ * _@Component({
939
+ * selector: 'my-app',
940
+ * template: `
941
+ * <kendo-map [center]="center" [zoom]="15">
942
+ * <kendo-map-layers>
943
+ * <kendo-map-tile-layer
944
+ * [subdomains]="tileSubdomains"
945
+ * [urlTemplate]="tileUrl"
946
+ * attribution="&copy; <a href='https://osm.org/copyright'>OpenStreetMap contributors</a>"
947
+ * >
948
+ * </kendo-map-tile-layer>
949
+ * <kendo-map-marker-layer
950
+ * [data]="markers"
951
+ * locationField="latlng"
952
+ * titleField="name"
953
+ * >
954
+ * </kendo-map-marker-layer>
955
+ * </kendo-map-layers>
956
+ * </kendo-map>
957
+ * `
958
+ * })
959
+ * class AppComponent {
960
+ * tileSubdomains = ["a", "b", "c"];
961
+ * tileUrl = (e: TileUrlTemplateArgs): string =>
962
+ * `https://${e.subdomain}.tile.openstreetmap.org/${e.zoom}/${e.x}/${e.y}.png`;
963
+ *
964
+ * center = [30.2675, -97.7409];
965
+ * markers = [{ latlng: [30.2675, -97.7409], name: "Zevo Toys" }];
966
+ * }
967
+ *
968
+ * ```
933
969
  */
934
970
  class MapComponent {
935
971
  constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer, iconsService) {
@@ -1056,6 +1092,7 @@ class MapComponent {
1056
1092
  * Fired when the map zoom level has been changed.
1057
1093
  */
1058
1094
  this.zoomChange = new EventEmitter();
1095
+ this.initResizeSensor = false;
1059
1096
  this.theme = null;
1060
1097
  this.rtl = false;
1061
1098
  validatePackage(packageMetadata);
@@ -1063,7 +1100,7 @@ class MapComponent {
1063
1100
  ngAfterViewInit() {
1064
1101
  if (this.canRender) {
1065
1102
  this.ngZone.runOutsideAngular(() => {
1066
- const mapMouseleave = this.renderer.listen(this.surfaceElement.nativeElement, 'mouseleave', this.mapMouseleave.bind(this));
1103
+ const mapMouseleave = this.renderer.listen(this.element.nativeElement, 'mouseleave', this.mapMouseleave.bind(this));
1067
1104
  this.domSubscriptions = () => {
1068
1105
  mapMouseleave();
1069
1106
  };
@@ -1236,8 +1273,11 @@ class MapComponent {
1236
1273
  this.resize();
1237
1274
  }
1238
1275
  }
1276
+ /**
1277
+ * @hidden
1278
+ */
1239
1279
  get canRender() {
1240
- return isDocumentAvailable() && Boolean(this.surfaceElement);
1280
+ return isDocumentAvailable() && Boolean(this.element);
1241
1281
  }
1242
1282
  get autoResize() {
1243
1283
  return this.resizeRateLimit > 0;
@@ -1246,7 +1286,8 @@ class MapComponent {
1246
1286
  if (!this.canRender) {
1247
1287
  return;
1248
1288
  }
1249
- const element = this.surfaceElement.nativeElement;
1289
+ const element = this.element.nativeElement;
1290
+ this.renderer.setStyle(element, 'display', 'block');
1250
1291
  const instanceObserver = new MapInstanceObserver(this);
1251
1292
  this.createInstance(element, instanceObserver);
1252
1293
  }
@@ -1380,18 +1421,19 @@ MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
1380
1421
  provide: L10N_PREFIX,
1381
1422
  useValue: 'kendo.map'
1382
1423
  }
1383
- ], viewQueries: [{ propertyName: "surfaceElement", first: true, predicate: ["surface"], descendants: true, static: true }, { propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }], exportAs: ["kendoChart"], usesOnChanges: true, ngImport: i0, template: `
1384
- <div #surface></div>
1385
- <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
1386
- </kendo-map-tooltip-popup>
1387
- <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1388
- `, isInline: true, components: [{ type: TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1424
+ ], viewQueries: [{ propertyName: "tooltipInstance", first: true, predicate: TooltipPopupComponent, descendants: true, static: true }], exportAs: ["kendoMap"], usesOnChanges: true, ngImport: i0, template: `
1425
+ <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
1426
+ </kendo-map-tooltip-popup>
1427
+ <div [style.width.%]="100" [style.height.%]="100"><!-- required for resize sensor to initialize properly -->
1428
+ <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1429
+ </div>
1430
+ `, isInline: true, components: [{ type: TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1389
1431
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, decorators: [{
1390
1432
  type: Component,
1391
1433
  args: [{
1392
1434
  selector: 'kendo-map',
1393
1435
  changeDetection: ChangeDetectionStrategy.OnPush,
1394
- exportAs: 'kendoChart',
1436
+ exportAs: 'kendoMap',
1395
1437
  providers: [
1396
1438
  ConfigurationService,
1397
1439
  InstanceEventService,
@@ -1403,11 +1445,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1403
1445
  }
1404
1446
  ],
1405
1447
  template: `
1406
- <div #surface></div>
1407
- <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
1408
- </kendo-map-tooltip-popup>
1409
- <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1410
- `
1448
+ <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
1449
+ </kendo-map-tooltip-popup>
1450
+ <div [style.width.%]="100" [style.height.%]="100"><!-- required for resize sensor to initialize properly -->
1451
+ <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1452
+ </div>
1453
+ `
1411
1454
  }]
1412
1455
  }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: InstanceEventService }, { type: i0.ElementRef }, { type: i3$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i4$1.IconsService }]; }, propDecorators: { resizeRateLimit: [{
1413
1456
  type: Input
@@ -1465,9 +1508,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1465
1508
  type: Output
1466
1509
  }], zoomChange: [{
1467
1510
  type: Output
1468
- }], surfaceElement: [{
1469
- type: ViewChild,
1470
- args: ['surface', { static: true }]
1471
1511
  }], tooltipInstance: [{
1472
1512
  type: ViewChild,
1473
1513
  args: [TooltipPopupComponent, { static: true }]
package/map.component.d.ts CHANGED
@@ -16,7 +16,43 @@ import { InstanceEventService } from './events/instance-event.service';
16
16
  import { TooltipPopupComponent } from './tooltip/tooltip-popup.component';
17
17
  import * as i0 from "@angular/core";
18
18
  /**
19
- * A sample component
19
+ * Represents the [Kendo UI Map component for Angular]({% slug overview_map %}).
20
+ *
21
+ * @example
22
+ * ```ts
23
+ * import { Component } from '@angular/core';
24
+ *
25
+ * _@Component({
26
+ * selector: 'my-app',
27
+ * template: `
28
+ * <kendo-map [center]="center" [zoom]="15">
29
+ * <kendo-map-layers>
30
+ * <kendo-map-tile-layer
31
+ * [subdomains]="tileSubdomains"
32
+ * [urlTemplate]="tileUrl"
33
+ * attribution="&copy; <a href='https://osm.org/copyright'>OpenStreetMap contributors</a>"
34
+ * >
35
+ * </kendo-map-tile-layer>
36
+ * <kendo-map-marker-layer
37
+ * [data]="markers"
38
+ * locationField="latlng"
39
+ * titleField="name"
40
+ * >
41
+ * </kendo-map-marker-layer>
42
+ * </kendo-map-layers>
43
+ * </kendo-map>
44
+ * `
45
+ * })
46
+ * class AppComponent {
47
+ * tileSubdomains = ["a", "b", "c"];
48
+ * tileUrl = (e: TileUrlTemplateArgs): string =>
49
+ * `https://${e.subdomain}.tile.openstreetmap.org/${e.zoom}/${e.x}/${e.y}.png`;
50
+ *
51
+ * center = [30.2675, -97.7409];
52
+ * markers = [{ latlng: [30.2675, -97.7409], name: "Zevo Toys" }];
53
+ * }
54
+ *
55
+ * ```
20
56
  */
21
57
  export declare class MapComponent implements AfterViewInit, AfterViewChecked, OnChanges, OnDestroy {
22
58
  configurationService: ConfigurationService;
@@ -190,9 +226,9 @@ export declare class MapComponent implements AfterViewInit, AfterViewChecked, On
190
226
  * Fired when the map zoom level has been changed.
191
227
  */
192
228
  zoomChange: EventEmitter<number>;
193
- surfaceElement: ElementRef;
194
229
  tooltipInstance: TooltipPopupComponent;
195
230
  instance: Map;
231
+ initResizeSensor: boolean;
196
232
  protected options: any;
197
233
  protected theme: any;
198
234
  protected resizeTimeout: any;
@@ -300,7 +336,10 @@ export declare class MapComponent implements AfterViewInit, AfterViewChecked, On
300
336
  * @hidden
301
337
  */
302
338
  onResize(): void;
303
- protected get canRender(): boolean;
339
+ /**
340
+ * @hidden
341
+ */
342
+ get canRender(): boolean;
304
343
  protected get autoResize(): boolean;
305
344
  protected init(): void;
306
345
  protected initConfig(): void;
@@ -325,5 +364,5 @@ export declare class MapComponent implements AfterViewInit, AfterViewChecked, On
325
364
  */
326
365
  mapMouseleave(e: any): void;
327
366
  static ɵfac: i0.ɵɵFactoryDeclaration<MapComponent, never>;
328
- static ɵcmp: i0.ɵɵComponentDeclaration<MapComponent, "kendo-map", ["kendoChart"], { "resizeRateLimit": "resizeRateLimit"; "center": "center"; "controls": "controls"; "minZoom": "minZoom"; "maxZoom": "maxZoom"; "minSize": "minSize"; "pannable": "pannable"; "popupSettings": "popupSettings"; "wraparound": "wraparound"; "zoom": "zoom"; "zoomable": "zoomable"; }, { "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"; }, never, never>;
367
+ static ɵcmp: i0.ɵɵComponentDeclaration<MapComponent, "kendo-map", ["kendoMap"], { "resizeRateLimit": "resizeRateLimit"; "center": "center"; "controls": "controls"; "minZoom": "minZoom"; "maxZoom": "maxZoom"; "minSize": "minSize"; "pannable": "pannable"; "popupSettings": "popupSettings"; "wraparound": "wraparound"; "zoom": "zoom"; "zoomable": "zoomable"; }, { "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"; }, never, never>;
329
368
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-map",
3
- "version": "15.5.0-develop.10",
3
+ "version": "15.5.0-develop.12",
4
4
  "description": "Kendo UI Map for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -27,15 +27,15 @@
27
27
  "@angular/platform-browser": "13 - 17",
28
28
  "@progress/kendo-drawing": "^1.19.0",
29
29
  "@progress/kendo-licensing": "^1.0.2",
30
- "@progress/kendo-angular-common": "15.5.0-develop.10",
31
- "@progress/kendo-angular-icons": "15.5.0-develop.10",
32
- "@progress/kendo-angular-l10n": "15.5.0-develop.10",
33
- "@progress/kendo-angular-popup": "15.5.0-develop.10",
30
+ "@progress/kendo-angular-common": "15.5.0-develop.12",
31
+ "@progress/kendo-angular-icons": "15.5.0-develop.12",
32
+ "@progress/kendo-angular-l10n": "15.5.0-develop.12",
33
+ "@progress/kendo-angular-popup": "15.5.0-develop.12",
34
34
  "rxjs": "^6.4.0 || ^7.0.0"
35
35
  },
36
36
  "dependencies": {
37
37
  "tslib": "^2.3.1",
38
- "@progress/kendo-angular-schematics": "15.5.0-develop.10",
38
+ "@progress/kendo-angular-schematics": "15.5.0-develop.12",
39
39
  "@progress/kendo-charts": "2.2.0"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -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': '15.5.0-develop.10'
13
+ // '@progress/kendo-angular-foo': '15.5.0-develop.12'
14
14
  } });
15
15
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
16
16
  }