@syncfusion/ej2-vue-navigations 19.4.55 → 20.1.48

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## [Unreleased]
 
+## 19.4.55 (2022-03-08)
+
 ### Menu
 
 #### Bug Fixes

package/dist/ej2-vue-navigations.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-navigations.umd.min.js
-*  version : 19.4.55
+*  version : 20.1.48
 *  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/dist/es6/ej2-vue-navigations.es2015.js

@@ -1,8 +1,8 @@
 import { Accordion, Breadcrumb, ContextMenu, Menu, Sidebar, Tab, Toolbar, TreeView } from '@syncfusion/ej2-navigations';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
-import Vue$1 from 'vue';
 import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
+import Vue$1 from 'vue';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -10,6 +10,7 @@ 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;
 };
+// {{VueImport}}
 const isExecute = gh ? false : true;
 let vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -18,16 +19,47 @@ if (!isExecute || parseInt(allVue.version) < 3) {
 else {
     vueImport = Vue$1;
 }
-let AccordionItemsDirective = class AccordionItemsDirective extends vueImport {
-    render() {
+let AccordionItemsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class AccordionItemsDirective extends vueImport {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-accordionitems';
     }
 };
 AccordionItemsDirective = __decorate([
     EJComponentDecorator({}, isExecute)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], AccordionItemsDirective);
 const AccordionItemsPlugin = {
     name: 'e-accordionitems',
@@ -93,7 +125,12 @@ let AccordionComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class AccordionComponent extends ComponentBase {
     constructor() {
@@ -112,6 +149,7 @@ class AccordionComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -204,6 +242,9 @@ class AccordionComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     addItem(item, index) {
         return this.ej2Instances.addItem(item, index);
     }
@@ -233,7 +274,12 @@ AccordionComponent = __decorate$1([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], AccordionComponent);
 const AccordionPlugin = {
@@ -251,6 +297,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 const isExecute$2 = gh ? false : true;
 let vueImport$1;
 if (!isExecute$2 || parseInt(allVue.version) < 3) {
@@ -259,16 +306,47 @@ if (!isExecute$2 || parseInt(allVue.version) < 3) {
 else {
     vueImport$1 = Vue$1;
 }
-let ItemsDirective = class ItemsDirective extends vueImport$1 {
-    render() {
+let ItemsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class ItemsDirective extends vueImport$1 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-items';
     }
 };
 ItemsDirective = __decorate$2([
     EJComponentDecorator({}, isExecute$2)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], ItemsDirective);
 const ItemsPlugin = {
     name: 'e-items',
@@ -334,7 +412,12 @@ let ToolbarComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class ToolbarComponent extends ComponentBase {
     constructor() {
@@ -351,6 +434,7 @@ class ToolbarComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -405,6 +489,9 @@ class ToolbarComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     addItems(items, index) {
         return this.ej2Instances.addItems(items, index);
     }
@@ -431,7 +518,12 @@ ToolbarComponent = __decorate$3([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], ToolbarComponent);
 const ToolbarPlugin = {
@@ -472,7 +564,12 @@ let ContextMenuComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class ContextMenuComponent extends ComponentBase {
     constructor() {
@@ -489,6 +586,7 @@ class ContextMenuComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -543,6 +641,9 @@ class ContextMenuComponent extends ComponentBase {
         }
         return h('ul', slots);
     }
+    custom() {
+        this.updated();
+    }
     close() {
         return this.ej2Instances.close();
     }
@@ -581,7 +682,12 @@ ContextMenuComponent = __decorate$4([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], ContextMenuComponent);
 const ContextMenuPlugin = {
@@ -597,6 +703,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 const isExecute$5 = gh ? false : true;
 let vueImport$2;
 if (!isExecute$5 || parseInt(allVue.version) < 3) {
@@ -605,16 +712,47 @@ if (!isExecute$5 || parseInt(allVue.version) < 3) {
 else {
     vueImport$2 = Vue$1;
 }
-let BreadcrumbItemsDirective = class BreadcrumbItemsDirective extends vueImport$2 {
-    render() {
+let BreadcrumbItemsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class BreadcrumbItemsDirective extends vueImport$2 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-breadcrumb-items';
     }
 };
 BreadcrumbItemsDirective = __decorate$5([
     EJComponentDecorator({}, isExecute$5)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], BreadcrumbItemsDirective);
 const BreadcrumbItemsPlugin = {
     name: 'e-breadcrumb-items',
@@ -680,7 +818,12 @@ let BreadcrumbComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class BreadcrumbComponent extends ComponentBase {
     constructor() {
@@ -699,6 +842,7 @@ class BreadcrumbComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -791,6 +935,9 @@ class BreadcrumbComponent extends ComponentBase {
         }
         return h('nav', slots);
     }
+    custom() {
+        this.updated();
+    }
 };
 BreadcrumbComponent = __decorate$6([
     EJComponentDecorator({
@@ -802,7 +949,12 @@ BreadcrumbComponent = __decorate$6([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], BreadcrumbComponent);
 const BreadcrumbPlugin = {
@@ -820,6 +972,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 const isExecute$7 = gh ? false : true;
 let vueImport$3;
 if (!isExecute$7 || parseInt(allVue.version) < 3) {
@@ -828,16 +981,47 @@ if (!isExecute$7 || parseInt(allVue.version) < 3) {
 else {
     vueImport$3 = Vue$1;
 }
-let TabItemsDirective = class TabItemsDirective extends vueImport$3 {
-    render() {
+let TabItemsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class TabItemsDirective extends vueImport$3 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-tabitems';
     }
 };
 TabItemsDirective = __decorate$7([
     EJComponentDecorator({}, isExecute$7)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], TabItemsDirective);
 const TabItemsPlugin = {
     name: 'e-tabitems',
@@ -903,7 +1087,12 @@ let TabComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class TabComponent extends ComponentBase {
     constructor() {
@@ -920,6 +1109,7 @@ class TabComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -974,6 +1164,9 @@ class TabComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     addTab(items, index) {
         return this.ej2Instances.addTab(items, index);
     }
@@ -1009,7 +1202,12 @@ TabComponent = __decorate$8([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], TabComponent);
 const TabPlugin = {
@@ -1049,7 +1247,12 @@ let TreeViewComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class TreeViewComponent extends ComponentBase {
     constructor() {
@@ -1066,6 +1269,7 @@ class TreeViewComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -1120,6 +1324,9 @@ class TreeViewComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     addNodes(nodes, target, index, preventTargetExpand) {
         return this.ej2Instances.addNodes(nodes, target, index, preventTargetExpand);
     }
@@ -1179,7 +1386,12 @@ TreeViewComponent = __decorate$9([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], TreeViewComponent);
 const TreeViewPlugin = {
@@ -1217,7 +1429,12 @@ let SidebarComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class SidebarComponent extends ComponentBase {
     constructor() {
@@ -1236,6 +1453,7 @@ class SidebarComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -1328,6 +1546,9 @@ class SidebarComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     hide(e) {
         return this.ej2Instances.hide(e);
     }
@@ -1348,7 +1569,12 @@ SidebarComponent = __decorate$10([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], SidebarComponent);
 const SidebarPlugin = {
@@ -1364,6 +1590,7 @@ var __decorate$11 = (undefined && undefined.__decorate) || function (decorators,
     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;
 };
+// {{VueImport}}
 const isExecute$11 = gh ? false : true;
 let vueImport$4;
 if (!isExecute$11 || parseInt(allVue.version) < 3) {
@@ -1372,16 +1599,47 @@ if (!isExecute$11 || parseInt(allVue.version) < 3) {
 else {
     vueImport$4 = Vue$1;
 }
-let MenuItemsDirective = class MenuItemsDirective extends vueImport$4 {
-    render() {
+let MenuItemsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class MenuItemsDirective extends vueImport$4 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-menu-items';
     }
 };
 MenuItemsDirective = __decorate$11([
     EJComponentDecorator({}, isExecute$11)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], MenuItemsDirective);
 const MenuItemsPlugin = {
     name: 'e-menu-items',
@@ -1435,7 +1693,12 @@ let MenuComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class MenuComponent extends ComponentBase {
     constructor() {
@@ -1452,6 +1715,7 @@ class MenuComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -1506,6 +1770,9 @@ class MenuComponent extends ComponentBase {
         }
         return h('ul', slots);
     }
+    custom() {
+        this.updated();
+    }
     close() {
         return this.ej2Instances.close();
     }
@@ -1544,7 +1811,12 @@ MenuComponent = __decorate$12([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], MenuComponent);
 const MenuPlugin = {