@progress/kendo-angular-map 0.2.0-dev.202206021322 → 0.2.0-dev.202206160949

package/bundles/kendo-angular-map.umd.js

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("@angular/platform-browser"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-charts"),require("@progress/kendo-licensing"),require("rxjs/operators"),require("@progress/kendo-angular-popup"),require("@angular/common"),require("@progress/kendo-angular-tooltip")):"function"==typeof define&&define.amd?define("KendoAngularMap",["exports","@angular/core","rxjs","@angular/platform-browser","@progress/kendo-angular-common","@progress/kendo-angular-l10n","@progress/kendo-charts","@progress/kendo-licensing","rxjs/operators","@progress/kendo-angular-popup","@angular/common","@progress/kendo-angular-tooltip"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularMap={},e.ng.core,e.rxjs,e.ng.platformBrowser,e.KendoAngularCommon,e.KendoAngularL10N,e.KendoCharts,e.KendoLicensing,e.rxjs.operators,e.i1,e.ng.common,e.kendoAngularTooltip)}(this,function(e,s,L,t,n,r,o,j,N,i,a,A){"use strict";function p(n){if(n&&n.__esModule)return n;var r=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),r.default=n,Object.freeze(r)}var c=p(s),l=p(t),t=p(n),u=p(r),m=p(i),g=p(a),Z=function(e,t){return(Z=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}Z(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function _(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}Object.create;var q=function(e,t){this.key=e,this.value=t},y=(d.prototype.initSource=function(){this.changes=this.source.asObservable()},d.prototype.push=function(e){this.store=e,this.next()},d.prototype.notify=function(e){this.set(e.key,e.value),this.next()},d.prototype.set=function(e,t){for(var n=this.store,r=e.split("."),o=r.shift();0<r.length;)n=n[o]=n[o]||{},o=r.shift();n[o]=t},d.prototype.next=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.source.next(e.store)})},d);function d(e){this.ngZone=e,this.store={},this.source=new L.BehaviorSubject({}),this.initSource()}y.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:y,deps:[{token:c.NgZone}],target:c.ɵɵFactoryTarget.Injectable}),y.ɵprov=c.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:y}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:y,decorators:[{type:s.Injectable}],ctorParameters:function(){return[{type:c.NgZone}]}});var K=function(e,t){this.sender=e,this.options=t},v=(B.prototype.notify=function(e){this.source.next(e)},B);function B(){this.source=new L.Subject,this.itemChanges=this.source.asObservable()}function U(e,t){for(var n in e){var r;e.hasOwnProperty(n)&&(void 0===(r=e[n].currentValue)?delete t[n]:t[n]=r)}}function H(e){var t,n={};for(t in e)e.hasOwnProperty(t)&&(n[t]=new s.SimpleChange(null,e[t],!1));return n}v.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,deps:[],target:c.ɵɵFactoryTarget.Injectable}),v.ɵprov=c.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:v,decorators:[{type:s.Injectable}],ctorParameters:function(){return[]}});C.prototype.ngOnChanges=function(e){var t=this.configurationService.store;U(e,t),this.configurationService.push(t)},C.prototype.notifyChanges=function(e){this.ngOnChanges(H(e))},C.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},C.prototype.notify=function(){this.collectionService&&this.collectionService.notify(new K(this,this.options))};var f=C;function C(e,t){var n=this;this.configurationService=e,this.collectionService=t,this.options={},this.subscription=e.changes.subscribe(function(e){n.options=e,n.notify()})}f.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:f,deps:[{token:y},{token:v}],target:c.ɵɵFactoryTarget.Directive}),f.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:f,usesOnChanges:!0,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:f,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:y},{type:v}]}});I.prototype.ngOnDestroy=function(){this.store=void 0,this.notify()},I.prototype.ngOnChanges=function(e){U(e,this.store),this.notify()},I.prototype.notifyChanges=function(e){this.ngOnChanges(H(e))},I.prototype.markAsVisible=function(){this.store.visible=!0,this.notify()},I.prototype.notify=function(){this.configurationService.notify(new q(this.configKey,this.store))};var D=I;function I(e,t){if(this.configKey=e,this.configurationService=t,this.store={},void 0===e)throw new Error("Configuration key not set")}D.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:D,deps:"invalid",target:c.ɵɵFactoryTarget.Directive}),D.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:D,usesOnChanges:!0,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:D,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:void 0},{type:y}]}});h(X,Q=D),Object.defineProperty(X.prototype,"layerTooltipTemplateRef",{get:function(){return this.layerTooltipTemplate},enumerable:!1,configurable:!0});var Q,k=X;function X(e){var t=Q.call(this,"tooltip",e)||this;return t.configurationService=e,t}k.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:k,deps:[{token:y}],target:c.ɵɵFactoryTarget.Component}),k.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:k,selector:"kendo-map-layer-tooltip",queries:[{propertyName:"layerTooltipTemplate",first:!0,predicate:s.TemplateRef,descendants:!0}],usesInheritance:!0,ngImport:c,template:"",isInline:!0,changeDetection:c.ChangeDetectionStrategy.OnPush}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:k,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,selector:"kendo-map-layer-tooltip",template:""}]}],ctorParameters:function(){return[{type:y}]},propDecorators:{layerTooltipTemplate:[{type:s.ContentChild,args:[s.TemplateRef,{static:!1}]}]}});h(G,$=f),G.prototype.ngOnChanges=function(e){this.configurationService.store.type=this.type;var t=e.attribution;t&&this.sanitizer&&(t.currentValue=this.sanitizer.sanitize(s.SecurityContext.HTML,t.currentValue)),$.prototype.ngOnChanges.call(this,e)},Object.defineProperty(G.prototype,"layerTooltipTemplateRef",{get:function(){if(this.layerTooltip)return this.layerTooltip.layerTooltipTemplateRef},enumerable:!1,configurable:!0});var $,f=G;function G(e,t,n,r){var o=$.call(this,t,n)||this;return o.type=e,o.configurationService=t,o.collectionService=n,o.sanitizer=r,o}f.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:f,deps:"invalid",target:c.ɵɵFactoryTarget.Directive}),f.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:f,inputs:{attribution:"attribution",extent:"extent",maxZoom:"maxZoom",minZoom:"minZoom",opacity:"opacity",zIndex:"zIndex"},queries:[{propertyName:"layerTooltip",first:!0,predicate:k,descendants:!0}],usesInheritance:!0,usesOnChanges:!0,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:f,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:void 0},{type:y},{type:v},{type:l.DomSanitizer}]},propDecorators:{attribution:[{type:s.Input}],extent:[{type:s.Input}],maxZoom:[{type:s.Input}],minZoom:[{type:s.Input}],opacity:[{type:s.Input}],zIndex:[{type:s.Input}],layerTooltip:[{type:s.ContentChild,args:[k,{static:!1}]}]}});h(W,J=f);var J,b=W;function W(e,t,n){var r=J.call(this,"bubble",e,t,n)||this;return r.configurationService=e,r.collectionService=t,r.sanitizer=n,r}function Y(e,t){for(var n=e;n&&n!==t;)n=n.parentNode;return!!n}b.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:b,deps:[{token:y},{token:v},{token:l.DomSanitizer}],target:c.ɵɵFactoryTarget.Component}),b.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"kendo-map-bubble-layer",inputs:{data:"data",locationField:"locationField",valueField:"valueField",symbol:"symbol",style:"style",maxSize:"maxSize",minSize:"minSize"},providers:[y,{provide:f,useExisting:s.forwardRef(function(){return b})}],usesInheritance:!0,ngImport:c,template:"",isInline:!0,changeDetection:c.ChangeDetectionStrategy.OnPush}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:b,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[y,{provide:f,useExisting:s.forwardRef(function(){return b})}],selector:"kendo-map-bubble-layer",template:""}]}],ctorParameters:function(){return[{type:y},{type:v},{type:l.DomSanitizer}]},propDecorators:{data:[{type:s.Input}],locationField:[{type:s.Input}],valueField:[{type:s.Input}],symbol:[{type:s.Input}],style:[{type:s.Input}],maxSize:[{type:s.Input}],minSize:[{type:s.Input}]}});h(ne,ee=o.InstanceObserver);var ee,te=ne;function ne(e){e=ee.call(this,e)||this;return e.handlerMap={hideTooltip:"onHideTooltip",init:"onInit",render:"onRender",showTooltip:"onShowTooltip"},e}var re,S=function(e){this.sender=e},oe=(S.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:S,deps:"invalid",target:c.ɵɵFactoryTarget.Directive}),S.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:S,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:void 0}]}}),h(ie,re=S),ie);function ie(e,t){return re.call(this,t)||this}h(pe,ae=S);var ae,se=pe;function pe(e,t){t=ae.call(this,t)||this;return t.location=e.location,t.originalEvent=e.originalEvent,t}h(ue,ce=S);var ce,le=ue;function ue(e,t){t=ce.call(this,t)||this;return t.marker=e.marker,t.layer=e.layer,t}h(he,me=S);var me,ge=he;function he(e,t){t=me.call(this,t)||this;return t.marker=e.marker,t.layer=e.layer,t}h(de,ye=S),de.prototype.preventDefault=function(){this.prevented=!0},de.prototype.isDefaultPrevented=function(){return this.prevented};var ye,T=de;function de(){var e=ye.apply(this,function(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||((r=r||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}([],_(arguments)))||this;return e.prevented=!1,e}T.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:T,deps:null,target:c.ɵɵFactoryTarget.Directive}),T.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:T,usesInheritance:!0,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:T,decorators:[{type:s.Directive}]});h(Ce,ve=T);var ve,fe=Ce;function Ce(e,t){t=ve.call(this,t)||this;return t.marker=e.marker,t.layer=e.layer,t}h(ke,De=S);var De,Ie=ke;function ke(e,t){t=De.call(this,t)||this;return t.origin=e.origin,t.center=e.center,t.originalEvent=e.originalEvent,t}h(Te,be=S);var be,Se=Te;function Te(e,t){t=be.call(this,t)||this;return t.origin=e.origin,t.center=e.center,t.originalEvent=e.originalEvent,t}h(ze,Ee=S);var Ee,Oe=ze;function ze(e,t){return Ee.call(this,t)||this}h(Me,Re=S);var Re,Ve=Me;function Me(e,t){t=Re.call(this,t)||this;return t.layer=e.layer,t.shape=e.shape,t.originalEvent=e.originalEvent,t}h(Fe,we=S);var we,Pe=Fe;function Fe(e,t){t=we.call(this,t)||this;return t.layer=e.layer,t.shape=e.shape,t.dataItem=e.shape.dataItem,t.location=e.shape.location,t}h(je,xe=S);var xe,Le=je;function je(e,t){t=xe.call(this,t)||this;return t.dataItem=e.dataItem,t.layer=e.layer,t.group=e.group,t.properties=e.properties,t}h(Ze,Ne=S);var Ne,Ae=Ze;function Ze(e,t){t=Ne.call(this,t)||this;return t.layer=e.layer,t.shape=e.shape,t.originalEvent=e.originalEvent,t}h(Ke,_e=S);var _e,qe=Ke;function Ke(e,t){t=_e.call(this,t)||this;return t.layer=e.layer,t.shape=e.shape,t.originalEvent=e.originalEvent,t}h(Ue,Be=S);var Be,S=Ue;function Ue(e,t){t=Be.call(this,t)||this;return t.originalEvent=e.originalEvent,t}h(Qe,He=T);var He,T=Qe;function Qe(e,t){t=He.call(this,t)||this;return t.originalEvent=e.originalEvent,t}var Xe={beforeReset:oe,click:se,markerActivate:le,markerClick:ge,markerCreated:fe,panEnd:Ie,pan:Se,reset:Oe,shapeClick:Ve,shapeCreated:Pe,shapeFeatureCreated:Le,shapeMouseEnter:Ae,shapeMouseLeave:qe,zoomEnd:S,zoomStart:T},$e=(Ge.prototype.create=function(e,t,n){if(Xe[e])return new Xe[e](t,n)},Ge);function Ge(){}var Je={name:"@progress/kendo-angular-map",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1654176122,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"},We={horizontal:"fit",vertical:"fit"},E=(Object.defineProperty(O.prototype,"active",{get:function(){return null!==this.popupRef},enumerable:!1,configurable:!0}),O.prototype.show=function(e){e=this.position(e.anchor);e.top-=5,this.popupRef?this.popupRef.popup.instance.offset=e:(this.popupRef=this.popupService.open(Object.assign({offset:e,popupAlign:{vertical:"bottom",horizontal:"center"},animate:this.animate,content:this.templateRef,collision:We,positionMode:"absolute"},this.popupSettings)),this.localizationService.rtl&&this.popupRef.popupElement.setAttribute("dir","rtl"),this.onInit())},O.prototype.hide=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null)},O.prototype.onInit=function(){},O.prototype.ngOnDestroy=function(){this.hide()},O.prototype.position=function(e){if(!this.popupSettings||!this.popupSettings.appendTo)return e;var t=this.popupSettings.appendTo.element.nativeElement,n=t.getBoundingClientRect(),t=this.scrollOffset(t),r=t.scrollLeft,t=t.scrollTop;return{left:e.left-n.left-r,top:e.top-n.top-t}},O.prototype.scrollOffset=function(e){if(!e)return null;for(var t=e.scrollLeft,n=e.scrollTop,r=e.parentElement;r;)t+=r.scrollLeft,n+=r.scrollTop,r=r.parentElement;return{scrollLeft:t,scrollTop:n}},O);function O(e,t){this.popupService=e,this.localizationService=t,this.animate=!0,this.style={position:"relative"},this.popupRef=null}function Ye(){if(n.isDocumentAvailable())return new s.ElementRef(document.body)}E.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:E,deps:[{token:m.PopupService},{token:u.LocalizationService}],target:c.ɵɵFactoryTarget.Directive}),E.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:E,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:E,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:m.PopupService},{type:u.LocalizationService}]}});var et,z=function(){},E=(z.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:z,deps:[],target:c.ɵɵFactoryTarget.Injectable}),z.ɵprov=c.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:z}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:z,decorators:[{type:s.Injectable}]}),h(R,et=E),R.prototype.show=function(e){var t;this.tooltipTemplateRef=this.templateService[e.type+"Template"],this.tooltipTemplateRef&&(this.popupClasses=Object.assign(((t={"k-tooltip":!0,"k-map-tooltip":!0})[e.className]=Boolean(e.className),t),this.classNames),this.tooltipContext=e,et.prototype.show.call(this,e))},R.prototype.containsElement=function(e){if(this.popupRef)return Y(e,this.popupRef.popupElement)},R.prototype.onInit=function(){var t=this;this.ngZone.runOutsideAngular(function(){t.mouseleaveSubscription=t.popupRef.popupElement.addEventListener("mouseleave",function(e){t.leave.emit(e)})}),this.popupRef.popupElement.classList.add(this.wrapperClass)},R.prototype.hide=function(){this.mouseleaveSubscription&&(this.mouseleaveSubscription(),this.mouseleaveSubscription=null),this.tooltipTemplateRef=null,et.prototype.hide.call(this)},R);function R(e,t,n,r){var o=et.call(this,e,n)||this;return o.popupService=e,o.templateService=t,o.localizationService=n,o.ngZone=r,o.tooltipContext={},o.animate=!0,o.wrapperClass="k-tooltip-wrapper",o.leave=new s.EventEmitter,o.popupClasses={},o}E.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:E,deps:[{token:m.PopupService},{token:z},{token:u.LocalizationService},{token:c.NgZone}],target:c.ɵɵFactoryTarget.Component}),E.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:E,selector:"kendo-map-tooltip-popup",inputs:{animate:"animate",classNames:"classNames",popupSettings:"popupSettings",wrapperClass:"wrapperClass"},outputs:{leave:"leave"},providers:[i.PopupService,{provide:i.POPUP_CONTAINER,useFactory:Ye}],viewQueries:[{propertyName:"templateRef",first:!0,predicate:["content"],descendants:!0,static:!0}],usesInheritance:!0,ngImport:c,template:'\n    <ng-template #content>\n        <div [ngClass]="popupClasses" [ngStyle]="style">\n            <div class="k-tooltip-content">\n                <ng-template [ngTemplateOutlet]="tooltipTemplateRef"\n                            [ngTemplateOutletContext]="tooltipContext">\n                </ng-template>\n            </div>\n        </div>\n    </ng-template>\n    ',isInline:!0,directives:[{type:g.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:g.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:g.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:E,decorators:[{type:s.Component,args:[{providers:[i.PopupService,{provide:i.POPUP_CONTAINER,useFactory:Ye}],selector:"kendo-map-tooltip-popup",template:'\n    <ng-template #content>\n        <div [ngClass]="popupClasses" [ngStyle]="style">\n            <div class="k-tooltip-content">\n                <ng-template [ngTemplateOutlet]="tooltipTemplateRef"\n                            [ngTemplateOutletContext]="tooltipContext">\n                </ng-template>\n            </div>\n        </div>\n    </ng-template>\n    '}]}],ctorParameters:function(){return[{type:m.PopupService},{type:z},{type:u.LocalizationService},{type:c.NgZone}]},propDecorators:{templateRef:[{type:s.ViewChild,args:["content",{static:!0}]}],animate:[{type:s.Input}],classNames:[{type:s.Input}],popupSettings:[{type:s.Input}],wrapperClass:[{type:s.Input}],leave:[{type:s.Output}]}});V.prototype.ngAfterViewInit=function(){var t=this;this.canRender&&this.ngZone.runOutsideAngular(function(){var e=t.renderer.listen(t.surfaceElement.nativeElement,"mouseleave",t.mapMouseleave.bind(t));t.domSubscriptions=function(){e()}}),this.setDirection(),this.initConfig(),this.subscriptions=this.localizationService.changes.subscribe(function(){return t.setDirection()})},V.prototype.ngAfterViewChecked=function(){var e=this;this.instance&&this.autoResize&&this.ngZone.runOutsideAngular(function(){clearTimeout(e.resizeTimeout),e.resizeTimeout=setTimeout(function(){e.resize()},0)})},V.prototype.ngOnChanges=function(e){var t=this.configurationService.store;U(e,t),t.popupSettings=null,this.configurationService.push(t)},V.prototype.ngOnDestroy=function(){this.destroyed=!0,this.optionsChange&&this.optionsChange.unsubscribe(),this.domSubscriptions&&(this.domSubscriptions(),this.domSubscriptions=null),this.instance&&(this.instance.destroy(),this.instance=null),this.subscriptions&&this.subscriptions.unsubscribe()},V.prototype.resize=function(){this.instance},V.prototype.onResize=function(){this.autoResize&&this.resize()},Object.defineProperty(V.prototype,"canRender",{get:function(){return n.isDocumentAvailable()&&Boolean(this.surfaceElement)},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"autoResize",{get:function(){return 0<this.resizeRateLimit},enumerable:!1,configurable:!0}),V.prototype.init=function(){var e,t;this.canRender&&(e=this.surfaceElement.nativeElement,t=new te(this),this.createInstance(e,t))},V.prototype.initConfig=function(){var t=this;n.isDocumentAvailable()&&this.ngZone.runOutsideAngular(function(){t.optionsChange=t.configurationService.changes.pipe(N.tap(function(e){t.options=e})).subscribe(function(){t.instance?t.instance.setOptions(t.options):t.init()})})},V.prototype.createInstance=function(e,t){this.instance=new o.Map(e,this.options,this.theme,{observer:t,rtl:this.rtl,sender:this})},V.prototype.activeEmitter=function(e){e=this["click"===e?"mapClick":e];if(e&&e.emit&&n.hasObservers(e))return e},V.prototype.trigger=function(e,t){var n,r=this.activeEmitter(e);if(r)return n=this.instanceEventService.create(e,t,this),this.run(function(){r.emit(n)}),n.isDefaultPrevented&&n.isDefaultPrevented()},V.prototype.run=function(e,t,n){(t=void 0===t?!0:t)?(n&&this.changeDetector.markForCheck(),this.ngZone.run(e)):(e(),n&&this.detectChanges())},V.prototype.detectChanges=function(){this.destroyed||this.changeDetector.detectChanges()},V.prototype.setDirection=function(){this.rtl=this.isRTL,this.element&&this.renderer.setAttribute(this.element.nativeElement,"dir",this.rtl?"rtl":"ltr")},Object.defineProperty(V.prototype,"isRTL",{get:function(){return Boolean(this.localizationService.rtl)},enumerable:!1,configurable:!0}),V.prototype.onShowTooltip=function(e){var t=this;this.run(function(){t.tooltipInstance.show(e)},!0,!0)},V.prototype.onHideTooltip=function(){var e=this;this.run(function(){e.tooltipInstance.hide()},!0,!0)},V.prototype.tooltipMouseleave=function(e){var e=e.relatedTarget,t=this.element.nativeElement;!this.instance||e&&Y(e,t)||this.tooltipInstance.hide()},V.prototype.mapMouseleave=function(e){var e=e.relatedTarget,t=this.element.nativeElement;!this.instance||e&&(this.tooltipInstance.containsElement(e)||Y(e,t))||this.tooltipInstance.hide()};g=V;function V(e,t,n,r,o,i,a){this.configurationService=e,this.instanceEventService=t,this.element=n,this.localizationService=r,this.changeDetector=o,this.ngZone=i,this.renderer=a,this.resizeRateLimit=10,this.zoom=3,this.beforeReset=new s.EventEmitter,this.mapClick=new s.EventEmitter,this.markerActivate=new s.EventEmitter,this.markerClick=new s.EventEmitter,this.markerCreated=new s.EventEmitter,this.panEnd=new s.EventEmitter,this.pan=new s.EventEmitter,this.reset=new s.EventEmitter,this.shapeClick=new s.EventEmitter,this.shapeCreated=new s.EventEmitter,this.shapeFeatureCreated=new s.EventEmitter,this.shapeMouseEnter=new s.EventEmitter,this.shapeMouseLeave=new s.EventEmitter,this.zoomStart=new s.EventEmitter,this.zoomEnd=new s.EventEmitter,this.theme=null,this.rtl=!1,j.validatePackage(Je)}g.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:g,deps:[{token:y},{token:$e},{token:c.ElementRef},{token:u.LocalizationService},{token:c.ChangeDetectorRef},{token:c.NgZone},{token:c.Renderer2}],target:c.ɵɵFactoryTarget.Component}),g.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:g,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"},providers:[y,$e,r.LocalizationService,z,{provide:r.L10N_PREFIX,useValue:"kendo.map"}],viewQueries:[{propertyName:"surfaceElement",first:!0,predicate:["surface"],descendants:!0,static:!0},{propertyName:"tooltipInstance",first:!0,predicate:E,descendants:!0,static:!0}],exportAs:["kendoChart"],usesOnChanges:!0,ngImport:c,template:'\n    <div #surface></div>\n    <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">\n    </kendo-map-tooltip-popup>\n    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n  ',isInline:!0,components:[{type:E,selector:"kendo-map-tooltip-popup",inputs:["animate","classNames","popupSettings","wrapperClass"],outputs:["leave"]},{type:t.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],changeDetection:c.ChangeDetectionStrategy.OnPush}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:g,decorators:[{type:s.Component,args:[{selector:"kendo-map",changeDetection:s.ChangeDetectionStrategy.OnPush,exportAs:"kendoChart",providers:[y,$e,r.LocalizationService,z,{provide:r.L10N_PREFIX,useValue:"kendo.map"}],template:'\n    <div #surface></div>\n    <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">\n    </kendo-map-tooltip-popup>\n    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n  '}]}],ctorParameters:function(){return[{type:y},{type:$e},{type:c.ElementRef},{type:u.LocalizationService},{type:c.ChangeDetectorRef},{type:c.NgZone},{type:c.Renderer2}]},propDecorators:{resizeRateLimit:[{type:s.Input}],center:[{type:s.Input}],controls:[{type:s.Input}],minZoom:[{type:s.Input}],maxZoom:[{type:s.Input}],minSize:[{type:s.Input}],pannable:[{type:s.Input}],popupSettings:[{type:s.Input}],wraparound:[{type:s.Input}],zoom:[{type:s.Input}],zoomable:[{type:s.Input}],beforeReset:[{type:s.Output}],mapClick:[{type:s.Output}],markerActivate:[{type:s.Output}],markerClick:[{type:s.Output}],markerCreated:[{type:s.Output}],panEnd:[{type:s.Output}],pan:[{type:s.Output}],reset:[{type:s.Output}],shapeClick:[{type:s.Output}],shapeCreated:[{type:s.Output}],shapeFeatureCreated:[{type:s.Output}],shapeMouseEnter:[{type:s.Output}],shapeMouseLeave:[{type:s.Output}],zoomStart:[{type:s.Output}],zoomEnd:[{type:s.Output}],surfaceElement:[{type:s.ViewChild,args:["surface",{static:!0}]}],tooltipInstance:[{type:s.ViewChild,args:[E,{static:!0}]}]}});M.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},M.prototype.ngAfterContentInit=function(){var e=this;this.readItems(),this.children.changes.subscribe(function(){return e.readItems()})},M.prototype.processChanges=function(e){var t;!this.children||(t=this.children.toArray().indexOf(e.sender))<0||(this.items[t]=e.options,this.change())},M.prototype.readItems=function(){this.items=this.children.map(function(e){return e.options}),this.change()},M.prototype.change=function(){this.configurationService.notify(new q(this.configKey,0===this.items.length?void 0:this.items))};i=M;function M(e,t,n){var r=this;this.configKey=e,this.configurationService=t,this.collectionService=n,this.items=[],this.subscription=n.itemChanges.subscribe(function(e){return r.processChanges(e)})}i.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:i,deps:"invalid",target:c.ɵɵFactoryTarget.Directive}),i.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:i,ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:i,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:void 0},{type:y},{type:v}]}});h(nt,tt=i);var tt,t=nt;function nt(e,t){var n=tt.call(this,"layers",e,t)||this;return n.configurationService=e,n.collectionService=t,n}t.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,deps:[{token:y},{token:v}],target:c.ɵɵFactoryTarget.Component}),t.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:t,selector:"kendo-map-layers",providers:[v],queries:[{propertyName:"children",predicate:f}],usesInheritance:!0,ngImport:c,template:"",isInline:!0,changeDetection:c.ChangeDetectionStrategy.OnPush}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:t,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[v],selector:"kendo-map-layers",template:""}]}],ctorParameters:function(){return[{type:y},{type:v}]},propDecorators:{children:[{type:s.ContentChildren,args:[f]}]}});h(ot,rt=f);var rt,w=ot;function ot(e,t,n){var r=rt.call(this,"marker",e,t,n)||this;return r.configurationService=e,r.collectionService=t,r.sanitizer=n,r}w.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:w,deps:[{token:y},{token:v},{token:l.DomSanitizer}],target:c.ɵɵFactoryTarget.Component}),w.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"kendo-map-marker-layer",inputs:{data:"data",locationField:"locationField",titleField:"titleField",shape:"shape"},providers:[y,{provide:f,useExisting:s.forwardRef(function(){return w})}],usesInheritance:!0,ngImport:c,template:"",isInline:!0,changeDetection:c.ChangeDetectionStrategy.OnPush}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:w,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[y,{provide:f,useExisting:s.forwardRef(function(){return w})}],selector:"kendo-map-marker-layer",template:""}]}],ctorParameters:function(){return[{type:y},{type:v},{type:l.DomSanitizer}]},propDecorators:{data:[{type:s.Input}],locationField:[{type:s.Input}],titleField:[{type:s.Input}],shape:[{type:s.Input}]}});h(at,it=f);var it,P=at;function at(e,t,n){var r=it.call(this,"shape",e,t,n)||this;return r.configurationService=e,r.collectionService=t,r.sanitizer=n,r}P.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:P,deps:[{token:y},{token:v},{token:l.DomSanitizer}],target:c.ɵɵFactoryTarget.Component}),P.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:P,selector:"kendo-map-shape-layer",inputs:{data:"data",style:"style"},providers:[y,{provide:f,useExisting:s.forwardRef(function(){return P})}],usesInheritance:!0,ngImport:c,template:"",isInline:!0,changeDetection:c.ChangeDetectionStrategy.OnPush}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:P,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[y,{provide:f,useExisting:s.forwardRef(function(){return P})}],selector:"kendo-map-shape-layer",template:""}]}],ctorParameters:function(){return[{type:y},{type:v},{type:l.DomSanitizer}]},propDecorators:{data:[{type:s.Input}],style:[{type:s.Input}]}});h(pt,st=f);var st,F=pt;function pt(e,t,n){var r=st.call(this,"tile",e,t,n)||this;return r.configurationService=e,r.collectionService=t,r.sanitizer=n,r}F.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:F,deps:[{token:y},{token:v},{token:l.DomSanitizer}],target:c.ɵɵFactoryTarget.Component}),F.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"kendo-map-tile-layer",inputs:{tileSize:"tileSize",subdomains:"subdomains",urlTemplate:"urlTemplate"},providers:[y,{provide:f,useExisting:s.forwardRef(function(){return F})}],usesInheritance:!0,ngImport:c,template:"",isInline:!0,changeDetection:c.ChangeDetectionStrategy.OnPush}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:F,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[y,{provide:f,useExisting:s.forwardRef(function(){return F})}],selector:"kendo-map-tile-layer",template:""}]}],ctorParameters:function(){return[{type:y},{type:v},{type:l.DomSanitizer}]},propDecorators:{tileSize:[{type:s.Input}],subdomains:[{type:s.Input}],urlTemplate:[{type:s.Input}]}});var ct,r=function(e){this.templateRef=e},i=(r.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:r,deps:[{token:c.TemplateRef,optional:!0}],target:c.ɵɵFactoryTarget.Directive}),r.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:r,selector:"[kendoMapBubbleTooltipTemplate]",ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:r,decorators:[{type:s.Directive,args:[{selector:"[kendoMapBubbleTooltipTemplate]"}]}],ctorParameters:function(){return[{type:c.TemplateRef,decorators:[{type:s.Optional}]}]}}),function(e){this.templateRef=e}),f=(i.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:i,deps:[{token:c.TemplateRef,optional:!0}],target:c.ɵɵFactoryTarget.Directive}),i.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:i,selector:"[kendoMapMarkerTooltipTemplate]",ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:i,decorators:[{type:s.Directive,args:[{selector:"[kendoMapMarkerTooltipTemplate]"}]}],ctorParameters:function(){return[{type:c.TemplateRef,decorators:[{type:s.Optional}]}]}}),function(e){this.templateRef=e}),D=(f.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:f,deps:[{token:c.TemplateRef,optional:!0}],target:c.ɵɵFactoryTarget.Directive}),f.ɵdir=c.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:f,selector:"[kendoMapShapeTooltipTemplate]",ngImport:c}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:f,decorators:[{type:s.Directive,args:[{selector:"[kendoMapShapeTooltipTemplate]"}]}],ctorParameters:function(){return[{type:c.TemplateRef,decorators:[{type:s.Optional}]}]}}),h(lt,ct=D),lt.prototype.ngAfterContentChecked=function(){var e;this.templateService.markerTemplate=null==(e=this.markerTooltipTemplate)?void 0:e.templateRef,this.templateService.shapeTemplate=null==(e=this.shapeTooltipTemplate)?void 0:e.templateRef,this.templateService.bubbleTemplate=null==(e=this.bubbleTooltipTemplate)?void 0:e.templateRef},lt);function lt(e,t){var n=ct.call(this,"tooltip",e)||this;return n.configurationService=e,n.templateService=t,n.markAsVisible(),n}D.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:D,deps:[{token:y},{token:z}],target:c.ɵɵFactoryTarget.Component}),D.ɵcmp=c.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"kendo-map-tooltip",inputs:{visible:"visible"},queries:[{propertyName:"markerTooltipTemplate",first:!0,predicate:i,descendants:!0},{propertyName:"shapeTooltipTemplate",first:!0,predicate:f,descendants:!0},{propertyName:"bubbleTooltipTemplate",first:!0,predicate:r,descendants:!0}],usesInheritance:!0,ngImport:c,template:"",isInline:!0}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:D,decorators:[{type:s.Component,args:[{selector:"kendo-map-tooltip",template:""}]}],ctorParameters:function(){return[{type:y},{type:z}]},propDecorators:{visible:[{type:s.Input}],markerTooltipTemplate:[{type:s.ContentChild,args:[i,{static:!1}]}],shapeTooltipTemplate:[{type:s.ContentChild,args:[f,{static:!1}]}],bubbleTooltipTemplate:[{type:s.ContentChild,args:[r,{static:!1}]}]}});var ut=[b,r,t,k,g,w,i,P,f,F,D,E],x=function(){};x.ɵfac=c.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,deps:[],target:c.ɵɵFactoryTarget.NgModule}),x.ɵmod=c.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,declarations:[b,r,t,k,g,w,i,P,f,F,D,E],imports:[a.CommonModule,A.TooltipsModule,n.ResizeSensorModule],exports:[b,r,t,k,g,w,i,P,f,F,D,E]}),x.ɵinj=c.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,imports:[[a.CommonModule,A.TooltipsModule,n.ResizeSensorModule]]}),c.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:c,type:x,decorators:[{type:s.NgModule,args:[{declarations:[ut],imports:[a.CommonModule,A.TooltipsModule,n.ResizeSensorModule],exports:[ut]}]}]}),Object.defineProperty(e,"Extent",{enumerable:!0,get:function(){return o.Extent}}),Object.defineProperty(e,"Location",{enumerable:!0,get:function(){return o.Location}}),e.BeforeResetEvent=oe,e.BubbleLayerComponent=b,e.BubbleTooltipTemplateDirective=r,e.LayerTooltipComponent=k,e.LayersComponent=t,e.MapClickEvent=se,e.MapComponent=g,e.MapModule=x,e.MarkerActivateEvent=le,e.MarkerClickEvent=ge,e.MarkerCreatedEvent=fe,e.MarkerLayerComponent=w,e.MarkerTooltipTemplateDirective=i,e.PanEndEvent=Ie,e.PanEvent=Se,e.ResetEvent=Oe,e.ShapeClickEvent=Ve,e.ShapeCreatedEvent=Pe,e.ShapeFeatureCreatedEvent=Le,e.ShapeLayerComponent=P,e.ShapeMouseEnterEvent=Ae,e.ShapeMouseLeaveEvent=qe,e.ShapeTooltipTemplateDirective=f,e.TileLayerComponent=F,e.TooltipComponent=D,e.TooltipPopupComponent=E,e.ZoomEndEvent=S,e.ZoomStartEvent=T,e.bodyFactory=Ye,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("@angular/platform-browser"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-charts"),require("@progress/kendo-licensing"),require("rxjs/operators"),require("@progress/kendo-angular-popup"),require("@angular/common"),require("@progress/kendo-angular-tooltip")):"function"==typeof define&&define.amd?define("KendoAngularMap",["exports","@angular/core","rxjs","@angular/platform-browser","@progress/kendo-angular-common","@progress/kendo-angular-l10n","@progress/kendo-charts","@progress/kendo-licensing","rxjs/operators","@progress/kendo-angular-popup","@angular/common","@progress/kendo-angular-tooltip"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularMap={},e.ng.core,e.rxjs,e.ng.platformBrowser,e.KendoAngularCommon,e.KendoAngularL10N,e.KendoCharts,e.KendoLicensing,e.rxjs.operators,e.i1,e.ng.common,e.kendoAngularTooltip)}(this,function(e,s,L,t,n,r,j,A,N,o,Z,_){"use strict";function i(n){if(n&&n.__esModule)return n;var r=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),r.default=n,Object.freeze(r)}var a=i(s),p=i(t),t=i(n),c=i(r),q=i(o),l=i(Z),K=function(e,t){return(K=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}K(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function B(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}Object.create;var U=function(e,t){this.key=e,this.value=t},m=(g.prototype.initSource=function(){this.changes=this.source.asObservable()},g.prototype.push=function(e){this.store=e,this.next()},g.prototype.notify=function(e){this.set(e.key,e.value),this.next()},g.prototype.set=function(e,t){for(var n=this.store,r=e.split("."),o=r.shift();0<r.length;)n=n[o]=n[o]||{},o=r.shift();n[o]=t},g.prototype.next=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.source.next(e.store)})},g);function g(e){this.ngZone=e,this.store={},this.source=new L.BehaviorSubject({}),this.initSource()}m.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:m,deps:[{token:a.NgZone}],target:a.ɵɵFactoryTarget.Injectable}),m.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:m}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:m,decorators:[{type:s.Injectable}],ctorParameters:function(){return[{type:a.NgZone}]}});var H=function(e,t){this.sender=e,this.options=t},y=(Q.prototype.notify=function(e){this.source.next(e)},Q);function Q(){this.source=new L.Subject,this.itemChanges=this.source.asObservable()}function X(e,t){for(var n in e){var r;e.hasOwnProperty(n)&&(void 0===(r=e[n].currentValue)?delete t[n]:t[n]=r)}}function $(e){var t,n={};for(t in e)e.hasOwnProperty(t)&&(n[t]=new s.SimpleChange(null,e[t],!1));return n}y.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:y,deps:[],target:a.ɵɵFactoryTarget.Injectable}),y.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:y}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:y,decorators:[{type:s.Injectable}],ctorParameters:function(){return[]}});d.prototype.ngOnChanges=function(e){var t=this.configurationService.store;X(e,t),this.configurationService.push(t)},d.prototype.notifyChanges=function(e){this.ngOnChanges($(e))},d.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},d.prototype.notify=function(){this.collectionService&&this.collectionService.notify(new H(this,this.options))};var h=d;function d(e,t){var n=this;this.configurationService=e,this.collectionService=t,this.index=-1,this.options={},this.subscription=e.changes.subscribe(function(e){n.options=e,n.notify()})}h.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:h,deps:[{token:m},{token:y}],target:a.ɵɵFactoryTarget.Directive}),h.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:h,usesOnChanges:!0,ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:h,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:m},{type:y}]}});f.prototype.ngOnDestroy=function(){this.store=void 0,this.notify()},f.prototype.ngOnChanges=function(e){X(e,this.store),this.notify()},f.prototype.notifyChanges=function(e){this.ngOnChanges($(e))},f.prototype.markAsVisible=function(){this.store.visible=!0,this.notify()},f.prototype.notify=function(){this.configurationService.notify(new U(this.configKey,this.store))};var v=f;function f(e,t){if(this.configKey=e,this.configurationService=t,this.store={},void 0===e)throw new Error("Configuration key not set")}v.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:v,deps:"invalid",target:a.ɵɵFactoryTarget.Directive}),v.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:v,usesOnChanges:!0,ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:v,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:void 0},{type:m}]}});u(J,G=v),Object.defineProperty(J.prototype,"layerTooltipTemplateRef",{get:function(){return this.layerTooltipTemplate},enumerable:!1,configurable:!0});var G,C=J;function J(e){var t=G.call(this,"tooltip",e)||this;return t.configurationService=e,t}C.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:C,deps:[{token:m}],target:a.ɵɵFactoryTarget.Component}),C.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"kendo-map-layer-tooltip",queries:[{propertyName:"layerTooltipTemplate",first:!0,predicate:s.TemplateRef,descendants:!0}],usesInheritance:!0,ngImport:a,template:"",isInline:!0,changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:C,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,selector:"kendo-map-layer-tooltip",template:""}]}],ctorParameters:function(){return[{type:m}]},propDecorators:{layerTooltipTemplate:[{type:s.ContentChild,args:[s.TemplateRef,{static:!1}]}]}});u(Y,W=h),Y.prototype.ngOnChanges=function(e){this.configurationService.store.type=this.type;var t=e.attribution;t&&this.sanitizer&&(t.currentValue=this.sanitizer.sanitize(s.SecurityContext.HTML,t.currentValue)),W.prototype.ngOnChanges.call(this,e)},Object.defineProperty(Y.prototype,"layerTooltipTemplateRef",{get:function(){if(this.layerTooltip)return this.layerTooltip.layerTooltipTemplateRef},enumerable:!1,configurable:!0});var W,D=Y;function Y(e,t,n,r){var o=W.call(this,t,n)||this;return o.type=e,o.configurationService=t,o.collectionService=n,o.sanitizer=r,o}D.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:D,deps:"invalid",target:a.ɵɵFactoryTarget.Directive}),D.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:D,inputs:{attribution:"attribution",extent:"extent",maxZoom:"maxZoom",minZoom:"minZoom",opacity:"opacity",zIndex:"zIndex"},queries:[{propertyName:"layerTooltip",first:!0,predicate:C,descendants:!0}],usesInheritance:!0,usesOnChanges:!0,ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:D,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:void 0},{type:m},{type:y},{type:p.DomSanitizer}]},propDecorators:{attribution:[{type:s.Input}],extent:[{type:s.Input}],maxZoom:[{type:s.Input}],minZoom:[{type:s.Input}],opacity:[{type:s.Input}],zIndex:[{type:s.Input}],layerTooltip:[{type:s.ContentChild,args:[C,{static:!1}]}]}});u(te,ee=D);var ee,I=te;function te(e,t,n){var r=ee.call(this,"bubble",e,t,n)||this;return r.configurationService=e,r.collectionService=t,r.sanitizer=n,r}function ne(e,t){for(var n=e;n&&n!==t;)n=n.parentNode;return!!n}I.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,deps:[{token:m},{token:y},{token:p.DomSanitizer}],target:a.ɵɵFactoryTarget.Component}),I.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"kendo-map-bubble-layer",inputs:{data:"data",locationField:"locationField",valueField:"valueField",symbol:"symbol",style:"style",maxSize:"maxSize",minSize:"minSize"},providers:[m,{provide:D,useExisting:s.forwardRef(function(){return I})}],usesInheritance:!0,ngImport:a,template:"",isInline:!0,changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:I,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[m,{provide:D,useExisting:s.forwardRef(function(){return I})}],selector:"kendo-map-bubble-layer",template:""}]}],ctorParameters:function(){return[{type:m},{type:y},{type:p.DomSanitizer}]},propDecorators:{data:[{type:s.Input}],locationField:[{type:s.Input}],valueField:[{type:s.Input}],symbol:[{type:s.Input}],style:[{type:s.Input}],maxSize:[{type:s.Input}],minSize:[{type:s.Input}]}});u(ie,re=j.InstanceObserver);var re,oe=ie;function ie(e){e=re.call(this,e)||this;return e.handlerMap={hideTooltip:"onHideTooltip",init:"onInit",render:"onRender",showTooltip:"onShowTooltip"},e}var ae,h=function(e){this.sender=e},se=(h.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:h,deps:"invalid",target:a.ɵɵFactoryTarget.Directive}),h.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:h,ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:h,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:void 0}]}}),u(pe,ae=h),pe);function pe(e,t){return ae.call(this,t)||this}u(ue,ce=h);var ce,le=ue;function ue(e,t){t=ce.call(this,t)||this;return t.location=e.location,t.originalEvent=e.originalEvent,t}u(ye,me=h);var me,ge=ye;function ye(e,t){t=me.call(this,t)||this;return t.marker=e.marker,t.layer=e.layer,t}u(ve,he=h);var he,de=ve;function ve(e,t){t=he.call(this,t)||this;return t.marker=e.marker,t.layer=e.layer,t}u(Ce,fe=h),Ce.prototype.preventDefault=function(){this.prevented=!0},Ce.prototype.isDefaultPrevented=function(){return this.prevented};var fe,k=Ce;function Ce(){var e=fe.apply(this,function(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||((r=r||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}([],B(arguments)))||this;return e.prevented=!1,e}k.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,deps:null,target:a.ɵɵFactoryTarget.Directive}),k.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:k,usesInheritance:!0,ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:k,decorators:[{type:s.Directive}]});u(ke,De=k);var De,Ie=ke;function ke(e,t){t=De.call(this,t)||this;return t.marker=e.marker,t.layer=e.layer,t}u(Te,be=h);var be,Se=Te;function Te(e,t){t=be.call(this,t)||this;return t.origin=e.origin,t.center=e.center,t.originalEvent=e.originalEvent,t}u(ze,Ee=h);var Ee,Oe=ze;function ze(e,t){t=Ee.call(this,t)||this;return t.origin=e.origin,t.center=e.center,t.originalEvent=e.originalEvent,t}u(Me,Re=h);var Re,Ve=Me;function Me(e,t){return Re.call(this,t)||this}u(Pe,we=h);var we,Fe=Pe;function Pe(e,t){t=we.call(this,t)||this;return t.layer=e.layer,t.shape=e.shape,t.originalEvent=e.originalEvent,t}u(je,xe=h);var xe,Le=je;function je(e,t){t=xe.call(this,t)||this;return t.layer=e.layer,t.shape=e.shape,t.dataItem=e.shape.dataItem,t.location=e.shape.location,t}u(Ze,Ae=h);var Ae,Ne=Ze;function Ze(e,t){t=Ae.call(this,t)||this;return t.dataItem=e.dataItem,t.layer=e.layer,t.group=e.group,t.properties=e.properties,t}u(Ke,_e=h);var _e,qe=Ke;function Ke(e,t){t=_e.call(this,t)||this;return t.layer=e.layer,t.shape=e.shape,t.originalEvent=e.originalEvent,t}u(He,Be=h);var Be,Ue=He;function He(e,t){t=Be.call(this,t)||this;return t.layer=e.layer,t.shape=e.shape,t.originalEvent=e.originalEvent,t}u(Xe,Qe=h);var Qe,h=Xe;function Xe(e,t){t=Qe.call(this,t)||this;return t.originalEvent=e.originalEvent,t}u(Ge,$e=k);var $e,k=Ge;function Ge(e,t){t=$e.call(this,t)||this;return t.originalEvent=e.originalEvent,t}var Je={beforeReset:se,click:le,markerActivate:ge,markerClick:de,markerCreated:Ie,panEnd:Se,pan:Oe,reset:Ve,shapeClick:Fe,shapeCreated:Le,shapeFeatureCreated:Ne,shapeMouseEnter:qe,shapeMouseLeave:Ue,zoomEnd:h,zoomStart:k},We=(Ye.prototype.create=function(e,t,n){if(Je[e])return new Je[e](t,n)},Ye);function Ye(){}var et={name:"@progress/kendo-angular-map",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1655372949,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"},tt={horizontal:"fit",vertical:"fit"},b=(Object.defineProperty(S.prototype,"active",{get:function(){return null!==this.popupRef},enumerable:!1,configurable:!0}),S.prototype.show=function(e){e=this.position(e.anchor);this.popupRef?this.popupRef.popup.instance.offset=e:(this.popupRef=this.popupService.open(Object.assign({offset:e,popupAlign:{vertical:"bottom",horizontal:"center"},animate:this.animate,content:this.templateRef,collision:tt,positionMode:"absolute"},this.popupSettings)),this.localizationService.rtl&&this.popupRef.popupElement.setAttribute("dir","rtl"),this.onInit())},S.prototype.hide=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null)},S.prototype.onInit=function(){},S.prototype.ngOnDestroy=function(){this.hide()},S.prototype.position=function(e){if(!this.popupSettings||!this.popupSettings.appendTo)return e;var t=this.popupSettings.appendTo.element.nativeElement,n=t.getBoundingClientRect(),t=this.scrollOffset(t),r=t.scrollLeft,t=t.scrollTop;return{left:e.left-n.left-r,top:e.top-n.top-t}},S.prototype.scrollOffset=function(e){if(!e)return null;for(var t=e.scrollLeft,n=e.scrollTop,r=e.parentElement;r;)t+=r.scrollLeft,n+=r.scrollTop,r=r.parentElement;return{scrollLeft:t,scrollTop:n}},S);function S(e,t){this.popupService=e,this.localizationService=t,this.animate=!0,this.style={position:"relative"},this.popupRef=null}function nt(){if(n.isDocumentAvailable())return new s.ElementRef(document.body)}b.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:b,deps:[{token:q.PopupService},{token:c.LocalizationService}],target:a.ɵɵFactoryTarget.Directive}),b.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:b,ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:b,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:q.PopupService},{type:c.LocalizationService}]}});rt.prototype.registerTemplate=function(e,t){-1<e&&(this.templates[e]=t)},rt.prototype.getTemplate=function(e){if(-1<e)return this.templates[e]};var T=rt;function rt(){this.templates=[]}T.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:T,deps:[],target:a.ɵɵFactoryTarget.Injectable}),T.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:T}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:T,decorators:[{type:s.Injectable}]});u(E,ot=b),E.prototype.show=function(e){var t;this.tooltipTemplateRef=this.templateService.getTemplate(e.layerIndex),this.tooltipTemplateRef&&(this.popupClasses=Object.assign(((t={"k-tooltip":!0,"k-map-tooltip":!0})[e.className]=Boolean(e.className),t),this.classNames),this.tooltipContext=e,ot.prototype.show.call(this,e))},E.prototype.containsElement=function(e){if(this.popupRef)return ne(e,this.popupRef.popupElement)},E.prototype.onInit=function(){var t=this;this.ngZone.runOutsideAngular(function(){t.mouseleaveSubscription=t.popupRef.popupElement.addEventListener("mouseleave",function(e){t.leave.emit(e)})}),this.popupRef.popupElement.classList.add(this.wrapperClass)},E.prototype.hide=function(){this.mouseleaveSubscription&&(this.mouseleaveSubscription(),this.mouseleaveSubscription=null),this.tooltipTemplateRef=null,ot.prototype.hide.call(this)};var ot,b=E;function E(e,t,n,r){var o=ot.call(this,e,n)||this;return o.popupService=e,o.templateService=t,o.localizationService=n,o.ngZone=r,o.tooltipContext={},o.animate=!0,o.wrapperClass="k-tooltip-wrapper",o.leave=new s.EventEmitter,o.popupClasses={},o}b.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:b,deps:[{token:q.PopupService},{token:T},{token:c.LocalizationService},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Component}),b.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"kendo-map-tooltip-popup",inputs:{animate:"animate",classNames:"classNames",popupSettings:"popupSettings",wrapperClass:"wrapperClass"},outputs:{leave:"leave"},providers:[o.PopupService,{provide:o.POPUP_CONTAINER,useFactory:nt}],viewQueries:[{propertyName:"templateRef",first:!0,predicate:["content"],descendants:!0,static:!0}],usesInheritance:!0,ngImport:a,template:'\n    <ng-template #content>\n        <div [ngClass]="popupClasses" [ngStyle]="style">\n            <div class="k-tooltip-content">\n                <ng-template [ngTemplateOutlet]="tooltipTemplateRef"\n                            [ngTemplateOutletContext]="tooltipContext">\n                </ng-template>\n            </div>\n        </div>\n    </ng-template>\n    ',isInline:!0,directives:[{type:l.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:l.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:l.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:b,decorators:[{type:s.Component,args:[{providers:[o.PopupService,{provide:o.POPUP_CONTAINER,useFactory:nt}],selector:"kendo-map-tooltip-popup",template:'\n    <ng-template #content>\n        <div [ngClass]="popupClasses" [ngStyle]="style">\n            <div class="k-tooltip-content">\n                <ng-template [ngTemplateOutlet]="tooltipTemplateRef"\n                            [ngTemplateOutletContext]="tooltipContext">\n                </ng-template>\n            </div>\n        </div>\n    </ng-template>\n    '}]}],ctorParameters:function(){return[{type:q.PopupService},{type:T},{type:c.LocalizationService},{type:a.NgZone}]},propDecorators:{templateRef:[{type:s.ViewChild,args:["content",{static:!0}]}],animate:[{type:s.Input}],classNames:[{type:s.Input}],popupSettings:[{type:s.Input}],wrapperClass:[{type:s.Input}],leave:[{type:s.Output}]}});O.prototype.ngAfterViewInit=function(){var t=this;this.canRender&&this.ngZone.runOutsideAngular(function(){var e=t.renderer.listen(t.surfaceElement.nativeElement,"mouseleave",t.mapMouseleave.bind(t));t.domSubscriptions=function(){e()}}),this.setDirection(),this.initConfig(),this.subscriptions=this.localizationService.changes.subscribe(function(){return t.setDirection()})},O.prototype.ngAfterViewChecked=function(){var e=this;this.instance&&this.autoResize&&this.ngZone.runOutsideAngular(function(){clearTimeout(e.resizeTimeout),e.resizeTimeout=setTimeout(function(){e.resize()},0)})},O.prototype.ngOnChanges=function(e){var t=this.configurationService.store;X(e,t),t.popupSettings=null,this.configurationService.push(t)},O.prototype.ngOnDestroy=function(){this.destroyed=!0,this.optionsChange&&this.optionsChange.unsubscribe(),this.domSubscriptions&&(this.domSubscriptions(),this.domSubscriptions=null),this.instance&&(this.instance.destroy(),this.instance=null),this.subscriptions&&this.subscriptions.unsubscribe()},O.prototype.resize=function(){this.instance},O.prototype.onResize=function(){this.autoResize&&this.resize()},Object.defineProperty(O.prototype,"canRender",{get:function(){return n.isDocumentAvailable()&&Boolean(this.surfaceElement)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"autoResize",{get:function(){return 0<this.resizeRateLimit},enumerable:!1,configurable:!0}),O.prototype.init=function(){var e,t;this.canRender&&(e=this.surfaceElement.nativeElement,t=new oe(this),this.createInstance(e,t))},O.prototype.initConfig=function(){var t=this;n.isDocumentAvailable()&&this.ngZone.runOutsideAngular(function(){t.optionsChange=t.configurationService.changes.pipe(N.tap(function(e){t.options=e})).subscribe(function(){t.instance?t.instance.setOptions(t.options):t.init()})})},O.prototype.createInstance=function(e,t){this.instance=new j.Map(e,this.options,this.theme,{observer:t,rtl:this.rtl,sender:this})},O.prototype.activeEmitter=function(e){e=this["click"===e?"mapClick":e];if(e&&e.emit&&n.hasObservers(e))return e},O.prototype.trigger=function(e,t){var n,r=this.activeEmitter(e);if(r)return n=this.instanceEventService.create(e,t,this),this.run(function(){r.emit(n)}),n.isDefaultPrevented&&n.isDefaultPrevented()},O.prototype.run=function(e,t,n){(t=void 0===t?!0:t)?(n&&this.changeDetector.markForCheck(),this.ngZone.run(e)):(e(),n&&this.detectChanges())},O.prototype.detectChanges=function(){this.destroyed||this.changeDetector.detectChanges()},O.prototype.setDirection=function(){this.rtl=this.isRTL,this.element&&this.renderer.setAttribute(this.element.nativeElement,"dir",this.rtl?"rtl":"ltr")},Object.defineProperty(O.prototype,"isRTL",{get:function(){return Boolean(this.localizationService.rtl)},enumerable:!1,configurable:!0}),O.prototype.onShowTooltip=function(e){var t=this;this.run(function(){t.tooltipInstance.show(e)},!0,!0)},O.prototype.onHideTooltip=function(){var e=this;this.run(function(){e.tooltipInstance.hide()},!0,!0)},O.prototype.tooltipMouseleave=function(e){var e=e.relatedTarget,t=this.element.nativeElement;!this.instance||e&&ne(e,t)||this.tooltipInstance.hide()},O.prototype.mapMouseleave=function(e){var e=e.relatedTarget,t=this.element.nativeElement;!this.instance||e&&(this.tooltipInstance.containsElement(e)||ne(e,t))||this.tooltipInstance.hide()};l=O;function O(e,t,n,r,o,i,a){this.configurationService=e,this.instanceEventService=t,this.element=n,this.localizationService=r,this.changeDetector=o,this.ngZone=i,this.renderer=a,this.resizeRateLimit=10,this.zoom=3,this.beforeReset=new s.EventEmitter,this.mapClick=new s.EventEmitter,this.markerActivate=new s.EventEmitter,this.markerClick=new s.EventEmitter,this.markerCreated=new s.EventEmitter,this.panEnd=new s.EventEmitter,this.pan=new s.EventEmitter,this.reset=new s.EventEmitter,this.shapeClick=new s.EventEmitter,this.shapeCreated=new s.EventEmitter,this.shapeFeatureCreated=new s.EventEmitter,this.shapeMouseEnter=new s.EventEmitter,this.shapeMouseLeave=new s.EventEmitter,this.zoomStart=new s.EventEmitter,this.zoomEnd=new s.EventEmitter,this.theme=null,this.rtl=!1,A.validatePackage(et)}l.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,deps:[{token:m},{token:We},{token:a.ElementRef},{token:c.LocalizationService},{token:a.ChangeDetectorRef},{token:a.NgZone},{token:a.Renderer2}],target:a.ɵɵFactoryTarget.Component}),l.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:l,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"},providers:[m,We,r.LocalizationService,T,{provide:r.L10N_PREFIX,useValue:"kendo.map"}],viewQueries:[{propertyName:"surfaceElement",first:!0,predicate:["surface"],descendants:!0,static:!0},{propertyName:"tooltipInstance",first:!0,predicate:b,descendants:!0,static:!0}],exportAs:["kendoChart"],usesOnChanges:!0,ngImport:a,template:'\n    <div #surface></div>\n    <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">\n    </kendo-map-tooltip-popup>\n    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n  ',isInline:!0,components:[{type:b,selector:"kendo-map-tooltip-popup",inputs:["animate","classNames","popupSettings","wrapperClass"],outputs:["leave"]},{type:t.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:l,decorators:[{type:s.Component,args:[{selector:"kendo-map",changeDetection:s.ChangeDetectionStrategy.OnPush,exportAs:"kendoChart",providers:[m,We,r.LocalizationService,T,{provide:r.L10N_PREFIX,useValue:"kendo.map"}],template:'\n    <div #surface></div>\n    <kendo-map-tooltip-popup (leave)="tooltipMouseleave($event)" [popupSettings]="popupSettings">\n    </kendo-map-tooltip-popup>\n    <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>\n  '}]}],ctorParameters:function(){return[{type:m},{type:We},{type:a.ElementRef},{type:c.LocalizationService},{type:a.ChangeDetectorRef},{type:a.NgZone},{type:a.Renderer2}]},propDecorators:{resizeRateLimit:[{type:s.Input}],center:[{type:s.Input}],controls:[{type:s.Input}],minZoom:[{type:s.Input}],maxZoom:[{type:s.Input}],minSize:[{type:s.Input}],pannable:[{type:s.Input}],popupSettings:[{type:s.Input}],wraparound:[{type:s.Input}],zoom:[{type:s.Input}],zoomable:[{type:s.Input}],beforeReset:[{type:s.Output}],mapClick:[{type:s.Output}],markerActivate:[{type:s.Output}],markerClick:[{type:s.Output}],markerCreated:[{type:s.Output}],panEnd:[{type:s.Output}],pan:[{type:s.Output}],reset:[{type:s.Output}],shapeClick:[{type:s.Output}],shapeCreated:[{type:s.Output}],shapeFeatureCreated:[{type:s.Output}],shapeMouseEnter:[{type:s.Output}],shapeMouseLeave:[{type:s.Output}],zoomStart:[{type:s.Output}],zoomEnd:[{type:s.Output}],surfaceElement:[{type:s.ViewChild,args:["surface",{static:!0}]}],tooltipInstance:[{type:s.ViewChild,args:[b,{static:!0}]}]}});z.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},z.prototype.ngAfterContentInit=function(){var e=this;this.readItems(),this.children.changes.subscribe(function(){return e.readItems()})},z.prototype.processChanges=function(e){var t;!this.children||(t=this.children.toArray().indexOf(e.sender))<0||(this.items[t]=e.options,e.sender.index=t,this.change())},z.prototype.readItems=function(){this.items=this.children.map(function(e,t){return e.index=t,e.options}),this.change()},z.prototype.change=function(){this.configurationService.notify(new U(this.configKey,0===this.items.length?void 0:this.items))};o=z;function z(e,t,n){var r=this;this.configKey=e,this.configurationService=t,this.collectionService=n,this.items=[],this.subscription=n.itemChanges.subscribe(function(e){return r.processChanges(e)})}o.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:o,deps:"invalid",target:a.ɵɵFactoryTarget.Directive}),o.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:o,ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:o,decorators:[{type:s.Directive}],ctorParameters:function(){return[{type:void 0},{type:m},{type:y}]}});u(at,it=o);var it,t=at;function at(e,t){var n=it.call(this,"layers",e,t)||this;return n.configurationService=e,n.collectionService=t,n}t.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:t,deps:[{token:m},{token:y}],target:a.ɵɵFactoryTarget.Component}),t.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:t,selector:"kendo-map-layers",providers:[y],queries:[{propertyName:"children",predicate:D}],usesInheritance:!0,ngImport:a,template:"",isInline:!0,changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:t,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[y],selector:"kendo-map-layers",template:""}]}],ctorParameters:function(){return[{type:m},{type:y}]},propDecorators:{children:[{type:s.ContentChildren,args:[D]}]}});u(pt,st=D);var st,R=pt;function pt(e,t,n){var r=st.call(this,"marker",e,t,n)||this;return r.configurationService=e,r.collectionService=t,r.sanitizer=n,r}R.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:R,deps:[{token:m},{token:y},{token:p.DomSanitizer}],target:a.ɵɵFactoryTarget.Component}),R.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:R,selector:"kendo-map-marker-layer",inputs:{data:"data",locationField:"locationField",titleField:"titleField",shape:"shape"},providers:[m,{provide:D,useExisting:s.forwardRef(function(){return R})}],usesInheritance:!0,ngImport:a,template:"",isInline:!0,changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:R,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[m,{provide:D,useExisting:s.forwardRef(function(){return R})}],selector:"kendo-map-marker-layer",template:""}]}],ctorParameters:function(){return[{type:m},{type:y},{type:p.DomSanitizer}]},propDecorators:{data:[{type:s.Input}],locationField:[{type:s.Input}],titleField:[{type:s.Input}],shape:[{type:s.Input}]}});u(lt,ct=D);var ct,V=lt;function lt(e,t,n){var r=ct.call(this,"shape",e,t,n)||this;return r.configurationService=e,r.collectionService=t,r.sanitizer=n,r}V.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:V,deps:[{token:m},{token:y},{token:p.DomSanitizer}],target:a.ɵɵFactoryTarget.Component}),V.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:V,selector:"kendo-map-shape-layer",inputs:{data:"data",style:"style"},providers:[m,{provide:D,useExisting:s.forwardRef(function(){return V})}],usesInheritance:!0,ngImport:a,template:"",isInline:!0,changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:V,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[m,{provide:D,useExisting:s.forwardRef(function(){return V})}],selector:"kendo-map-shape-layer",template:""}]}],ctorParameters:function(){return[{type:m},{type:y},{type:p.DomSanitizer}]},propDecorators:{data:[{type:s.Input}],style:[{type:s.Input}]}});u(mt,ut=D);var ut,M=mt;function mt(e,t,n){var r=ut.call(this,"tile",e,t,n)||this;return r.configurationService=e,r.collectionService=t,r.sanitizer=n,r}M.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:M,deps:[{token:m},{token:y},{token:p.DomSanitizer}],target:a.ɵɵFactoryTarget.Component}),M.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:M,selector:"kendo-map-tile-layer",inputs:{tileSize:"tileSize",subdomains:"subdomains",urlTemplate:"urlTemplate"},providers:[m,{provide:D,useExisting:s.forwardRef(function(){return M})}],usesInheritance:!0,ngImport:a,template:"",isInline:!0,changeDetection:a.ChangeDetectionStrategy.OnPush}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:M,decorators:[{type:s.Component,args:[{changeDetection:s.ChangeDetectionStrategy.OnPush,providers:[m,{provide:D,useExisting:s.forwardRef(function(){return M})}],selector:"kendo-map-tile-layer",template:""}]}],ctorParameters:function(){return[{type:m},{type:y},{type:p.DomSanitizer}]},propDecorators:{tileSize:[{type:s.Input}],subdomains:[{type:s.Input}],urlTemplate:[{type:s.Input}]}});var gt,r=function(e){this.templateRef=e},o=(r.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:r,deps:[{token:a.TemplateRef,optional:!0}],target:a.ɵɵFactoryTarget.Directive}),r.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:r,selector:"[kendoMapBubbleTooltipTemplate]",ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:r,decorators:[{type:s.Directive,args:[{selector:"[kendoMapBubbleTooltipTemplate]"}]}],ctorParameters:function(){return[{type:a.TemplateRef,decorators:[{type:s.Optional}]}]}}),function(e){this.templateRef=e}),w=(o.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:o,deps:[{token:a.TemplateRef,optional:!0}],target:a.ɵɵFactoryTarget.Directive}),o.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:o,selector:"[kendoMapMarkerTooltipTemplate]",ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:o,decorators:[{type:s.Directive,args:[{selector:"[kendoMapMarkerTooltipTemplate]"}]}],ctorParameters:function(){return[{type:a.TemplateRef,decorators:[{type:s.Optional}]}]}}),function(e){this.templateRef=e}),F=(w.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:w,deps:[{token:a.TemplateRef,optional:!0}],target:a.ɵɵFactoryTarget.Directive}),w.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"[kendoMapShapeTooltipTemplate]",ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:w,decorators:[{type:s.Directive,args:[{selector:"[kendoMapShapeTooltipTemplate]"}]}],ctorParameters:function(){return[{type:a.TemplateRef,decorators:[{type:s.Optional}]}]}}),u(yt,gt=v),yt.prototype.ngAfterContentChecked=function(){var e;this.templateService.registerTemplate(this.layer.index,null==(e=this.bubbleTooltipTemplate)?void 0:e.templateRef)},yt);function yt(e,t,n){var r=gt.call(this,"tooltip",e)||this;return r.configurationService=e,r.templateService=t,r.layer=n,r}F.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:F,deps:[{token:m},{token:T},{token:D}],target:a.ɵɵFactoryTarget.Component}),F.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"kendo-map-bubble-layer-tooltip",queries:[{propertyName:"bubbleTooltipTemplate",first:!0,predicate:r,descendants:!0}],usesInheritance:!0,ngImport:a,template:"",isInline:!0}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:F,decorators:[{type:s.Component,args:[{selector:"kendo-map-bubble-layer-tooltip",template:""}]}],ctorParameters:function(){return[{type:m},{type:T},{type:D}]},propDecorators:{bubbleTooltipTemplate:[{type:s.ContentChild,args:[r,{static:!1}]}]}});u(dt,ht=v),dt.prototype.ngAfterContentChecked=function(){var e;this.templateService.registerTemplate(this.layer.index,null==(e=this.markerTooltipTemplate)?void 0:e.templateRef)};var ht,P=dt;function dt(e,t,n){var r=ht.call(this,"tooltip",e)||this;return r.configurationService=e,r.templateService=t,r.layer=n,r}P.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:P,deps:[{token:m},{token:T},{token:D}],target:a.ɵɵFactoryTarget.Component}),P.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:P,selector:"kendo-map-marker-layer-tooltip",queries:[{propertyName:"markerTooltipTemplate",first:!0,predicate:o,descendants:!0}],usesInheritance:!0,ngImport:a,template:"",isInline:!0}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:P,decorators:[{type:s.Component,args:[{selector:"kendo-map-marker-layer-tooltip",template:""}]}],ctorParameters:function(){return[{type:m},{type:T},{type:D}]},propDecorators:{markerTooltipTemplate:[{type:s.ContentChild,args:[o,{static:!1}]}]}});u(ft,vt=v),ft.prototype.ngAfterContentChecked=function(){var e;this.templateService.registerTemplate(this.layer.index,null==(e=this.shapeTooltipTemplate)?void 0:e.templateRef)};var vt,v=ft;function ft(e,t,n){var r=vt.call(this,"tooltip",e)||this;return r.configurationService=e,r.templateService=t,r.layer=n,r}v.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:v,deps:[{token:m},{token:T},{token:D}],target:a.ɵɵFactoryTarget.Component}),v.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-map-shape-layer-tooltip",queries:[{propertyName:"shapeTooltipTemplate",first:!0,predicate:w,descendants:!0}],usesInheritance:!0,ngImport:a,template:"",isInline:!0}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:v,decorators:[{type:s.Component,args:[{selector:"kendo-map-shape-layer-tooltip",template:""}]}],ctorParameters:function(){return[{type:m},{type:T},{type:D}]},propDecorators:{shapeTooltipTemplate:[{type:s.ContentChild,args:[w,{static:!1}]}]}});var Ct=[I,F,r,C,t,l,R,P,o,V,v,w,M,b],x=function(){};x.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:x,deps:[],target:a.ɵɵFactoryTarget.NgModule}),x.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:x,declarations:[I,F,r,C,t,l,R,P,o,V,v,w,M,b],imports:[Z.CommonModule,_.TooltipsModule,n.ResizeSensorModule],exports:[I,F,r,C,t,l,R,P,o,V,v,w,M,b]}),x.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:x,imports:[[Z.CommonModule,_.TooltipsModule,n.ResizeSensorModule]]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:x,decorators:[{type:s.NgModule,args:[{declarations:[Ct],imports:[Z.CommonModule,_.TooltipsModule,n.ResizeSensorModule],exports:[Ct]}]}]}),Object.defineProperty(e,"Extent",{enumerable:!0,get:function(){return j.Extent}}),Object.defineProperty(e,"Location",{enumerable:!0,get:function(){return j.Location}}),e.BeforeResetEvent=se,e.BubbleLayerComponent=I,e.BubbleTooltipComponent=F,e.BubbleTooltipTemplateDirective=r,e.LayerTooltipComponent=C,e.LayersComponent=t,e.MapClickEvent=le,e.MapComponent=l,e.MapModule=x,e.MarkerActivateEvent=ge,e.MarkerClickEvent=de,e.MarkerCreatedEvent=Ie,e.MarkerLayerComponent=R,e.MarkerTooltipComponent=P,e.MarkerTooltipTemplateDirective=o,e.PanEndEvent=Se,e.PanEvent=Oe,e.ResetEvent=Ve,e.ShapeClickEvent=Fe,e.ShapeCreatedEvent=Le,e.ShapeFeatureCreatedEvent=Ne,e.ShapeLayerComponent=V,e.ShapeMouseEnterEvent=qe,e.ShapeMouseLeaveEvent=Ue,e.ShapeTooltipComponent=v,e.ShapeTooltipTemplateDirective=w,e.TileLayerComponent=M,e.TooltipPopupComponent=b,e.ZoomEndEvent=h,e.ZoomStartEvent=k,e.bodyFactory=nt,Object.defineProperty(e,"__esModule",{value:!0})});

