@syncfusion/ej2-treemap 19.2.55 → 19.4.38

package/dist/es6/ej2-treemap.es5.js

@@ -1,4 +1,4 @@
-import { Ajax, Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, NotifyPropertyChanges, Property, compile, createElement, extend, isBlazor, isNullOrUndefined, merge, print, remove, resetBlazorTemplate, updateBlazorTemplate } from '@syncfusion/ej2-base';
+import { Ajax, Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, NotifyPropertyChanges, Property, compile, createElement, extend, isNullOrUndefined, merge, print, remove } from '@syncfusion/ej2-base';
 import { SvgRenderer, Tooltip } from '@syncfusion/ej2-svg-base';
 import { DataManager, Query } from '@syncfusion/ej2-data';
 import { PdfBitmap, PdfDocument, PdfPageOrientation } from '@syncfusion/ej2-pdf-export';
@@ -851,6 +851,19 @@ function renderTextElement(options, font, color, parent, isMinus) {
     }
     return htmlObject;
 }
+function setItemTemplateContent(targetId, targetElement, contentItemTemplate) {
+    var itemSelect = targetId.split('_RectPath')[0];
+    var itemTemplate;
+    if (targetId.indexOf('_LabelTemplate') > -1) {
+        itemTemplate = targetElement;
+    }
+    else {
+        itemTemplate = document.querySelector('#' + itemSelect + '_LabelTemplate');
+    }
+    if (!isNullOrUndefined(itemTemplate)) {
+        itemTemplate.innerHTML = contentItemTemplate;
+    }
+}
 function getElement(id) {
     return document.getElementById(id);
 }
@@ -1653,15 +1666,6 @@ function removeElement(id) {
     return element ? remove(element) : null;
 }
 
-var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
-    return t;
-};
 /**
  * To calculate and render the shape layer
  */
