@syncfusion/ej2-vue-navigations 19.4.52 → 19.4.56

package/dist/es6/ej2-vue-navigations.es5.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 __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -23,6 +23,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;
 };
+import { Options } from 'vue-class-component';
 var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -34,16 +35,36 @@ else {
 var AccordionItemsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends(AccordionItemsDirective, _super);
     function AccordionItemsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    AccordionItemsDirective.prototype.render = function () {
+    AccordionItemsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    AccordionItemsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     AccordionItemsDirective.prototype.getTag = function () {
         return 'e-accordionitems';
     };
     AccordionItemsDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], AccordionItemsDirective);
     return AccordionItemsDirective;
 }(vueImport));
@@ -107,7 +128,7 @@ var __decorate$1 = (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;
 };
-import { Options } from 'vue-class-component';
+// {{VueImport}}
 var properties = ['isLazyUpdate', 'animation', 'dataSource', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandMode', 'expandedIndices', 'headerTemplate', 'height', 'itemTemplate', 'items', 'locale', 'width', 'clicked', 'created', 'destroyed', 'expanded', 'expanding'];
 var modelProps = ['expandedIndices'];
 var testProp = getProps({ props: properties });
@@ -144,6 +165,7 @@ var AccordionComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     AccordionComponent.prototype.clearTemplate = function (templateNames) {
@@ -240,6 +262,9 @@ var AccordionComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    AccordionComponent.prototype.custom = function () {
+        this.updated();
+    };
     AccordionComponent.prototype.addItem = function (item, index) {
         return this.ej2Instances.addItem(item, index);
     };
@@ -268,7 +293,12 @@ var AccordionComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], AccordionComponent);
     return AccordionComponent;
@@ -301,6 +331,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}}
 var isExecute$2 = gh ? false : true;
 var vueImport$1;
 if (!isExecute$2 || parseInt(allVue.version) < 3) {
@@ -312,16 +343,36 @@ else {
 var ItemsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$2(ItemsDirective, _super);
     function ItemsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ItemsDirective.prototype.render = function () {
+    ItemsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ItemsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ItemsDirective.prototype.getTag = function () {
         return 'e-items';
     };
     ItemsDirective = __decorate$2([
         EJComponentDecorator({}, isExecute$2)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ItemsDirective);
     return ItemsDirective;
 }(vueImport$1));
@@ -420,6 +471,7 @@ var ToolbarComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     ToolbarComponent.prototype.clearTemplate = function (templateNames) {
@@ -478,6 +530,9 @@ var ToolbarComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    ToolbarComponent.prototype.custom = function () {
+        this.updated();
+    };
     ToolbarComponent.prototype.addItems = function (items, index) {
         return this.ej2Instances.addItems(items, index);
     };
@@ -503,7 +558,12 @@ var ToolbarComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], ToolbarComponent);
     return ToolbarComponent;
@@ -572,6 +632,7 @@ var ContextMenuComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     ContextMenuComponent.prototype.clearTemplate = function (templateNames) {
@@ -630,6 +691,9 @@ var ContextMenuComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('ul', slots);
     };
+    ContextMenuComponent.prototype.custom = function () {
+        this.updated();
+    };
     ContextMenuComponent.prototype.close = function () {
         return this.ej2Instances.close();
     };
@@ -667,7 +731,12 @@ var ContextMenuComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], ContextMenuComponent);
     return ContextMenuComponent;
