@progress/kendo-angular-map 13.6.0-develop.8 → 14.0.0-develop.1

package/esm2020/map.component.mjs

@@ -5,8 +5,11 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, NgZone, Output, Renderer2, ViewChild } from '@angular/core';
 import { hasObservers, isDocumentAvailable } from '@progress/kendo-angular-common';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { mapMarkerTargetIcon, mapMarkerIcon, plusIcon, minusIcon, caretAltUpIcon, caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
 import { Map } from '@progress/kendo-charts';
 import { validatePackage } from '@progress/kendo-licensing';
+import { combineLatest } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { ConfigurationService } from './common/configuration.service';
 import { copyChanges } from './common/copy-changes';
@@ -20,13 +23,25 @@ import * as i0 from "@angular/core";
 import * as i1 from "./common/configuration.service";
 import * as i2 from "./events/instance-event.service";
 import * as i3 from "@progress/kendo-angular-l10n";
-import * as i4 from "./tooltip/tooltip-popup.component";
-import * as i5 from "@progress/kendo-angular-common";
+import * as i4 from "@progress/kendo-angular-icons";
+import * as i5 from "./tooltip/tooltip-popup.component";
+import * as i6 from "@progress/kendo-angular-common";
+// Static SVG Icons used by the Map
+const svgIcons = {
+    mapMarkerTargetIcon,
+    mapMarkerIcon,
+    plusIcon,
+    minusIcon,
+    caretAltUpIcon,
+    caretAltDownIcon,
+    caretAltLeftIcon,
+    caretAltRightIcon
+};
 /**
  * A sample component
  */
 export class MapComponent {
-    constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer) {
+    constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer, iconsService) {
         this.configurationService = configurationService;
         this.instanceEventService = instanceEventService;
         this.element = element;
@@ -34,6 +49,7 @@ export class MapComponent {
         this.changeDetector = changeDetector;
         this.ngZone = ngZone;
         this.renderer = renderer;
+        this.iconsService = iconsService;
         /**
          * Limits the automatic resizing of the Map. Sets the maximum number of times per second
          * that the component redraws its content when the size of its container changes.
@@ -348,9 +364,15 @@ export class MapComponent {
             return;
         }
         this.ngZone.runOutsideAngular(() => {
-            this.optionsChange = this.configurationService.changes
-                .pipe(tap((result) => {
-                this.options = result;
+            this.optionsChange = combineLatest([this.configurationService.changes, this.iconsService.changes])
+                .pipe(tap(([options, iconSettings]) => {
+                this.options = {
+                    ...options,
+                    icons: {
+                        ...iconSettings,
+                        svgIcons
+                    }
+                };
             }))
                 .subscribe(() => {
                 if (!this.instance) {
@@ -457,7 +479,7 @@ export class MapComponent {
         }
     }
 }
-MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.InstanceEventService }, { token: i0.ElementRef }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.InstanceEventService }, { token: i0.ElementRef }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i4.IconsService }], target: i0.ɵɵFactoryTarget.Component });
 MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MapComponent, selector: "kendo-map", inputs: { resizeRateLimit: "resizeRateLimit", center: "center", controls: "controls", minZoom: "minZoom", maxZoom: "maxZoom", minSize: "minSize", pannable: "pannable", popupSettings: "popupSettings", wraparound: "wraparound", zoom: "zoom", zoomable: "zoomable" }, outputs: { beforeReset: "beforeReset", mapClick: "mapClick", markerActivate: "markerActivate", markerClick: "markerClick", markerCreated: "markerCreated", panEnd: "panEnd", pan: "pan", reset: "reset", shapeClick: "shapeClick", shapeCreated: "shapeCreated", shapeFeatureCreated: "shapeFeatureCreated", shapeMouseEnter: "shapeMouseEnter", shapeMouseLeave: "shapeMouseLeave", zoomStart: "zoomStart", zoomEnd: "zoomEnd", centerChange: "centerChange", zoomChange: "zoomChange" }, providers: [
         ConfigurationService,
         InstanceEventService,
@@ -472,7 +494,7 @@ MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
     <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
     </kendo-map-tooltip-popup>
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `, isInline: true, components: [{ type: i4.TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i5.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, decorators: [{
             type: Component,
             args: [{
@@ -496,7 +518,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.InstanceEventService }, { type: i0.ElementRef }, { type: i3.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { resizeRateLimit: [{
+        }], 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: [{
                 type: Input
             }], center: [{
                 type: Input

package/esm2020/map.module.mjs

@@ -6,6 +6,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { ResizeSensorModule } from '@progress/kendo-angular-common';
 import { MAP_DIRECTIVES } from './map.directives';
+import { IconsModule } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./map/bubble-layer.component";
 import * as i2 from "./tooltip/bubble-tooltip.component";
@@ -44,13 +45,13 @@ import * as i14 from "./tooltip/tooltip-popup.component";
 export class MapModule {
 }
 MapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, declarations: [i1.BubbleLayerComponent, i2.BubbleTooltipComponent, i3.BubbleTooltipTemplateDirective, i4.LayerTooltipComponent, i5.LayersComponent, i6.MapComponent, i7.MarkerLayerComponent, i8.MarkerTooltipComponent, i9.MarkerTooltipTemplateDirective, i10.ShapeLayerComponent, i11.ShapeTooltipComponent, i12.ShapeTooltipTemplateDirective, i13.TileLayerComponent, i14.TooltipPopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [i1.BubbleLayerComponent, i2.BubbleTooltipComponent, i3.BubbleTooltipTemplateDirective, i4.LayerTooltipComponent, i5.LayersComponent, i6.MapComponent, i7.MarkerLayerComponent, i8.MarkerTooltipComponent, i9.MarkerTooltipTemplateDirective, i10.ShapeLayerComponent, i11.ShapeTooltipComponent, i12.ShapeTooltipTemplateDirective, i13.TileLayerComponent, i14.TooltipPopupComponent] });
-MapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, imports: [[CommonModule, ResizeSensorModule]] });
+MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, declarations: [i1.BubbleLayerComponent, i2.BubbleTooltipComponent, i3.BubbleTooltipTemplateDirective, i4.LayerTooltipComponent, i5.LayersComponent, i6.MapComponent, i7.MarkerLayerComponent, i8.MarkerTooltipComponent, i9.MarkerTooltipTemplateDirective, i10.ShapeLayerComponent, i11.ShapeTooltipComponent, i12.ShapeTooltipTemplateDirective, i13.TileLayerComponent, i14.TooltipPopupComponent], imports: [CommonModule, ResizeSensorModule, IconsModule], exports: [i1.BubbleLayerComponent, i2.BubbleTooltipComponent, i3.BubbleTooltipTemplateDirective, i4.LayerTooltipComponent, i5.LayersComponent, i6.MapComponent, i7.MarkerLayerComponent, i8.MarkerTooltipComponent, i9.MarkerTooltipTemplateDirective, i10.ShapeLayerComponent, i11.ShapeTooltipComponent, i12.ShapeTooltipTemplateDirective, i13.TileLayerComponent, i14.TooltipPopupComponent] });
+MapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, imports: [[CommonModule, ResizeSensorModule, IconsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MAP_DIRECTIVES],
-                    imports: [CommonModule, ResizeSensorModule],
+                    imports: [CommonModule, ResizeSensorModule, IconsModule],
                     exports: [MAP_DIRECTIVES]
                 }]
         }] });

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-map',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1695893070,
-    version: '13.6.0-develop.8',
+    publishDate: 1695994923,
+    version: '14.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2015/progress-kendo-angular-map.mjs

@@ -4,12 +4,13 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
 import { Injectable, SimpleChange, Directive, TemplateRef, Component, ChangeDetectionStrategy, ContentChild, SecurityContext, Input, forwardRef, ElementRef, EventEmitter, ViewChild, Output, ContentChildren, Optional, NgModule } from '@angular/core';
-import { BehaviorSubject, Subject } from 'rxjs';
+import { BehaviorSubject, Subject, combineLatest } from 'rxjs';
 import * as i3 from '@angular/platform-browser';
-import * as i5 from '@progress/kendo-angular-common';
+import * as i6 from '@progress/kendo-angular-common';
 import { isDocumentAvailable, hasObservers, ResizeSensorModule } from '@progress/kendo-angular-common';
 import * as i3$1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { mapMarkerTargetIcon, mapMarkerIcon, plusIcon, minusIcon, caretAltUpIcon, caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
 import { InstanceObserver, Map } from '@progress/kendo-charts';
 export { Extent, Location } from '@progress/kendo-charts';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -18,6 +19,8 @@ import * as i1 from '@progress/kendo-angular-popup';
 import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i4$1 from '@progress/kendo-angular-icons';
+import { IconsModule } from '@progress/kendo-angular-icons';
 
 /**
  * @hidden
@@ -691,8 +694,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-map',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1695893070,
-    version: '13.6.0-develop.8',
+    publishDate: 1695994923,
+    version: '14.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -914,11 +917,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Output
             }] } });
 
+// Static SVG Icons used by the Map
+const svgIcons = {
+    mapMarkerTargetIcon,
+    mapMarkerIcon,
+    plusIcon,
+    minusIcon,
+    caretAltUpIcon,
+    caretAltDownIcon,
+    caretAltLeftIcon,
+    caretAltRightIcon
+};
 /**
  * A sample component
  */
 class MapComponent {
-    constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer) {
+    constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer, iconsService) {
         this.configurationService = configurationService;
         this.instanceEventService = instanceEventService;
         this.element = element;
@@ -926,6 +940,7 @@ class MapComponent {
         this.changeDetector = changeDetector;
         this.ngZone = ngZone;
         this.renderer = renderer;
+        this.iconsService = iconsService;
         /**
          * Limits the automatic resizing of the Map. Sets the maximum number of times per second
          * that the component redraws its content when the size of its container changes.
@@ -1252,9 +1267,9 @@ class MapComponent {
             return;
         }
         this.ngZone.runOutsideAngular(() => {
-            this.optionsChange = this.configurationService.changes
-                .pipe(tap((result) => {
-                this.options = result;
+            this.optionsChange = combineLatest([this.configurationService.changes, this.iconsService.changes])
+                .pipe(tap(([options, iconSettings]) => {
+                this.options = Object.assign(Object.assign({}, options), { icons: Object.assign(Object.assign({}, iconSettings), { svgIcons }) });
             }))
                 .subscribe(() => {
                 if (!this.instance) {
@@ -1361,7 +1376,7 @@ class MapComponent {
         }
     }
 }
-MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, deps: [{ token: ConfigurationService }, { token: InstanceEventService }, { token: i0.ElementRef }, { token: i3$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, deps: [{ token: ConfigurationService }, { token: InstanceEventService }, { token: i0.ElementRef }, { token: i3$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i4$1.IconsService }], target: i0.ɵɵFactoryTarget.Component });
 MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MapComponent, selector: "kendo-map", inputs: { resizeRateLimit: "resizeRateLimit", center: "center", controls: "controls", minZoom: "minZoom", maxZoom: "maxZoom", minSize: "minSize", pannable: "pannable", popupSettings: "popupSettings", wraparound: "wraparound", zoom: "zoom", zoomable: "zoomable" }, outputs: { beforeReset: "beforeReset", mapClick: "mapClick", markerActivate: "markerActivate", markerClick: "markerClick", markerCreated: "markerCreated", panEnd: "panEnd", pan: "pan", reset: "reset", shapeClick: "shapeClick", shapeCreated: "shapeCreated", shapeFeatureCreated: "shapeFeatureCreated", shapeMouseEnter: "shapeMouseEnter", shapeMouseLeave: "shapeMouseLeave", zoomStart: "zoomStart", zoomEnd: "zoomEnd", centerChange: "centerChange", zoomChange: "zoomChange" }, providers: [
         ConfigurationService,
         InstanceEventService,
@@ -1376,7 +1391,7 @@ MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
     <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
     </kendo-map-tooltip-popup>
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `, isInline: true, components: [{ type: TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i5.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, decorators: [{
             type: Component,
             args: [{
@@ -1400,7 +1415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: InstanceEventService }, { type: i0.ElementRef }, { type: i3$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { resizeRateLimit: [{
+        }], 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: [{
                 type: Input
             }], center: [{
                 type: Input
@@ -1871,13 +1886,13 @@ const MAP_DIRECTIVES = [
 class MapModule {
 }
 MapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, declarations: [BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent] });
-MapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, imports: [[CommonModule, ResizeSensorModule]] });
+MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, declarations: [BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent], imports: [CommonModule, ResizeSensorModule, IconsModule], exports: [BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent] });
+MapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, imports: [[CommonModule, ResizeSensorModule, IconsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MAP_DIRECTIVES],
-                    imports: [CommonModule, ResizeSensorModule],
+                    imports: [CommonModule, ResizeSensorModule, IconsModule],
                     exports: [MAP_DIRECTIVES]
                 }]
         }] });

package/fesm2020/progress-kendo-angular-map.mjs

@@ -5,11 +5,14 @@
 import * as i0 from '@angular/core';
 import { Injectable, SimpleChange, Directive, TemplateRef, Component, ChangeDetectionStrategy, ContentChild, SecurityContext, Input, forwardRef, ElementRef, EventEmitter, ViewChild, Output, ContentChildren, Optional, NgModule } from '@angular/core';
 import * as i3 from '@angular/platform-browser';
-import { Subject, BehaviorSubject } from 'rxjs';
-import * as i5 from '@progress/kendo-angular-common';
+import { Subject, BehaviorSubject, combineLatest } from 'rxjs';
+import * as i6 from '@progress/kendo-angular-common';
 import { isDocumentAvailable, hasObservers, ResizeSensorModule } from '@progress/kendo-angular-common';
 import * as i3$1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import * as i4$1 from '@progress/kendo-angular-icons';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import { mapMarkerTargetIcon, mapMarkerIcon, plusIcon, minusIcon, caretAltUpIcon, caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
 import { InstanceObserver, Map } from '@progress/kendo-charts';
 export { Extent, Location } from '@progress/kendo-charts';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -691,8 +694,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-map',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1695893070,
-    version: '13.6.0-develop.8',
+    publishDate: 1695994923,
+    version: '14.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -914,11 +917,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Output
             }] } });
 
+// Static SVG Icons used by the Map
+const svgIcons = {
+    mapMarkerTargetIcon,
+    mapMarkerIcon,
+    plusIcon,
+    minusIcon,
+    caretAltUpIcon,
+    caretAltDownIcon,
+    caretAltLeftIcon,
+    caretAltRightIcon
+};
 /**
  * A sample component
  */
 class MapComponent {
-    constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer) {
+    constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer, iconsService) {
         this.configurationService = configurationService;
         this.instanceEventService = instanceEventService;
         this.element = element;
@@ -926,6 +940,7 @@ class MapComponent {
         this.changeDetector = changeDetector;
         this.ngZone = ngZone;
         this.renderer = renderer;
+        this.iconsService = iconsService;
         /**
          * Limits the automatic resizing of the Map. Sets the maximum number of times per second
          * that the component redraws its content when the size of its container changes.
@@ -1240,9 +1255,15 @@ class MapComponent {
             return;
         }
         this.ngZone.runOutsideAngular(() => {
-            this.optionsChange = this.configurationService.changes
-                .pipe(tap((result) => {
-                this.options = result;
+            this.optionsChange = combineLatest([this.configurationService.changes, this.iconsService.changes])
+                .pipe(tap(([options, iconSettings]) => {
+                this.options = {
+                    ...options,
+                    icons: {
+                        ...iconSettings,
+                        svgIcons
+                    }
+                };
             }))
                 .subscribe(() => {
                 if (!this.instance) {
@@ -1349,7 +1370,7 @@ class MapComponent {
         }
     }
 }
-MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, deps: [{ token: ConfigurationService }, { token: InstanceEventService }, { token: i0.ElementRef }, { token: i3$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, deps: [{ token: ConfigurationService }, { token: InstanceEventService }, { token: i0.ElementRef }, { token: i3$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i4$1.IconsService }], target: i0.ɵɵFactoryTarget.Component });
 MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MapComponent, selector: "kendo-map", inputs: { resizeRateLimit: "resizeRateLimit", center: "center", controls: "controls", minZoom: "minZoom", maxZoom: "maxZoom", minSize: "minSize", pannable: "pannable", popupSettings: "popupSettings", wraparound: "wraparound", zoom: "zoom", zoomable: "zoomable" }, outputs: { beforeReset: "beforeReset", mapClick: "mapClick", markerActivate: "markerActivate", markerClick: "markerClick", markerCreated: "markerCreated", panEnd: "panEnd", pan: "pan", reset: "reset", shapeClick: "shapeClick", shapeCreated: "shapeCreated", shapeFeatureCreated: "shapeFeatureCreated", shapeMouseEnter: "shapeMouseEnter", shapeMouseLeave: "shapeMouseLeave", zoomStart: "zoomStart", zoomEnd: "zoomEnd", centerChange: "centerChange", zoomChange: "zoomChange" }, providers: [
         ConfigurationService,
         InstanceEventService,
@@ -1364,7 +1385,7 @@ MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
     <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">
     </kendo-map-tooltip-popup>
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `, isInline: true, components: [{ type: TooltipPopupComponent, selector: "kendo-map-tooltip-popup", inputs: ["animate", "classNames", "popupSettings", "wrapperClass"], outputs: ["leave"] }, { type: i5.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapComponent, decorators: [{
             type: Component,
             args: [{
@@ -1388,7 +1409,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: InstanceEventService }, { type: i0.ElementRef }, { type: i3$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { resizeRateLimit: [{
+        }], 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: [{
                 type: Input
             }], center: [{
                 type: Input
@@ -1850,13 +1871,13 @@ const MAP_DIRECTIVES = [
 class MapModule {
 }
 MapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, declarations: [BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent] });
-MapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, imports: [[CommonModule, ResizeSensorModule]] });
+MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, declarations: [BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent], imports: [CommonModule, ResizeSensorModule, IconsModule], exports: [BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent] });
+MapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, imports: [[CommonModule, ResizeSensorModule, IconsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MapModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MAP_DIRECTIVES],
-                    imports: [CommonModule, ResizeSensorModule],
+                    imports: [CommonModule, ResizeSensorModule, IconsModule],
                     exports: [MAP_DIRECTIVES]
                 }]
         }] });

package/map.component.d.ts

@@ -5,6 +5,7 @@
 import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChange } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PopupSettings } from '@progress/kendo-angular-popup';
+import { IconSettings, IconsService } from '@progress/kendo-angular-icons';
 import { Extent, Location, Map, MapControls, MapLayer } from '@progress/kendo-charts';
 import { geometry } from '@progress/kendo-drawing';
 import { Subscription } from 'rxjs';
@@ -25,6 +26,7 @@ export declare class MapComponent implements AfterViewInit, AfterViewChecked, On
     protected changeDetector: ChangeDetectorRef;
     protected ngZone: NgZone;
     protected renderer: Renderer2;
+    protected iconsService: IconsService;
     /**
      * Limits the automatic resizing of the Map. Sets the maximum number of times per second
      * that the component redraws its content when the size of its container changes.
@@ -200,7 +202,8 @@ export declare class MapComponent implements AfterViewInit, AfterViewChecked, On
     protected subscriptions: Subscription;
     protected optionsChange: Subscription;
     protected domSubscriptions: () => void;
-    constructor(configurationService: ConfigurationService, instanceEventService: InstanceEventService, element: ElementRef, localizationService: LocalizationService, changeDetector: ChangeDetectorRef, ngZone: NgZone, renderer: Renderer2);
+    protected iconSettings: IconSettings;
+    constructor(configurationService: ConfigurationService, instanceEventService: InstanceEventService, element: ElementRef, localizationService: LocalizationService, changeDetector: ChangeDetectorRef, ngZone: NgZone, renderer: Renderer2, iconsService: IconsService);
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
     ngOnChanges(changes: {

package/map.module.d.ts

@@ -19,6 +19,7 @@ import * as i13 from "./map/tile-layer.component";
 import * as i14 from "./tooltip/tooltip-popup.component";
 import * as i15 from "@angular/common";
 import * as i16 from "@progress/kendo-angular-common";
+import * as i17 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
 * definition for the Map component.
@@ -41,6 +42,6 @@ import * as i16 from "@progress/kendo-angular-common";
 */
 export declare class MapModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MapModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MapModule, [typeof i1.BubbleLayerComponent, typeof i2.BubbleTooltipComponent, typeof i3.BubbleTooltipTemplateDirective, typeof i4.LayerTooltipComponent, typeof i5.LayersComponent, typeof i6.MapComponent, typeof i7.MarkerLayerComponent, typeof i8.MarkerTooltipComponent, typeof i9.MarkerTooltipTemplateDirective, typeof i10.ShapeLayerComponent, typeof i11.ShapeTooltipComponent, typeof i12.ShapeTooltipTemplateDirective, typeof i13.TileLayerComponent, typeof i14.TooltipPopupComponent], [typeof i15.CommonModule, typeof i16.ResizeSensorModule], [typeof i1.BubbleLayerComponent, typeof i2.BubbleTooltipComponent, typeof i3.BubbleTooltipTemplateDirective, typeof i4.LayerTooltipComponent, typeof i5.LayersComponent, typeof i6.MapComponent, typeof i7.MarkerLayerComponent, typeof i8.MarkerTooltipComponent, typeof i9.MarkerTooltipTemplateDirective, typeof i10.ShapeLayerComponent, typeof i11.ShapeTooltipComponent, typeof i12.ShapeTooltipTemplateDirective, typeof i13.TileLayerComponent, typeof i14.TooltipPopupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MapModule, [typeof i1.BubbleLayerComponent, typeof i2.BubbleTooltipComponent, typeof i3.BubbleTooltipTemplateDirective, typeof i4.LayerTooltipComponent, typeof i5.LayersComponent, typeof i6.MapComponent, typeof i7.MarkerLayerComponent, typeof i8.MarkerTooltipComponent, typeof i9.MarkerTooltipTemplateDirective, typeof i10.ShapeLayerComponent, typeof i11.ShapeTooltipComponent, typeof i12.ShapeTooltipTemplateDirective, typeof i13.TileLayerComponent, typeof i14.TooltipPopupComponent], [typeof i15.CommonModule, typeof i16.ResizeSensorModule, typeof i17.IconsModule], [typeof i1.BubbleLayerComponent, typeof i2.BubbleTooltipComponent, typeof i3.BubbleTooltipTemplateDirective, typeof i4.LayerTooltipComponent, typeof i5.LayersComponent, typeof i6.MapComponent, typeof i7.MarkerLayerComponent, typeof i8.MarkerTooltipComponent, typeof i9.MarkerTooltipTemplateDirective, typeof i10.ShapeLayerComponent, typeof i11.ShapeTooltipComponent, typeof i12.ShapeTooltipTemplateDirective, typeof i13.TileLayerComponent, typeof i14.TooltipPopupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MapModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-map",
-  "version": "13.6.0-develop.8",
+  "version": "14.0.0-develop.1",
   "description": "Kendo UI Map for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -27,14 +27,15 @@
     "@angular/platform-browser": "13 - 16",
     "@progress/kendo-drawing": "^1.17.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "13.6.0-develop.8",
-    "@progress/kendo-angular-l10n": "13.6.0-develop.8",
-    "@progress/kendo-angular-popup": "13.6.0-develop.8",
+    "@progress/kendo-angular-common": "14.0.0-develop.1",
+    "@progress/kendo-angular-icons": "14.0.0-develop.1",
+    "@progress/kendo-angular-l10n": "14.0.0-develop.1",
+    "@progress/kendo-angular-popup": "14.0.0-develop.1",
     "rxjs": "^6.4.0 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "13.6.0-develop.8",
+    "@progress/kendo-angular-schematics": "14.0.0-develop.1",
     "@progress/kendo-charts": "^1.32.0"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -10,7 +10,7 @@ function default_1(options) {
         // Additional dependencies to install.
         // See https://github.com/telerik/kendo-schematics/issues/28
         peerDependencies: {
-        // '@progress/kendo-angular-foo': '13.6.0-develop.8'
+        // '@progress/kendo-angular-foo': '14.0.0-develop.1'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }