@syncfusion/ej2-navigations 19.4.47 → 19.4.53

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.47
+*  version : 19.4.53
 *  Copyright Syncfusion Inc. 2001 - 2020. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@19.4.41",
+  "_id": "@syncfusion/ej2-navigations@19.4.52",
   "_inBundle": false,
-  "_integrity": "sha512-Z/c9LceqvB6SGuaEdoxz5GYZcHaNxej27OctGjWuVSw/EJe8bTXsQ6Z9QVjyQiOSKkTAwkEnog25t7IM0EitRA==",
+  "_integrity": "sha512-OFH1AKtgSVR/UGQomoPdvNv4xSknPloObFC3YZGdeOTQ56u56dvB2bMkbAMIgIKnLK4kU404masJQyYjRnQbjw==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -37,8 +37,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-19.4.41.tgz",
-  "_shasum": "2ede11720d2b9ff0a5dacbc580b8abb5db1e0227",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-19.4.52.tgz",
+  "_shasum": "d6090c61715e41256a1ecec3b50c03b36178825a",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -49,12 +49,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.42",
-    "@syncfusion/ej2-buttons": "~19.4.42",
-    "@syncfusion/ej2-data": "~19.4.47",
-    "@syncfusion/ej2-inputs": "~19.4.47",
-    "@syncfusion/ej2-lists": "~19.4.38",
-    "@syncfusion/ej2-popups": "~19.4.47"
+    "@syncfusion/ej2-base": "~19.4.52",
+    "@syncfusion/ej2-buttons": "~19.4.53",
+    "@syncfusion/ej2-data": "~19.4.52",
+    "@syncfusion/ej2-inputs": "~19.4.52",
+    "@syncfusion/ej2-lists": "~19.4.52",
+    "@syncfusion/ej2-popups": "~19.4.53"
   },
   "deprecated": false,
   "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",
@@ -159,6 +159,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.47",
+  "version": "19.4.53",
   "sideEffects": false
 }

package/src/accordion/accordion.js