@@ -2187,10 +2191,6 @@ var LayoutPanel = /** @__PURE__ @class */ (function () {
                 cancel: false, name: itemRendering, treemap: this_1.treemap, text: renderText,
                 currentItem: item, RenderItems: this_1.renderItems, options: item['options']
             };
-            if (this_1.treemap.isBlazor) {
-                var treemap = eventArgs.treemap, RenderItems = eventArgs.RenderItems, blazorEventArgs = __rest$1(eventArgs, ["treemap", "RenderItems"]);
-                eventArgs = blazorEventArgs;
-            }
             this_1.treemap.trigger(itemRendering, eventArgs, function (observedArgs) {
                 if (!observedArgs.cancel) {
                     rectPath = ' M ' + rect.x + ' ' + rect.y + ' L ' + (rect.x + rect.width) + ' ' + rect.y +
@@ -2223,8 +2223,6 @@ var LayoutPanel = /** @__PURE__ @class */ (function () {
         }
         if (templateGroup.childNodes.length > 0) {
             secondaryEle.appendChild(templateGroup);
-            updateBlazorTemplate(this.treemap.element.id + '_HeaderTemplate', 'HeaderTemplate', levels[levels.length - 1]);
-            updateBlazorTemplate(this.treemap.element.id + '_LabelTemplate', 'LabelTemplate', leaf);
         }
         this.treemap.svgObject.appendChild(this.layoutGroup);
     };
@@ -2497,6 +2495,74 @@ function getThemeStyle(theme) {
                 labelFontFamily: 'Inter'
             };
             break;
+        case 'bootstrap5':
+            style = {
+                backgroundColor: 'rgba(255,255,255, 0.0)',
+                titleFontColor: '#212529',
+                subTitleFontColor: '#212529',
+                tooltipFillColor: '#212529',
+                tooltipFontColor: '#F9FAFB',
+                tooltipFillOpacity: 1,
+                tooltipTextOpacity: 1,
+                legendTitleColor: '#212529',
+                legendTextColor: '#212529',
+                fontFamily: 'Helvetica Neue',
+                fontSize: '14px',
+                legendFontSize: '12px',
+                labelFontFamily: 'Helvetica Neue'
+            };
+            break;
+        case 'bootstrap5dark':
+            style = {
+                backgroundColor: 'rgba(255,255,255, 0.0)',
+                titleFontColor: '#FFFFFF',
+                subTitleFontColor: '#FFFFFF',
+                tooltipFillColor: '#E9ECEF',
+                tooltipFontColor: '#212529',
+                tooltipFillOpacity: 1,
+                tooltipTextOpacity: 1,
+                legendTitleColor: '#FFFFFF',
+                legendTextColor: '#FFFFFF',
+                fontFamily: 'Helvetica Neue',
+                fontSize: '14px',
+                legendFontSize: '12px',
+                labelFontFamily: 'Helvetica Neue'
+            };
+            break;
+        case 'fluentui':
+            style = {
+                backgroundColor: 'rgba(255,255,255, 0.0)',
+                titleFontColor: '#201F1E',
+                subTitleFontColor: '#201F1E',
+                tooltipFillColor: '#FFFFFF',
+                tooltipFontColor: '#323130',
+                tooltipFillOpacity: 1,
+                tooltipTextOpacity: 1,
+                legendTitleColor: '#201F1E',
+                legendTextColor: '#201F1E',
+                fontFamily: 'Segoe UI',
+                fontSize: '14px',
+                legendFontSize: '12px',
+                labelFontFamily: 'Segoe UI'
+            };
+            break;
+        case 'fluentuidark':
+            style = {
+                backgroundColor: 'rgba(255,255,255, 0.0)',
+                titleFontColor: '#F3F2F1',
+                subTitleFontColor: '#F3F2F1',
+                tooltipFillColor: '#252423',
+                tooltipFontColor: '#F3F2F1',
+                tooltipFillOpacity: 1,
+                tooltipTextOpacity: 1,
+                legendTitleColor: '#F3F2F1',
+                legendTextColor: '#F3F2F1',
+                fontFamily: 'Segoe UI',
+                fontSize: '14px',
+                legendFontSize: '12px',
+                labelFontFamily: 'Segoe UI'
+            };
+            break;
         default:
             style = {
                 backgroundColor: '#FFFFFF',
@@ -2731,7 +2797,7 @@ var PdfExport = /** @__PURE__ @class */ (function () {
             var backgroundElement = exportElement.childNodes[0];
             if (!isNullOrUndefined(backgroundElement)) {
                 var backgroundColor = backgroundElement.getAttribute('fill');
-                if ((_this.control.theme === 'Tailwind' || _this.control.theme === 'TailwindDark')
+                if ((_this.control.theme === 'Tailwind' || _this.control.theme === 'TailwindDark' || _this.control.theme === 'Bootstrap5' || _this.control.theme === 'Bootstrap5Dark')
                     && (backgroundColor === 'rgba(255,255,255, 0.0)' || backgroundColor === 'transparent')) {
                     exportElement.childNodes[0].setAttribute('fill', 'rgba(255,255,255, 1)');
                 }
@@ -2802,15 +2868,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
-    return t;
-};
 /**
  * Represents the treemap component.
  * ```html
@@ -2848,8 +2905,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
     }
     TreeMap.prototype.preRender = function () {
         var _this = this;
-        this.isBlazor = isBlazor();
-        this.trigger(load, { treemap: this.isBlazor ? null : this }, function () {
+        this.trigger(load, { treemap: this }, function () {
             _this.initPrivateVariable();
             _this.unWireEVents();
             _this.createSvg();
@@ -2912,7 +2968,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
         this.layout.processLayoutPanel();
         this.element.appendChild(this.svgObject);
         this.elementChange();
-        this.trigger(loaded, this.isBlazor ? { isResized: this.isResize } : { treemap: this, isResized: this.isResize });
+        this.trigger(loaded, { treemap: this, isResized: this.isResize });
         this.isResize = false;
         this.renderComplete();
     };
@@ -2925,14 +2981,6 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
                 remove(this.svgObject);
             }
         }
-        if (this.leafItemSettings.labelTemplate) {
-            resetBlazorTemplate(this.element.id + '_LabelTemplate', 'LabelTemplate');
-        }
-        for (var i = 0; i < this.levels.length; i++) {
-            if (this.levels[i].headerTemplate) {
-                resetBlazorTemplate(this.element.id + '_HeaderTemplate', 'HeaderTemplate');
-            }
-        }
         this.clearTemplate();
         var containerWidth = this.element.clientWidth;
         var containerHeight = this.element.clientHeight;
@@ -3394,12 +3442,8 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
             cancel: false,
             previousSize: this.availableSize,
             currentSize: new Size(0, 0),
-            treemap: this.isBlazor ? null : this
+            treemap: this
         };
-        if (this.isBlazor) {
-            var treemap = args.treemap, blazorEventArgs = __rest(args, ["treemap"]);
-            args = blazorEventArgs;
-        }
         if (this.resizeTo) {
             clearTimeout(this.resizeTo);
         }
@@ -3429,8 +3473,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
         var itemIndex;
         var labelText = targetEle.innerHTML;
         var clickArgs = { cancel: false, name: click, treemap: this, mouseEvent: e };
-        var clickBlazorArgs = { cancel: false, name: click, mouseEvent: e };
-        this.trigger(click, this.isBlazor ? clickBlazorArgs : clickArgs);
+        this.trigger(click, clickArgs);
         if (targetId.indexOf('_Item_Index') > -1) {
             e.preventDefault();
             itemIndex = parseFloat(targetId.split('_')[6]);
@@ -3439,22 +3482,6 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
                 groupIndex: this.layout.renderItems[itemIndex]['groupIndex'], groupName: this.layout.renderItems[itemIndex]['name'],
                 text: labelText, contentItemTemplate: labelText
             };
-            if (this.isBlazor) {
-                var data = {
-                    groupIndex: eventArgs.item['groupIndex'],
-                    groupName: eventArgs.item['groupName'],
-                    isDrilled: eventArgs.item['isDrilled'],
-                    isLeafItem: eventArgs.item['isLeafItem'],
-                    itemArea: eventArgs.item['itemArea'],
-                    levelOrderName: eventArgs.item['levelOrderName'],
-                    name: eventArgs.item['name'],
-                    options: eventArgs.item['options'],
-                    rect: eventArgs.item['rect']
-                };
-                eventArgs.item = this.layout.renderItems[itemIndex]['data'];
-                var treemap = eventArgs.treemap, blazorEventArgs = __rest(eventArgs, ["treemap"]);
-                eventArgs = blazorEventArgs;
-            }
             this.trigger(itemClick, eventArgs, function (observedArgs) {
                 if (observedArgs.text !== labelText || observedArgs.contentItemTemplate !== labelText) {
                     if (isNullOrUndefined(_this.leafItemSettings.labelTemplate)) {
@@ -3462,26 +3489,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
                         targetEle.innerHTML = observedArgs.text;
                     }
                     else {
-                        var itemSelect = targetId.split('_RectPath')[0];
-                        var itemTemplate = void 0;
-                        if (targetId.indexOf('_LabelTemplate') > -1) {
-                            itemTemplate = targetEle;
-                        }
-                        else {
-                            itemTemplate = document.querySelector('#' + itemSelect + '_LabelTemplate');
-                        }
-                        if (!isNullOrUndefined(itemTemplate)) {
-                            if (_this.isBlazor) {
-                                var templateElement = createElement('div');
-                                templateElement.innerHTML = observedArgs.contentItemTemplate;
-                                var currentTemplateElement = templateElement.children[0].firstElementChild;
-                                itemTemplate['style']['left'] = Number(itemTemplate['style']['left'].split('px')[0])
-                                    - (currentTemplateElement['style']['width'].split('px')[0] / 2) + 'px';
-                                itemTemplate['style']['top'] = Number(itemTemplate['style']['top'].split('px')[0])
-                                    - (currentTemplateElement['style']['height'].split('px')[0] / 2) + 'px';
-                            }
-                            itemTemplate.innerHTML = observedArgs.contentItemTemplate;
-                        }
+                        setItemTemplateContent(targetId, targetEle, observedArgs.contentItemTemplate);
                     }
                 }
             });
@@ -3502,8 +3510,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
      */
     TreeMap.prototype.doubleClickOnTreeMap = function (e) {
         var doubleClickArgs = { cancel: false, name: doubleClick, treemap: this, mouseEvent: e };
-        var doubleClickBlazorArgs = { cancel: false, name: doubleClick, mouseEvent: e };
-        this.trigger(doubleClick, this.isBlazor ? doubleClickBlazorArgs : doubleClickArgs);
+        this.trigger(doubleClick, doubleClickArgs);
         //this.notify('dblclick', e);
     };
     /**
@@ -3513,8 +3520,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
      */
     TreeMap.prototype.rightClickOnTreeMap = function (e) {
         var rightClickArgs = { cancel: false, name: rightClick, treemap: this, mouseEvent: e };
-        var rightClickBlazorArgs = { cancel: false, name: rightClick, mouseEvent: e };
-        this.trigger(rightClick, this.isBlazor ? rightClickBlazorArgs : rightClickArgs);
+        this.trigger(rightClick, rightClickArgs);
     };
     /**
      * This method handles the mouse down event in the treemap.
@@ -3539,8 +3545,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var item;
         var moveArgs = { cancel: false, name: mouseMove, treemap: this, mouseEvent: e };
-        var moveBlazorArgs = { cancel: false, name: mouseMove, mouseEvent: e };
-        this.trigger(mouseMove, this.isBlazor ? moveBlazorArgs : moveArgs);
+        this.trigger(mouseMove, moveArgs);
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var childItems;
         if (targetId.indexOf('_Item_Index') > -1) {
@@ -3550,22 +3555,6 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
             this.element.style.cursor = (!item['isLeafItem'] && childItems && childItems.length > 0 && this.enableDrillDown) ?
                 'pointer' : 'auto';
             eventArgs = { cancel: false, name: itemMove, treemap: this, item: item, mouseEvent: e };
-            if (this.isBlazor) {
-                var data = {
-                    isLeafItem: eventArgs.item['isLeafItem'],
-                    groupIndex: eventArgs.item['groupIndex'],
-                    groupName: eventArgs.item['groupName'],
-                    isDrilled: eventArgs.item['isDrilled'],
-                    itemArea: eventArgs.item['itemArea'],
-                    levelOrderName: eventArgs.item['levelOrderName'],
-                    name: eventArgs.item['name'],
-                    rect: eventArgs.item['rect'],
-                    options: eventArgs.item['options']
-                };
-                eventArgs.item = data;
-                var treemap = eventArgs.treemap, blazorEventArgs = __rest(eventArgs, ["treemap"]);
-                eventArgs = blazorEventArgs;
-            }
             this.trigger(itemMove, eventArgs);
         }
         this.notify(Browser.touchMoveEvent, e);
@@ -3684,9 +3673,10 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var templateID = this.element.id + '_Label_Template_Group';
         var drillLevelValues;
-        var endBlazorEvent;
         if (targetId.indexOf('_Item_Index') > -1 && this.enableDrillDown && !this.drillMouseMove) {
-            e.preventDefault();
+            if (e.cancelable) {
+                e.preventDefault();
+            }
             index = parseFloat(targetId.split('_')[6]);
             item = this.layout.renderItems[index];
             var labelText = targetEle.innerHTML;
@@ -3741,18 +3731,14 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
                     newDrillItem[item['groupName']] = [item];
                 }
                 startEvent = {
-                    cancel: false, name: drillStart, treemap: this.isBlazor ? null : this,
+                    cancel: false, name: drillStart, treemap: this,
                     element: targetEle, groupIndex: this.enableBreadcrumb &&
                         this.drilledItems.length !== 0 && !isNullOrUndefined(drillLevel) ?
                         this.drilledItems[this.drilledItems.length - 1]['data']['groupIndex'] : item['groupIndex'],
                     groupName: this.enableBreadcrumb && this.drilledItems.length !== 0 && !isNullOrUndefined(drillLevel) ?
                         this.drilledItems[this.drilledItems.length - 1]['data']['name'] : item['name'],
-                    rightClick: e.which === 3 ? true : false, childItems: null, item: this.isBlazor ? null : newDrillItem
+                    rightClick: e.which === 3 ? true : false, childItems: null, item: newDrillItem
                 };
-                if (this.isBlazor) {
-                    var treemap = startEvent.treemap, blazorEventArgs = __rest(startEvent, ["treemap"]);
-                    startEvent = blazorEventArgs;
-                }
                 this.trigger(drillStart, startEvent, function (observedArgs) {
                     _this.currentLevel = item['isDrilled'] && isNullOrUndefined(drillLevel) ? item['groupIndex'] :
                         (!isNullOrUndefined(drillLevel) && _this.enableBreadcrumb && item['isDrilled']) ? drillLevel : null;
@@ -3795,8 +3781,7 @@ var TreeMap = /** @__PURE__ @class */ (function (_super) {
                     }
                 });
                 endEvent = { cancel: false, name: drillEnd, treemap: this, renderItems: this.layout.renderItems };
-                endBlazorEvent = { cancel: false, name: drillEnd, renderItems: this.isBlazor ? null : this.layout.renderItems };
-                this.trigger(drillEnd, this.isBlazor ? endBlazorEvent : endEvent);
+                this.trigger(drillEnd, endEvent);
                 if (process) {
                     if (!directLevel && isNullOrUndefined(drillLevel)) {
                         this.drilledItems.push({ name: item['levelOrderName'], data: item });
@@ -4138,15 +4123,6 @@ var LevelsData = /** @__PURE__ @class */ (function () {
     return LevelsData;
 }());
 
-var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
-    return t;
-};
 /* eslint-disable @typescript-eslint/naming-convention */
 /* eslint-disable @typescript-eslint/dot-notation */
 /* eslint-disable max-len */
@@ -4187,10 +4163,6 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
             cancel: false, name: legendRendering, treemap: this.treemap, _changePosition: this.treemap.legendSettings.position,
             position: this.treemap.legendSettings.position
         };
-        if (this.treemap.isBlazor) {
-            var treemap = eventArgs.treemap, blazorEventArgs = __rest$2(eventArgs, ["treemap"]);
-            eventArgs = blazorEventArgs;
-        }
         this.treemap.trigger(legendRendering, eventArgs, function (observedArgs) {
             // eslint-disable-next-line no-underscore-dangle
             if (!observedArgs.cancel && observedArgs._changePosition !== _this.treemap.legendSettings.position) {
@@ -4794,13 +4766,9 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
                     textLocation = legendRtlLocation['textLocation'];
                 }
                 eventArgs = {
-                    cancel: false, name: legendItemRendering, treemap: this_1.treemap.isBlazor ? null : treemap, fill: collection['Fill'],
+                    cancel: false, name: legendItemRendering, treemap: treemap, fill: collection['Fill'],
                     shape: legend.shape, imageUrl: legend.imageUrl
                 };
-                if (this_1.treemap.isBlazor) {
-                    var treemap_1 = eventArgs.treemap, blazorEventArgs = __rest$2(eventArgs, ["treemap"]);
-                    eventArgs = blazorEventArgs;
-                }
                 this_1.treemap.trigger(legendItemRendering, eventArgs, function (observedArgs) {
                     var renderOptions = new PathOption(shapeId, observedArgs.fill, strokeWidth_1, isLineShape_1 ? collection['Fill'] : strokeColor_1, legend.opacity, '');
                     legendElement.appendChild(drawSymbol(shapeLocation, observedArgs.shape, shapeSize, observedArgs.imageUrl, renderOptions, legendText));
@@ -5153,15 +5121,6 @@ var TreeMapLegend = /** @__PURE__ @class */ (function () {
     return TreeMapLegend;
 }());
 
-var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
-    return t;
-};
 /**
  * Performing treemap highlight
  */
@@ -5191,7 +5150,6 @@ var TreeMapHighlight = /** @__PURE__ @class */ (function () {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var eventArgs;
         var items = [];
-        var eventBlazorArgs;
         var highlight = this.treemap.highlightSettings;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var item;
@@ -5260,8 +5218,7 @@ var TreeMapHighlight = /** @__PURE__ @class */ (function () {
                             this.highLightId = targetId;
                         }
                         eventArgs = { cancel: false, name: itemHighlight, treemap: treemap, items: items, elements: highLightElements };
-                        eventBlazorArgs = { cancel: false, name: itemHighlight, items: null, elements: highLightElements };
-                        treemap.trigger(itemHighlight, treemap.isBlazor ? eventBlazorArgs : eventArgs);
+                        treemap.trigger(itemHighlight, eventArgs);
                     }
                     else {
                         processHighlight = false;
@@ -5392,7 +5349,6 @@ var TreeMapSelection = /** @__PURE__ @class */ (function () {
         var targetEle = e.target;
         var eventArgs;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var eventBlazorArgs;
         var treemap = this.treemap;
         treemap.levelSelection = [];
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -5466,31 +5422,9 @@ var TreeMapSelection = /** @__PURE__ @class */ (function () {
                     }
                     eventArgs = { cancel: false, name: itemSelected, treemap: treemap, items: items, elements: selectionElements,
                         text: labelText, contentItemTemplate: labelText };
-                    eventBlazorArgs = { cancel: false, name: itemSelected, text: labelText, contentItemTemplate: labelText };
-                    if (treemap.isBlazor) {
-                        var treemap_1 = eventArgs.treemap, items_1 = eventArgs.items, elements = eventArgs.elements, blazorEventArgs = __rest$3(eventArgs, ["treemap", "items", "elements"]);
-                        eventBlazorArgs = blazorEventArgs;
-                    }
-                    treemap.trigger(itemSelected, treemap.isBlazor ? eventBlazorArgs : eventArgs, function (observedArgs) {
+                    treemap.trigger(itemSelected, eventArgs, function (observedArgs) {
                         if (observedArgs.contentItemTemplate !== labelText) {
-                            var itemSelect = targetId.split('_RectPath')[0];
-                            var itemTemplate = void 0;
-                            if (targetId.indexOf('_LabelTemplate') > -1) {
-                                itemTemplate = targetEle;
-                            }
-                            else {
-                                itemTemplate = document.querySelector('#' + itemSelect + '_LabelTemplate');
-                            }
-                            if (!isNullOrUndefined(itemTemplate)) {
-                                if (treemap.isBlazor) {
-                                    var templateCreated = createElement('div');
-                                    templateCreated.innerHTML = observedArgs.contentItemTemplate;
-                                    var templateElement = templateCreated.children[0].firstElementChild;
-                                    itemTemplate['style']['left'] = Number(itemTemplate['style']['left'].split('px')[0]) - (templateElement['style']['width'].split('px')[0] / 2) + 'px';
-                                    itemTemplate['style']['top'] = Number(itemTemplate['style']['top'].split('px')[0]) - (templateElement['style']['height'].split('px')[0] / 2) + 'px';
-                                }
-                                itemTemplate.innerHTML = observedArgs.contentItemTemplate;
-                            }
+                            setItemTemplateContent(targetId, targetEle, observedArgs.contentItemTemplate);
                         }
                     });
                 }
@@ -5687,7 +5621,7 @@ var TreeMapSelection = /** @__PURE__ @class */ (function () {
     return TreeMapSelection;
 }());
 
-var __rest$4 = (undefined && undefined.__rest) || function (s, e) {
+var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -5780,25 +5714,9 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
                     treemap: this.treemap,
                     element: target, eventArgs: e
                 };
-                if (this.treemap.isBlazor) {
-                    var tooltipArgs_1 = {
-                        cancel: false,
-                        location: tootipArgs.options['location'],
-                        text: tootipArgs.options['text'],
-                        textStyle: tootipArgs.options['textStyle'],
-                        data: tootipArgs.options['data'],
-                        template: tootipArgs.options['template'],
-                        name: tooltipRendering
-                    };
-                    this.treemap.trigger(tooltipRendering, tooltipArgs_1, function (args) {
-                        _this.addTooltip(null, markerFill, tooltipEle, tooltipArgs_1);
-                    });
-                }
-                else {
-                    this.treemap.trigger(tooltipRendering, tootipArgs, function (args) {
-                        _this.addTooltip(tootipArgs, markerFill, tooltipEle);
-                    });
-                }
+                this.treemap.trigger(tooltipRendering, tootipArgs, function (args) {
+                    _this.addTooltip(tootipArgs, markerFill, tooltipEle);
+                });
             }
         }
         else {
@@ -5812,7 +5730,7 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var args;
         if (!isNullOrUndefined(tootipArgs)) {
-            var c = tootipArgs.cancel, otherArgs = __rest$4(tootipArgs, ["cancel"]);
+            var c = tootipArgs.cancel, otherArgs = __rest(tootipArgs, ["cancel"]);
             cancel = c;
             args = otherArgs.options;
         }
@@ -5833,8 +5751,7 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
                 palette: [markerFill],
                 areaBounds: this.treemap.areaRect,
                 textStyle: args['textStyle'],
-                fill: this.treemap.tooltipSettings.fill ? this.treemap.tooltipSettings.fill : this.treemap.themeStyle.tooltipFillColor,
-                blazorTemplate: { name: 'TooltipTemplate', parent: this.treemap.tooltipSettings }
+                fill: this.treemap.tooltipSettings.fill ? this.treemap.tooltipSettings.fill : this.treemap.themeStyle.tooltipFillColor
             });
             this.svgTooltip.opacity = this.treemap.themeStyle.tooltipFillOpacity || this.svgTooltip.opacity;
             this.svgTooltip.appendTo(tooltipEle);
@@ -5912,5 +5829,5 @@ var TreeMapTooltip = /** @__PURE__ @class */ (function () {
  * exporting all modules from tree map index
  */
 
-export { TreeMap, LevelsData, Border, Margin, Font, CommonTitleSettings, SubTitleSettings, TitleSettings, ColorMapping, LegendSettings, InitialDrillSettings, LeafItemSettings, TooltipSettings, SelectionSettings, HighlightSettings, LevelSettings, load, loaded, beforePrint, itemRendering, drillStart, drillEnd, itemSelected, itemHighlight, tooltipRendering, itemClick, itemMove, click, doubleClick, rightClick, mouseMove, legendItemRendering, legendRendering, resize, defaultFont, Theme, getThemeStyle, Size, stringToNumber, Rect, RectOption, PathOption, measureText, TextOption, textTrim, Location, findPosition, createTextStyle, renderTextElement, getElement, itemsToOrder, isContainsData, findChildren, findHightLightItems, getTemplateFunction, convertElement, findLabelLocation, measureElement, getArea, getShortestEdge, convertToContainer, convertToRect, getMousePosition, colorMap, deSaturationColor, colorCollections, rgbToHex, getColorByValue, getGradientColor, getPercentageColor, getPercentage, wordWrap, textWrap, hide, orderByArea, maintainSelection, legendMaintain, removeClassNames, applyOptions, textFormatter, formatValue, ColorValue, convertToHexCode, componentToHex, convertHexToColor, colorNameToHex, drawSymbol, renderLegendShape, isParentItem, TreeMapAjax, removeShape, removeLegend, setColor, removeSelectionWithHighlight, getLegendIndex, pushCollection, triggerDownload, removeElement, TreeMapLegend, LayoutPanel, TreeMapHighlight, TreeMapSelection, TreeMapTooltip, ImageExport, PdfExport, Print };
+export { TreeMap, LevelsData, Border, Margin, Font, CommonTitleSettings, SubTitleSettings, TitleSettings, ColorMapping, LegendSettings, InitialDrillSettings, LeafItemSettings, TooltipSettings, SelectionSettings, HighlightSettings, LevelSettings, load, loaded, beforePrint, itemRendering, drillStart, drillEnd, itemSelected, itemHighlight, tooltipRendering, itemClick, itemMove, click, doubleClick, rightClick, mouseMove, legendItemRendering, legendRendering, resize, defaultFont, Theme, getThemeStyle, Size, stringToNumber, Rect, RectOption, PathOption, measureText, TextOption, textTrim, Location, findPosition, createTextStyle, renderTextElement, setItemTemplateContent, getElement, itemsToOrder, isContainsData, findChildren, findHightLightItems, getTemplateFunction, convertElement, findLabelLocation, measureElement, getArea, getShortestEdge, convertToContainer, convertToRect, getMousePosition, colorMap, deSaturationColor, colorCollections, rgbToHex, getColorByValue, getGradientColor, getPercentageColor, getPercentage, wordWrap, textWrap, hide, orderByArea, maintainSelection, legendMaintain, removeClassNames, applyOptions, textFormatter, formatValue, ColorValue, convertToHexCode, componentToHex, convertHexToColor, colorNameToHex, drawSymbol, renderLegendShape, isParentItem, TreeMapAjax, removeShape, removeLegend, setColor, removeSelectionWithHighlight, getLegendIndex, pushCollection, triggerDownload, removeElement, TreeMapLegend, LayoutPanel, TreeMapHighlight, TreeMapSelection, TreeMapTooltip, ImageExport, PdfExport, Print };
 //# sourceMappingURL=ej2-treemap.es5.js.map