@syncfusion/ej2-maps 30.2.4 → 31.2.2

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

@@ -0,0 +1,45 @@
+import { Maps } from '../../index';
+/**
+ * This module enables the print functionality in maps.
+ *
+ * @hidden
+ */
+export declare class Print {
+    /**
+     * Constructor for Maps.
+     *
+     * @param {Maps} control - Specifies the instance of the Maps
+     */
+    constructor(control: Maps);
+    /**
+     * To print the Maps.
+     *
+     * @param {Maps} maps -Specifies the Maps instance.
+     * @param {string[] | string | Element} elements - Specifies the element of the Maps
+     * @returns {void}
+     * @private
+     */
+    print(maps: Maps, elements?: string[] | string | Element): void;
+    /**
+     * To get the html string of the Maps.
+     *
+     * @param {Maps} maps -Specifies the Maps instance.
+     * @param {string[] | string | Element} elements - Specifies the html element
+     * @returns {Element} - Returns the div element
+     * @private
+     */
+    private getHTMLContent;
+    /**
+     * Get module name.
+     *
+     * @returns {string} Returns the module name
+     */
+    protected getModuleName(): string;
+    /**
+     * To destroy the print.
+     *
+     * @returns {void}
+     * @private
+     */
+    destroy(): void;
+}

package/dist/ts/maps/model/print.ts

