@syncfusion/ej2-treemap 19.4.48 → 20.1.47-14088

package/src/treemap/treemap.js

@@ -5,25 +5,25 @@
 /**
  * Tree Map Components
  */
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    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 __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
 import { Component, NotifyPropertyChanges, Property, extend, Ajax } from '@syncfusion/ej2-base';
 import { Complex, Collection } from '@syncfusion/ej2-base';
 import { Event, Internationalization } from '@syncfusion/ej2-base';
@@ -578,7 +578,7 @@ var TreeMap = /** @class */ (function (_super) {
         EventHandler.remove(this.element, Browser.touchMoveEvent, this.mouseMoveOnTreeMap);
         EventHandler.remove(this.element, Browser.touchEndEvent, this.mouseEndOnTreeMap);
         EventHandler.remove(this.element, 'pointerleave mouseleave', this.mouseLeaveOnTreeMap);
-        window.removeEventListener('resize', this.resizeOnTreeMap);
+        window.removeEventListener('resize', this.resizeEvent);
     };
     /**
      * To bind event handlers for treemap.
@@ -593,7 +593,8 @@ var TreeMap = /** @class */ (function (_super) {
         EventHandler.add(this.element, Browser.touchMoveEvent, this.mouseMoveOnTreeMap, this);
         EventHandler.add(this.element, Browser.touchEndEvent, this.mouseEndOnTreeMap, this);
         EventHandler.add(this.element, 'pointerleave mouseleave', this.mouseLeaveOnTreeMap, this);
-        window.addEventListener('resize', this.resizeOnTreeMap.bind(this));
+        this.resizeEvent = this.resizeOnTreeMap.bind(this);
+        window.addEventListener('resize', this.resizeEvent);
     };
     /**
      * Method to set culture for maps
@@ -619,28 +620,32 @@ var TreeMap = /** @class */ (function (_super) {
      */
     TreeMap.prototype.resizeOnTreeMap = function (e) {
         var _this = this;
-        this.isResize = true;
-        var args = {
-            name: resize,
-            cancel: false,
-            previousSize: this.availableSize,
-            currentSize: new Size(0, 0),
-            treemap: this
-        };
-        if (this.resizeTo) {
-            clearTimeout(this.resizeTo);
-        }
-        if (!isNullOrUndefined(this.element) && this.element.classList.contains('e-treemap')) {
-            this.resizeTo = setTimeout(function () {
-                _this.unWireEVents();
-                _this.createSvg();
-                _this.refreshing = true;
-                _this.wireEVents();
-                args.currentSize = _this.availableSize;
-                _this.trigger(resize, args, function (observedArgs) {
-                    _this.render();
-                });
-            }, 500);
+        if (!this.isDestroyed) {
+            this.isResize = true;
+            var args_1 = {
+                name: resize,
+                cancel: false,
+                previousSize: this.availableSize,
+                currentSize: new Size(0, 0),
+                treemap: this
+            };
+            if (this.resizeTo) {
+                clearTimeout(this.resizeTo);
+            }
+            if (!isNullOrUndefined(this.element) && this.element.classList.contains('e-treemap')) {
+                this.resizeTo = setTimeout(function () {
+                    _this.unWireEVents();
+                    _this.createSvg();
+                    _this.refreshing = true;
+                    _this.wireEVents();
+                    args_1.currentSize = _this.availableSize;
+                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                    _this.trigger(resize, args_1, function (observedArgs) {
+                        _this.render();
+                        _this.refreshing = false;
+                    });
+                }, 500);
+            }
         }
     };
     /**
@@ -659,7 +664,7 @@ var TreeMap = /** @class */ (function (_super) {
         this.trigger(click, clickArgs);
         if (targetId.indexOf('_Item_Index') > -1) {
             e.preventDefault();
-            itemIndex = parseFloat(targetId.split('_')[6]);
+            itemIndex = parseFloat(targetId.split('_Item_Index_')[1]);
             eventArgs = {
                 cancel: false, name: itemClick, treemap: this, item: this.layout.renderItems[itemIndex], mouseEvent: e,
                 groupIndex: this.layout.renderItems[itemIndex]['groupIndex'], groupName: this.layout.renderItems[itemIndex]['name'],
@@ -732,7 +737,7 @@ var TreeMap = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var childItems;
         if (targetId.indexOf('_Item_Index') > -1) {
-            item = this.layout.renderItems[parseFloat(targetId.split('_')[6])];
+            item = this.layout.renderItems[parseFloat(targetId.split('_Item_Index_')[1])];
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             childItems = findChildren(item)['values'];
             this.element.style.cursor = (!item['isLeafItem'] && childItems && childItems.length > 0 && this.enableDrillDown) ?
@@ -860,7 +865,7 @@ var TreeMap = /** @class */ (function (_super) {
             if (e.cancelable) {
                 e.preventDefault();
             }
-            index = parseFloat(targetId.split('_')[6]);
+            index = parseFloat(targetId.split('_Item_Index_')[1]);
             item = this.layout.renderItems[index];
             var labelText = targetEle.innerHTML;
             if (this.enableBreadcrumb) {

package/src/treemap/user-interaction/highlight-selection.js

@@ -43,14 +43,14 @@ var TreeMapHighlight = /** @class */ (function () {
             if (this.highLightId !== targetId) {
                 treeMapElement = document.getElementById(treemap.element.id + '_TreeMap_' + treemap.layoutType + '_Layout');
                 var selectionElements = document.getElementsByClassName('treeMapSelection');
-                item = this.treemap.layout.renderItems[parseFloat(targetId.split('_')[6])];
+                item = this.treemap.layout.renderItems[parseFloat(targetId.split('_Item_Index_')[1])];
                 var index = void 0;
                 if (this.treemap.legendSettings.visible) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var collection = this.treemap.treeMapLegendModule.legendCollections;
                     var length_1 = this.treemap.treeMapLegendModule.legendCollections.length;
                     index = getLegendIndex(length_1, item, treemap);
-                    this.shapeElement = this.treemap.legendSettings.mode === 'Default' ? document.getElementById('container_Legend_Shape_Index_' + index) : document.getElementById('container_Legend_Index_' + index);
+                    this.shapeElement = this.treemap.legendSettings.mode === 'Default' ? document.getElementById(this.treemap.element.id + '_Legend_Shape_Index_' + index) : document.getElementById(this.treemap.element.id + '_Legend_Index_' + index);
                     if (this.shapeElement !== null && (selectionModule ? this.shapeElement.getAttribute('id') !== selectionModule.legendSelectId : true)) {
                         if (selectionModule ? this.shapeElement !== selectionModule.shapeElement : true) {
                             this.currentElement.push({ currentElement: this.shapeElement });
@@ -78,7 +78,7 @@ var TreeMapHighlight = /** @class */ (function () {
                         for (var i = 0; i < treeMapElement.childElementCount; i++) {
                             element = treeMapElement.childNodes[i];
                             process = true;
-                            item = treemap.layout.renderItems[element.id.split('_')[6]];
+                            item = treemap.layout.renderItems[parseFloat(element.id.split('_Item_Index_')[1])];
                             for (var j = 0; j < selectionElements.length; j++) {
                                 if (element.id === selectionElements[j].id) {
                                     process = false;
@@ -116,7 +116,7 @@ var TreeMapHighlight = /** @class */ (function () {
                     removeLegend(this.legendHighlightCollection, 'highlight');
                 }
                 this.shapeTarget = 'highlight';
-                var index = this.treemap.legendSettings.mode === 'Default' ? parseFloat(targetId.split('_')[4]) : parseFloat(targetId.split('_')[3]);
+                var index = this.treemap.legendSettings.mode === 'Default' ? parseFloat(targetId.split('_Legend_Shape_Index_')[1]) : parseFloat(targetId.split('_Legend_Index_')[1]);
                 var dataLength = this.treemap.treeMapLegendModule.legendCollections[index]['legendData'].length;
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var collection = this.treemap.treeMapLegendModule.legendCollections;
@@ -126,7 +126,7 @@ var TreeMapHighlight = /** @class */ (function () {
                         if (this.treemap.treeMapLegendModule.legendCollections[index]['legendData'][i]['levelOrderName'] === this.treemap.layout.renderItems[j]['levelOrderName']) {
                             itemIndex = j;
                             groupIndex = this.treemap.layout.renderItems[j]['groupIndex'];
-                            var nodeEle = document.getElementById('container_Level_Index_' + groupIndex + '_Item_Index_' + itemIndex + '_RectPath');
+                            var nodeEle = document.getElementById(this.treemap.element.id + '_Level_Index_' + groupIndex + '_Item_Index_' + itemIndex + '_RectPath');
                             if (i === 0) {
                                 this.legendHighlightCollection = [];
                                 pushCollection(this.legendHighlightCollection, legendIndex, j, targetEle, nodeEle, this.treemap.layout.renderItems, collection);
@@ -250,7 +250,7 @@ var TreeMapSelection = /** @class */ (function () {
             e.preventDefault();
             if (this.treemap.selectionId !== targetId && this.legendSelect) {
                 treeMapElement = document.getElementById(layoutID);
-                item = treemap.layout.renderItems[parseFloat(targetId.split('_')[6])];
+                item = treemap.layout.renderItems[parseFloat(targetId.split('_Item_Index_')[1])];
                 var index = void 0;
                 if (this.treemap.legendSettings.visible) {
                     this.shapeSelect = false;
@@ -264,7 +264,7 @@ var TreeMapSelection = /** @class */ (function () {
                         highlightModule.shapeHighlightCollection = [];
                     }
                     index = getLegendIndex(length_3, item, treemap);
-                    this.shapeElement = this.treemap.legendSettings.mode === 'Default' ? document.getElementById('container_Legend_Shape_Index_' + index) : document.getElementById('container_Legend_Index_' + index);
+                    this.shapeElement = this.treemap.legendSettings.mode === 'Default' ? document.getElementById(this.treemap.element.id + '_Legend_Shape_Index_' + index) : document.getElementById(this.treemap.element.id + '_Legend_Index_' + index);
                     if (this.shapeElement !== null) {
                         this.shapeSelectId = this.shapeElement.getAttribute('id');
                         this.shapeSelectionCollection.push({ legendEle: this.shapeElement, oldFill: collection[index]['legendFill'],
@@ -277,7 +277,7 @@ var TreeMapSelection = /** @class */ (function () {
                 orders = findHightLightItems(item, [], selection.mode, treemap);
                 for (var i = 0; i < treeMapElement.childElementCount; i++) {
                     element = treeMapElement.childNodes[i];
-                    item = treemap.layout.renderItems[element.id.split('_')[6]];
+                    item = treemap.layout.renderItems[parseFloat(element.id.split('_Item_Index_')[1])];
                     if (orders.indexOf(item['levelOrderName']) > -1) {
                         selectionElements.push(element);
                         treemap.levelSelection.push(element.id);
@@ -337,14 +337,14 @@ var TreeMapSelection = /** @class */ (function () {
                 if (highlightModule) {
                     highlightModule.shapeTarget = 'selection';
                 }
-                var index = this.treemap.legendSettings.mode === 'Default' ? parseFloat(targetId.split('_')[4]) : parseFloat(targetId.split('_')[3]);
+                var index = this.treemap.legendSettings.mode === 'Default' ? parseFloat(targetId.split('_Legend_Shape_Index_')[1]) : parseFloat(targetId.split('_Legend_Index_')[1]);
                 var dataLength = this.treemap.treeMapLegendModule.legendCollections[index]['legendData'].length;
                 for (var k = 0; k < dataLength; k++) {
                     for (var l = 0; l < this.treemap.layout.renderItems.length; l++) {
                         if (this.treemap.treeMapLegendModule.legendCollections[index]['legendData'][k]['levelOrderName'] === this.treemap.layout.renderItems[l]['levelOrderName']) {
                             itemIndex = l;
                             groupIndex = this.treemap.layout.renderItems[l]['groupIndex'];
-                            var nodeEle = document.getElementById('container_Level_Index_' + groupIndex + '_Item_Index_' + itemIndex + '_RectPath');
+                            var nodeEle = document.getElementById(this.treemap.element.id + '_Level_Index_' + groupIndex + '_Item_Index_' + itemIndex + '_RectPath');
                             if (k === 0) {
                                 pushCollection(this.legendSelectionCollection, legendIndex, l, targetEle_1, nodeEle, this.treemap.layout.renderItems, collection);
                                 length_4 = this.legendSelectionCollection.length;
@@ -396,7 +396,7 @@ var TreeMapSelection = /** @class */ (function () {
             var orders = findHightLightItems(item, [], selection.mode, this.treemap);
             for (var i = 0; i < treeMapElement.childElementCount; i++) {
                 element = treeMapElement.childNodes[i];
-                item = this.treemap.layout.renderItems[element.id.split('_')[6]];
+                item = this.treemap.layout.renderItems[parseFloat(element.id.split('_Item_Index_')[1])];
                 if (orders.indexOf(item['levelOrderName']) > -1) {
                     selectionElements.push(element);
                     this.treemap.levelSelection.push(element.id);
@@ -412,7 +412,7 @@ var TreeMapSelection = /** @class */ (function () {
                     this.shapeElement = undefined;
                     removeShape(this.shapeSelectionCollection, 'selection');
                     index = getLegendIndex(length_5, items[m], this.treemap);
-                    this.shapeElement = this.treemap.legendSettings.mode === 'Default' ? document.getElementById('container_Legend_Shape_Index_' + index) : document.getElementById('container_Legend_Index_' + index);
+                    this.shapeElement = this.treemap.legendSettings.mode === 'Default' ? document.getElementById(this.treemap.element.id + '_Legend_Shape_Index_' + index) : document.getElementById(this.treemap.element.id + '_Legend_Index_' + index);
                     if (this.shapeElement !== null) {
                         this.shapeSelectId = this.shapeElement.getAttribute('id');
                         this.treemap.legendId.push(this.shapeSelectId);

package/src/treemap/user-interaction/tooltip.js

@@ -1,12 +1,12 @@
-var __rest = (this && this.__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;
-};
+var __rest = (this && this.__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;
+};
 import { Tooltip } from '@syncfusion/ej2-svg-base';
 import { Browser, createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { getMousePosition, textFormatter, formatValue } from '../utils/helper';
@@ -54,7 +54,7 @@ var TreeMapTooltip = /** @class */ (function () {
         var tooltipContent = [];
         var markerFill;
         if (targetId.indexOf('_Item_Index') > -1) {
-            item = this.treemap.layout.renderItems[parseFloat(targetId.split('_')[6])];
+            item = this.treemap.layout.renderItems[parseFloat(targetId.split('_Item_Index_')[1])];
             if (!isNullOrUndefined(item)) {
                 toolTipHeader = item['name'];
                 value = item['weight'];
@@ -134,6 +134,10 @@ var TreeMapTooltip = /** @class */ (function () {
                 textStyle: args['textStyle'],
                 fill: this.treemap.tooltipSettings.fill ? this.treemap.tooltipSettings.fill : this.treemap.themeStyle.tooltipFillColor
             });
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            if (this.treemap.isVue || this.treemap.isVue3) {
+                this.svgTooltip.controlInstance = this.treemap;
+            }
             this.svgTooltip.opacity = this.treemap.themeStyle.tooltipFillOpacity || this.svgTooltip.opacity;
             this.svgTooltip.appendTo(tooltipEle);
             // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/treemap/utils/enum.d.ts

@@ -197,7 +197,11 @@ export declare type TreeMapTheme =
 /** Render a treemap with Bootstrap5 theme. */
 'Bootstrap5' | 
 /**  Render a treemap with Bootstrap5 dark theme. */
-'Bootstrap5Dark';
+'Bootstrap5Dark' | 
+/** Render a treemap with Fluent theme. */
+'Fluent' | 
+/**  Render a treemap with Fluent dark theme. */
+'FluentDark';
 /**
  * Defines the rendering directions to render the treemap items in the treemap.
  */

package/src/treemap/utils/helper.js

@@ -492,7 +492,7 @@ value, weightValuePath) {
         var dataValue = value;
         if (!isNullOrUndefined(colorMapping[i].from) && !isNullOrUndefined(colorMapping[i].to)
             && !isNullOrUndefined(colorMapping[i].value)) {
-            if ((value >= colorMapping[i].from && colorMapping[i].to >= value) && (colorMapping[i].value === equalValue)) {
+            if ((value >= colorMapping[i].from && colorMapping[i].to >= value) && (colorMapping[i].value.toString() === equalValue)) {
                 isEqualColor = true;
                 if (Object.prototype.toString.call(colorMapping[i].color) === '[object Array]') {
                     fill = !isEqualColor ? colorCollections(colorMapping[i], dataValue) : colorMapping[i].color[0];
@@ -504,8 +504,8 @@ value, weightValuePath) {
         }
         else if ((!isNullOrUndefined(colorMapping[i].from) && !isNullOrUndefined(colorMapping[i].to))
             || !isNullOrUndefined((colorMapping[i].value))) {
-            if ((value >= colorMapping[i].from && colorMapping[i].to >= value) || (colorMapping[i].value === equalValue)) {
-                if (colorMapping[i].value === equalValue) {
+            if ((value >= colorMapping[i].from && colorMapping[i].to >= value) || (colorMapping[i].value.toString() === equalValue)) {
+                if (colorMapping[i].value.toString() === equalValue) {
                     isEqualColor = true;
                 }
                 if (Object.prototype.toString.call(colorMapping[i].color) === '[object Array]') {
@@ -516,7 +516,7 @@ value, weightValuePath) {
                 }
             }
         }
-        if (((value >= colorMapping[i].from && value <= colorMapping[i].to) || (colorMapping[i].value === equalValue))
+        if (((value >= colorMapping[i].from && value <= colorMapping[i].to) || (colorMapping[i].value.toString() === equalValue))
             && !isNullOrUndefined(colorMapping[i].minOpacity) && !isNullOrUndefined(colorMapping[i].maxOpacity) && fill) {
             opacity = deSaturationColor(weightValuePath, colorMapping[i], fill, value);
         }
@@ -762,7 +762,7 @@ export function removeClassNames(elements, type, treemap) {
     for (var j = 0; j < elements.length; j++) {
         element = isNullOrUndefined(elements[j].childNodes[0]) ? elements[j] :
             elements[j].childNodes[0];
-        options = treemap.layout.renderItems[element.id.split('_')[6]]['options'];
+        options = treemap.layout.renderItems[parseFloat(element.id.split('_Item_Index_')[1])]['options'];
         applyOptions(element, options);
         elements[j].classList.remove(type);
         j -= 1;

package/.eslintrc.json

@@ -1,244 +0,0 @@
-{
-    "env": {
-        "browser": true,
-        "es2021": true
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:jsdoc/recommended"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaFeatures": { "js": true },
-        "ecmaVersion": 2018,
-        "project": "./tsconfig.json",
-        "sourceType": "module"
-      },
-    "plugins": [
-        "@typescript-eslint",
-        "@typescript-eslint/tslint",
-        "jsdoc"
-    ],
-    "rules": {
-        "use-isnan": "error",
-        "@typescript-eslint/no-inferrable-types": "off",
-        "@typescript-eslint/ban-types": ["warn", {
-            "types": {
-                "Object": false,
-                "object": false,
-                "{}": false,
-                "Function": false
-            }
-        }],
-        "jsdoc/check-tag-names": 0,
-        "@typescript-eslint/tslint/config": [
-            "error",
-            {
-                "rules": {
-                    "ban": true,
-                    "chai-vague-errors": true,
-                    "max-func-body-length": [
-                        true,
-                        120,
-                        {
-                            "ignore-parameters-to-function-regex": "describe"
-                        }
-                    ],
-                    "missing-jsdoc": true,
-                    "no-backbone-get-set-outside-model": false,
-                    "no-cookies": false,
-                    "no-delete-expression": false,
-                    "no-disable-auto-sanitization": true,
-                    "no-duplicate-case": true,
-                    "no-duplicate-parameter-names": true,
-                    "no-empty-interfaces": false,
-                    "no-exec-script": true,
-                    "no-function-expression": false,
-                    "no-multiple-var-decl": false,
-                    "no-string-based-set-immediate": false,
-                    "no-string-based-set-interval": false,
-                    "no-unnecessary-bind": false,
-                    "no-unused-imports": true,
-                    "no-with-statement": false,
-                    "prefer-array-literal": false,
-                    "typedef": [
-                        true,
-                        "call-signature",
-                        "parameter",
-                        "property-declaration",
-                        "variable-declaration",
-                        "arrow-parameter",
-                        "member-variable-declaration"
-                    ],
-                    "use-named-parameter": false,
-                    "valid-typeof": true,
-                    "whitespace": [
-                        true,
-                        "check-branch",
-                        "check-decl",
-                        "check-operator",
-                        "check-separator",
-                        "check-type"
-                    ]
-                }
-            }
-        ],
-        "no-control-regex": "error",
-        "no-constant-condition": "error",
-        "no-invalid-regexp": "error",
-        "curly": "error",
-        "eol-last": [
-            "error",
-            "always"
-        ],
-        "guard-for-in": "error",
-        "no-labels": "error",
-        "max-len": [
-            "error",
-            {
-                "code": 140,
-                "tabWidth": 4,
-                "ignoreComments": true,
-                "ignoreStrings": true,
-                "ignoreTemplateLiterals": true,
-                "ignoreRegExpLiterals": true
-            }
-        ],
-        "no-console": [
-            "error",
-            {
-                "allow": [
-                    "warn",
-                    "dir",
-                    "timeLog",
-                    "assert",
-                    "clear",
-                    "count",
-                    "countReset",
-                    "group",
-                    "groupEnd",
-                    "table",
-                    "dirxml",
-                    "error",
-                    "groupCollapsed",
-                    "Console",
-                    "profile",
-                    "profileEnd",
-                    "timeStamp",
-                    "context"
-                ]
-            }
-        ],
-        "no-redeclare": [
-            "error",
-            {
-                "builtinGlobals": true
-            }
-        ],
-        "@typescript-eslint/no-parameter-properties": "error",
-        "@typescript-eslint/indent": [
-            "error",
-            4,
-            {
-                "CallExpression": {
-                    "arguments": "first"
-                },
-                "FunctionDeclaration": {
-                    "parameters": "first"
-                },
-                "FunctionExpression": {
-                    "parameters": "first"
-                }
-            }
-        ],
-        "no-debugger": "error",
-        "no-eval": "error",
-        "no-extra-semi": "error",
-        "no-throw-literal": "error",
-        "no-fallthrough": "error",
-        "comma-dangle": [
-            "error",
-            "never"
-        ],
-        "no-trailing-spaces": "error",
-        "@typescript-eslint/no-unused-expressions": "error",
-        "@typescript-eslint/no-var-requires": "error",
-        "one-var": [
-            "error",
-            "never"
-        ],
-        "@typescript-eslint/no-explicit-any": "error",
-        "no-cond-assign": [
-            "error",
-            "always"
-        ],
-        "@typescript-eslint/consistent-type-assertions": "off",
-        "jsdoc/check-alignment": "error",
-        "no-empty": "error",
-        "quotes": [
-            "error",
-            "single"
-        ],
-        "semi": [
-            "error",
-            "always"
-        ],
-        "eqeqeq": [
-            "error",
-            "smart"
-        ],
-        "valid-typeof": [
-            "error",
-            {
-                "requireStringLiterals": true
-            }
-        ],
-        "camelcase": [
-            "error",
-            {
-                "properties": "always",
-                "ignoreDestructuring": true,
-                "ignoreImports": true
-            }
-        ],
-        "no-irregular-whitespace": [
-            "error",
-            {
-                "skipStrings": true,
-                "skipComments": true,
-                "skipRegExps": true,
-                "skipTemplates": true
-            }
-        ],
-        "valid-jsdoc": [
-            "error",
-            {
-                "prefer": {
-                    "arg": "param",
-                    "argument": "param",
-                    "class": "constructor",
-                    "return": "returns",
-                    "virtual": "abstract"
-                }
-            }
-        ],
-        "no-var": "error",
-        "radix": "error"
-    },
-    "reportUnusedDisableDirectives": true,
-    "overrides": [
-        {
-            "files": [
-                "node_modules",
-                "dist",
-                "public",
-                "coverage",
-                "test-report"
-            ],
-            "rules": {
-                "no-unused-expressions": "off"
-            }
-        }
-    ]
-}

package/.github/PULL_REQUEST_TEMPLATE/Bug.md

@@ -1,72 +0,0 @@
-# Bug description
-
-Clearly and concisely describe the problem or feature (this cannot be empty).
-
-## Root cause
-
-Briefly describe the root cause and analysis of the problem.
-If there is an internal discussion on the forum, provide the link.
-
-## Reason for not identifying earlier
-
-Find how it was missed in our earlier testing and development and by whom it was missed. This will help prevent similar mistakes in the future.
-
-### Reason
-
-Provide reason for missing.
-
-### Action taken:
-
-Provide the action plan taken to avoid this issue further. Also, mention if we addressed any other area in the same product based on this learning.
-
-### Related Area for missing test case: 
-
-Unit test case / E2E test case / Manual testing
-
-## Is it a breaking issue?
-
-If it is a breaking issue, provide the commit detail which caused this break.
-
-## Solution description
-
-Describe your code changes in detail for reviewers.
-
-### Cause:
-
-Technical explanation for cause.
-
-### Fix: 
-
-Technical explanation for your fix.
-
-## Output screenshots
-
-Post the output screenshots if an UI is affected or added due to this bug.
-
-### Before issue fix output image:
-
-Provide issue image before fix.
-
-### After issue fix output image:
-
-Provide issue fixed image with your fix.
-
-## Areas affected and ensured
-
-List the areas affected by your code changes.
-
-## Additional checklist
-
-- [ ] Did you run the automation against your fix? <b> Yes | No Your Explanation </b>
-
-- [ ] Is there any API name change? <b> Yes | No Your Explanation </b>
-
-- [ ] Is there any existing behavior change of other features due to this code change? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you record this case in the unit test or UI test? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you added issue fix comment? <b> Yes | No Your Explanation </b>
-
-- [ ] Did you tested this issue fix for all browsers? <b> [ ] Chrome [ ] Firefox [ ] Edge [ ] Internet Explorer </b>
-
-- [ ] Does it have any known issues? <b> Yes | No Your Explanation </b>