package/common/collection-item.component.d.ts

@@ -14,6 +14,7 @@ export declare abstract class CollectionItemComponent implements Item, OnChanges
     protected configurationService: ConfigurationService;
     protected collectionService: CollectionService;
     protected subscription: Subscription;
+    index: number;
     options: any;
     constructor(configurationService: ConfigurationService, collectionService: CollectionService);
     ngOnChanges(changes: {

package/common/collection.service.d.ts

@@ -8,6 +8,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export interface Item {
+    index: number;
     options: any;
 }
 /**

package/esm2015/common/collection-item.component.js

@@ -16,6 +16,7 @@ export class CollectionItemComponent {
     constructor(configurationService, collectionService) {
         this.configurationService = configurationService;
         this.collectionService = collectionService;
+        this.index = -1;
         this.options = {};
         this.subscription = configurationService.changes.subscribe(store => {
             this.options = store;

package/esm2015/common/collection.component.js

@@ -34,10 +34,14 @@ export class CollectionComponent {
             return;
         }
         this.items[index] = changes.options;
+        changes.sender.index = index;
         this.change();
     }
     readItems() {
-        this.items = this.children.map(s => s.options);
+        this.items = this.children.map((item, index) => {
+            item.index = index;
+            return item.options;
+        });
         this.change();
     }
     change() {

package/esm2015/map.directives.js

@@ -9,27 +9,25 @@ import { LayersComponent } from './map/layers.component';
 import { MarkerLayerComponent } from './map/marker-layer.component';
 import { ShapeLayerComponent } from './map/shape-layer.component';
 import { TileLayerComponent } from './map/tile-layer.component';
-import { BubbleTooltipTemplateDirective } from './tooltip/bubble-tooltip-template.directive';
-import { MarkerTooltipTemplateDirective } from './tooltip/marker-tooltip-template.directive';
-import { ShapeTooltipTemplateDirective } from './tooltip/shape-tooltip-template.directive';
-import { TooltipPopupComponent } from './tooltip/tooltip-popup.component';
-import { TooltipComponent } from './tooltip/tooltip.component';
+import { BubbleTooltipComponent, BubbleTooltipTemplateDirective, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TooltipPopupComponent } from './tooltip';
 // Re-exports
-export { BubbleLayerComponent, BubbleTooltipTemplateDirective, LayersComponent, LayerTooltipComponent, MapComponent, MarkerLayerComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipComponent, TooltipPopupComponent };
+export { BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayersComponent, LayerTooltipComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent };
 /**
  * @hidden
  */
 export const MAP_DIRECTIVES = [
     BubbleLayerComponent,
+    BubbleTooltipComponent,
     BubbleTooltipTemplateDirective,
-    LayersComponent,
     LayerTooltipComponent,
+    LayersComponent,
     MapComponent,
     MarkerLayerComponent,
+    MarkerTooltipComponent,
     MarkerTooltipTemplateDirective,
     ShapeLayerComponent,
+    ShapeTooltipComponent,
     ShapeTooltipTemplateDirective,
     TileLayerComponent,
-    TooltipComponent,
     TooltipPopupComponent
 ];

package/esm2015/map.module.js

@@ -9,24 +9,26 @@ import { TooltipsModule } from '@progress/kendo-angular-tooltip';
 import { MAP_DIRECTIVES } from './map.directives';
 import * as i0 from "@angular/core";
 import * as i1 from "./map/bubble-layer.component";
-import * as i2 from "./tooltip/bubble-tooltip-template.directive";
-import * as i3 from "./map/layers.component";
+import * as i2 from "./tooltip/bubble-tooltip.component";
+import * as i3 from "./tooltip/bubble-tooltip-template.directive";
 import * as i4 from "./map/layer/tooltip.component";
-import * as i5 from "./map.component";
-import * as i6 from "./map/marker-layer.component";
-import * as i7 from "./tooltip/marker-tooltip-template.directive";
-import * as i8 from "./map/shape-layer.component";
-import * as i9 from "./tooltip/shape-tooltip-template.directive";
-import * as i10 from "./map/tile-layer.component";
-import * as i11 from "./tooltip/tooltip.component";
-import * as i12 from "./tooltip/tooltip-popup.component";
+import * as i5 from "./map/layers.component";
+import * as i6 from "./map.component";
+import * as i7 from "./map/marker-layer.component";
+import * as i8 from "./tooltip/marker-tooltip.component";
+import * as i9 from "./tooltip/marker-tooltip-template.directive";
+import * as i10 from "./map/shape-layer.component";
+import * as i11 from "./tooltip/shape-tooltip.component";
+import * as i12 from "./tooltip/shape-tooltip-template.directive";
+import * as i13 from "./map/tile-layer.component";
+import * as i14 from "./tooltip/tooltip-popup.component";
 /**
  * Sample module
  */
 export class MapModule {
 }
 MapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MapModule, declarations: [i1.BubbleLayerComponent, i2.BubbleTooltipTemplateDirective, i3.LayersComponent, i4.LayerTooltipComponent, i5.MapComponent, i6.MarkerLayerComponent, i7.MarkerTooltipTemplateDirective, i8.ShapeLayerComponent, i9.ShapeTooltipTemplateDirective, i10.TileLayerComponent, i11.TooltipComponent, i12.TooltipPopupComponent], imports: [CommonModule, TooltipsModule, ResizeSensorModule], exports: [i1.BubbleLayerComponent, i2.BubbleTooltipTemplateDirective, i3.LayersComponent, i4.LayerTooltipComponent, i5.MapComponent, i6.MarkerLayerComponent, i7.MarkerTooltipTemplateDirective, i8.ShapeLayerComponent, i9.ShapeTooltipTemplateDirective, i10.TileLayerComponent, i11.TooltipComponent, i12.TooltipPopupComponent] });
+MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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, TooltipsModule, 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: "12.2.16", ngImport: i0, type: MapModule, imports: [[CommonModule, TooltipsModule, ResizeSensorModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MapModule, decorators: [{
             type: NgModule,

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-map',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1654176122,
+    publishDate: 1655372949,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/tooltip/base-tooltip.js

@@ -6,7 +6,6 @@ import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 import * as i2 from "@progress/kendo-angular-l10n";
-const CALLOUT_SIZE = 5;
 const POSITION_MODE = 'absolute';
 const COLLISION = { horizontal: "fit", vertical: "fit" };
 /**
@@ -27,7 +26,6 @@ export class BaseTooltip {
     }
     show(e) {
         const offset = this.position(e.anchor);
-        offset.top -= CALLOUT_SIZE;
         if (!this.popupRef) {
             this.popupRef = this.popupService.open(Object.assign({
                 offset: offset,

package/esm2015/tooltip/bubble-tooltip-template.directive.js

@@ -11,6 +11,7 @@ import * as i0 from "@angular/core";
  *
  * The available inputs for the bubble tooltip template are:
  *    * `dataItem: any`—The original data item used to create the bubble.
+ *    * `layerIndex: number`—The index of the layer for the tooltip.
  *    * `location: Location`—The location of the bubble.
  *    * `value: number`—The value of the bubble.
  */

package/esm2015/tooltip/bubble-tooltip.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild } from '@angular/core';
+import { SettingsComponent } from '../common/settings.component';
+import { BubbleTooltipTemplateDirective } from './bubble-tooltip-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "./tooltip-template.service";
+import * as i3 from "../map/layer.component";
+/**
+ * The configuration options of the [Bubble Layer Tooltip]({% slug bubble_layers_map %}#toc-tooltip).
+ */
+export class BubbleTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService, layer) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.layer = layer;
+    }
+    ngAfterContentChecked() {
+        var _a;
+        this.templateService.registerTemplate(this.layer.index, (_a = this.bubbleTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef);
+    }
+}
+BubbleTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BubbleTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }, { token: i3.LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
+BubbleTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BubbleTooltipComponent, selector: "kendo-map-bubble-layer-tooltip", queries: [{ propertyName: "bubbleTooltipTemplate", first: true, predicate: BubbleTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BubbleTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-map-bubble-layer-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }, { type: i3.LayerComponent }]; }, propDecorators: { bubbleTooltipTemplate: [{
+                type: ContentChild,
+                args: [BubbleTooltipTemplateDirective, { static: false }]
+            }] } });

