@syncfusion/ej2-vue-navigations 19.3.57 → 19.4.38

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-navigations@*",
-  "_id": "@syncfusion/ej2-vue-navigations@19.3.56",
+  "_id": "@syncfusion/ej2-vue-navigations@19.20.6",
   "_inBundle": false,
-  "_integrity": "sha512-w4YTgvytXoX3x7NbKRR5qHAwoQTD6SVcWbb0gW0QVkidgiYCT6bKy2x4hqdFd03H2El384YS9etboHAz8gougA==",
+  "_integrity": "sha512-uJTeFecdMDgLMYrHxmhGvT3MOuduomJyCZEb64DiV3GanzI7NxSB9UVW6k+H4ihD0l0mTdhYvFFCUP4Y3+OfdA==",
   "_location": "/@syncfusion/ej2-vue-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-navigations/-/ej2-vue-navigations-19.3.56.tgz",
-  "_shasum": "d1e05b84b4e7a7d100ccc26525f6e28966e1deb1",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-navigations/-/ej2-vue-navigations-19.20.6.tgz",
+  "_shasum": "6a43bfe05c625fdf613229f994aa52a77e9729d5",
   "_spec": "@syncfusion/ej2-vue-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.56",
-    "@syncfusion/ej2-navigations": "19.3.57",
-    "@syncfusion/ej2-vue-base": "~19.3.55"
+    "@syncfusion/ej2-base": "~19.4.38",
+    "@syncfusion/ej2-navigations": "19.4.38",
+    "@syncfusion/ej2-vue-base": "~19.4.38"
   },
   "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 for Vue",
@@ -163,6 +163,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.3.57",
+  "version": "19.4.38",
   "sideEffects": false
 }

package/src/accordion/accordion.component.js

@@ -23,7 +23,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Accordion } from '@syncfusion/ej2-navigations';
 import { AccordionItemsDirective, AccordionItemDirective, AccordionItemsPlugin, AccordionItemPlugin } from './items.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'animation', 'dataSource', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandMode', 'expandedIndices', 'headerTemplate', 'height', 'itemTemplate', 'items', 'locale', 'width', 'clicked', 'created', 'destroyed', 'expanded', 'expanding'];
+export var properties = ['isLazyUpdate', 'animation', 'dataSource', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandMode', 'expandedIndices', 'headerTemplate', 'height', 'itemTemplate', 'items', 'locale', 'width', 'clicked', 'created', 'destroyed', 'expanded', 'expanding'];
 export var modelProps = ['expandedIndices'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -122,7 +122,7 @@ var AccordionComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
                         this.$emit('update:' + propKey, eventProp[propKey]);
                         this.$emit('modelchanged', eventProp[propKey]);
                     }

package/src/breadcrumb/breadcrumb.component.js

@@ -23,7 +23,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Breadcrumb } from '@syncfusion/ej2-navigations';
 import { BreadcrumbItemsDirective, BreadcrumbItemDirective, BreadcrumbItemsPlugin, BreadcrumbItemPlugin } from './items.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'activeItem', 'cssClass', 'enableActiveItemNavigation', 'enableNavigation', 'enablePersistence', 'enableRtl', 'itemTemplate', 'items', 'locale', 'maxItems', 'overflowMode', 'separatorTemplate', 'url', 'width', 'beforeItemRender', 'created', 'itemClick'];
+export var properties = ['isLazyUpdate', 'activeItem', 'cssClass', 'disabled', 'enableActiveItemNavigation', 'enableNavigation', 'enablePersistence', 'enableRtl', 'itemTemplate', 'items', 'locale', 'maxItems', 'overflowMode', 'separatorTemplate', 'url', 'beforeItemRender', 'created', 'itemClick'];
 export var modelProps = ['activeItem'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -122,7 +122,7 @@ var BreadcrumbComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
                         this.$emit('update:' + propKey, eventProp[propKey]);
                         this.$emit('modelchanged', eventProp[propKey]);
                     }

package/src/context-menu/contextmenu.component.js

@@ -21,7 +21,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { ContextMenu } from '@syncfusion/ej2-navigations';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hoverDelay', 'items', 'locale', 'showItemOnClick', 'target', 'template', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
+export var properties = ['isLazyUpdate', 'animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hoverDelay', 'items', 'locale', 'showItemOnClick', 'target', 'template', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/src/menu/menu.component.js

@@ -22,7 +22,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Menu } from '@syncfusion/ej2-navigations';
 import { MenuItemsDirective, MenuItemDirective, MenuItemsPlugin, MenuItemPlugin } from './items.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
+export var properties = ['isLazyUpdate', 'animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/src/sidebar/sidebar.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Sidebar } from '@syncfusion/ej2-navigations';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex', 'change', 'close', 'created', 'destroyed', 'open'];
+export var properties = ['isLazyUpdate', 'animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex', 'change', 'close', 'created', 'destroyed', 'open'];
 export var modelProps = ['isOpen'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,7 +121,7 @@ var SidebarComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
                         this.$emit('update:' + propKey, eventProp[propKey]);
                         this.$emit('modelchanged', eventProp[propKey]);
                     }

