@syncfusion/ej2-treemap 19.3.53 → 19.4.38

package/dist/ts/treemap/model/constants.ts

@@ -0,0 +1,118 @@
+/**
+ * TreeMap constants doc
+ */
+
+/**
+ * Triggers when the treemap is on load.
+ *
+ * @private
+ */
+export const load: string = 'load';
+/**
+ * Triggers after treemap rendered.
+ *
+ * @private
+ */
+export const loaded: string = 'loaded';
+/**
+ * Trigger before call the print method.
+ *
+ * @private
+ */
+export const beforePrint: string = 'beforePrint';
+/**
+ * Trigger before each treemap item rendered.
+ *
+ * @private
+ */
+export const itemRendering: string = 'itemRendering';
+/**
+ * Trigger after click on treemap item.
+ *
+ * @private
+ */
+export const drillStart: string = 'drillStart';
+/**
+ * Trigger after drill start event completed.
+ *
+ * @private
+ */
+export const drillEnd: string = 'drillEnd';
+/**
+ * Trigger after select the treemap item.
+ *
+ * @private
+ */
+export const itemSelected: string = 'itemSelected';
+/**
+ * Trigger after hover on the treemap item.
+ *
+ * @private
+ */
+export const itemHighlight: string = 'itemHighlight';
+/**
+ * Trigger after mouse hover on the treemap item.
+ *
+ * @private
+ */
+export const tooltipRendering: string = 'tooltipRendering';
+/**
+ * Trigger after click on the treemap item.
+ *
+ * @private
+ */
+export const itemClick: string = 'itemClick';
+/**
+ * Trigger after mouse hover on the treemap item.
+ *
+ * @private
+ */
+export const itemMove: string = 'itemMove';
+/**
+ * Trigger after click on the treemap item.
+ *
+ * @private
+ */
+export const click: string = 'click';
+/**
+ * Trigger after double click on the treemap item.
+ *
+ * @private
+ */
+export const doubleClick: string = 'doubleClick';
+/**
+ * Trigger after right click on the treemap item.
+ *
+ * @private
+ */
+export const rightClick: string = 'rightClick';
+/**
+ * Trigger after mouse hover on the treemap item.
+ *
+ * @private
+ */
+export const mouseMove: string = 'mouseMove';
+/**
+ * Trigger before each treemap item.
+ *
+ * @private
+ */
+export const legendItemRendering: string = 'legendItemRendering';
+/**
+ * Trigger before legend items.
+ *
+ * @private
+ */
+export const legendRendering: string = 'legendRendering';
+/**
+ * Trigger after resize the treemap.
+ *
+ * @private
+ */
+export const resize: string = 'resize';
+/**
+ * Define the font family in treemap component.
+ *
+ * @private
+ */
+export const defaultFont: string = 'Roboto, Segoe UI, Noto, Sans-serif';

package/dist/ts/treemap/model/image-export.ts

@@ -0,0 +1,109 @@
+import { createElement, Browser } from '@syncfusion/ej2-base';
+import { TreeMap} from '../../index';
+import { ExportType } from '../utils/enum';
+import { triggerDownload } from '../utils/helper';
+
+/**
+ * ImageExport module handles the export to image functionality for treemap.
+ *
+ * @hidden
+ */
+export class ImageExport {
+    private control: TreeMap ;
+    /**
+     * Constructor for Maps
+     *
+     * @param {TreeMap} control - Specifies the treemap instance
+     */
+    // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
+    constructor(control: TreeMap) {
+        this.control = control;
+    }
+    /**
+     * This method is used to perform the export functionality for the rendered treemap.
+     *
+     * @param {ExportType} type - Specifies the type of the image file.
+     * @param {string} fileName - Specifies the file name of the image file.
+     * @param {boolean} allowDownload - Specifies whether to download the file or not.
+     * @returns {Promise} - Returns the promise string.
+     * @private
+     */
+    public export(type: ExportType, fileName: string, allowDownload ?: boolean): Promise<string> {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const promise: Promise<string> = new Promise((resolve: any, reject: any) => {
+            const element: HTMLCanvasElement = <HTMLCanvasElement>createElement('canvas', {
+                id: 'ej2-canvas',
+
+                attrs: {
+                    'height': this.control.availableSize.height.toString(),
+                    'width': this.control.availableSize.width.toString()
+                } });
+
+            const isDownload: boolean = !(Browser.userAgent.toString().indexOf('HeadlessChrome') > -1);
+            const svgData: string = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">' +
+            this.control.svgObject.outerHTML +
+            '</svg>';
+            const url: string = window.URL.createObjectURL(
+                new Blob(
+                    type === 'SVG' ? [svgData] :
+                        [(new XMLSerializer()).serializeToString(this.control.svgObject)],
+                    { type: 'image/svg+xml' }
+                )
+            );
+            if (type === 'SVG' ) {
+                if (allowDownload) {
+                    triggerDownload(
+                        fileName, type,
+                        url, isDownload
+                    );
+                } else {
+                    resolve(null);
+                }
+
+            } else {
+                const image: HTMLImageElement = new Image();
+                const context: CanvasRenderingContext2D = element.getContext('2d');
+                image.onload = (() => {
+                    context.drawImage(image, 0, 0);
+                    window.URL.revokeObjectURL(url);
+
+                    if (allowDownload) {
+                        triggerDownload(fileName, type,
+                                        element.toDataURL('image/png').replace('image/png', 'image/octet-stream'),
+                                        isDownload );
+                    } else {
+
+                        if (type === 'JPEG') {
+                            resolve(element.toDataURL('image/jpeg'));
+                        } else if (type === 'PNG') {
+                            resolve(element.toDataURL('image/png'));
+                        }
+
+                    }
+
+                });
+                image.src = url;
+
+            }
+        });
+        return promise;
+    }
+
+    protected getModuleName(): string {
+        // Returns te module name
+        return 'ImageExport';
+    }
+
+    /**
+     * To destroy the ImageExport.
+     *
+     * @param {TreeMap} treemap - Specifies the instance of the treemap.
+     * @returns {void}
+     * @private
+     */
+    public destroy(treemap: TreeMap): void {
+        // Destroy method performed here
+    }
+
+
+}