package/esm2015/tooltip/marker-tooltip-template.directive.js

@@ -11,6 +11,7 @@ import * as i0 from "@angular/core";
  *
  * The available inputs for the marker tooltip template are:
  *    * `title: string`—The marker title.
+ *    * `layerIndex: number`—The index of the layer for the tooltip.
  *    * `location: Location`—The marker location.
  */
 export class MarkerTooltipTemplateDirective {

package/esm2015/tooltip/marker-tooltip.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild } from '@angular/core';
+import { SettingsComponent } from '../common/settings.component';
+import { MarkerTooltipTemplateDirective } from './marker-tooltip-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "./tooltip-template.service";
+import * as i3 from "../map/layer.component";
+/**
+ * The configuration options of the [Marker Layer Tooltip]({% slug marker_layers_map %}#toc-tooltip).
+ */
+export class MarkerTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService, layer) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.layer = layer;
+    }
+    ngAfterContentChecked() {
+        var _a;
+        this.templateService.registerTemplate(this.layer.index, (_a = this.markerTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef);
+    }
+}
+MarkerTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MarkerTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }, { token: i3.LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
+MarkerTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MarkerTooltipComponent, selector: "kendo-map-marker-layer-tooltip", queries: [{ propertyName: "markerTooltipTemplate", first: true, predicate: MarkerTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MarkerTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-map-marker-layer-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }, { type: i3.LayerComponent }]; }, propDecorators: { markerTooltipTemplate: [{
+                type: ContentChild,
+                args: [MarkerTooltipTemplateDirective, { static: false }]
+            }] } });