package/src/tab/tab.component.js

@@ -22,7 +22,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Tab } from '@syncfusion/ej2-navigations';
 import { TabItemsDirective, TabItemDirective, TabItemsPlugin, TabItemPlugin } from './items.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'allowDragAndDrop', 'animation', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'scrollStep', 'selectedItem', 'showCloseButton', 'width', 'added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
+export var properties = ['isLazyUpdate', 'allowDragAndDrop', 'animation', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'reorderActiveTab', 'scrollStep', 'selectedItem', 'showCloseButton', 'width', 'added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/src/toolbar/toolbar.component.js

@@ -22,7 +22,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Toolbar } from '@syncfusion/ej2-navigations';
 import { ItemsDirective, ItemDirective, ItemsPlugin, ItemPlugin } from './items.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'allowKeyboard', 'cssClass', 'enableCollision', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'items', 'locale', 'overflowMode', 'scrollStep', 'width', 'beforeCreate', 'clicked', 'created', 'destroyed'];
+export var properties = ['isLazyUpdate', 'allowKeyboard', 'cssClass', 'enableCollision', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'items', 'locale', 'overflowMode', 'scrollStep', 'width', 'beforeCreate', 'clicked', 'created', 'destroyed'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/src/treeview/treeview.component.js

@@ -21,7 +21,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { TreeView } from '@syncfusion/ej2-navigations';
 import { Options } from 'vue-class-component';
-export var properties = ['islazyUpdate', 'allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'animation', 'autoCheck', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder', 'actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
+export var properties = ['isLazyUpdate', 'allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'allowTextWrap', 'animation', 'autoCheck', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder', 'actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/styles/accordion/bootstrap4.css

@@ -287,7 +287,6 @@
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
-  font-size: 16px;
   font-size: 14px;
 }
 
@@ -327,7 +326,7 @@
 /*! accordion theme */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background: #f8f9fa;
+  background: #fff;
   border: 1px solid rgba(0, 0, 0, 0.13);
   border-radius: 4px;
 }

package/styles/accordion/bootstrap5-dark.css

@@ -1,4 +1,4 @@
-/*! component's theme wise override bootstrap5-definitions and variables */
+/*! Accordion's bootstrap5 theme wise override definitions and variables */
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: '\e729';
@@ -179,10 +179,11 @@
   line-height: 22px;
   min-height: 38px;
   overflow: hidden;
-  padding: 7px 12px;
+  padding: 7px 12px 3px;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-bottom: 4px;
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
@@ -331,10 +332,18 @@
   border-radius: 4px 4px 0 0;
 }
 
+.e-accordion .e-acrdn-item:last-child {
+  border-bottom: 0;
+}
+
 .e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus {
   border-radius: 0 0 4px 4px;
 }
 
+.e-accordion .e-acrdn-item:last-child.e-selected .e-acrdn-header:focus {
+  border-radius: 0;
+}
+
 .e-accordion .e-acrdn-item.e-overlay {
   background: #212529;
 }

package/styles/accordion/bootstrap5.css

@@ -1,4 +1,4 @@
-/*! component's theme wise override bootstrap5-definitions and variables */
+/*! Accordion's bootstrap5 theme wise override definitions and variables */
 /*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: '\e729';
@@ -179,10 +179,11 @@
   line-height: 22px;
   min-height: 38px;
   overflow: hidden;
-  padding: 7px 12px;
+  padding: 7px 12px 3px;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-bottom: 4px;
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-header > * {
@@ -331,10 +332,18 @@
   border-radius: 4px 4px 0 0;
 }
 
+.e-accordion .e-acrdn-item:last-child {
+  border-bottom: 0;
+}
+
 .e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus {
   border-radius: 0 0 4px 4px;
 }
 
+.e-accordion .e-acrdn-item:last-child.e-selected .e-acrdn-header:focus {
+  border-radius: 0;
+}
+
 .e-accordion .e-acrdn-item.e-overlay {
   background: #fff;
 }

package/styles/accordion/highcontrast-light.css

@@ -11,7 +11,6 @@
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
-  font-size: 14px;
 }
 
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel,
@@ -236,7 +235,6 @@
 
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
   font-weight: normal;
-  font-weight: 600;
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
@@ -309,12 +307,10 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #ccc;
   border: 1px solid #757575;
-  background: #fff;
 }
 
 .e-accordion .e-active {
   background: #ccc;
-  background: #fff;
 }
 
 .e-accordion .e-acrdn-item.e-item-focus .e-acrdn-header:focus {

package/styles/accordion/highcontrast.css

@@ -11,7 +11,6 @@
 /*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
-  font-size: 16px;
   font-size: 14px;
 }
 
@@ -236,7 +235,6 @@
 }
 
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
-  font-weight: normal;
   font-weight: 600;
 }
 
@@ -308,13 +306,11 @@
 /*! accordion theme */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background: #333;
-  border: 1px solid #969696;
   background: #000;
+  border: 1px solid #969696;
 }
 
 .e-accordion .e-active {
-  background: #333;
   background: #000;
 }