@@ -160,7 +160,7 @@ var Accordion = /** @class */ (function (_super) {
      */
     Accordion.prototype.destroy = function () {
         var _this = this;
-        if (this.isReact) {
+        if (this.isReact || this.isAngular || this.isVue) {
             this.clearTemplate();
         }
         var ele = this.element;
@@ -172,9 +172,11 @@ var Accordion = /** @class */ (function (_super) {
             ele.removeChild(el);
         });
         if (this.trgtEle) {
+            this.trgtEle = null;
             while (this.ctrlTem.firstElementChild) {
                 ele.appendChild(this.ctrlTem.firstElementChild);
             }
+            this.ctrlTem = null;
         }
         ele.classList.remove(CLS_ACRDN_ROOT);
         ele.removeAttribute('style');
@@ -535,11 +537,13 @@ var Accordion = /** @class */ (function (_super) {
                 else {
                     trgt.click();
                 }
+                e.preventDefault();
                 break;
             case 'home':
             case 'end':
                 clst = e.action === 'home' ? root.firstElementChild.children[0] : root.lastElementChild.children[0];
                 clst.focus();
+                e.preventDefault();
                 break;
         }
     };
@@ -547,19 +551,17 @@ var Accordion = /** @class */ (function (_super) {
         var header = this.createElement('div', { className: CLS_HEADER, id: getUniqueID('acrdn_header') });
         var items = this.getItems();
         var ariaAttr = {
-            'tabindex': '0', 'role': 'heading', 'aria-selected': 'false', 'aria-label': 'collapsed',
+            'tabindex': '0', 'role': 'heading', 'aria-label': 'collapsed',
             'aria-disabled': 'false', 'aria-level': items.length.toString()
         };
         attributes(header, ariaAttr);
         return header;
     };
     Accordion.prototype.renderInnerItem = function (item, index) {
-        var innerEle = this.createElement('div', { className: CLS_ITEM });
-        innerEle.id = getUniqueID('acrdn_item');
-        if (isNOU(item.id)) {
-            item.id = innerEle.id;
-        }
-        attributes(innerEle, { 'aria-expanded': 'false', 'role': 'row' });
+        var innerEle = this.createElement('div', {
+            className: CLS_ITEM, id: item.id || getUniqueID('acrdn_item'),
+            attrs: { 'aria-expanded': 'false', 'role': 'row' }
+        });
         if (this.headerTemplate) {
             var ctnEle = this.headerEleGenerate();
             var hdrEle = this.createElement('div', { className: CLS_HEADERCTN });
@@ -803,7 +805,7 @@ var Accordion = /** @class */ (function (_super) {
             this.add(trgtItemEle, CLS_ACTIVE);
             trgt.setAttribute('aria-hidden', 'false');
             attributes(trgtItemEle, { 'aria-expanded': 'true' });
-            attributes(trgt.previousElementSibling, { 'aria-selected': 'true', 'aria-label': 'expanded' });
+            attributes(trgt.previousElementSibling, { 'aria-label': 'expanded' });
             icon.classList.remove(CLS_TOGANIMATE);
             this.trigger('expanded', eventArgs);
         }
@@ -920,7 +922,7 @@ var Accordion = /** @class */ (function (_super) {
             this.remove(trgtItemEle, CLS_ACTIVE);
             trgt.setAttribute('aria-hidden', 'true');
             attributes(trgtItemEle, { 'aria-expanded': 'false' });
-            attributes(trgt.previousElementSibling, { 'aria-selected': 'false', 'aria-label': 'collapsed' });
+            attributes(trgt.previousElementSibling, { 'aria-label': 'collapsed' });
             this.trigger('expanded', eventArgs);
         }
     };
@@ -1163,7 +1165,7 @@ var Accordion = /** @class */ (function (_super) {
     };
     Accordion.prototype.destroyItems = function () {
         this.restoreContent(null);
-        if (this.isReact) {
+        if (this.isReact || this.isAngular || this.isVue) {
             this.clearTemplate();
         }
         [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) {

package/src/common/menu-base.d.ts

@@ -379,7 +379,7 @@ export declare abstract class MenuBase extends Component<HTMLUListElement> imple
      * This method is used to set the menu item in the Menu based on the argument.
      *
      * @param {MenuItem} item - item need to be updated.
-     * @param {string} id - id to be passed to update the item.
+     * @param {string} id - id / text to be passed to update the item.
      * @param {boolean} isUniqueId - Set `true` if it is a unique id.
      * @returns {void}
      */

package/src/common/menu-base.js

@@ -1494,21 +1494,24 @@ var MenuBase = /** @class */ (function (_super) {
      * This method is used to set the menu item in the Menu based on the argument.
      *
      * @param {MenuItem} item - item need to be updated.
-     * @param {string} id - id to be passed to update the item.
+     * @param {string} id - id / text to be passed to update the item.
      * @param {boolean} isUniqueId - Set `true` if it is a unique id.
      * @returns {void}
      */
     MenuBase.prototype.setItem = function (item, id, isUniqueId) {
-        var idx = id ? id : item.id;
-        var isText = (isUniqueId === false) ? false : true;
-        var navIdx = this.getIndex(idx, isText);
+        var idx;
+        if (isUniqueId) {
+            idx = id ? id : item.id;
+        }
+        else {
+            idx = id ? id : item.text;
+        }
+        var navIdx = this.getIndex(idx, isUniqueId);
         var newItem = this.getItem(navIdx);
-        newItem.iconCss = item.iconCss;
-        newItem.id = item.id;
-        newItem.text = item.text;
-        newItem.url = item.url;
-        newItem.separator = item.separator;
-        newItem.items = item.items;
+        newItem.iconCss = item.iconCss || newItem.iconCss;
+        newItem.text = item.text || newItem.text;
+        newItem.url = item.url || newItem.url;
+        newItem.separator = item.separator || newItem.separator;
     };
     MenuBase.prototype.getItem = function (navIdx) {
         navIdx = navIdx.slice();

package/src/sidebar/sidebar.d.ts

@@ -31,6 +31,7 @@ export declare class Sidebar extends Component<HTMLElement> implements INotifyPr
     protected tabIndex: string;
     private windowWidth;
     private targetEle;
+    private firstRender;
     /**
      * Specifies the size of the Sidebar in dock state.
      * > For more details about dockSize refer to

package/src/sidebar/sidebar.js

@@ -77,6 +77,7 @@ var Sidebar = /** @class */ (function (_super) {
         }
         if (this.isOpen) {
             this.show();
+            this.firstRender = true;
         }
         else {
             this.setMediaQuery();
@@ -187,9 +188,10 @@ var Sidebar = /** @class */ (function (_super) {
     };
     Sidebar.prototype.transitionEnd = function (e) {
         this.setDock();
-        if (!isNullOrUndefined(e)) {
+        if (!isNullOrUndefined(e) && !this.firstRender) {
             this.triggerChange();
         }
+        this.firstRender = false;
         EventHandler.remove(this.element, 'transitionend', this.transitionEnd);
     };
     Sidebar.prototype.destroyBackDrop = function () {

package/src/tab/tab.js

@@ -838,6 +838,7 @@ var Tab = /** @class */ (function (_super) {
     };
     Tab.prototype.getContent = function (ele, cnt, callType, index) {
         var eleStr;
+        cnt = isNOU(cnt) ? "" : cnt;
         if (typeof cnt === 'string' || isNOU(cnt.innerHTML)) {
             if (typeof cnt === 'string' && this.enableHtmlSanitizer) {
                 cnt = SanitizeHtmlHelper.sanitize(cnt);

package/src/toolbar/toolbar.js

@@ -174,7 +174,7 @@ var Toolbar = /** @class */ (function (_super) {
      */
     Toolbar.prototype.destroy = function () {
         var _this = this;
-        if (this.isReact) {
+        if (this.isReact || this.isAngular) {
             this.clearTemplate();
         }
         var btnItems = this.element.querySelectorAll('.e-control.e-btn');
@@ -183,20 +183,28 @@ var Toolbar = /** @class */ (function (_super) {
                 el.ej2_instances[0].destroy();
             }
         });
-        _super.prototype.destroy.call(this);
         this.unwireEvents();
         this.tempId.forEach(function (ele) {
             if (!isNOU(_this.element.querySelector(ele))) {
                 document.body.appendChild(_this.element.querySelector(ele)).style.display = 'none';
             }
         });
+        this.destroyItems();
         while (this.element.lastElementChild) {
             this.element.removeChild(this.element.lastElementChild);
         }
         if (this.trgtEle) {
             this.element.appendChild(this.ctrlTem);
+            this.trgtEle = null;
+            this.ctrlTem = null;
+        }
+        if (this.popObj) {
+            this.popObj.destroy();
+            detach(this.popObj.element);
+        }
+        if (this.activeEle) {
+            this.activeEle = null;
         }
-        this.clearProperty();
         this.popObj = null;
         this.tbarAlign = null;
         this.remove(this.element, 'e-toolpop');
@@ -207,6 +215,7 @@ var Toolbar = /** @class */ (function (_super) {
         ['aria-disabled', 'aria-orientation', 'aria-haspopup', 'role'].forEach(function (attrb) {
             return _this.element.removeAttribute(attrb);
         });
+        _super.prototype.destroy.call(this);
     };
     /**
      * Initialize the event handler
@@ -296,8 +305,8 @@ var Toolbar = /** @class */ (function (_super) {
         if (this.element) {
             [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) { detach(el); });
         }
-        var tbarItems = this.element.querySelector('.' + CLS_ITEMS);
         if (this.tbarAlign) {
+            var tbarItems = this.element.querySelector('.' + CLS_ITEMS);
             [].slice.call(tbarItems.children).forEach(function (el) {
                 detach(el);
             });
@@ -381,6 +390,10 @@ var Toolbar = /** @class */ (function (_super) {
             case 'end':
                 if (clst) {
                     var popupCheck = closest(clst, '.e-popup');
+                    var extendedPopup = this.element.querySelector('.' + CLS_EXTENDABLECLASS);
+                    if (this.overflowMode === 'Extended' && extendedPopup && extendedPopup.classList.contains('e-popup-open')) {
+                        popupCheck = e.action === 'end' ? extendedPopup : null;
+                    }
                     if (popupCheck) {
                         if (isVisible(this.popObj.element)) {
                             nodes = [].slice.call(popupCheck.children);
@@ -393,7 +406,7 @@ var Toolbar = /** @class */ (function (_super) {
                         }
                     }
                     else {
-                        nodes = this.element.querySelectorAll('.' + CLS_ITEMS + ' .' + CLS_ITEM);
+                        nodes = this.element.querySelectorAll('.' + CLS_ITEMS + ' .' + CLS_ITEM + ':not(.' + CLS_SEPARATOR + ')');
                         if (e.action === 'home') {
                             ele = nodes[0];
                         }
@@ -1937,7 +1950,7 @@ var Toolbar = /** @class */ (function (_super) {
     };
     Toolbar.prototype.itemsRerender = function (newProp) {
         this.items = this.tbarItemsCol;
-        if (this.isReact) {
+        if (this.isReact || this.isAngular) {
             this.clearTemplate();
         }
         this.destroyMode();

package/styles/bootstrap-dark.css

@@ -707,7 +707,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1437,7 +1439,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/bootstrap.css

@@ -712,7 +712,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1442,7 +1444,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/bootstrap4.css

@@ -728,7 +728,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1458,7 +1460,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/bootstrap5-dark.css

@@ -747,7 +747,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1446,7 +1448,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/bootstrap5.css

@@ -747,7 +747,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1446,7 +1448,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/fabric-dark.css

@@ -711,7 +711,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1413,7 +1415,8 @@
   margin: 1px 0;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/fabric.css

@@ -713,7 +713,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1415,7 +1417,8 @@
   margin: 1px 0;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/highcontrast-light.css

@@ -741,7 +741,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1443,7 +1445,8 @@
   margin: 1px 0;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/highcontrast.css

@@ -743,7 +743,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1445,7 +1447,8 @@
   margin: 1px 0;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/material-dark.css

@@ -791,7 +791,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1492,7 +1494,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/material.css

@@ -796,7 +796,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1497,7 +1499,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/tailwind-dark.css

@@ -755,7 +755,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1454,7 +1456,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/tailwind.css

@@ -755,7 +755,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -1454,7 +1456,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 

package/styles/toolbar/_layout.scss

@@ -197,7 +197,8 @@
           }
         }
 
-        .e-toolbar-item.e-separator.e-multirow-separator {
+        .e-toolbar-item.e-separator.e-multirow-separator,
+        .e-toolbar-item.e-separator.e-hidden {
           display: none;
         }
 
@@ -1063,7 +1064,8 @@
           }
         }
 
-        .e-toolbar-item.e-separator.e-multirow-separator {
+        .e-toolbar-item.e-separator.e-multirow-separator,
+        .e-toolbar-item.e-separator.e-hidden {
           display: none;
         }
 

package/styles/toolbar/bootstrap-dark.css

@@ -154,7 +154,9 @@
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
-.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar.e-bigger .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }
 
@@ -884,7 +886,8 @@
   white-space: normal;
 }
 
-.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator {
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-multirow-separator,
+.e-toolbar .e-toolbar-items.e-toolbar-multirow .e-toolbar-item.e-separator.e-hidden {
   display: none;
 }