package/esm2015/tooltip/shape-tooltip-template.directive.js

@@ -11,6 +11,7 @@ import * as i0 from "@angular/core";
  *
  * The available inputs for the shape tooltip template are:
  *    * `dataItem: any`—The original data item used to create the shape.
+ *    * `layerIndex: number`—The index of the layer for the tooltip.
  *    * `location: Location`—The location of the center of the shape.
  */
 export class ShapeTooltipTemplateDirective {

package/esm2015/tooltip/shape-tooltip.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild } from '@angular/core';
+import { SettingsComponent } from '../common/settings.component';
+import { ShapeTooltipTemplateDirective } from './shape-tooltip-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "./tooltip-template.service";
+import * as i3 from "../map/layer.component";
+/**
+ * The configuration options of the [Shape Layer Tooltip]({% slug shape_layers_map %}#toc-tooltip).
+ */
+export class ShapeTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService, layer) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.layer = layer;
+    }
+    ngAfterContentChecked() {
+        var _a;
+        this.templateService.registerTemplate(this.layer.index, (_a = this.shapeTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef);
+    }
+}
+ShapeTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ShapeTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }, { token: i3.LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
+ShapeTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ShapeTooltipComponent, selector: "kendo-map-shape-layer-tooltip", queries: [{ propertyName: "shapeTooltipTemplate", first: true, predicate: ShapeTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ShapeTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-map-shape-layer-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }, { type: i3.LayerComponent }]; }, propDecorators: { shapeTooltipTemplate: [{
+                type: ContentChild,
+                args: [ShapeTooltipTemplateDirective, { static: false }]
+            }] } });

