@syncfusion/ej2-navigations 32.2.6 → 32.2.7

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.3
+*  version : 32.2.7
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "32.2.6",
+  "version": "32.2.7",
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,11 +9,11 @@
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~32.2.6",
-    "@syncfusion/ej2-buttons": "~32.2.3",
+    "@syncfusion/ej2-buttons": "~32.2.7",
     "@syncfusion/ej2-data": "~32.2.3",
-    "@syncfusion/ej2-inputs": "~32.2.3",
-    "@syncfusion/ej2-lists": "~32.2.6",
-    "@syncfusion/ej2-popups": "~32.2.6"
+    "@syncfusion/ej2-inputs": "~32.2.7",
+    "@syncfusion/ej2-lists": "~32.2.7",
+    "@syncfusion/ej2-popups": "~32.2.7"
   },
   "devDependencies": {},
   "keywords": [

package/src/sidebar/sidebar.js

@@ -563,6 +563,12 @@ var Sidebar = /** @class */ (function (_super) {
                     if (!this.getState()) {
                         this.setDock();
                     }
+                    if (!this.enableDock) {
+                        removeClass([this.element], DOCKER);
+                    }
+                    else {
+                        addClass([this.element], DOCKER);
+                    }
                     break;
                 case 'zIndex':
                     this.setZindex();

package/src/tab/tab.js

@@ -1046,9 +1046,11 @@ var Tab = /** @class */ (function (_super) {
         }
         else if (this.heightAdjustMode === 'Fill') {
             addClass([this.element], [CLS_FILL]);
-            setStyle(this.element, { 'height': '100%' });
+            var parent_1 = this.element.parentElement;
+            var heightVal = parent_1.style.height || parent_1.getAttribute('height');
+            setStyle(this.element, { 'height': heightVal != null ? heightVal : '100%' });
             this.loadContentElement();
-            this.cntEle.style.height = 'calc(100% - ' + this.hdrEle.offsetHeight + 'px)';
+            this.cntEle.style.height = heightVal != null ? "calc(" + heightVal + " - " + this.hdrEle.offsetHeight + "px)" : 'calc(100vh - ' + this.hdrEle.offsetHeight + 'px)';
         }
         else if (this.heightAdjustMode === 'Auto') {
             if (this.isTemplate === true) {

package/src/treeview/treeview-model.d.ts

@@ -307,11 +307,23 @@ export interface TreeViewModel extends ComponentModel{
      * });
      * treeObj.appendTo('#tree');
      * ```
+     * **Note:** To correctly remove untrusted HTML values, `disableHtmlEncode` must also be set to true. When `enableHtmlSanitizer` is set to false, `disableHtmlEncode` must also be set to false.
      *
      * @default true
      */
     enableHtmlSanitizer?: boolean;
 
+    /**
+     * Enables rendering of raw text content in the Treeview component without HTML encoding.
+     * When set to true, the text will be displayed exactly as provided (including HTML tags or special characters),
+     * instead of being encoded or truncated (e.g., `hiiih<hihi` will be shown as-is).
+     *
+     * **Note:** To preserve and render raw HTML content correctly, `enableHtmlSanitizer` must also be set to false.
+     *
+     * @default true
+     */
+    disableHtmlEncode?: boolean;
+
     /**
      * Enables or disables persisting TreeView state between page reloads. If enabled, following APIs will persist.
      * 1. `selectedNodes` - Represents the nodes that are selected in the TreeView component.

package/src/treeview/treeview.d.ts

@@ -693,10 +693,21 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
      * });
      * treeObj.appendTo('#tree');
      * ```
+     * **Note:** To correctly remove untrusted HTML values, `disableHtmlEncode` must also be set to true. When `enableHtmlSanitizer` is set to false, `disableHtmlEncode` must also be set to false.
      *
      * @default true
      */
     enableHtmlSanitizer: boolean;
+    /**
+     * Enables rendering of raw text content in the Treeview component without HTML encoding.
+     * When set to true, the text will be displayed exactly as provided (including HTML tags or special characters),
+     * instead of being encoded or truncated (e.g., `hiiih<hihi` will be shown as-is).
+     *
+     * **Note:** To preserve and render raw HTML content correctly, `enableHtmlSanitizer` must also be set to false.
+     *
+     * @default true
+     */
+    disableHtmlEncode: boolean;
     /**
      * Enables or disables persisting TreeView state between page reloads. If enabled, following APIs will persist.
      * 1. `selectedNodes` - Represents the nodes that are selected in the TreeView component.

package/src/treeview/treeview.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, isUndefined, Browser, compile, isNullOrUndefined, SanitizeHtmlHelper, animationMode } from '@syncfusion/ej2-base';
+import { Component, isUndefined, Browser, compile, isNullOrUndefined, animationMode } from '@syncfusion/ej2-base';
 import { Property, NotifyPropertyChanges, ChildProperty, Complex } from '@syncfusion/ej2-base';
 import { Event, EventHandler, KeyboardEvents } from '@syncfusion/ej2-base';
 import { rippleEffect, Animation, remove } from '@syncfusion/ej2-base';
@@ -285,6 +285,7 @@ var TreeView = /** @class */ (function (_super) {
                 _this.beforeNodeCreate(e);
             },
             enableHtmlSanitizer: this.enableHtmlSanitizer,
+            disableHtmlEncode: this.disableHtmlEncode,
             itemNavigable: this.fullRowNavigable
         };
         this.updateListProp(this.fields);
@@ -3375,12 +3376,7 @@ var TreeView = /** @class */ (function (_super) {
             this.renderReactTemplates();
         }
         else {
-            if (this.enableHtmlSanitizer) {
-                txtEle.innerText = SanitizeHtmlHelper.sanitize(newText);
-            }
-            else {
-                txtEle.innerHTML = newText;
-            }
+            txtEle[ListBase.getDomSetter(this.listBaseOption)] = ListBase.getSanitizedText(newText, this.listBaseOption);
         }
         if (isInput) {
             removeClass([liEle], EDITING);
@@ -5824,6 +5820,9 @@ var TreeView = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], TreeView.prototype, "enableHtmlSanitizer", void 0);
+    __decorate([
+        Property(true)
+    ], TreeView.prototype, "disableHtmlEncode", void 0);
     __decorate([
         Property(false)
     ], TreeView.prototype, "enablePersistence", void 0);