@progress/kendo-angular-map 25.3.1-develop.2 → 25.4.0-develop.1

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Injectable, SimpleChange, Directive, TemplateRef, ContentChild, ChangeDetectionStrategy, Component, SecurityContext, Input, forwardRef, ViewChild, ElementRef, EventEmitter, Output, ContentChildren, Optional, NgModule } from '@angular/core';
+import { Injectable, SimpleChange, Directive, TemplateRef, ContentChild, ChangeDetectionStrategy, Component, signal, SecurityContext, Input, forwardRef, ViewChild, ElementRef, EventEmitter, Output, computed, effect, untracked, ContentChildren, Optional, NgModule } from '@angular/core';
 import * as i3 from '@angular/platform-browser';
 import { Subject, BehaviorSubject, combineLatest } from 'rxjs';
 import { isDocumentAvailable, hasObservers, ResizeSensorComponent, KENDO_WEBMCP_HOST, ResizeBatchService } from '@progress/kendo-angular-common';
@@ -15,7 +15,7 @@ import { chevronRightIcon, chevronLeftIcon, chevronDownIcon, chevronUpIcon, minu
 import { InstanceObserver, Map } from '@progress/kendo-charts';
 export { Extent, Location } from '@progress/kendo-charts';
 import { validatePackage } from '@progress/kendo-licensing';
-import { tap, auditTime } from 'rxjs/operators';
+import { tap } from 'rxjs/operators';
 import { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@progress/kendo-angular-popup';
 import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
@@ -285,27 +285,33 @@ class LayerComponent extends CollectionItemComponent {
     /**
      * @hidden
      */
-    attribution;
+    set attribution(value) { this._attribution.set(value); }
+    get attribution() { return this._attribution(); }
     /**
      * @hidden
      */
-    extent;
+    set extent(value) { this._extent.set(value); }
+    get extent() { return this._extent(); }
     /**
      * @hidden
      */
-    maxZoom;
+    set maxZoom(value) { this._maxZoom.set(value); }
+    get maxZoom() { return this._maxZoom(); }
     /**
      * @hidden
      */
-    minZoom;
+    set minZoom(value) { this._minZoom.set(value); }
+    get minZoom() { return this._minZoom(); }
     /**
      * @hidden
      */
-    opacity;
+    set opacity(value) { this._opacity.set(value); }
+    get opacity() { return this._opacity(); }
     /**
      * @hidden
      */
-    zIndex;
+    set zIndex(value) { this._zIndex.set(value); }
+    get zIndex() { return this._zIndex(); }
     layerTooltip;
     constructor(type, configurationService, collectionService, sanitizer) {
         super(configurationService, collectionService);
@@ -314,6 +320,12 @@ class LayerComponent extends CollectionItemComponent {
         this.collectionService = collectionService;
         this.sanitizer = sanitizer;
     }
+    _attribution = signal(undefined, ...(ngDevMode ? [{ debugName: "_attribution" }] : /* istanbul ignore next */ []));
+    _zIndex = signal(undefined, ...(ngDevMode ? [{ debugName: "_zIndex" }] : /* istanbul ignore next */ []));
+    _opacity = signal(undefined, ...(ngDevMode ? [{ debugName: "_opacity" }] : /* istanbul ignore next */ []));
+    _minZoom = signal(undefined, ...(ngDevMode ? [{ debugName: "_minZoom" }] : /* istanbul ignore next */ []));
+    _maxZoom = signal(undefined, ...(ngDevMode ? [{ debugName: "_maxZoom" }] : /* istanbul ignore next */ []));
+    _extent = signal(undefined, ...(ngDevMode ? [{ debugName: "_extent" }] : /* istanbul ignore next */ []));
     ngOnChanges(changes) {
         const store = this.configurationService.store;
         store.type = this.type;
@@ -386,38 +398,52 @@ class BubbleLayerComponent extends LayerComponent {
     /**
      * Sets the array of data items for this layer.
      */
-    data;
+    set data(value) { this._data.set(value); }
+    get data() { return this._data(); }
     /**
      * Sets the data item field which contains the symbol location.
      * The field should be an array with two numbers — latitude and longitude in decimal degrees.
      */
-    locationField;
+    set locationField(value) { this._locationField.set(value); }
+    get locationField() { return this._locationField(); }
     /**
      * Sets the value field for the symbols used to determine their relative size.
      * The data item field should be a number.
      */
-    valueField;
+    set valueField(value) { this._valueField.set(value); }
+    get valueField() { return this._valueField(); }
     /**
      * Sets the symbol to use for bubble layers.
      */
-    symbol;
+    set symbol(value) { this._symbol.set(value); }
+    get symbol() { return this._symbol(); }
     /**
      * Sets the default style for symbols.
      */
-    style;
+    set style(value) { this._style.set(value); }
+    get style() { return this._style(); }
     /**
      * Sets the maximum symbol size for bubble layer symbols.
      *
      * @default 100
      */
-    maxSize;
+    set maxSize(value) { this._maxSize.set(value); }
+    get maxSize() { return this._maxSize(); }
     /**
      * Sets the minimum symbol size for bubble layer symbols.
      * Setting a non-zero value will distort the symbol area to value ratio.
      *
      * @default 0
      */
-    minSize;
+    set minSize(value) { this._minSize.set(value); }
+    get minSize() { return this._minSize(); }
+    _minSize = signal(undefined, ...(ngDevMode ? [{ debugName: "_minSize" }] : /* istanbul ignore next */ []));
+    _valueField = signal(undefined, ...(ngDevMode ? [{ debugName: "_valueField" }] : /* istanbul ignore next */ []));
+    _maxSize = signal(undefined, ...(ngDevMode ? [{ debugName: "_maxSize" }] : /* istanbul ignore next */ []));
+    _style = signal(undefined, ...(ngDevMode ? [{ debugName: "_style" }] : /* istanbul ignore next */ []));
+    _symbol = signal(undefined, ...(ngDevMode ? [{ debugName: "_symbol" }] : /* istanbul ignore next */ []));
+    _locationField = signal(undefined, ...(ngDevMode ? [{ debugName: "_locationField" }] : /* istanbul ignore next */ []));
+    _data = signal(undefined, ...(ngDevMode ? [{ debugName: "_data" }] : /* istanbul ignore next */ []));
     constructor(configurationService, collectionService, sanitizer) {
         super('bubble', configurationService, collectionService, sanitizer);
         this.configurationService = configurationService;
@@ -950,8 +976,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1791537093,
-    version: '25.3.1-develop.2',
+    publishDate: 1791873255,
+    version: '25.4.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -963,17 +989,20 @@ const COLLISION = { horizontal: "fit", vertical: "fit" };
 class BaseTooltip {
     popupService;
     localizationService;
-    animate = true;
+    get animate() { return this._animateSignal(); }
     style = {
         position: 'relative'
     };
     templateRef;
     popupRef = null;
-    popupSettings;
+    set popupSettings(value) { this._popupSettings.set(value); }
+    get popupSettings() { return this._popupSettings(); }
     constructor(popupService, localizationService) {
         this.popupService = popupService;
         this.localizationService = localizationService;
     }
+    _popupSettings = signal(undefined, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : /* istanbul ignore next */ []));
+    _animateSignal = signal(true, ...(ngDevMode ? [{ debugName: "_animateSignal" }] : /* istanbul ignore next */ []));
     get active() {
         return this.popupRef !== null;
     }
@@ -1087,13 +1116,22 @@ class TooltipPopupComponent extends BaseTooltip {
     templateService;
     localizationService;
     ngZone;
-    tooltipTemplateRef;
-    tooltipContext = {};
-    animate = true;
-    classNames;
-    wrapperClass = 'k-tooltip-wrapper';
+    set animate(value) { this._animate.set(value); }
+    get animate() { return this._animate(); }
+    set classNames(value) { this._classNames.set(value); }
+    get classNames() { return this._classNames(); }
+    set wrapperClass(value) { this._wrapperClass.set(value); }
+    get wrapperClass() { return this._wrapperClass(); }
     leave = new EventEmitter();
-    popupClasses = {};
+    get tooltipTemplateRef() { return this._tooltipTemplateRef(); }
+    get tooltipContext() { return this._tooltipContext(); }
+    get popupClasses() { return this._popupClasses(); }
+    _animate = signal(true, ...(ngDevMode ? [{ debugName: "_animate" }] : /* istanbul ignore next */ []));
+    _classNames = signal(undefined, ...(ngDevMode ? [{ debugName: "_classNames" }] : /* istanbul ignore next */ []));
+    _wrapperClass = signal('k-tooltip-wrapper', ...(ngDevMode ? [{ debugName: "_wrapperClass" }] : /* istanbul ignore next */ []));
+    _tooltipTemplateRef = signal(null, ...(ngDevMode ? [{ debugName: "_tooltipTemplateRef" }] : /* istanbul ignore next */ []));
+    _tooltipContext = signal({}, ...(ngDevMode ? [{ debugName: "_tooltipContext" }] : /* istanbul ignore next */ []));
+    _popupClasses = signal({}, ...(ngDevMode ? [{ debugName: "_popupClasses" }] : /* istanbul ignore next */ []));
     mouseleaveSubscription;
     constructor(popupService, templateService, localizationService, ngZone) {
         super(popupService, localizationService);
@@ -1103,16 +1141,17 @@ class TooltipPopupComponent extends BaseTooltip {
         this.ngZone = ngZone;
     }
     show(e) {
-        this.tooltipTemplateRef = this.templateService.getTemplate(e.layerIndex);
+        this._tooltipTemplateRef.set(this.templateService.getTemplate(e.layerIndex));
         if (!this.tooltipTemplateRef) {
             return;
         }
-        this.popupClasses = Object.assign({
+        this._popupClasses.set({
             'k-tooltip': true,
             'k-map-tooltip': true,
-            [e.className]: Boolean(e.className)
-        }, this.classNames);
-        this.tooltipContext = e;
+            [e.className]: Boolean(e.className),
+            ...this.classNames
+        });
+        this._tooltipContext.set(e);
         super.show(e);
     }
     containsElement(element) {
@@ -1133,7 +1172,7 @@ class TooltipPopupComponent extends BaseTooltip {
             this.mouseleaveSubscription();
             this.mouseleaveSubscription = null;
         }
-        this.tooltipTemplateRef = null;
+        this._tooltipTemplateRef.set(null);
         super.hide();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TooltipPopupComponent, deps: [{ token: i1.PopupService }, { token: TooltipTemplateService }, { token: i3$1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1150,11 +1189,12 @@ class TooltipPopupComponent extends BaseTooltip {
             </div>
         </div>
     </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TooltipPopupComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [PopupService, {
                             provide: POPUP_CONTAINER,
                             useFactory: bodyFactory
@@ -1268,50 +1308,59 @@ class MapComponent {
      * }
      * ```
      */
-    resizeRateLimit = 10;
+    set resizeRateLimit(value) { this._resizeRateLimit.set(value); }
+    get resizeRateLimit() { return this._resizeRateLimit(); }
     /**
      * Specifies the map center coordinates.
      * Provide coordinates as `[Latitude, Longitude]`.
      */
-    center;
+    set center(value) { this._center.set(value); }
+    get center() { return this._center(); }
     /**
      * Specifies the configuration for built-in map controls.
      */
-    controls;
+    set controls(value) { this._controls.set(value); }
+    get controls() { return this._controls(); }
     /**
      * The minimum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
      *
      * @default 1
      */
-    minZoom;
+    set minZoom(value) { this._minZoom.set(value); }
+    get minZoom() { return this._minZoom(); }
     /**
      * The maximum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
      *
      * @default 19
      */
-    maxZoom;
+    set maxZoom(value) { this._maxZoom.set(value); }
+    get maxZoom() { return this._maxZoom(); }
     /**
      * The size of the map in pixels at zoom level 0.
      *
      * @default 256
      */
-    minSize;
+    set minSize(value) { this._minSize.set(value); }
+    get minSize() { return this._minSize(); }
     /**
      * Controls whether the user can pan the map.
      *
      * @default true
      */
-    pannable;
+    set pannable(value) { this._pannable.set(value); }
+    get pannable() { return this._pannable(); }
     /**
      * The settings for the tooltip popup.
      */
-    popupSettings;
+    set popupSettings(value) { this._popupSettings.set(value); }
+    get popupSettings() { return this._popupSettings(); }
     /**
      * Specifies whether the map should wrap around the east-west edges.
      *
      * @default true
      */
-    wraparound;
+    set wraparound(value) { this._wraparound.set(value); }
+    get wraparound() { return this._wraparound(); }
     /**
      * Specifies the initial zoom level.
      * Use values from 0 (whole world) to 19 (sub-meter features).
@@ -1320,13 +1369,15 @@ class MapComponent {
      *
      * @default 3
      */
-    zoom = 3;
+    set zoom(value) { this._zoom.set(value); }
+    get zoom() { return this._zoom(); }
     /**
      * Determines whether users can change the map zoom level.
      *
      * @default true
      */
-    zoomable;
+    set zoomable(value) { this._zoomable.set(value); }
+    get zoomable() { return this._zoomable(); }
     /**
      * Fires immediately before the map resets. This event is typically used for cleanup by layer implementers.
      */
@@ -1420,6 +1471,62 @@ class MapComponent {
     optionsChange;
     domSubscriptions;
     iconSettings;
+    _resizeRateLimit = signal(10, ...(ngDevMode ? [{ debugName: "_resizeRateLimit" }] : /* istanbul ignore next */ []));
+    _center = signal(undefined, ...(ngDevMode ? [{ debugName: "_center" }] : /* istanbul ignore next */ []));
+    _controls = signal(undefined, ...(ngDevMode ? [{ debugName: "_controls" }] : /* istanbul ignore next */ []));
+    _minZoom = signal(undefined, ...(ngDevMode ? [{ debugName: "_minZoom" }] : /* istanbul ignore next */ []));
+    _maxZoom = signal(undefined, ...(ngDevMode ? [{ debugName: "_maxZoom" }] : /* istanbul ignore next */ []));
+    _minSize = signal(undefined, ...(ngDevMode ? [{ debugName: "_minSize" }] : /* istanbul ignore next */ []));
+    _pannable = signal(undefined, ...(ngDevMode ? [{ debugName: "_pannable" }] : /* istanbul ignore next */ []));
+    _popupSettings = signal(undefined, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : /* istanbul ignore next */ []));
+    _wraparound = signal(undefined, ...(ngDevMode ? [{ debugName: "_wraparound" }] : /* istanbul ignore next */ []));
+    _zoom = signal(3, ...(ngDevMode ? [{ debugName: "_zoom" }] : /* istanbul ignore next */ []));
+    _zoomable = signal(undefined, ...(ngDevMode ? [{ debugName: "_zoomable" }] : /* istanbul ignore next */ []));
+    _configInputs = computed(() => ({
+        controls: this._controls(),
+        minZoom: this._minZoom(),
+        maxZoom: this._maxZoom(),
+        minSize: this._minSize(),
+        pannable: this._pannable(),
+        wraparound: this._wraparound(),
+        zoomable: this._zoomable()
+    }), ...(ngDevMode ? [{ debugName: "_configInputs" }] : /* istanbul ignore next */ []));
+    configEffect = effect(() => {
+        const inputs = this._configInputs();
+        const store = this.configurationService.store;
+        for (const key of Object.keys(inputs)) {
+            if (inputs[key] === undefined) {
+                delete store[key];
+            }
+            else {
+                store[key] = inputs[key];
+            }
+        }
+        const zoom = untracked(() => this._zoom());
+        if (zoom !== undefined) {
+            store.zoom = zoom;
+        }
+        const center = untracked(() => this._center());
+        if (center !== undefined) {
+            store.center = center;
+        }
+        store.popupSettings = null;
+        this.configurationService.push(store);
+    }, ...(ngDevMode ? [{ debugName: "configEffect" }] : /* istanbul ignore next */ []));
+    // Update the live instance directly when zoom changes (avoids a full setOptions/reset).
+    zoomEffect = effect(() => {
+        const zoom = this._zoom();
+        if (this.instance) {
+            this.instance.zoom(zoom);
+        }
+    }, ...(ngDevMode ? [{ debugName: "zoomEffect" }] : /* istanbul ignore next */ []));
+    // Update the live instance directly when center changes (avoids a full setOptions/reset).
+    centerEffect = effect(() => {
+        const center = this._center();
+        if (this.instance && center !== undefined) {
+            this.instance.center(center);
+        }
+    }, ...(ngDevMode ? [{ debugName: "centerEffect" }] : /* istanbul ignore next */ []));
     constructor(configurationService, instanceEventService, element, localizationService, changeDetector, ngZone, renderer, iconsService) {
         this.configurationService = configurationService;
         this.instanceEventService = instanceEventService;
@@ -1431,6 +1538,30 @@ class MapComponent {
         this.iconsService = iconsService;
         validatePackage(packageMetadata);
     }
+    ngOnInit() {
+        const store = this.configurationService.store;
+        const inputs = {
+            controls: this._controls(),
+            minZoom: this._minZoom(),
+            maxZoom: this._maxZoom(),
+            minSize: this._minSize(),
+            pannable: this._pannable(),
+            wraparound: this._wraparound(),
+            zoomable: this._zoomable(),
+            zoom: this._zoom()
+        };
+        for (const [key, value] of Object.entries(inputs)) {
+            if (value !== undefined) {
+                store[key] = value;
+            }
+        }
+        const center = this._center();
+        if (center !== undefined) {
+            store.center = center;
+        }
+        store.popupSettings = null;
+        this.configurationService.push(store);
+    }
     ngAfterViewInit() {
         if (this.canRender) {
             this.ngZone.runOutsideAngular(() => {
@@ -1642,7 +1773,7 @@ class MapComponent {
                         svgIcons
                     }
                 };
-            }), auditTime(0))
+            }))
                 .subscribe(() => {
                 if (!this.instance) {
                     this.init();
@@ -1991,27 +2122,35 @@ class MarkerLayerComponent extends LayerComponent {
     /**
      * Sets the array of data items for this layer.
      */
-    data;
+    set data(value) { this._data.set(value); }
+    get data() { return this._data(); }
     /**
      * Sets the data item field which contains the marker location.
      * The field should be an array with two numbers &mdash; latitude and longitude in decimal degrees.
      */
-    locationField;
+    set locationField(value) { this._locationField.set(value); }
+    get locationField() { return this._locationField(); }
     /**
      * Sets the data item field which contains the marker title.
      */
-    titleField;
+    set titleField(value) { this._titleField.set(value); }
+    get titleField() { return this._titleField(); }
     /**
      * Sets the default marker shape for data-bound markers. Supported marker shapes are `pinTarget` and `pin`.
      * Marker shapes are implemented as CSS classes on the marker element (`span.k-marker`). For example `pinTarget` is rendered as `k-marker-pin-target`.
      */
-    shape;
+    set shape(value) { this._shape.set(value); }
+    get shape() { return this._shape(); }
     constructor(configurationService, collectionService, sanitizer) {
         super('marker', configurationService, collectionService, sanitizer);
         this.configurationService = configurationService;
         this.collectionService = collectionService;
         this.sanitizer = sanitizer;
     }
+    _data = signal(undefined, ...(ngDevMode ? [{ debugName: "_data" }] : /* istanbul ignore next */ []));
+    _shape = signal(undefined, ...(ngDevMode ? [{ debugName: "_shape" }] : /* istanbul ignore next */ []));
+    _titleField = signal(undefined, ...(ngDevMode ? [{ debugName: "_titleField" }] : /* istanbul ignore next */ []));
+    _locationField = signal(undefined, ...(ngDevMode ? [{ debugName: "_locationField" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MarkerLayerComponent, deps: [{ token: ConfigurationService }, { token: CollectionService }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: MarkerLayerComponent, isStandalone: true, selector: "kendo-map-marker-layer", inputs: { data: "data", locationField: "locationField", titleField: "titleField", shape: "shape" }, providers: [
             ConfigurationService,
@@ -2078,17 +2217,21 @@ class ShapeLayerComponent extends LayerComponent {
     /**
      * Sets the array of data items for this layer.
      */
-    data;
+    set data(value) { this._data.set(value); }
+    get data() { return this._data(); }
     /**
      * Sets the default style for shapes.
      */
-    style;
+    set style(value) { this._style.set(value); }
+    get style() { return this._style(); }
     constructor(configurationService, collectionService, sanitizer) {
         super('shape', configurationService, collectionService, sanitizer);
         this.configurationService = configurationService;
         this.collectionService = collectionService;
         this.sanitizer = sanitizer;
     }
+    _data = signal(undefined, ...(ngDevMode ? [{ debugName: "_data" }] : /* istanbul ignore next */ []));
+    _style = signal(undefined, ...(ngDevMode ? [{ debugName: "_style" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ShapeLayerComponent, deps: [{ token: ConfigurationService }, { token: CollectionService }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: ShapeLayerComponent, isStandalone: true, selector: "kendo-map-shape-layer", inputs: { data: "data", style: "style" }, providers: [
             ConfigurationService,
@@ -2150,22 +2293,28 @@ class TileLayerComponent extends LayerComponent {
      *
      * @default 256
      */
-    tileSize;
+    set tileSize(value) { this._tileSize.set(value); }
+    get tileSize() { return this._tileSize(); }
     /**
      * Sets a list of subdomains to use for loading tiles.
      * Alternating between different subdomains allows more requests to execute in parallel.
      */
-    subdomains;
+    set subdomains(value) { this._subdomains.set(value); }
+    get subdomains() { return this._subdomains(); }
     /**
      * Sets a function that returns an image URL for each tile position.
      */
-    urlTemplate;
+    set urlTemplate(value) { this._urlTemplate.set(value); }
+    get urlTemplate() { return this._urlTemplate(); }
     constructor(configurationService, collectionService, sanitizer) {
         super('tile', configurationService, collectionService, sanitizer);
         this.configurationService = configurationService;
         this.collectionService = collectionService;
         this.sanitizer = sanitizer;
     }
+    _tileSize = signal(undefined, ...(ngDevMode ? [{ debugName: "_tileSize" }] : /* istanbul ignore next */ []));
+    _urlTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_urlTemplate" }] : /* istanbul ignore next */ []));
+    _subdomains = signal(undefined, ...(ngDevMode ? [{ debugName: "_subdomains" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TileLayerComponent, deps: [{ token: ConfigurationService }, { token: CollectionService }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: TileLayerComponent, isStandalone: true, selector: "kendo-map-tile-layer", inputs: { tileSize: "tileSize", subdomains: "subdomains", urlTemplate: "urlTemplate" }, providers: [
             ConfigurationService,
@@ -2387,11 +2536,12 @@ class BubbleTooltipComponent extends SettingsComponent {
         this.templateService.registerTemplate(this.layer.index, this.bubbleTooltipTemplate?.templateRef);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: BubbleTooltipComponent, deps: [{ token: ConfigurationService }, { token: TooltipTemplateService }, { token: LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", 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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: BubbleTooltipComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-map-bubble-layer-tooltip',
                     template: '',
                     standalone: true
@@ -2442,11 +2592,12 @@ class MarkerTooltipComponent extends SettingsComponent {
         this.templateService.registerTemplate(this.layer.index, this.markerTooltipTemplate?.templateRef);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MarkerTooltipComponent, deps: [{ token: ConfigurationService }, { token: TooltipTemplateService }, { token: LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", 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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: MarkerTooltipComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-map-marker-layer-tooltip',
                     template: '',
                     standalone: true
@@ -2497,11 +2648,12 @@ class ShapeTooltipComponent extends SettingsComponent {
         this.templateService.registerTemplate(this.layer.index, this.shapeTooltipTemplate?.templateRef);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ShapeTooltipComponent, deps: [{ token: ConfigurationService }, { token: TooltipTemplateService }, { token: LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", 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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ShapeTooltipComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-map-shape-layer-tooltip',
                     template: '',
                     standalone: true

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1791537093,
-  "version": "25.3.1-develop.2",
+  "publishDate": 1791873255,
+  "version": "25.4.0-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-map",
-  "version": "25.3.1-develop.2",
+  "version": "25.4.0-develop.1",
   "description": "Kendo UI Map for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -22,7 +22,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1791537093,
+      "publishDate": 1791873255,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -33,15 +33,15 @@
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "25.3.1-develop.2",
-    "@progress/kendo-angular-icons": "25.3.1-develop.2",
-    "@progress/kendo-angular-l10n": "25.3.1-develop.2",
-    "@progress/kendo-angular-popup": "25.3.1-develop.2",
+    "@progress/kendo-angular-common": "25.4.0-develop.1",
+    "@progress/kendo-angular-icons": "25.4.0-develop.1",
+    "@progress/kendo-angular-l10n": "25.4.0-develop.1",
+    "@progress/kendo-angular-popup": "25.4.0-develop.1",
     "rxjs": "^6.4.0 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.3.1-develop.2",
+    "@progress/kendo-angular-schematics": "25.4.0-develop.1",
     "@progress/kendo-charts": "2.13.2"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

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

package/types/progress-kendo-angular-map.d.ts

@@ -8,7 +8,7 @@ export { BubbleLayerSymbol, BubbleLayerSymbolArgs, Extent, Location, MapControls
 import { ShapeOptions, Element, Group, geometry } from '@progress/kendo-drawing';
 import { Observable, BehaviorSubject, Subscription } from 'rxjs';
 import * as i0 from '@angular/core';
-import { NgZone, OnChanges, OnDestroy, SimpleChange, TemplateRef, ViewContainerRef, EventEmitter, AfterViewInit, AfterViewChecked, ElementRef, ChangeDetectorRef, Renderer2, AfterContentChecked, AfterContentInit, QueryList } from '@angular/core';
+import { NgZone, OnChanges, OnDestroy, SimpleChange, TemplateRef, ViewContainerRef, EventEmitter, AfterViewInit, AfterViewChecked, OnInit, ElementRef, ChangeDetectorRef, Renderer2, AfterContentChecked, AfterContentInit, QueryList } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PopupService, PopupSettings as PopupSettings$1 } from '@progress/kendo-angular-popup';
 import { IconsService, IconSettings } from '@progress/kendo-angular-icons';
@@ -146,7 +146,7 @@ declare class LayerTooltipComponent extends SettingsComponent {
 /**
  * @hidden
  */
-declare class LayerComponent extends CollectionItemComponent {
+declare class LayerComponent extends CollectionItemComponent implements OnChanges {
     protected type: MapLayerType;
     protected configurationService: ConfigurationService;
     protected collectionService: CollectionService;
@@ -154,29 +154,41 @@ declare class LayerComponent extends CollectionItemComponent {
     /**
      * @hidden
      */
-    attribution: string;
+    set attribution(value: string);
+    get attribution(): string;
     /**
      * @hidden
      */
-    extent?: Extent | [[number, number], [number, number]];
+    set extent(value: Extent | [[number, number], [number, number]] | undefined);
+    get extent(): Extent | [[number, number], [number, number]] | undefined;
     /**
      * @hidden
      */
-    maxZoom?: number;
+    set maxZoom(value: number | undefined);
+    get maxZoom(): number | undefined;
     /**
      * @hidden
      */
-    minZoom?: number;
+    set minZoom(value: number | undefined);
+    get minZoom(): number | undefined;
     /**
      * @hidden
      */
-    opacity?: number;
+    set opacity(value: number | undefined);
+    get opacity(): number | undefined;
     /**
      * @hidden
      */
-    zIndex: number;
+    set zIndex(value: number);
+    get zIndex(): number;
     layerTooltip: LayerTooltipComponent;
     constructor(type: MapLayerType, configurationService: ConfigurationService, collectionService: CollectionService, sanitizer: DomSanitizer);
+    private readonly _attribution;
+    private readonly _zIndex;
+    private readonly _opacity;
+    private readonly _minZoom;
+    private readonly _maxZoom;
+    private readonly _extent;
     ngOnChanges(changes: {
         [propertyName: string]: SimpleChange;
     }): void;
@@ -221,38 +233,52 @@ declare class BubbleLayerComponent extends LayerComponent implements BubbleLayer
     /**
      * Sets the array of data items for this layer.
      */
-    data?: any[];
+    set data(value: any[] | undefined);
+    get data(): any[] | undefined;
     /**
      * Sets the data item field which contains the symbol location.
      * The field should be an array with two numbers — latitude and longitude in decimal degrees.
      */
-    locationField?: string;
+    set locationField(value: string | undefined);
+    get locationField(): string | undefined;
     /**
      * Sets the value field for the symbols used to determine their relative size.
      * The data item field should be a number.
      */
-    valueField?: string;
+    set valueField(value: string | undefined);
+    get valueField(): string | undefined;
     /**
      * Sets the symbol to use for bubble layers.
      */
-    symbol?: BubbleLayerSymbol;
+    set symbol(value: BubbleLayerSymbol | undefined);
+    get symbol(): BubbleLayerSymbol | undefined;
     /**
      * Sets the default style for symbols.
      */
-    style?: ShapeOptions;
+    set style(value: ShapeOptions | undefined);
+    get style(): ShapeOptions | undefined;
     /**
      * Sets the maximum symbol size for bubble layer symbols.
      *
      * @default 100
      */
-    maxSize?: number;
+    set maxSize(value: number | undefined);
+    get maxSize(): number | undefined;
     /**
      * Sets the minimum symbol size for bubble layer symbols.
      * Setting a non-zero value will distort the symbol area to value ratio.
      *
      * @default 0
      */
-    minSize?: number;
+    set minSize(value: number | undefined);
+    get minSize(): number | undefined;
+    private readonly _minSize;
+    private readonly _valueField;
+    private readonly _maxSize;
+    private readonly _style;
+    private readonly _symbol;
+    private readonly _locationField;
+    private readonly _data;
     constructor(configurationService: ConfigurationService, collectionService: CollectionService, sanitizer: DomSanitizer);
     static ɵfac: i0.ɵɵFactoryDeclaration<BubbleLayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BubbleLayerComponent, "kendo-map-bubble-layer", never, { "data": { "alias": "data"; "required": false; }; "locationField": { "alias": "locationField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "symbol": { "alias": "symbol"; "required": false; }; "style": { "alias": "style"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; }, {}, never, never, true, never>;
@@ -640,12 +666,15 @@ interface PopupSettings {
 declare abstract class BaseTooltip implements OnDestroy {
     protected popupService: PopupService;
     protected localizationService: LocalizationService;
-    animate: boolean;
+    get animate(): boolean;
     style: any;
     templateRef: TemplateRef<any>;
     popupRef: any;
-    popupSettings: PopupSettings;
+    set popupSettings(value: PopupSettings);
+    get popupSettings(): PopupSettings;
     constructor(popupService: PopupService, localizationService: LocalizationService);
+    private readonly _popupSettings;
+    private readonly _animateSignal;
     get active(): boolean;
     show(e: any): void;
     hide(): void;
@@ -676,13 +705,22 @@ declare class TooltipPopupComponent extends BaseTooltip {
     protected templateService: TooltipTemplateService;
     protected localizationService: LocalizationService;
     protected ngZone: NgZone;
-    tooltipTemplateRef: TemplateRef<any>;
-    tooltipContext: any;
-    animate: boolean;
-    classNames: any;
-    wrapperClass: string;
+    set animate(value: boolean);
+    get animate(): boolean;
+    set classNames(value: any);
+    get classNames(): any;
+    set wrapperClass(value: string);
+    get wrapperClass(): string;
     leave: EventEmitter<any>;
-    popupClasses: any;
+    get tooltipTemplateRef(): TemplateRef<any>;
+    get tooltipContext(): any;
+    get popupClasses(): any;
+    private readonly _animate;
+    private readonly _classNames;
+    private readonly _wrapperClass;
+    private readonly _tooltipTemplateRef;
+    private readonly _tooltipContext;
+    private readonly _popupClasses;
     private mouseleaveSubscription;
     constructor(popupService: PopupService, templateService: TooltipTemplateService, localizationService: LocalizationService, ngZone: NgZone);
     show(e: any): void;
@@ -737,7 +775,7 @@ declare class TooltipPopupComponent extends BaseTooltip {
  * @remarks
  * Supported children components are: {@link LayersComponent}.
  */
-declare class MapComponent implements AfterViewInit, AfterViewChecked, OnChanges, OnDestroy {
+declare class MapComponent implements AfterViewInit, AfterViewChecked, OnInit, OnDestroy {
     configurationService: ConfigurationService;
     protected instanceEventService: InstanceEventService;
     protected element: ElementRef;
@@ -766,50 +804,59 @@ declare class MapComponent implements AfterViewInit, AfterViewChecked, OnChanges
      * }
      * ```
      */
-    resizeRateLimit: number;
+    set resizeRateLimit(value: number);
+    get resizeRateLimit(): number;
     /**
      * Specifies the map center coordinates.
      * Provide coordinates as `[Latitude, Longitude]`.
      */
-    center: number[];
+    set center(value: number[]);
+    get center(): number[];
     /**
      * Specifies the configuration for built-in map controls.
      */
-    controls: MapControls;
+    set controls(value: MapControls);
+    get controls(): MapControls;
     /**
      * The minimum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
      *
      * @default 1
      */
-    minZoom: number;
+    set minZoom(value: number);
+    get minZoom(): number;
     /**
      * The maximum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
      *
      * @default 19
      */
-    maxZoom: number;
+    set maxZoom(value: number);
+    get maxZoom(): number;
     /**
      * The size of the map in pixels at zoom level 0.
      *
      * @default 256
      */
-    minSize?: number;
+    set minSize(value: number | undefined);
+    get minSize(): number | undefined;
     /**
      * Controls whether the user can pan the map.
      *
      * @default true
      */
-    pannable: boolean;
+    set pannable(value: boolean);
+    get pannable(): boolean;
     /**
      * The settings for the tooltip popup.
      */
-    popupSettings: PopupSettings$1;
+    set popupSettings(value: PopupSettings$1);
+    get popupSettings(): PopupSettings$1;
     /**
      * Specifies whether the map should wrap around the east-west edges.
      *
      * @default true
      */
-    wraparound: boolean;
+    set wraparound(value: boolean);
+    get wraparound(): boolean;
     /**
      * Specifies the initial zoom level.
      * Use values from 0 (whole world) to 19 (sub-meter features).
@@ -818,13 +865,15 @@ declare class MapComponent implements AfterViewInit, AfterViewChecked, OnChanges
      *
      * @default 3
      */
-    zoom: number;
+    set zoom(value: number);
+    get zoom(): number;
     /**
      * Determines whether users can change the map zoom level.
      *
      * @default true
      */
-    zoomable: boolean;
+    set zoomable(value: boolean);
+    get zoomable(): boolean;
     /**
      * Fires immediately before the map resets. This event is typically used for cleanup by layer implementers.
      */
@@ -918,7 +967,23 @@ declare class MapComponent implements AfterViewInit, AfterViewChecked, OnChanges
     protected optionsChange: Subscription;
     protected domSubscriptions: () => void;
     protected iconSettings: IconSettings;
+    private readonly _resizeRateLimit;
+    private readonly _center;
+    private readonly _controls;
+    private readonly _minZoom;
+    private readonly _maxZoom;
+    private readonly _minSize;
+    private readonly _pannable;
+    private readonly _popupSettings;
+    private readonly _wraparound;
+    private readonly _zoom;
+    private readonly _zoomable;
+    private readonly _configInputs;
+    private readonly configEffect;
+    private readonly zoomEffect;
+    private readonly centerEffect;
     constructor(configurationService: ConfigurationService, instanceEventService: InstanceEventService, element: ElementRef, localizationService: LocalizationService, changeDetector: ChangeDetectorRef, ngZone: NgZone, renderer: Renderer2, iconsService: IconsService);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
     ngOnChanges(changes: {
@@ -1213,22 +1278,30 @@ declare class MarkerLayerComponent extends LayerComponent implements MarkerLayer
     /**
      * Sets the array of data items for this layer.
      */
-    data?: any[];
+    set data(value: any[] | undefined);
+    get data(): any[] | undefined;
     /**
      * Sets the data item field which contains the marker location.
      * The field should be an array with two numbers &mdash; latitude and longitude in decimal degrees.
      */
-    locationField?: string;
+    set locationField(value: string | undefined);
+    get locationField(): string | undefined;
     /**
      * Sets the data item field which contains the marker title.
      */
-    titleField?: string;
+    set titleField(value: string | undefined);
+    get titleField(): string | undefined;
     /**
      * Sets the default marker shape for data-bound markers. Supported marker shapes are `pinTarget` and `pin`.
      * Marker shapes are implemented as CSS classes on the marker element (`span.k-marker`). For example `pinTarget` is rendered as `k-marker-pin-target`.
      */
-    shape?: string | 'pinTarget' | 'pin';
+    set shape(value: string | 'pinTarget' | 'pin' | undefined);
+    get shape(): string | 'pinTarget' | 'pin' | undefined;
     constructor(configurationService: ConfigurationService, collectionService: CollectionService, sanitizer: DomSanitizer);
+    private readonly _data;
+    private readonly _shape;
+    private readonly _titleField;
+    private readonly _locationField;
     static ɵfac: i0.ɵɵFactoryDeclaration<MarkerLayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MarkerLayerComponent, "kendo-map-marker-layer", never, { "data": { "alias": "data"; "required": false; }; "locationField": { "alias": "locationField"; "required": false; }; "titleField": { "alias": "titleField"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -1340,12 +1413,16 @@ declare class ShapeLayerComponent extends LayerComponent implements ShapeLayerOp
     /**
      * Sets the array of data items for this layer.
      */
-    data?: any;
+    set data(value: any | undefined);
+    get data(): any | undefined;
     /**
      * Sets the default style for shapes.
      */
-    style?: ShapeOptions;
+    set style(value: ShapeOptions | undefined);
+    get style(): ShapeOptions | undefined;
     constructor(configurationService: ConfigurationService, collectionService: CollectionService, sanitizer: DomSanitizer);
+    private readonly _data;
+    private readonly _style;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShapeLayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ShapeLayerComponent, "kendo-map-shape-layer", never, { "data": { "alias": "data"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -1456,17 +1533,23 @@ declare class TileLayerComponent extends LayerComponent implements TileLayerOpti
      *
      * @default 256
      */
-    tileSize: number;
+    set tileSize(value: number);
+    get tileSize(): number;
     /**
      * Sets a list of subdomains to use for loading tiles.
      * Alternating between different subdomains allows more requests to execute in parallel.
      */
-    subdomains: string[];
+    set subdomains(value: string[]);
+    get subdomains(): string[];
     /**
      * Sets a function that returns an image URL for each tile position.
      */
-    urlTemplate: (args: TileUrlTemplateArgs) => string;
+    set urlTemplate(value: (args: TileUrlTemplateArgs) => string);
+    get urlTemplate(): (args: TileUrlTemplateArgs) => string;
     constructor(configurationService: ConfigurationService, collectionService: CollectionService, sanitizer: DomSanitizer);
+    private readonly _tileSize;
+    private readonly _urlTemplate;
+    private readonly _subdomains;
     static ɵfac: i0.ɵɵFactoryDeclaration<TileLayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TileLayerComponent, "kendo-map-tile-layer", never, { "tileSize": { "alias": "tileSize"; "required": false; }; "subdomains": { "alias": "subdomains"; "required": false; }; "urlTemplate": { "alias": "urlTemplate"; "required": false; }; }, {}, never, never, true, never>;
 }