package/esm2015/tooltip/tooltip-popup.component.js

@@ -29,7 +29,7 @@ export class TooltipPopupComponent extends BaseTooltip {
         this.popupClasses = {};
     }
     show(e) {
-        this.tooltipTemplateRef = this.templateService[e.type + 'Template'];
+        this.tooltipTemplateRef = this.templateService.getTemplate(e.layerIndex);
         if (!this.tooltipTemplateRef) {
             return;
         }

package/esm2015/tooltip/tooltip-template.service.js

@@ -8,6 +8,19 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class TooltipTemplateService {
+    constructor() {
+        this.templates = [];
+    }
+    registerTemplate(layerIndex, template) {
+        if (layerIndex > -1) {
+            this.templates[layerIndex] = template;
+        }
+    }
+    getTemplate(layerIndex) {
+        if (layerIndex > -1) {
+            return this.templates[layerIndex];
+        }
+    }
 }
 TooltipTemplateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 TooltipTemplateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService });

package/esm2015/tooltip.js

@@ -5,5 +5,7 @@
 export { BubbleTooltipTemplateDirective } from './tooltip/bubble-tooltip-template.directive';
 export { MarkerTooltipTemplateDirective } from './tooltip/marker-tooltip-template.directive';
 export { ShapeTooltipTemplateDirective } from './tooltip/shape-tooltip-template.directive';
