@syncfusion/ej2-maps 19.4.55 → 19.4.56-105067

package/src/maps/model/interface.d.ts

@@ -31,7 +31,7 @@ export interface IPrintEventArgs extends IMapsEventArgs {
 export interface ILoadedEventArgs extends IMapsEventArgs {
     /** Defines the current maps instance.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /** Defines the isResized argument.
@@ -44,7 +44,7 @@ export interface ILoadedEventArgs extends IMapsEventArgs {
 export interface ILoadEventArgs extends IMapsEventArgs {
     /** Defines the current maps instance.
      *
-
+     * @deprecated
      */
     maps?: Maps;
 }
@@ -54,7 +54,7 @@ export interface ILoadEventArgs extends IMapsEventArgs {
 export interface IDataLabelArgs extends IMapsEventArgs {
     /** Defines the current maps instance.
      *
-
+     * @deprecated
      */
     maps: Maps;
     /**
@@ -94,7 +94,7 @@ export interface GeoPosition {
 export interface ITooltipRenderCompleteEventArgs extends IMapsEventArgs {
     /** Defines the current map instance.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -116,7 +116,7 @@ export interface IResizeEventArgs extends IMapsEventArgs {
     currentSize: Size;
     /** Defines the current maps instance.
      *
-
+     * @deprecated
      */
     maps: Maps;
 }
@@ -142,7 +142,7 @@ export interface MapsTooltipOption {
 export interface ITooltipRenderEventArgs extends IMapsEventArgs {
     /** Defines the current maps instance.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -184,7 +184,7 @@ export interface ITooltipRenderEventArgs extends IMapsEventArgs {
 export interface ISelectionEventArgs extends IMapsEventArgs {
     /** Defines the current maps instance.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -218,7 +218,7 @@ export interface ISelectionEventArgs extends IMapsEventArgs {
 export interface IShapeSelectedEventArgs extends IMapsEventArgs {
     /** Defines the current maps instance.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -270,13 +270,13 @@ export interface ILayerRenderingEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance in event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
      * Defines the options to customize the layers in event argument.
      *
-
+     * @deprecated
      */
     layer?: LayerSettingsModel;
     /**
@@ -295,7 +295,7 @@ export interface IShapeRenderingEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance in event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -322,7 +322,7 @@ export interface IMarkerRenderingEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance in event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -381,7 +381,7 @@ export interface IMarkerClusterRenderingEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -424,7 +424,7 @@ export interface IMarkerClickEventArgs extends IMouseEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -447,7 +447,7 @@ export interface IMarkerMoveEventArgs extends IMouseEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -466,7 +466,7 @@ export interface IMarkerClusterClickEventArgs extends IMouseEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -481,7 +481,7 @@ export interface IMarkerClusterMoveEventArgs extends IMouseEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -496,13 +496,21 @@ export interface ILabelRenderingEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
      * Defines the text for the data-label in event argument.
      */
     text: string;
+    /**
+     * Defines the right and left position of text for the data-label in event argument.
+     */
+    offsetX: number;
+    /**
+    * Defines the top and bottom position of text for the data-label in event argument.
+    */
+    offsetY: number;
     /**
      * Defines the color and width of the border for the data-label in event argument.
      */
@@ -527,7 +535,7 @@ export interface IBubbleRenderingEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -562,7 +570,7 @@ export interface IBubbleClickEventArgs extends IMouseEventArgs {
     /**
      * Defines the maps instance in event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -577,7 +585,7 @@ export interface IBubbleMoveEventArgs extends IMouseEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -592,7 +600,7 @@ export interface IAnimationCompleteEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -607,7 +615,7 @@ export interface ILegendRenderingEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -634,7 +642,7 @@ export interface IAnnotationRenderingEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance in event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -653,7 +661,7 @@ export interface IMapPanEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance in event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**
@@ -688,7 +696,7 @@ export interface IMapZoomEventArgs extends IMapsEventArgs {
     /**
      * Defines the maps instance event argument.
      *
-
+     * @deprecated
      */
     maps?: Maps;
     /**

package/src/maps/model/print.d.ts

@@ -5,8 +5,6 @@ import { Maps } from '../../index';
  * @hidden
  */
 export declare class Print {
-    private control;
-    private printWindow;
     /**
      * Constructor for Maps
      *
@@ -20,7 +18,7 @@ export declare class Print {
      * @returns {void}
      * @private
      */
-    print(elements?: string[] | string | Element): void;
+    print(maps: Maps, elements?: string[] | string | Element): void;
     /**
      * To get the html string of the Maps
      *
@@ -38,9 +36,8 @@ export declare class Print {
     /**
      * To destroy the print.
      *
-     * @param {Maps} maps - Specifies the instance of the maps
      * @returns {void}
      * @private
      */
-    destroy(maps: Maps): void;
+    destroy(): void;
 }

package/src/maps/model/print.js

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { print as printWindow, createElement } from '@syncfusion/ej2-base';
+import { print as printFunction, createElement } from '@syncfusion/ej2-base';
 import { getElement } from '../utils/helper';
 import { beforePrint } from '../model/constants';
 /**
@@ -14,7 +14,6 @@ var Print = /** @class */ (function () {
      * @param {Maps} control - Specifies the instance of the map
      */
     function Print(control) {
-        this.control = control;
     }
     /**
      * To print the Maps
@@ -23,17 +22,16 @@ var Print = /** @class */ (function () {
      * @returns {void}
      * @private
      */
-    Print.prototype.print = function (elements) {
-        var _this = this;
-        this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
-        this.printWindow.moveTo(0, 0);
-        this.printWindow.resizeTo(screen.availWidth, screen.availHeight);
+    Print.prototype.print = function (maps, elements) {
+        var printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
+        printWindow.moveTo(0, 0);
+        printWindow.resizeTo(screen.availWidth, screen.availHeight);
         var argsData = {
-            cancel: false, htmlContent: this.getHTMLContent(elements), name: beforePrint
+            cancel: false, htmlContent: this.getHTMLContent(maps, elements), name: beforePrint
         };
-        this.control.trigger('beforePrint', argsData, function (beforePrintArgs) {
+        maps.trigger('beforePrint', argsData, function (beforePrintArgs) {
             if (!argsData.cancel) {
-                printWindow(argsData.htmlContent, _this.printWindow);
+                printFunction(argsData.htmlContent, printWindow);
             }
         });
     };
@@ -44,8 +42,29 @@ var Print = /** @class */ (function () {
      * @returns {Element} - Returns the div element
      * @private
      */
-    Print.prototype.getHTMLContent = function (elements) {
+    Print.prototype.getHTMLContent = function (maps, elements) {
         var div = createElement('div');
+        var divElement = maps.element.cloneNode(true);
+        if (maps.isTileMap) {
+            for (var i = 0; i < divElement.childElementCount; i++) {
+                if (divElement.children[i].id === maps.element.id + '_tile_parent') {
+                    divElement.children[i].style.removeProperty('height');
+                    divElement.children[i].style.removeProperty('width');
+                    divElement.children[i].style.removeProperty('top');
+                    divElement.children[i].style.removeProperty('left');
+                    divElement.children[i].style.removeProperty('right');
+                    divElement.children[i].style.removeProperty('overflow');
+                    var svgElement = document.getElementById(maps.element.id + '_Tile_SVG_Parent');
+                    divElement.children[i].children[0].style.overflow = 'hidden';
+                    divElement.children[i].children[0].style.position = 'absolute';
+                    divElement.children[i].children[0].style.height = svgElement.style.height;
+                    divElement.children[i].children[0].style.width = svgElement.style.width;
+                    divElement.children[i].children[0].style.left = svgElement.style.left;
+                    divElement.children[i].children[0].style.top = svgElement.style.top;
+                    break;
+                }
+            }
+        }
         if (elements) {
             if (elements instanceof Array) {
                 Array.prototype.forEach.call(elements, function (value) {
@@ -60,7 +79,7 @@ var Print = /** @class */ (function () {
             }
         }
         else {
-            div.appendChild(this.control.element.cloneNode(true));
+            div.appendChild(divElement);
         }
         return div;
     };
@@ -75,15 +94,10 @@ var Print = /** @class */ (function () {
     /**
      * To destroy the print.
      *
-     * @param {Maps} maps - Specifies the instance of the maps
      * @returns {void}
      * @private
      */
-    Print.prototype.destroy = function (maps) {
-        /**
-         * Destroy method performed here
-         */
-    };
+    Print.prototype.destroy = function () { };
     return Print;
 }());
 export { Print };

package/src/maps/model/theme.js

@@ -183,11 +183,11 @@ export function getShapeColor(theme) {
             themePalette = ['#5ECB9B', '#A860F1', '#EBA844', '#557EF7', '#E9599B',
                 '#BFC529', '#3BC6CF', '#7A68EC', '#74B706', '#EA6266'];
             break;
-        case 'fluentui':
+        case 'fluent':
             themePalette = ['#614570', '#4C6FB1', '#CC6952', '#3F579A', '#4EA09B',
                 '#6E7A89', '#D4515C', '#E6AF5D', '#639751', '#9D4D69'];
             break;
-        case 'fluentuidark':
+        case 'fluentdark':
             themePalette = ['#8AB113', '#2A72D5', '#43B786', '#584EC6', '#E85F9C',
                 '#6E7A89', '#EA6266', '#EBA844', '#26BC7A', '#BC4870'];
             break;
@@ -328,6 +328,7 @@ export function getThemeStyle(theme) {
                 backgroundColor: color,
                 areaBackgroundColor: color,
                 titleFontColor: '#FFFFFF',
+                titleFontSize: '14px',
                 subTitleFontColor: '#FFFFFF',
                 legendTitleFontColor: '#DADADA',
                 legendTextColor: '#DADADA',
@@ -347,6 +348,7 @@ export function getThemeStyle(theme) {
                 backgroundColor: '#000000',
                 areaBackgroundColor: '#000000',
                 titleFontColor: '#FFFFFF',
+                titleFontSize: '14px',
                 subTitleFontColor: '#FFFFFF',
                 legendTitleFontColor: '#FFFFFF',
                 legendTextColor: '#FFFFFF',
@@ -476,7 +478,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#495057'
             };
             break;
-        case 'fluentui':
+        case 'fluent':
             style = {
                 backgroundColor: 'rgba(255,255,255, 0.0)',
                 areaBackgroundColor: 'rgba(255,255,255, 0.0)',
@@ -499,7 +501,7 @@ export function getThemeStyle(theme) {
                 shapeFill: '#F3F2F1'
             };
             break;
-        case 'fluentuidark':
+        case 'fluentdark':
             style = {
                 backgroundColor: 'rgba(255,255,255, 0.0)',
                 areaBackgroundColor: 'rgba(255,255,255, 0.0)',
@@ -527,6 +529,7 @@ export function getThemeStyle(theme) {
                 backgroundColor: '#FFFFFF',
                 areaBackgroundColor: '#FFFFFF',
                 titleFontColor: '#424242',
+                titleFontSize: '14px',
                 subTitleFontColor: '#424242',
                 legendTitleFontColor: '#757575',
                 legendTextColor: '#757575',

package/src/maps/user-interaction/annotation.d.ts

@@ -14,9 +14,8 @@ export declare class Annotations {
     /**
      * To destroy the annotation.
      *
-     * @param {Maps} map - Specifies the instance of the maps
      * @returns {void}
      * @private
      */
-    destroy(map: Maps): void;
+    destroy(): void;
 }

package/src/maps/user-interaction/annotation.js

@@ -53,7 +53,7 @@ var Annotations = /** @class */ (function () {
             if (argsData.cancel) {
                 return;
             }
-            templateFn = getTemplateFunction(argsData.content);
+            templateFn = getTemplateFunction(argsData.content, _this.map);
             if (templateFn && templateFn(_this.map, _this.map, argsData.content, _this.map.element.id + '_ContentTemplate_' + annotationIndex).length) {
                 templateElement = Array.prototype.slice.call(templateFn(_this.map, _this.map, argsData.content, _this.map.element.id + '_ContentTemplate_' + annotationIndex));
                 var length_1 = templateElement.length;
@@ -113,12 +113,11 @@ var Annotations = /** @class */ (function () {
     /**
      * To destroy the annotation.
      *
-     * @param {Maps} map - Specifies the instance of the maps
      * @returns {void}
      * @private
      */
-    Annotations.prototype.destroy = function (map) {
-        // Destroy method performed here
+    Annotations.prototype.destroy = function () {
+        this.map = null;
     };
     return Annotations;
 }());

package/src/maps/user-interaction/highlight.d.ts

@@ -42,9 +42,8 @@ export declare class Highlight {
     /**
      * To destroy the highlight.
      *
-     * @param {Maps} maps - Specifies the maps instance
      * @returns {void}
      * @private
      */
-    destroy(maps: Maps): void;
+    destroy(): void;
 }

package/src/maps/user-interaction/highlight.js

@@ -54,7 +54,8 @@ var Highlight = /** @class */ (function () {
             targetEle.getAttribute('class') !== 'ShapeselectionMapStyle' && !isTouch &&
             targetEle.getAttribute('class') !== 'MarkerselectionMapStyle' &&
             targetEle.getAttribute('class') !== 'BubbleselectionMapStyle' &&
-            targetEle.getAttribute('class') !== 'navigationlineselectionMapStyle') {
+            targetEle.getAttribute('class') !== 'navigationlineselectionMapStyle' &&
+            targetEle.getAttribute('class') !== 'LineselectionMapStyle') {
             layerIndex = parseInt(targetEle.id.split('_LayerIndex_')[1].split('_')[0], 10);
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var shapeData = void 0;
@@ -64,8 +65,9 @@ var Highlight = /** @class */ (function () {
             var dataIndex = void 0;
             if (targetEle.id.indexOf('shapeIndex') > -1) {
                 shapeIn = parseInt(targetEle.id.split('_shapeIndex_')[1].split('_')[0], 10);
-                shapeData = this.maps.layers[layerIndex].shapeData['features'] ?
-                    this.maps.layers[layerIndex].shapeData['features'][shapeIn]['properties'] : null;
+                shapeData = this.maps.layers[layerIndex].shapeData['features'] &&
+                    !isNullOrUndefined(this.maps.layersCollection[layerIndex].layerData[shapeIn]) ?
+                    this.maps.layersCollection[layerIndex].layerData[shapeIn]['property'] : null;
                 dataIndex = parseInt(targetEle.id.split('_dataIndex_')[1].split('_')[0], 10);
                 data = isNullOrUndefined(dataIndex) ? null : this.maps.layers[layerIndex].dataSource[dataIndex];
                 this.highlightSettings = this.maps.layers[layerIndex].highlightSettings;
@@ -137,7 +139,8 @@ var Highlight = /** @class */ (function () {
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     Highlight.prototype.handleHighlight = function (targetElement, layerIndex, data, shapeData) {
-        if (this.maps.legendSettings.visible && targetElement.id.indexOf('_MarkerIndex_') === -1 && this.maps.legendModule) {
+        if (this.maps.legendSettings.visible && targetElement.id.indexOf('_MarkerIndex_') === -1 && this.maps.legendModule
+            && this.maps.legendSettings.type === 'Layers') {
             this.maps.legendModule.shapeHighLightAndSelection(targetElement, data, this.highlightSettings, 'highlight', layerIndex);
         }
         var selectHighLight = targetElement.id.indexOf('shapeIndex') > -1 && (this.maps.legendSettings.visible && this.maps.legendModule) ?
@@ -156,7 +159,7 @@ var Highlight = /** @class */ (function () {
             isMarkerSelect = this.maps.layers[layerIndex].markerSettings[marker].highlightSettings.enable;
         }
         var border = {
-            color: (targetEle.parentElement.id.indexOf('LineString') === -1) ? this.highlightSettings.border.color : (this.highlightSettings.border.color || this.highlightSettings.fill),
+            color: (targetEle.parentElement.id.indexOf('LineString') === -1) ? this.highlightSettings.border.color : (this.highlightSettings.fill || this.highlightSettings.border.color),
             width: (targetEle.parentElement.id.indexOf('LineString') === -1) ? (this.highlightSettings.border.width / (isMarkerSelect ? 1 : this.maps.scale)) : (this.highlightSettings.border.width / this.maps.scale),
             opacity: this.highlightSettings.border.opacity
         };
@@ -214,15 +217,13 @@ var Highlight = /** @class */ (function () {
     /**
      * To destroy the highlight.
      *
-     * @param {Maps} maps - Specifies the maps instance
      * @returns {void}
      * @private
      */
-    Highlight.prototype.destroy = function (maps) {
-        /**
-         * Destroy method performed here
-         */
+    Highlight.prototype.destroy = function () {
+        this.highlightSettings = null;
         this.removeEventListener();
+        this.maps = null;
     };
     return Highlight;
 }());

package/src/maps/user-interaction/selection.d.ts

@@ -64,9 +64,8 @@ export declare class Selection {
     /**
      * To destroy the selection.
      *
-     * @param {Maps} maps - Specifies the maps instance.
      * @returns {void}
      * @private
      */
-    destroy(maps: Maps): void;
+    destroy(): void;
 }