@@ -0,0 +1,125 @@
+import { print as printFunction, createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { Maps } from '../../index';
+import { getElement } from '../utils/helper';
+import { IPrintEventArgs } from '../model/interface';
+import { beforePrint } from '../model/constants';
+
+/**
+ * This module enables the print functionality in maps.
+ *
+ * @hidden
+ */
+export class Print {
+
+    /**
+     * Constructor for Maps.
+     *
+     * @param {Maps} control - Specifies the instance of the Maps
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+    constructor(control: Maps) { }
+
+    /**
+     * To print the Maps.
+     *
+     * @param {Maps} maps -Specifies the Maps instance.
+     * @param {string[] | string | Element} elements - Specifies the element of the Maps
+     * @returns {void}
+     * @private
+     */
+    public print(maps: Maps, elements?: string[] | string | Element): void {
+        const printWindow: Window = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
+        printWindow.moveTo(0, 0);
+        printWindow.resizeTo(screen.availWidth, screen.availHeight);
+        const argsData: IPrintEventArgs = {
+            cancel: false, htmlContent: this.getHTMLContent(maps, elements), name: beforePrint
+        };
+        //eslint-disable-next-line @typescript-eslint/no-unused-vars
+        maps.trigger('beforePrint', argsData, (beforePrintArgs: IPrintEventArgs) => {
+            if (!argsData.cancel) {
+                printFunction(argsData.htmlContent, printWindow);
+            }
+        });
+    }
+
+    /**
+     * To get the html string of the Maps.
+     *
+     * @param {Maps} maps -Specifies the Maps instance.
+     * @param {string[] | string | Element} elements - Specifies the html element
+     * @returns {Element} - Returns the div element
+     * @private
+     */
+    private getHTMLContent(maps: Maps, elements?: string[] | string | Element): Element {
+        const div: Element = createElement('div');
+        const divElement: Element = maps.element.cloneNode(true) as Element;
+        //eslint-disable-next-line @typescript-eslint/no-explicit-any
+        let backgroundElement: HTMLElement = (!maps.isTileMap ? divElement.getElementsByTagName('svg')[0] as any : divElement.getElementsByTagName('svg')[1] as any) as HTMLElement;
+        if (!isNullOrUndefined(backgroundElement)) {
+            backgroundElement = backgroundElement.childNodes[0] as HTMLElement;
+            if (!isNullOrUndefined(backgroundElement)) {
+                const backgroundColor: string = backgroundElement.getAttribute('fill');
+                if ((maps.theme === 'Tailwind' || maps.theme === 'Tailwind3' || maps.theme === 'Bootstrap5' || maps.theme === 'Fluent' || maps.theme === 'Material3' ||
+                    maps.theme === 'Fluent2')
+                    && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                    (backgroundElement as HTMLElement).setAttribute('fill', 'rgba(255,255,255, 1)');
+                } else if ((maps.theme === 'TailwindDark' || maps.theme === 'Tailwind3Dark' || maps.theme === 'Bootstrap5Dark' || maps.theme === 'FluentDark' || maps.theme === 'Material3Dark' ||
+                    maps.theme === 'Fluent2Dark' || maps.theme === 'Fluent2HighContrast')
+                    && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
+                    (backgroundElement as HTMLElement).setAttribute('fill', 'rgba(0, 0, 0, 1)');
+                }
+            }
+        }
+        if (maps.isTileMap) {
+            for (let i: number = 0; i < divElement.childElementCount; i++) {
+                if (divElement.children[i as number].id === maps.element.id + '_tile_parent') {
+                    (divElement.children[i as number] as HTMLElement).style.removeProperty('height');
+                    (divElement.children[i as number] as HTMLElement).style.removeProperty('width');
+                    (divElement.children[i as number] as HTMLElement).style.removeProperty('top');
+                    (divElement.children[i as number] as HTMLElement).style.removeProperty('left');
+                    (divElement.children[i as number] as HTMLElement).style.removeProperty('right');
+                    (divElement.children[i as number] as HTMLElement).style.removeProperty('overflow');
+                    const svgElement: HTMLElement = document.getElementById(maps.element.id + '_Tile_SVG_Parent');
+                    (divElement.children[i as number].children[0] as HTMLElement).style.overflow = 'hidden';
+                    (divElement.children[i as number].children[0] as HTMLElement).style.position = 'absolute';
+                    (divElement.children[i as number].children[0] as HTMLElement).style.height = svgElement.style.height;
+                    (divElement.children[i as number].children[0] as HTMLElement).style.width = svgElement.style.width;
+                    (divElement.children[i as number].children[0] as HTMLElement).style.left = svgElement.style.left;
+                    (divElement.children[i as number].children[0] as HTMLElement).style.top = svgElement.style.top;
+                    break;
+                }
+            }
+        }
+        if (elements) {
+            if (elements instanceof Array) {
+                Array.prototype.forEach.call(elements, (value: string) => {
+                    div.appendChild(getElement(value).cloneNode(true) as Element);
+                });
+            } else if (elements instanceof Element) {
+                div.appendChild(elements.cloneNode(true) as Element);
+            } else {
+                div.appendChild(getElement(elements).cloneNode(true) as Element);
+            }
+        } else {
+            div.appendChild(divElement);
+        }
+        return div;
+    }
+    /**
+     * Get module name.
+     *
+     * @returns {string} Returns the module name
+     */
+    protected getModuleName(): string {
+        return 'Print';
+    }
+
+    /**
+     * To destroy the print.
+     *
+     * @returns {void}
+     * @private
+     */
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    public destroy(): void { }
+}

package/dist/ts/maps/model/theme.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Maps Themes doc
+ */
+import { IFontMapping, MapsTheme } from '../index';
+import { IThemeStyle } from './interface';
+/**
+ * Specifies Maps Themes
+ */
+export declare namespace Theme {
+    /** @private */
+    const mapsTitleFont: IFontMapping;
+    /** @private */
+    const mapsSubTitleFont: IFontMapping;
+    /** @private */
+    const tooltipLabelFont: IFontMapping;
+    /** @private */
+    const legendTitleFont: IFontMapping;
+    /** @private */
+    const legendLabelFont: IFontMapping;
+    /** @private */
+    const dataLabelFont: IFontMapping;
+}
+export declare namespace FabricTheme {
+    /** @private */
+    const mapsTitleFont: IFontMapping;
+    /** @private */
+    const mapsSubTitleFont: IFontMapping;
+    /** @private */
+    const tooltipLabelFont: IFontMapping;
+    /** @private */
+    const legendTitleFont: IFontMapping;
+    /** @private */
+    const legendLabelFont: IFontMapping;
+    /** @private */
+    const dataLabelFont: IFontMapping;
+}
+export declare namespace BootstrapTheme {
+    /** @private */
+    const mapsTitleFont: IFontMapping;
+    /** @private */
+    const mapsSubTitleFont: IFontMapping;
+    /** @private */
+    const tooltipLabelFont: IFontMapping;
+    /** @private */
+    const legendTitleFont: IFontMapping;
+    /** @private */
+    const legendLabelFont: IFontMapping;
+    /** @private */
+    const dataLabelFont: IFontMapping;
+}
+/**
+ * Internal use of Method to getting colors based on themes.
+ *
+ * @private
+ * @param {MapsTheme} theme Specifies the theme of the maps
+ * @returns {string[]} Returns the shape color
+ */
+export declare function getShapeColor(theme: MapsTheme): string[];
+/**
+ * HighContrast Theme configuration
+ */
+export declare namespace HighContrastTheme {
+    /** @private */
+    const mapsTitleFont: IFontMapping;
+    /** @private */
+    const mapsSubTitleFont: IFontMapping;
+    /** @private */
+    const tooltipLabelFont: IFontMapping;
+    /** @private */
+    const legendTitleFont: IFontMapping;
+    /** @private */
+    const legendLabelFont: IFontMapping;
+    /** @private */
+    const dataLabelFont: IFontMapping;
+}
+/**
+ * Dark Theme configuration
+ */
+export declare namespace DarkTheme {
+    /** @private */
+    const mapsTitleFont: IFontMapping;
+    /** @private */
+    const mapsSubTitleFont: IFontMapping;
+    /** @private */
+    const tooltipLabelFont: IFontMapping;
+    /** @private */
+    const legendTitleFont: IFontMapping;
+    /** @private */
+    const legendLabelFont: IFontMapping;
+}
+/**
+ * Method to get the theme style.
+ *
+ * @param {MapsTheme} theme - Specifies the theme.
+ * @returns {IThemeStyle} - Returns the theme style.
+ * @private
+ */
+export declare function getThemeStyle(theme: MapsTheme): IThemeStyle;