-export { TooltipComponent } from './tooltip/tooltip.component';
 export { TooltipPopupComponent } from './tooltip/tooltip-popup.component';
+export { BubbleTooltipComponent } from './tooltip/bubble-tooltip.component';
+export { MarkerTooltipComponent } from './tooltip/marker-tooltip.component';
+export { ShapeTooltipComponent } from './tooltip/shape-tooltip.component';

package/fesm2015/kendo-angular-map.js

@@ -138,6 +138,7 @@ class CollectionItemComponent {
     constructor(configurationService, collectionService) {
         this.configurationService = configurationService;
         this.collectionService = collectionService;
+        this.index = -1;
         this.options = {};
         this.subscription = configurationService.changes.subscribe(store => {
             this.options = store;
@@ -689,12 +690,11 @@ const packageMetadata = {
     name: '@progress/kendo-angular-map',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1654176122,
+    publishDate: 1655372949,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
-const CALLOUT_SIZE = 5;
 const POSITION_MODE = 'absolute';
 const COLLISION = { horizontal: "fit", vertical: "fit" };
 /**
@@ -715,7 +715,6 @@ class BaseTooltip {
     }
     show(e) {
         const offset = this.position(e.anchor);
-        offset.top -= CALLOUT_SIZE;
         if (!this.popupRef) {
             this.popupRef = this.popupService.open(Object.assign({
                 offset: offset,
@@ -792,6 +791,19 @@ function bodyFactory() {
  * @hidden
  */
 class TooltipTemplateService {
+    constructor() {
+        this.templates = [];
+    }
+    registerTemplate(layerIndex, template) {
+        if (layerIndex > -1) {
+            this.templates[layerIndex] = template;
+        }
+    }
+    getTemplate(layerIndex) {
+        if (layerIndex > -1) {
+            return this.templates[layerIndex];
+        }
+    }
 }
 TooltipTemplateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 TooltipTemplateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService });
@@ -816,7 +828,7 @@ class TooltipPopupComponent extends BaseTooltip {
         this.popupClasses = {};
     }
     show(e) {
-        this.tooltipTemplateRef = this.templateService[e.type + 'Template'];
+        this.tooltipTemplateRef = this.templateService.getTemplate(e.layerIndex);
         if (!this.tooltipTemplateRef) {
             return;
         }
@@ -1327,10 +1339,14 @@ class CollectionComponent {
             return;
         }
         this.items[index] = changes.options;
+        changes.sender.index = index;
         this.change();
     }
     readItems() {
-        this.items = this.children.map(s => s.options);
+        this.items = this.children.map((item, index) => {
+            item.index = index;
+            return item.options;
+        });
         this.change();
     }
     change() {
@@ -1498,6 +1514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  *
  * The available inputs for the bubble tooltip template are:
  *    * `dataItem: any`—The original data item used to create the bubble.
+ *    * `layerIndex: number`—The index of the layer for the tooltip.
  *    * `location: Location`—The location of the bubble.
  *    * `value: number`—The value of the bubble.
  */
@@ -1524,6 +1541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  *
  * The available inputs for the marker tooltip template are:
  *    * `title: string`—The marker title.
+ *    * `layerIndex: number`—The index of the layer for the tooltip.
  *    * `location: Location`—The marker location.
  */
 class MarkerTooltipTemplateDirective {
@@ -1549,6 +1567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  *
  * The available inputs for the shape tooltip template are:
  *    * `dataItem: any`—The original data item used to create the shape.
+ *    * `layerIndex: number`—The index of the layer for the tooltip.
  *    * `location: Location`—The location of the center of the shape.
  */
 class ShapeTooltipTemplateDirective {
@@ -1568,41 +1587,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }] }]; } });
 
 /**
- * The configuration options of the Marker Layer tooltip.
+ * The configuration options of the [Bubble Layer Tooltip]({% slug bubble_layers_map %}#toc-tooltip).
  */
-class TooltipComponent extends SettingsComponent {
-    constructor(configurationService, templateService) {
+class BubbleTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService, layer) {
         super('tooltip', configurationService);
         this.configurationService = configurationService;
         this.templateService = templateService;
-        this.markAsVisible();
+        this.layer = layer;
     }
     ngAfterContentChecked() {
-        var _a, _b, _c;
-        this.templateService.markerTemplate = (_a = this.markerTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef;
-        this.templateService.shapeTemplate = (_b = this.shapeTooltipTemplate) === null || _b === void 0 ? void 0 : _b.templateRef;
-        this.templateService.bubbleTemplate = (_c = this.bubbleTooltipTemplate) === null || _c === void 0 ? void 0 : _c.templateRef;
+        var _a;
+        this.templateService.registerTemplate(this.layer.index, (_a = this.bubbleTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef);
     }
 }
-TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipComponent, deps: [{ token: ConfigurationService }, { token: TooltipTemplateService }], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TooltipComponent, selector: "kendo-map-tooltip", inputs: { visible: "visible" }, queries: [{ propertyName: "markerTooltipTemplate", first: true, predicate: MarkerTooltipTemplateDirective, descendants: true }, { propertyName: "shapeTooltipTemplate", first: true, predicate: ShapeTooltipTemplateDirective, descendants: true }, { propertyName: "bubbleTooltipTemplate", first: true, predicate: BubbleTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipComponent, decorators: [{
+BubbleTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BubbleTooltipComponent, deps: [{ token: ConfigurationService }, { token: TooltipTemplateService }, { token: LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
+BubbleTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BubbleTooltipComponent, selector: "kendo-map-bubble-layer-tooltip", queries: [{ propertyName: "bubbleTooltipTemplate", first: true, predicate: BubbleTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BubbleTooltipComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'kendo-map-tooltip',
+                    selector: 'kendo-map-bubble-layer-tooltip',
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: TooltipTemplateService }]; }, propDecorators: { visible: [{
-                type: Input
-            }], markerTooltipTemplate: [{
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: TooltipTemplateService }, { type: LayerComponent }]; }, propDecorators: { bubbleTooltipTemplate: [{
+                type: ContentChild,
+                args: [BubbleTooltipTemplateDirective, { static: false }]
+            }] } });
+
+/**
+ * The configuration options of the [Marker Layer Tooltip]({% slug marker_layers_map %}#toc-tooltip).
+ */
+class MarkerTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService, layer) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.layer = layer;
+    }
+    ngAfterContentChecked() {
+        var _a;
+        this.templateService.registerTemplate(this.layer.index, (_a = this.markerTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef);
+    }
+}
+MarkerTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MarkerTooltipComponent, deps: [{ token: ConfigurationService }, { token: TooltipTemplateService }, { token: LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
+MarkerTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MarkerTooltipComponent, selector: "kendo-map-marker-layer-tooltip", queries: [{ propertyName: "markerTooltipTemplate", first: true, predicate: MarkerTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MarkerTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-map-marker-layer-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: TooltipTemplateService }, { type: LayerComponent }]; }, propDecorators: { markerTooltipTemplate: [{
                 type: ContentChild,
                 args: [MarkerTooltipTemplateDirective, { static: false }]
-            }], shapeTooltipTemplate: [{
+            }] } });
+
+/**
+ * The configuration options of the [Shape Layer Tooltip]({% slug shape_layers_map %}#toc-tooltip).
+ */
+class ShapeTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService, layer) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.layer = layer;
+    }
+    ngAfterContentChecked() {
+        var _a;
+        this.templateService.registerTemplate(this.layer.index, (_a = this.shapeTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef);
+    }
+}
+ShapeTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ShapeTooltipComponent, deps: [{ token: ConfigurationService }, { token: TooltipTemplateService }, { token: LayerComponent }], target: i0.ɵɵFactoryTarget.Component });
+ShapeTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ShapeTooltipComponent, selector: "kendo-map-shape-layer-tooltip", queries: [{ propertyName: "shapeTooltipTemplate", first: true, predicate: ShapeTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ShapeTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-map-shape-layer-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: TooltipTemplateService }, { type: LayerComponent }]; }, propDecorators: { shapeTooltipTemplate: [{
                 type: ContentChild,
                 args: [ShapeTooltipTemplateDirective, { static: false }]
-            }], bubbleTooltipTemplate: [{
-                type: ContentChild,
-                args: [BubbleTooltipTemplateDirective, { static: false }]
             }] } });
 
 /**
@@ -1610,16 +1675,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  */
 const MAP_DIRECTIVES = [
     BubbleLayerComponent,
+    BubbleTooltipComponent,
     BubbleTooltipTemplateDirective,
-    LayersComponent,
     LayerTooltipComponent,
+    LayersComponent,
     MapComponent,
     MarkerLayerComponent,
+    MarkerTooltipComponent,
     MarkerTooltipTemplateDirective,
     ShapeLayerComponent,
+    ShapeTooltipComponent,
     ShapeTooltipTemplateDirective,
     TileLayerComponent,
-    TooltipComponent,
     TooltipPopupComponent
 ];
 
@@ -1629,7 +1696,7 @@ const MAP_DIRECTIVES = [
 class MapModule {
 }
 MapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MapModule, declarations: [BubbleLayerComponent, BubbleTooltipTemplateDirective, LayersComponent, LayerTooltipComponent, MapComponent, MarkerLayerComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipComponent, TooltipPopupComponent], imports: [CommonModule, TooltipsModule, ResizeSensorModule], exports: [BubbleLayerComponent, BubbleTooltipTemplateDirective, LayersComponent, LayerTooltipComponent, MapComponent, MarkerLayerComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipComponent, TooltipPopupComponent] });
+MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MapModule, declarations: [BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent], imports: [CommonModule, TooltipsModule, 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: "12.2.16", ngImport: i0, type: MapModule, imports: [[CommonModule, TooltipsModule, ResizeSensorModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MapModule, decorators: [{
             type: NgModule,
@@ -1644,5 +1711,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BeforeResetEvent, BubbleLayerComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapClickEvent, MapComponent, MapModule, MarkerActivateEvent, MarkerClickEvent, MarkerCreatedEvent, MarkerLayerComponent, MarkerTooltipTemplateDirective, PanEndEvent, PanEvent, ResetEvent, ShapeClickEvent, ShapeCreatedEvent, ShapeFeatureCreatedEvent, ShapeLayerComponent, ShapeMouseEnterEvent, ShapeMouseLeaveEvent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipComponent, TooltipPopupComponent, ZoomEndEvent, ZoomStartEvent, bodyFactory };
+export { BeforeResetEvent, BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayerTooltipComponent, LayersComponent, MapClickEvent, MapComponent, MapModule, MarkerActivateEvent, MarkerClickEvent, MarkerCreatedEvent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, PanEndEvent, PanEvent, ResetEvent, ShapeClickEvent, ShapeCreatedEvent, ShapeFeatureCreatedEvent, ShapeLayerComponent, ShapeMouseEnterEvent, ShapeMouseLeaveEvent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent, ZoomEndEvent, ZoomStartEvent, bodyFactory };
 

package/map.directives.d.ts

@@ -9,12 +9,8 @@ import { LayersComponent } from './map/layers.component';
 import { MarkerLayerComponent } from './map/marker-layer.component';
 import { ShapeLayerComponent } from './map/shape-layer.component';
 import { TileLayerComponent } from './map/tile-layer.component';
-import { BubbleTooltipTemplateDirective } from './tooltip/bubble-tooltip-template.directive';
-import { MarkerTooltipTemplateDirective } from './tooltip/marker-tooltip-template.directive';
-import { ShapeTooltipTemplateDirective } from './tooltip/shape-tooltip-template.directive';
-import { TooltipPopupComponent } from './tooltip/tooltip-popup.component';
-import { TooltipComponent } from './tooltip/tooltip.component';
-export { BubbleLayerComponent, BubbleTooltipTemplateDirective, LayersComponent, LayerTooltipComponent, MapComponent, MarkerLayerComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipComponent, TooltipPopupComponent };
+import { BubbleTooltipComponent, BubbleTooltipTemplateDirective, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TooltipPopupComponent } from './tooltip';
+export { BubbleLayerComponent, BubbleTooltipComponent, BubbleTooltipTemplateDirective, LayersComponent, LayerTooltipComponent, MapComponent, MarkerLayerComponent, MarkerTooltipComponent, MarkerTooltipTemplateDirective, ShapeLayerComponent, ShapeTooltipComponent, ShapeTooltipTemplateDirective, TileLayerComponent, TooltipPopupComponent };
 /**
  * @hidden
  */

package/map.module.d.ts

@@ -4,25 +4,27 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./map/bubble-layer.component";
-import * as i2 from "./tooltip/bubble-tooltip-template.directive";
-import * as i3 from "./map/layers.component";
+import * as i2 from "./tooltip/bubble-tooltip.component";
+import * as i3 from "./tooltip/bubble-tooltip-template.directive";
 import * as i4 from "./map/layer/tooltip.component";
-import * as i5 from "./map.component";
-import * as i6 from "./map/marker-layer.component";
-import * as i7 from "./tooltip/marker-tooltip-template.directive";
-import * as i8 from "./map/shape-layer.component";
-import * as i9 from "./tooltip/shape-tooltip-template.directive";
-import * as i10 from "./map/tile-layer.component";
-import * as i11 from "./tooltip/tooltip.component";
-import * as i12 from "./tooltip/tooltip-popup.component";
-import * as i13 from "@angular/common";
-import * as i14 from "@progress/kendo-angular-tooltip";
-import * as i15 from "@progress/kendo-angular-common";
+import * as i5 from "./map/layers.component";
+import * as i6 from "./map.component";
+import * as i7 from "./map/marker-layer.component";
+import * as i8 from "./tooltip/marker-tooltip.component";
+import * as i9 from "./tooltip/marker-tooltip-template.directive";
+import * as i10 from "./map/shape-layer.component";
+import * as i11 from "./tooltip/shape-tooltip.component";
+import * as i12 from "./tooltip/shape-tooltip-template.directive";
+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-tooltip";
+import * as i17 from "@progress/kendo-angular-common";
 /**
  * Sample module
  */
 export declare class MapModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MapModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MapModule, [typeof i1.BubbleLayerComponent, typeof i2.BubbleTooltipTemplateDirective, typeof i3.LayersComponent, typeof i4.LayerTooltipComponent, typeof i5.MapComponent, typeof i6.MarkerLayerComponent, typeof i7.MarkerTooltipTemplateDirective, typeof i8.ShapeLayerComponent, typeof i9.ShapeTooltipTemplateDirective, typeof i10.TileLayerComponent, typeof i11.TooltipComponent, typeof i12.TooltipPopupComponent], [typeof i13.CommonModule, typeof i14.TooltipsModule, typeof i15.ResizeSensorModule], [typeof i1.BubbleLayerComponent, typeof i2.BubbleTooltipTemplateDirective, typeof i3.LayersComponent, typeof i4.LayerTooltipComponent, typeof i5.MapComponent, typeof i6.MarkerLayerComponent, typeof i7.MarkerTooltipTemplateDirective, typeof i8.ShapeLayerComponent, typeof i9.ShapeTooltipTemplateDirective, typeof i10.TileLayerComponent, typeof i11.TooltipComponent, typeof i12.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.TooltipsModule, typeof i17.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 ɵinj: i0.ɵɵInjectorDeclaration<MapModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-map",
-  "version": "0.2.0-dev.202206021322",
+  "version": "0.2.0-dev.202206160949",
   "description": "Kendo UI Map for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -70,11 +70,11 @@
     "fallbackTags": {
       "dev": "latest"
     },
-    "analyzeCommits": "@telerik/semantic-prerelease/analyzeCommits",
+    "analyzeCommits": "@progress/semantic-prerelease/analyzeCommits",
     "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",
-    "getLastRelease": "@telerik/semantic-prerelease/getLastRelease",
-    "verifyConditions": "@telerik/semantic-prerelease/verifyConditions",
-    "verifyRelease": "@telerik/semantic-prerelease/verifyRelease"
+    "getLastRelease": "@progress/semantic-prerelease/getLastRelease",
+    "verifyConditions": "@progress/semantic-prerelease/verifyConditions",
+    "verifyRelease": "@progress/semantic-prerelease/verifyRelease"
   },
   "main": "bundles/kendo-angular-map.umd.js",
   "module": "fesm2015/kendo-angular-map.js",

package/tooltip/bubble-tooltip-template.directive.d.ts

@@ -11,6 +11,7 @@ import * as i0 from "@angular/core";
  *
  * The available inputs for the bubble tooltip template are:
  *    * `dataItem: any`—The original data item used to create the bubble.
+ *    * `layerIndex: number`—The index of the layer for the tooltip.
  *    * `location: Location`—The location of the bubble.
  *    * `value: number`—The value of the bubble.
  */

package/tooltip/{tooltip.component.d.ts → bubble-tooltip.component.d.ts}

@@ -5,27 +5,20 @@
 import { AfterContentChecked } from '@angular/core';
 import { ConfigurationService } from '../common/configuration.service';
 import { SettingsComponent } from '../common/settings.component';
+import { LayerComponent } from '../map/layer.component';
 import { BubbleTooltipTemplateDirective } from './bubble-tooltip-template.directive';
-import { MarkerTooltipTemplateDirective } from './marker-tooltip-template.directive';
-import { ShapeTooltipTemplateDirective } from './shape-tooltip-template.directive';
 import { TooltipTemplateService } from './tooltip-template.service';
 import * as i0 from "@angular/core";
 /**
- * The configuration options of the Marker Layer tooltip.
+ * The configuration options of the [Bubble Layer Tooltip]({% slug bubble_layers_map %}#toc-tooltip).
  */
-export declare class TooltipComponent extends SettingsComponent implements AfterContentChecked {
+export declare class BubbleTooltipComponent extends SettingsComponent implements AfterContentChecked {
     configurationService: ConfigurationService;
     private templateService;
-    /**
-     * If set to `true`, the Map displays the built-in tooltips for markers, shapes and bubbles.
-     * By default, the built-in tooltips are not displayed.
-     */
-    visible: boolean;
-    markerTooltipTemplate: MarkerTooltipTemplateDirective;
-    shapeTooltipTemplate: ShapeTooltipTemplateDirective;
+    private layer;
     bubbleTooltipTemplate: BubbleTooltipTemplateDirective;
-    constructor(configurationService: ConfigurationService, templateService: TooltipTemplateService);
+    constructor(configurationService: ConfigurationService, templateService: TooltipTemplateService, layer: LayerComponent);
     ngAfterContentChecked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "kendo-map-tooltip", never, { "visible": "visible"; }, {}, ["markerTooltipTemplate", "shapeTooltipTemplate", "bubbleTooltipTemplate"], never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubbleTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BubbleTooltipComponent, "kendo-map-bubble-layer-tooltip", never, {}, {}, ["bubbleTooltipTemplate"], never>;
 }

package/tooltip/marker-tooltip-template.directive.d.ts

@@ -11,6 +11,7 @@ import * as i0 from "@angular/core";
  *
  * The available inputs for the marker tooltip template are:
  *    * `title: string`—The marker title.
+ *    * `layerIndex: number`—The index of the layer for the tooltip.
  *    * `location: Location`—The marker location.
  */
 export declare class MarkerTooltipTemplateDirective {

package/tooltip/marker-tooltip.component.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterContentChecked } from '@angular/core';
+import { ConfigurationService } from '../common/configuration.service';
+import { SettingsComponent } from '../common/settings.component';
+import { LayerComponent } from '../map/layer.component';
+import { MarkerTooltipTemplateDirective } from './marker-tooltip-template.directive';
+import { TooltipTemplateService } from './tooltip-template.service';
+import * as i0 from "@angular/core";
+/**
+ * The configuration options of the [Marker Layer Tooltip]({% slug marker_layers_map %}#toc-tooltip).
+ */
+export declare class MarkerTooltipComponent extends SettingsComponent implements AfterContentChecked {
+    configurationService: ConfigurationService;
+    private templateService;
+    private layer;
+    markerTooltipTemplate: MarkerTooltipTemplateDirective;
+    constructor(configurationService: ConfigurationService, templateService: TooltipTemplateService, layer: LayerComponent);
+    ngAfterContentChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkerTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MarkerTooltipComponent, "kendo-map-marker-layer-tooltip", never, {}, {}, ["markerTooltipTemplate"], never>;
+}

package/tooltip/shape-tooltip-template.directive.d.ts

@@ -11,6 +11,7 @@ import * as i0 from "@angular/core";
  *
  * The available inputs for the shape tooltip template are:
  *    * `dataItem: any`—The original data item used to create the shape.
+ *    * `layerIndex: number`—The index of the layer for the tooltip.
  *    * `location: Location`—The location of the center of the shape.
  */
 export declare class ShapeTooltipTemplateDirective {

package/tooltip/shape-tooltip.component.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterContentChecked } from '@angular/core';
+import { ConfigurationService } from '../common/configuration.service';
+import { SettingsComponent } from '../common/settings.component';
+import { LayerComponent } from '../map/layer.component';
+import { ShapeTooltipTemplateDirective } from './shape-tooltip-template.directive';
+import { TooltipTemplateService } from './tooltip-template.service';
+import * as i0 from "@angular/core";
+/**
+ * The configuration options of the [Shape Layer Tooltip]({% slug shape_layers_map %}#toc-tooltip).
+ */
+export declare class ShapeTooltipComponent extends SettingsComponent implements AfterContentChecked {
+    configurationService: ConfigurationService;
+    private templateService;
+    private layer;
+    shapeTooltipTemplate: ShapeTooltipTemplateDirective;
+    constructor(configurationService: ConfigurationService, templateService: TooltipTemplateService, layer: LayerComponent);
+    ngAfterContentChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShapeTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShapeTooltipComponent, "kendo-map-shape-layer-tooltip", never, {}, {}, ["shapeTooltipTemplate"], never>;
+}

package/tooltip/tooltip-template.service.d.ts

@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export declare class TooltipTemplateService {
-    markerTemplate: TemplateRef<any>;
-    shapeTemplate: TemplateRef<any>;
-    bubbleTemplate: TemplateRef<any>;
+    private templates;
+    registerTemplate(layerIndex: number, template: TemplateRef<any>): void;
+    getTemplate(layerIndex: number): TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipTemplateService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TooltipTemplateService>;
 }

package/tooltip.d.ts

@@ -5,5 +5,7 @@
 export { BubbleTooltipTemplateDirective } from './tooltip/bubble-tooltip-template.directive';
 export { MarkerTooltipTemplateDirective } from './tooltip/marker-tooltip-template.directive';
 export { ShapeTooltipTemplateDirective } from './tooltip/shape-tooltip-template.directive';
-export { TooltipComponent } from './tooltip/tooltip.component';
 export { TooltipPopupComponent } from './tooltip/tooltip-popup.component';
+export { BubbleTooltipComponent } from './tooltip/bubble-tooltip.component';
+export { MarkerTooltipComponent } from './tooltip/marker-tooltip.component';
+export { ShapeTooltipComponent } from './tooltip/shape-tooltip.component';

package/esm2015/tooltip/tooltip.component.js

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ContentChild, Input } from '@angular/core';
-import { SettingsComponent } from '../common/settings.component';
-import { BubbleTooltipTemplateDirective } from './bubble-tooltip-template.directive';
-import { MarkerTooltipTemplateDirective } from './marker-tooltip-template.directive';
-import { ShapeTooltipTemplateDirective } from './shape-tooltip-template.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/configuration.service";
-import * as i2 from "./tooltip-template.service";
-/**
- * The configuration options of the Marker Layer tooltip.
- */
-export class TooltipComponent extends SettingsComponent {
-    constructor(configurationService, templateService) {
-        super('tooltip', configurationService);
-        this.configurationService = configurationService;
-        this.templateService = templateService;
-        this.markAsVisible();
-    }
-    ngAfterContentChecked() {
-        var _a, _b, _c;
-        this.templateService.markerTemplate = (_a = this.markerTooltipTemplate) === null || _a === void 0 ? void 0 : _a.templateRef;
-        this.templateService.shapeTemplate = (_b = this.shapeTooltipTemplate) === null || _b === void 0 ? void 0 : _b.templateRef;
-        this.templateService.bubbleTemplate = (_c = this.bubbleTooltipTemplate) === null || _c === void 0 ? void 0 : _c.templateRef;
-    }
-}
-TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TooltipComponent, selector: "kendo-map-tooltip", inputs: { visible: "visible" }, queries: [{ propertyName: "markerTooltipTemplate", first: true, predicate: MarkerTooltipTemplateDirective, descendants: true }, { propertyName: "shapeTooltipTemplate", first: true, predicate: ShapeTooltipTemplateDirective, descendants: true }, { propertyName: "bubbleTooltipTemplate", first: true, predicate: BubbleTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-map-tooltip',
-                    template: ''
-                }]
-        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }]; }, propDecorators: { visible: [{
-                type: Input
-            }], markerTooltipTemplate: [{
-                type: ContentChild,
-                args: [MarkerTooltipTemplateDirective, { static: false }]
-            }], shapeTooltipTemplate: [{
-                type: ContentChild,
-                args: [ShapeTooltipTemplateDirective, { static: false }]
-            }], bubbleTooltipTemplate: [{
-                type: ContentChild,
-                args: [BubbleTooltipTemplateDirective, { static: false }]
-            }] } });