@syncfusion/ej2-maps 31.1.17 → 31.2.12

package/dist/ts/maps/layers/bubble.ts

@@ -1,304 +0,0 @@
-import { Maps } from '../../index';
-import { BubbleSettingsModel, ColorMapping, IBubbleRenderingEventArgs, bubbleRendering } from '../index';
-import { IBubbleClickEventArgs, bubbleClick, LayerSettings, IBubbleMoveEventArgs, bubbleMouseMove } from '../index';
-import { isNullOrUndefined, animationMode } from '@syncfusion/ej2-base';
-import { CircleOption, MapLocation, findMidPointOfPolygon, Point, drawCircle, elementAnimate, getTranslate } from '../utils/helper';
-import { RectOption, Rect, drawRectangle, checkPropertyPath, getZoomTranslate, getRatioOfBubble, maintainSelection,
-    getValueFromObject } from '../utils/helper';
-import { BorderModel } from '../model/base-model';
-
-/**
- * Bubble module class
- */
-export class Bubble {
-    private maps: Maps;
-    /** @private */
-    public bubbleCollection: object[];
-    /**
-     * Bubble Id for current layer
-     *
-     * @private
-     */
-    public id: string = '';
-    constructor(maps: Maps) {
-        this.maps = maps;
-        this.bubbleCollection = [];
-    }
-    /**
-     * To render bubble
-     *
-     * @param {BubbleSettingsModel} bubbleSettings - Specifies the bubble data to be rendered
-     * @param {object} shapeData - Specifies the data about the shape
-     * @param {string} color - Specifies the color of the bubble
-     * @param {number} range - Specifies the range of the bubble
-     * @param {number} range.min - Specifies the minimum range of the bubble
-     * @param {number} range.max - Specifies the maximum range of the bubble
-     * @param {number} bubbleIndex - Specifies the index of the bubble
-     * @param {number} dataIndex - Specifies the index of the data
-     * @param {number} layerIndex - Specifies the index of the layer
-     * @param {LayerSettings} layer - Specifies the layer data
-     * @param {Element} group - Specifies the element group
-     * @param {string} bubbleID - Specifies the ID of the bubble
-     * @returns {void}
-     * @private
-     */
-    public renderBubble(
-        bubbleSettings: BubbleSettingsModel, shapeData: object, color: string, range: { min: number, max: number },
-        bubbleIndex: number, dataIndex: number, layerIndex: number, layer: LayerSettings, group: Element, bubbleID? : string
-    ): void {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const layerData: any[] = layer.layerData; const colorValuePath: string = bubbleSettings.colorValuePath;
-        const equalValue: string = (!isNullOrUndefined(colorValuePath)) ? ((colorValuePath.indexOf('.') > -1) ?
-            (getValueFromObject(shapeData, bubbleSettings.colorValuePath)) : shapeData[colorValuePath as string]) :
-            shapeData[colorValuePath as string];
-        const colorValue: number = (!isNullOrUndefined(colorValuePath)) ? ((colorValuePath.indexOf('.') > -1) ?
-            Number(getValueFromObject(shapeData, bubbleSettings.colorValuePath)) : Number(shapeData[colorValuePath as string])) :
-            Number(shapeData[colorValuePath as string]);
-        const bubbleValue: number = (!isNullOrUndefined(bubbleSettings.valuePath)) ? ((bubbleSettings.valuePath.indexOf('.') > -1) ?
-            Number(getValueFromObject(shapeData, bubbleSettings.valuePath)) : Number(shapeData[bubbleSettings.valuePath])) :
-            Number(shapeData[bubbleSettings.valuePath]);
-        let opacity: number; let bubbleColor: string;
-        if (isNaN(bubbleValue) && isNaN(colorValue) && isNullOrUndefined(equalValue)) {
-            return null;
-        }
-        let radius: number = getRatioOfBubble(bubbleSettings.minRadius, bubbleSettings.maxRadius, bubbleValue, range.min, range.max);
-        const colorMapping: ColorMapping = new ColorMapping(this.maps);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const shapeColor: any = colorMapping.getColorByValue(bubbleSettings.colorMapping, colorValue, equalValue);
-        // eslint-disable-next-line prefer-const
-        bubbleColor = (Object.prototype.toString.call(shapeColor) === '[object Object]' &&
-            !isNullOrUndefined(shapeColor['fill'])) ? shapeColor['fill'] : color;
-        // eslint-disable-next-line prefer-const
-        opacity = (Object.prototype.toString.call(shapeColor) === '[object Object]' &&
-            !isNullOrUndefined(shapeColor['opacity'])) ? shapeColor['opacity'] : bubbleSettings.opacity;
-        const shapePoints: [MapLocation[]] = [[]]; this.maps.translateType = 'bubble';
-        let midIndex: number = 0; let pointsLength: number = 0; let currentLength: number = 0;
-        for (let i: number = 0, len: number = layerData.length; i < len; i++) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            let shape: any = layerData[i as number];
-            shape = shape['property'];
-            const shapePath: string = checkPropertyPath(shapeData[layer.shapeDataPath], layer.shapePropertyPath, shape);
-            const shapeDataLayerPathValue: string = !isNullOrUndefined(shapeData[layer.shapeDataPath]) &&
-                isNaN(shapeData[layer.shapeDataPath]) ? shapeData[layer.shapeDataPath].toLowerCase() : shapeData[layer.shapeDataPath];
-            const shapePathValue: string = !isNullOrUndefined(shape[shapePath as string]) && isNaN(shape[shapePath as string])
-                ? shape[shapePath as string].toLowerCase() : shape[shapePath as string];
-            if (shapeDataLayerPathValue === shapePathValue && (layerData[i as number].type !== 'LineString' && layerData[i as number].type !== 'MultiLineString' && layerData[i as number]['type'] !== 'Point' && layerData[i as number]['type'] !== 'MultiPoint')) {
-                if (!layerData[i as number]['_isMultiPolygon']) {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    shapePoints.push(this.getPoints(layerData[i as number] as any[], []));
-                    currentLength = shapePoints[shapePoints.length - 1].length;
-                    if (pointsLength < currentLength) {
-                        pointsLength = currentLength;
-                        midIndex = shapePoints.length - 1;
-                    }
-
-                } else {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    const layer: any[] = <any[]>layerData[i as number];
-                    for (let j: number = 0; j < layer.length; j++) {
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        shapePoints.push(this.getPoints(layer[j as number] as any[], []));
-                        currentLength = shapePoints[shapePoints.length - 1].length;
-                        if (pointsLength < currentLength) {
-                            pointsLength = currentLength;
-                            midIndex = shapePoints.length - 1;
-                        }
-                    }
-                }
-            }
-        }
-        const projectionType: string = this.maps.projectionType;
-        let centerY: number; let eventArgs: IBubbleRenderingEventArgs;
-        const bubbleBorder: BorderModel = {
-            color: bubbleSettings.border.color, opacity: bubbleSettings.border.opacity,
-            width: bubbleSettings.border.width
-        };
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const center: any = findMidPointOfPolygon(shapePoints[midIndex as number], projectionType, layer.geometryType);
-        if (bubbleSettings.visible) {
-            if (!isNullOrUndefined(center)) {
-                centerY = this.maps.projectionType === 'Mercator' ? center['y'] : (-center['y']);
-                eventArgs = {
-                    cancel: false, name: bubbleRendering, border: bubbleBorder,
-                    cx: center['x'], cy: centerY, data: shapeData, fill: bubbleColor,
-                    maps: this.maps, radius: radius
-                };
-            } else {
-                const shapePointsLength: number = shapePoints.length - 1;
-                if (shapePoints[shapePointsLength as number]['x'] && shapePoints[shapePointsLength as number]['y']) {
-                    eventArgs = {
-                        cancel: false, name: bubbleRendering, border: bubbleBorder,
-                        cx: shapePoints[shapePointsLength as number]['x'], cy: shapePoints[shapePointsLength as number]['y'],
-                        data: shapeData, fill: bubbleColor, maps: this.maps,
-                        radius: radius
-                    };
-                } else {
-                    return;
-                }
-            }
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            this.maps.trigger('bubbleRendering', eventArgs, (bubbleArgs: IBubbleRenderingEventArgs) => {
-                if (eventArgs.cancel) {
-                    return;
-                }
-                let bubbleElement: Element;
-                eventArgs.border.opacity = isNullOrUndefined(eventArgs.border.opacity) ? opacity : eventArgs.border.opacity;
-                if (bubbleSettings.bubbleType === 'Circle') {
-                    const circle: CircleOption = new CircleOption(
-                        bubbleID, eventArgs.fill, eventArgs.border, opacity,
-                        0, 0, eventArgs.radius, null
-                    );
-                    bubbleElement = drawCircle(this.maps, circle, group);
-                } else {
-                    const y: number = this.maps.projectionType === 'Mercator' ? (eventArgs.cy - radius) : (eventArgs.cy + radius);
-                    const rectangle: RectOption = new RectOption(
-                        bubbleID, eventArgs.fill, eventArgs.border, opacity,
-                        new Rect(0, 0, radius * 2, radius * 2), 2, 2
-                    );
-                    eventArgs.cx -= radius; eventArgs.cy = y;
-                    bubbleElement = drawRectangle(this.maps, rectangle, group);
-                }
-                maintainSelection(this.maps.selectedBubbleElementId, this.maps.bubbleSelectionClass, bubbleElement,
-                                  'BubbleselectionMapStyle');
-                this.bubbleCollection.push({
-                    LayerIndex: layerIndex,
-                    BubbleIndex: bubbleIndex,
-                    DataIndex: dataIndex,
-                    element: bubbleElement,
-                    center: { x: eventArgs.cx, y: eventArgs.cy }
-                });
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                let translate: any;
-                const animate: boolean = (layer.animationDuration !== 0 || animationMode === 'Enable') || isNullOrUndefined(this.maps.zoomModule);
-                if (this.maps.zoomSettings.zoomFactor > 1 && !isNullOrUndefined(this.maps.zoomModule) && !this.maps.isTileMap) {
-                    translate = getZoomTranslate(this.maps, layer, animate);
-                } else {
-                    translate = getTranslate(this.maps, layer, animate);
-                }
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                const bubbleDataSource: any[] = bubbleSettings.dataSource as any[];
-                const scale: number = translate['scale']; const transPoint: Point = translate['location'] as Point;
-                const position: MapLocation = new MapLocation(
-                    (this.maps.isTileMap ? ((eventArgs.cx + this.maps.translatePoint.x) * this.maps.tileZoomLevel)
-                        : ((eventArgs.cx + transPoint.x) * scale)),
-                    (this.maps.isTileMap ? ((eventArgs.cy + this.maps.translatePoint.y) * this.maps.tileZoomLevel)
-                        : ((eventArgs.cy + transPoint.y) * scale)));
-                bubbleElement.setAttribute('transform', 'translate( ' + (position.x) + ' ' + (position.y) + ' )');
-                const bubble: string = (bubbleDataSource.length - 1) === dataIndex ? 'bubble' : null;
-                if (bubbleSettings.bubbleType === 'Square') {
-                    position.x += radius;
-                    position.y += radius * (this.maps.projectionType === 'Mercator' ? 1 : -1);
-                } else {
-                    radius = 0;
-                }
-                if (bubbleSettings.animationDuration > 0 || animationMode === 'Enable') {
-                    elementAnimate(
-                        bubbleElement, bubbleSettings.animationDelay, bubbleSettings.animationDuration, position, this.maps, bubble, radius
-                    );
-                }
-            });
-        }
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    private getPoints(shape: any[], points: MapLocation[]): MapLocation[] {
-        if (isNullOrUndefined(shape.map)) {
-            points = shape['point'];
-        } else {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            shape.map((current: any) => {
-                points.push(new Point(current['point']['x'], current['point']['y']));
-            });
-        }
-        return points;
-    }
-
-    /**
-     * To check and trigger bubble click event.
-     *
-     * @param {PointerEvent} e - Specifies the pointer event argument.
-     * @returns {void}
-     * @private
-     */
-    public bubbleClick(e: PointerEvent): void {
-        const target: string = (e.target as Element).id;
-        if (target.indexOf('_LayerIndex_') === -1) {
-            return;
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const data: any = this.getbubble(target);
-        if (isNullOrUndefined(data)) {
-            return;
-        }
-        const eventArgs: IBubbleClickEventArgs = {
-            cancel: false, name: bubbleClick, data: data, maps: this.maps,
-            target: target, x: e.clientX, y: e.clientY
-        };
-        this.maps.trigger(bubbleClick, eventArgs);
-    }
-    /**
-     * To get bubble from target id.
-     *
-     * @param {string} target - Specifies the target
-     * @returns {object} - Returns the object
-     */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    private getbubble(target: string): any {
-        const id: string[] = target.split('_LayerIndex_');
-        const index: number = parseInt(id[1].split('_')[0], 10);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        let data: any;
-        if (target.indexOf('_BubbleIndex_') > -1) {
-            const layer: LayerSettings = <LayerSettings>this.maps.layers[index as number];
-            const bubbleIndex: number = parseInt(id[1].split('_BubbleIndex_')[1], 10);
-            const dataIndex: number = parseInt(id[1].split('_BubbleIndex_')[1].split('_dataIndex_')[1], 10);
-            if (!isNaN(bubbleIndex as number)) {
-                data = layer.bubbleSettings[bubbleIndex as number].dataSource[dataIndex as number];
-                return data;
-            }
-        }
-        return null;
-    }
-    // eslint-disable-next-line valid-jsdoc
-    /**
-     * To check and trigger bubble move event.
-     *
-     * @param {PointerEvent} e - Specifies the pointer event argument.
-     * @retruns {void}
-     * @private
-     */
-    public bubbleMove(e: PointerEvent): void {
-        const target: string = (e.target as Element).id;
-        if (target.indexOf('_LayerIndex_') === -1) {
-            return;
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const data: any = this.getbubble(target);
-        if (isNullOrUndefined(data)) {
-            return;
-        }
-        const eventArgs: IBubbleMoveEventArgs = {
-            cancel: false, name: bubbleMouseMove, data: data, maps: this.maps,
-            target: target, x: e.clientX, y: e.clientY
-        };
-        this.maps.trigger(bubbleMouseMove, eventArgs);
-    }
-    /**
-     * Get module name.
-     *
-     * @returns {string} - Returns the module name.
-     */
-    protected getModuleName(): string {
-        return 'Bubble';
-    }
-
-    /**
-     * To destroy the bubble.
-     *
-     * @returns {void}
-     * @private
-     */
-    public destroy(): void {
-        this.bubbleCollection = [];
-        this.maps = null;
-    }
-}

package/dist/ts/maps/layers/color-mapping.d.ts

@@ -1,36 +0,0 @@
-import { Maps } from '../../index';
-import { ShapeSettingsModel, ColorMappingSettingsModel, ColorValue } from '../index';
-/**
- * ColorMapping class
- */
-export declare class ColorMapping {
-    constructor(maps: Maps);
-    /**
-     * To get color based on shape settings.
-     *
-     * @param { ShapeSettingsModel } shapeSettings - Specifies the shape settings.
-     * @param { object } layerData - Specifies the layer data.
-     * @param { string } color - Specifies the color.
-     * @returns {object} - Returns the object.
-     * @private
-     */
-    getShapeColorMapping(shapeSettings: ShapeSettingsModel, layerData: object, color: string): any;
-    /**
-     * To color by value and color mapping.
-     *
-     * @param {ColorMappingSettingsModel[]} colorMapping - Specifies the color mapping instance.
-     * @param {number} colorValue - Specifies the color value
-     * @param {string} equalValue - Specifies the equal value.
-     * @returns {any} - Returns the color mapping values.
-     * @private
-     */
-    getColorByValue(colorMapping: ColorMappingSettingsModel[], colorValue: number, equalValue: string): any;
-    deSaturationColor(colorMapping: ColorMappingSettingsModel, color: string, rangeValue: number, equalValue: string): number;
-    rgbToHex(r: number, g: number, b: number): string;
-    componentToHex(value: number): string;
-    getColor(colorMap: ColorMappingSettingsModel, value: number): string;
-    getGradientColor(value: number, colorMap: ColorMappingSettingsModel): ColorValue;
-    getPercentageColor(percent: number, previous: string, next: string): ColorValue;
-    getPercentage(percent: number, previous: number, next: number): number;
-    _colorNameToHex(color: string): string;
-}

package/dist/ts/maps/layers/color-mapping.ts

@@ -1,230 +0,0 @@
-import { Maps } from '../../index';
-import { ShapeSettingsModel, ColorMappingSettingsModel, ColorValue } from '../index';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
-import { getValueFromObject } from '../utils/helper';
-
-/**
- * ColorMapping class
- */
-export class ColorMapping {
-    /* eslint-disable @typescript-eslint/no-unused-vars */
-    /* eslint-disable @typescript-eslint/no-empty-function */
-    constructor(maps: Maps) {
-    }
-    /* eslint-enable @typescript-eslint/no-unused-vars */
-    /* eslint-enable @typescript-eslint/no-empty-function */
-    /**
-     * To get color based on shape settings.
-     *
-     * @param { ShapeSettingsModel } shapeSettings - Specifies the shape settings.
-     * @param { object } layerData - Specifies the layer data.
-     * @param { string } color - Specifies the color.
-     * @returns {object} - Returns the object.
-     * @private
-     */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    public getShapeColorMapping(shapeSettings: ShapeSettingsModel, layerData: object, color: string): any {
-        const colorValuePath: string = shapeSettings.colorValuePath ? shapeSettings.colorValuePath : shapeSettings.valuePath;
-        const equalValue: string = (!isNullOrUndefined(colorValuePath)) ? ((colorValuePath.indexOf('.') > -1) ?
-            getValueFromObject(layerData, colorValuePath) : layerData[colorValuePath as string]) : layerData[colorValuePath as string];
-        const colorValue: number = Number(equalValue);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const shapeColor: any = this.getColorByValue(shapeSettings.colorMapping, colorValue, equalValue);
-        return !isNullOrUndefined(shapeColor) ? shapeColor : color;
-    }
-    /**
-     * To color by value and color mapping.
-     *
-     * @param {ColorMappingSettingsModel[]} colorMapping - Specifies the color mapping instance.
-     * @param {number} colorValue - Specifies the color value
-     * @param {string} equalValue - Specifies the equal value.
-     * @returns {any} - Returns the color mapping values.
-     * @private
-     */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    public getColorByValue(colorMapping: ColorMappingSettingsModel[], colorValue: number, equalValue: string): any {
-        if (isNaN(colorValue) && isNullOrUndefined(equalValue)) {
-            return null;
-        }
-        let fill: string = ''; let opacity: number; let gradientFill: string;
-        for (const colorMap of colorMapping) {
-
-            if ((!isNullOrUndefined(colorMap.from) && !isNullOrUndefined(colorMap.to)
-                && (colorValue >= colorMap.from && colorValue <= colorMap.to)) ||
-                (colorMap.value === equalValue)) {
-                if (Object.prototype.toString.call(colorMap.color) === '[object Array]') {
-                    if (!isNullOrUndefined(colorMap.value)) {
-                        fill = colorMap.color[0];
-                    } else {
-                        gradientFill = this.getColor(colorMap, colorValue);
-                        fill = gradientFill;
-                    }
-                } else {
-                    fill = <string>colorMap.color;
-                }
-            }
-            if (((colorValue >= colorMap.from && colorValue <= colorMap.to) || (colorMap.value === equalValue))
-                && (!isNullOrUndefined(colorMap.minOpacity) && !isNullOrUndefined(colorMap.maxOpacity) && fill)) {
-                opacity = this.deSaturationColor(colorMap, fill, colorValue, equalValue);
-            }
-            if ((fill === '' || isNullOrUndefined(fill)) && isNullOrUndefined(colorMap.from) && isNullOrUndefined(colorMap.to)
-                && isNullOrUndefined(colorMap.minOpacity) && isNullOrUndefined(colorMap.maxOpacity) && isNullOrUndefined(colorMap.value)) {
-                fill = Object.prototype.toString.call(colorMap.color) === '[object Array]' ? colorMap.color[0] : <string>colorMap.color;
-            }
-        }
-        return { fill: fill || ((!colorMapping.length) ? equalValue : null), opacity: opacity };
-    }
-
-    public deSaturationColor(
-        colorMapping: ColorMappingSettingsModel, color: string,
-        rangeValue: number, equalValue: string): number {
-        let opacity: number = 1;
-        if (((rangeValue >= colorMapping.from && rangeValue <= colorMapping.to) || colorMapping.value === equalValue)) {
-            const ratio: number = !isNaN(rangeValue) ? (rangeValue - colorMapping.from) / (colorMapping.to - colorMapping.from) :
-                colorMapping.from / (colorMapping.to - colorMapping.from);
-            opacity = (ratio * (colorMapping.maxOpacity - colorMapping.minOpacity)) + colorMapping.minOpacity;
-        }
-        return opacity;
-    }
-
-    public rgbToHex(r: number, g: number, b: number): string {
-        return '#' + this.componentToHex(r) + this.componentToHex(g) + this.componentToHex(b);
-    }
-
-    public componentToHex(value: number): string {
-        const hex: string = value.toString(16);
-        return hex.length === 1 ? '0' + hex : hex;
-    }
-
-    public getColor(colorMap: ColorMappingSettingsModel, value: number): string {
-        let color: string = '';
-        let rbg: ColorValue;
-        if (Number(value) === colorMap.from) {
-            color = colorMap.color[0];
-        } else if (Number(value) === colorMap.to) {
-            color = colorMap.color[colorMap.color.length - 1];
-        } else {
-            rbg = this.getGradientColor(Number(value), colorMap);
-            color = this.rgbToHex(rbg.r, rbg.g, rbg.b);
-        }
-        return color;
-    }
-
-    public getGradientColor(value: number, colorMap: ColorMappingSettingsModel): ColorValue {
-        const previousOffset: number = colorMap.from;
-        const nextOffset: number = colorMap.to;
-        let percent: number = 0;
-        const full: number = nextOffset - previousOffset; let midColor: string;
-        percent = (value - previousOffset) / full; let previousColor: string; let nextColor: string;
-        if (colorMap.color.length <= 2) {
-            previousColor = colorMap.color[0].charAt(0) === '#' ? colorMap.color[0] : this._colorNameToHex(colorMap.color[0]);
-            nextColor = colorMap.color[colorMap.color.length - 1].charAt(0) === '#' ?
-                colorMap.color[colorMap.color.length - 1] : this._colorNameToHex(colorMap.color[colorMap.color.length - 1]);
-        } else {
-            previousColor = colorMap.color[0].charAt(0) === '#' ? colorMap.color[0] : this._colorNameToHex(colorMap.color[0]);
-            nextColor = colorMap.color[colorMap.color.length - 1].charAt(0) === '#' ?
-                colorMap.color[colorMap.color.length - 1] : this._colorNameToHex(colorMap.color[colorMap.color.length - 1]);
-            const a: number = full / (colorMap.color.length - 1); let b: number; let c: number;
-
-            const length: number = colorMap.color.length - 1;
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const splitColorValueOffset: any[] = []; let splitColor: any = {};
-            for (let j: number = 1; j < length; j++) {
-                c = j * a;
-                b = previousOffset + c;
-                splitColor = { b: b, color: colorMap.color[j as number] };
-                splitColorValueOffset.push(splitColor);
-            }
-            for (let i: number = 0; i < splitColorValueOffset.length; i++) {
-                if (previousOffset <= value && value <= splitColorValueOffset[i as number]['b'] && i === 0) {
-                    midColor = splitColorValueOffset[i as number]['color'].charAt(0) === '#' ?
-                        splitColorValueOffset[i as number]['color'] : this._colorNameToHex(splitColorValueOffset[i as number]['color']);
-                    nextColor = midColor;
-                    percent = value < splitColorValueOffset[i as number]['b'] ? 1 - Math.abs((value - splitColorValueOffset[i as number]['b']) / a)
-                        : (value - splitColorValueOffset[i as number]['b']) / a;
-                } else if (splitColorValueOffset[i as number]['b'] <= value && value <= nextOffset && i === (splitColorValueOffset.length - 1)) {
-                    midColor = splitColorValueOffset[i as number]['color'].charAt(0) === '#' ?
-                        splitColorValueOffset[i as number]['color'] : this._colorNameToHex(splitColorValueOffset[i as number]['color']);
-                    previousColor = midColor;
-                    percent = value < splitColorValueOffset[i as number]['b'] ?
-                        1 - Math.abs((value - splitColorValueOffset[i as number]['b']) / a) : (value - splitColorValueOffset[i as number]['b']) / a;
-                }
-                if (i !== splitColorValueOffset.length - 1 && i < splitColorValueOffset.length) {
-                    if (splitColorValueOffset[i as number]['b'] <= value && value <= splitColorValueOffset[i + 1]['b']) {
-                        midColor = splitColorValueOffset[i as number]['color'].charAt(0) === '#' ?
-                            splitColorValueOffset[i as number]['color'] : this._colorNameToHex(splitColorValueOffset[i as number]['color']);
-                        previousColor = midColor;
-                        nextColor = splitColorValueOffset[i + 1]['color'].charAt(0) === '#' ?
-                            splitColorValueOffset[i + 1]['color'] : this._colorNameToHex(splitColorValueOffset[i + 1]['color']);
-                        percent = Math.abs((value - splitColorValueOffset[i + 1]['b'])) / a;
-                    }
-                }
-            }
-        }
-        return this.getPercentageColor(percent, previousColor, nextColor);
-    }
-
-    public getPercentageColor(percent: number, previous: string, next: string): ColorValue {
-        const nextColor: string = next.split('#')[1];
-        const prevColor: string = previous.split('#')[1];
-        const r: number = this.getPercentage(percent, parseInt(prevColor.substr(0, 2), 16), parseInt(nextColor.substr(0, 2), 16));
-        const g: number = this.getPercentage(percent, parseInt(prevColor.substr(2, 2), 16), parseInt(nextColor.substr(2, 2), 16));
-        const b: number = this.getPercentage(percent, parseInt(prevColor.substr(4, 2), 16), parseInt(nextColor.substr(4, 2), 16));
-        return new ColorValue(r, g, b);
-    }
-
-    public getPercentage(percent: number, previous: number, next: number): number {
-        const full: number = next - previous;
-        return Math.round((previous + (full * percent)));
-    }
-
-    public _colorNameToHex(color: string): string {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const colors: any = {
-            'aliceblue': '#f0f8ff', 'antiquewhite': '#faebd7', 'aqua': '#00ffff', 'aquamarine': '#7fffd4', 'azure': '#f0ffff',
-            'beige': '#f5f5dc', 'bisque': '#ffe4c4', 'black': '#000000', 'blanchedalmond': '#ffebcd', 'blue': '#0000ff',
-            'blueviolet': '#8a2be2', 'brown': '#a52a2a', 'burlywood': '#deb887',
-            'cadetblue': '#5f9ea0', 'chartreuse': '#7fff00', 'chocolate': '#d2691e', 'coral': '#ff7f50',
-            'cornflowerblue': '#6495ed', 'cornsilk': '#fff8dc', 'crimson': '#dc143c', 'cyan': '#00ffff',
-            'darkblue': '#00008b', 'darkcyan': '#008b8b', 'darkgoldenrod': '#b8860b', 'darkgray': '#a9a9a9', 'darkgreen': '#006400',
-            'darkkhaki': '#bdb76b', 'darkmagenta': '#8b008b', 'darkolivegreen': '#556b2f',
-            'darkorange': '#ff8c00', 'darkorchid': '#9932cc', 'darkred': '#8b0000', 'darksalmon': '#e9967a', 'darkseagreen': '#8fbc8f',
-            'darkslateblue': '#483d8b', 'darkslategray': '#2f4f4f', 'darkturquoise': '#00ced1',
-            'darkviolet': '#9400d3', 'deeppink': '#ff1493', 'deepskyblue': '#00bfff', 'dimgray': '#696969', 'dodgerblue': '#1e90ff',
-            'firebrick': '#b22222', 'floralwhite': '#fffaf0', 'forestgreen': '#228b22', 'fuchsia': '#ff00ff',
-            'gainsboro': '#dcdcdc', 'ghostwhite': '#f8f8ff', 'gold': '#ffd700', 'goldenrod': '#daa520', 'gray': '#808080',
-            'green': '#008000', 'greenyellow': '#adff2f',
-            'honeydew': '#f0fff0', 'hotpink': '#ff69b4',
-            'indianred ': '#cd5c5c', 'indigo ': '#4b0082', 'ivory': '#fffff0', 'khaki': '#f0e68c',
-            'lavender': '#e6e6fa', 'lavenderblush': '#fff0f5', 'lawngreen': '#7cfc00', 'lemonchiffon': '#fffacd', 'lightblue': '#add8e6',
-            'lightcoral': '#f08080', 'lightcyan': '#e0ffff', 'lightgoldenrodyellow': '#fafad2',
-            'lightgrey': '#d3d3d3', 'lightgreen': '#90ee90', 'lightpink': '#ffb6c1', 'lightsalmon': '#ffa07a', 'lightseagreen': '#20b2aa',
-            'lightskyblue': '#87cefa', 'lightslategray': '#778899', 'lightsteelblue': '#b0c4de',
-            'lightyellow': '#ffffe0', 'lime': '#00ff00', 'limegreen': '#32cd32', 'linen': '#faf0e6',
-            'magenta': '#ff00ff', 'maroon': '#800000', 'mediumaquamarine': '#66cdaa', 'mediumblue': '#0000cd', 'mediumorchid': '#ba55d3',
-            'mediumpurple': '#9370d8', 'mediumseagreen': '#3cb371', 'mediumslateblue': '#7b68ee',
-            'mediumspringgreen': '#00fa9a', 'mediumturquoise': '#48d1cc', 'mediumvioletred': '#c71585', 'midnightblue': '#191970',
-            'mintcream': '#f5fffa', 'mistyrose': '#ffe4e1', 'moccasin': '#ffe4b5',
-            'navajowhite': '#ffdead', 'navy': '#000080', 'orchid': '#da70d6', 'papayawhip': '#ffefd5',
-            'oldlace': '#fdf5e6', 'olive': '#808000', 'olivedrab': '#6b8e23', 'orange': '#ffa500', 'orangered': '#ff4500',
-            'palegoldenrod': '#eee8aa', 'palegreen': '#98fb98', 'paleturquoise': '#afeeee', 'palevioletred': '#d87093',
-            'peachpuff': '#ffdab9', 'peru': '#cd853f', 'pink': '#ffc0cb', 'plum': '#dda0dd', 'powderblue': '#b0e0e6', 'purple': '#800080',
-            'red': '#ff0000', 'rosybrown': '#bc8f8f', 'royalblue': '#4169e1',
-            'saddlebrown': '#8b4513', 'salmon': '#fa8072', 'sandybrown': '#f4a460', 'seagreen': '#2e8b57', 'seashell': '#fff5ee',
-            'sienna': '#a0522d', 'silver': '#c0c0c0', 'skyblue': '#87ceeb', 'slateblue': '#6a5acd',
-            'slategray': '#708090', 'snow': '#fffafa', 'springgreen': '#00ff7f', 'steelblue': '#4682b4',
-            'tan': '#d2b48c', 'teal': '#008080', 'thistle': '#d8bfd8', 'tomato': '#ff6347', 'turquoise': '#40e0d0',
-            'violet': '#ee82ee',
-            'wheat': '#f5deb3', 'white': '#ffffff', 'whitesmoke': '#f5f5f5',
-            'yellow': '#ffff00', 'yellowgreen': '#9acd32'
-        };
-        if (Object.prototype.toString.call(color) === '[object Array]') {
-            return color;
-        }
-        if (typeof colors[color.toLowerCase()] !== 'undefined') {
-            return colors[color.toLowerCase()];
-        }
-
-        return color;
-    }
-}

package/dist/ts/maps/layers/data-label.d.ts

@@ -1,45 +0,0 @@
-import { Maps } from '../../index';
-import { LayerSettings } from '../index';
-/**
- * DataLabel Module used to render the maps datalabel
- */
-export declare class DataLabel {
-    private maps;
-    /**
-     * Datalabel collections
-     *
-     * @private
-     */
-    dataLabelCollections: any[];
-    private value;
-    constructor(maps: Maps);
-    private getDataLabel;
-    /**
-     * To render label for maps.
-     *
-     * @param {LayerSettings} layer - Specifies the layer settings
-     * @param {number} layerIndex - Specifies the layer index.
-     * @param {object} shape - Specifies the shape.
-     * @param {any[]} layerData - Specifies the layer data.
-     * @param {Element} group Specifies the element.
-     * @param {HTMLElement} labelTemplateElement - Specifies the template element.
-     * @param {number} index - Specifies the index number.
-     * @param {any[]} intersect - Specifies the intersect.
-     * @returns {void}
-     * @private
-     */
-    renderLabel(layer: LayerSettings, layerIndex: number, shape: object, layerData: any[], group: Element, labelTemplateElement: HTMLElement, index: number, intersect: any[]): void;
-    private datalabelAnimate;
-    private getPoint;
-    /**
-     * Get module name.
-     *
-     * @returns {string} - Returns the module name.
-     */
-    protected getModuleName(): string;
-    /**
-     * @returns {void}
-     * @private
-     */
-    destroy(): void;
-}