@@ -698,6 +767,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}}
 var isExecute$5 = gh ? false : true;
 var vueImport$2;
 if (!isExecute$5 || parseInt(allVue.version) < 3) {
@@ -709,16 +779,36 @@ else {
 var BreadcrumbItemsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$5(BreadcrumbItemsDirective, _super);
     function BreadcrumbItemsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    BreadcrumbItemsDirective.prototype.render = function () {
+    BreadcrumbItemsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    BreadcrumbItemsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     BreadcrumbItemsDirective.prototype.getTag = function () {
         return 'e-breadcrumb-items';
     };
     BreadcrumbItemsDirective = __decorate$5([
         EJComponentDecorator({}, isExecute$5)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], BreadcrumbItemsDirective);
     return BreadcrumbItemsDirective;
 }(vueImport$2));
@@ -819,6 +909,7 @@ var BreadcrumbComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     BreadcrumbComponent.prototype.clearTemplate = function (templateNames) {
@@ -915,6 +1006,9 @@ var BreadcrumbComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('nav', slots);
     };
+    BreadcrumbComponent.prototype.custom = function () {
+        this.updated();
+    };
     BreadcrumbComponent = __decorate$6([
         EJComponentDecorator({
             props: properties$3,
@@ -925,7 +1019,12 @@ var BreadcrumbComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], BreadcrumbComponent);
     return BreadcrumbComponent;
@@ -958,6 +1057,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}}
 var isExecute$7 = gh ? false : true;
 var vueImport$3;
 if (!isExecute$7 || parseInt(allVue.version) < 3) {
@@ -969,16 +1069,36 @@ else {
 var TabItemsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$7(TabItemsDirective, _super);
     function TabItemsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    TabItemsDirective.prototype.render = function () {
+    TabItemsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    TabItemsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     TabItemsDirective.prototype.getTag = function () {
         return 'e-tabitems';
     };
     TabItemsDirective = __decorate$7([
         EJComponentDecorator({}, isExecute$7)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], TabItemsDirective);
     return TabItemsDirective;
 }(vueImport$3));
@@ -1077,6 +1197,7 @@ var TabComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     TabComponent.prototype.clearTemplate = function (templateNames) {
@@ -1135,6 +1256,9 @@ var TabComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    TabComponent.prototype.custom = function () {
+        this.updated();
+    };
     TabComponent.prototype.addTab = function (items, index) {
         return this.ej2Instances.addTab(items, index);
     };
@@ -1169,7 +1293,12 @@ var TabComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], TabComponent);
     return TabComponent;
@@ -1237,6 +1366,7 @@ var TreeViewComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     TreeViewComponent.prototype.clearTemplate = function (templateNames) {
@@ -1295,6 +1425,9 @@ var TreeViewComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    TreeViewComponent.prototype.custom = function () {
+        this.updated();
+    };
     TreeViewComponent.prototype.addNodes = function (nodes, target, index, preventTargetExpand) {
         return this.ej2Instances.addNodes(nodes, target, index, preventTargetExpand);
     };
@@ -1353,7 +1486,12 @@ var TreeViewComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], TreeViewComponent);
     return TreeViewComponent;
@@ -1421,6 +1559,7 @@ var SidebarComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     SidebarComponent.prototype.clearTemplate = function (templateNames) {
@@ -1517,6 +1656,9 @@ var SidebarComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    SidebarComponent.prototype.custom = function () {
+        this.updated();
+    };
     SidebarComponent.prototype.hide = function (e) {
         return this.ej2Instances.hide(e);
     };
@@ -1536,7 +1678,12 @@ var SidebarComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], SidebarComponent);
     return SidebarComponent;
@@ -1567,6 +1714,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}}
 var isExecute$11 = gh ? false : true;
 var vueImport$4;
 if (!isExecute$11 || parseInt(allVue.version) < 3) {
@@ -1578,16 +1726,36 @@ else {
 var MenuItemsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$11(MenuItemsDirective, _super);
     function MenuItemsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    MenuItemsDirective.prototype.render = function () {
+    MenuItemsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    MenuItemsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     MenuItemsDirective.prototype.getTag = function () {
         return 'e-menu-items';
     };
     MenuItemsDirective = __decorate$11([
         EJComponentDecorator({}, isExecute$11)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], MenuItemsDirective);
     return MenuItemsDirective;
 }(vueImport$4));
@@ -1674,6 +1842,7 @@ var MenuComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     MenuComponent.prototype.clearTemplate = function (templateNames) {
@@ -1732,6 +1901,9 @@ var MenuComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('ul', slots);
     };
+    MenuComponent.prototype.custom = function () {
+        this.updated();
+    };
     MenuComponent.prototype.close = function () {
         return this.ej2Instances.close();
     };
@@ -1769,7 +1941,12 @@ var MenuComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], MenuComponent);
     return MenuComponent;