@syncfusion/ej2-vue-navigations 19.4.53 → 20.1.47

package/src/carousel/items.directive.js

@@ -0,0 +1,110 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
+import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import Vue from 'vue';
+import { Options } from 'vue-class-component';
+export var isExecute = gh ? false : true;
+var vueImport;
+if (!isExecute || parseInt(allVue.version) < 3) {
+    vueImport = Vue3.Vue;
+}
+else {
+    vueImport = Vue;
+}
+var CarouselItemsDirective = /** @class */ (function (_super) {
+    __extends(CarouselItemsDirective, _super);
+    function CarouselItemsDirective() {
+        return _super.call(this, arguments) || this;
+    }
+    CarouselItemsDirective.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;
+    };
+    CarouselItemsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
+    CarouselItemsDirective.prototype.getTag = function () {
+        return 'e-carousel-items';
+    };
+    CarouselItemsDirective = __decorate([
+        EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
+    ], CarouselItemsDirective);
+    return CarouselItemsDirective;
+}(vueImport));
+export { CarouselItemsDirective };
+export var CarouselItemsPlugin = {
+    name: 'e-carousel-items',
+    install: function (Vue) {
+        Vue.component(CarouselItemsPlugin.name, CarouselItemsDirective);
+    }
+};
+/**
+ * `e-carousel-item` directive represent a item of the Vue Carousel.
+ * It must be contained in a Carousel component(`ejs-carousel`).
+ * ```html
+ * <ejs-carousel>
+ *   <e-carousel-items>
+ *    <e-carousel-item template='itemTemplate'></e-carousel-item>
+ *    <e-carousel-item template='secondItemTemplate'></e-carousel-item>
+ *   </e-carousel-items>
+ * </ejs-carousel>
+ * ```
+ */
+var CarouselItemDirective = /** @class */ (function (_super) {
+    __extends(CarouselItemDirective, _super);
+    function CarouselItemDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CarouselItemDirective.prototype.render = function () {
+        return;
+    };
+    CarouselItemDirective.prototype.getTag = function () {
+        return 'e-carousel-item';
+    };
+    CarouselItemDirective = __decorate([
+        EJComponentDecorator({}, isExecute)
+    ], CarouselItemDirective);
+    return CarouselItemDirective;
+}(vueImport));
+export { CarouselItemDirective };
+export var CarouselItemPlugin = {
+    name: 'e-carousel-item',
+    install: function (Vue) {
+        Vue.component(CarouselItemPlugin.name, CarouselItemDirective);
+    }
+};

package/src/context-menu/contextmenu.component.d.ts

@@ -29,6 +29,7 @@ export declare class ContextMenuComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     close(): void;
     enableItems(items: string[], enable: boolean, isUniqueId?: boolean): void;
     getItemIndex(item: Object | string, isUniqueId?: boolean): number[];

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

@@ -56,6 +56,7 @@ var ContextMenuComponent = /** @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) {
@@ -114,6 +115,9 @@ var ContextMenuComponent = /** @class */ (function (_super) {
         }
         return h('ul', slots);
     };
+    ContextMenuComponent.prototype.custom = function () {
+        this.updated();
+    };
     ContextMenuComponent.prototype.close = function () {
         return this.ej2Instances.close();
     };
@@ -151,7 +155,12 @@ var ContextMenuComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], ContextMenuComponent);
     return ContextMenuComponent;

package/src/index.d.ts

@@ -6,6 +6,8 @@ export { ToolbarComponent, ToolbarPlugin } from './toolbar/toolbar.component';
 export { ContextMenuComponent, ContextMenuPlugin } from './context-menu/contextmenu.component';
 export { BreadcrumbItemsDirective, BreadcrumbItemDirective, BreadcrumbItemsPlugin, BreadcrumbItemPlugin } from './breadcrumb/items.directive';
 export { BreadcrumbComponent, BreadcrumbPlugin } from './breadcrumb/breadcrumb.component';
+export { CarouselItemsDirective, CarouselItemDirective, CarouselItemsPlugin, CarouselItemPlugin } from './carousel/items.directive';
+export { CarouselComponent, CarouselPlugin } from './carousel/carousel.component';
 export { TabItemsDirective, TabItemDirective, TabItemsPlugin, TabItemPlugin } from './tab/items.directive';
 export { TabComponent, TabPlugin } from './tab/tab.component';
 export { TreeViewComponent, TreeViewPlugin } from './treeview/treeview.component';

package/src/index.js

@@ -6,6 +6,8 @@ export { ToolbarComponent, ToolbarPlugin } from './toolbar/toolbar.component';
 export { ContextMenuComponent, ContextMenuPlugin } from './context-menu/contextmenu.component';
 export { BreadcrumbItemsDirective, BreadcrumbItemDirective, BreadcrumbItemsPlugin, BreadcrumbItemPlugin } from './breadcrumb/items.directive';
 export { BreadcrumbComponent, BreadcrumbPlugin } from './breadcrumb/breadcrumb.component';
+export { CarouselItemsDirective, CarouselItemDirective, CarouselItemsPlugin, CarouselItemPlugin } from './carousel/items.directive';
+export { CarouselComponent, CarouselPlugin } from './carousel/carousel.component';
 export { TabItemsDirective, TabItemDirective, TabItemsPlugin, TabItemPlugin } from './tab/items.directive';
 export { TabComponent, TabPlugin } from './tab/tab.component';
 export { TreeViewComponent, TreeViewPlugin } from './treeview/treeview.component';

package/src/menu/items.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class MenuItemsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const MenuItemsPlugin: {

package/src/menu/items.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var MenuItemsDirective = /** @class */ (function (_super) {
     __extends(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([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], MenuItemsDirective);
     return MenuItemsDirective;
 }(vueImport));

package/src/menu/menu.component.d.ts

@@ -28,6 +28,7 @@ export declare class MenuComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     close(): void;
     enableItems(items: string[], enable: boolean, isUniqueId?: boolean): void;
     getItemIndex(item: Object | string, isUniqueId?: boolean): number[];

package/src/menu/menu.component.js

@@ -56,6 +56,7 @@ var MenuComponent = /** @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) {
@@ -114,6 +115,9 @@ var MenuComponent = /** @class */ (function (_super) {
         }
         return h('ul', slots);
     };
+    MenuComponent.prototype.custom = function () {
+        this.updated();
+    };
     MenuComponent.prototype.close = function () {
         return this.ej2Instances.close();
     };
@@ -151,7 +155,12 @@ var MenuComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], MenuComponent);
     return MenuComponent;

package/src/sidebar/sidebar.component.d.ts

@@ -31,6 +31,7 @@ export declare class SidebarComponent extends ComponentBase {
         [key: string]: Object;
     }, successHandler?: Function): void;
     render(createElement: any): any;
+    custom(): void;
     hide(e?: Object): void;
     show(e?: Object): void;
     toggle(): void;

package/src/sidebar/sidebar.component.js

@@ -58,6 +58,7 @@ var SidebarComponent = /** @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) {
@@ -154,6 +155,9 @@ var SidebarComponent = /** @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    SidebarComponent.prototype.custom = function () {
+        this.updated();
+    };
     SidebarComponent.prototype.hide = function (e) {
         return this.ej2Instances.hide(e);
     };
@@ -173,7 +177,12 @@ var SidebarComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], SidebarComponent);
     return SidebarComponent;

package/src/tab/items.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class TabItemsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const TabItemsPlugin: {

package/src/tab/items.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var TabItemsDirective = /** @class */ (function (_super) {
     __extends(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([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], TabItemsDirective);
     return TabItemsDirective;
 }(vueImport));

package/src/tab/tab.component.d.ts

@@ -28,6 +28,7 @@ export declare class TabComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     addTab(items: Object[], index?: number): void;
     disable(value: boolean): void;
     enableTab(index: number, value: boolean): void;

package/src/tab/tab.component.js

@@ -56,6 +56,7 @@ var TabComponent = /** @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) {
@@ -114,6 +115,9 @@ var TabComponent = /** @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);
     };
@@ -148,7 +152,12 @@ var TabComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], TabComponent);
     return TabComponent;

package/src/toolbar/items.directive.d.ts

@@ -1,7 +1,9 @@
 export declare const isExecute: any;
 declare let vueImport: any;
 export declare class ItemsDirective extends vueImport {
-    render(): void;
+    constructor();
+    render(createElement: any): void;
+    updated(): void;
     getTag(): string;
 }
 export declare const ItemsPlugin: {

package/src/toolbar/items.directive.js

@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
 import * as Vue3 from 'vue-class-component';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import Vue from 'vue';
+import { Options } from 'vue-class-component';
 export var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
 var ItemsDirective = /** @class */ (function (_super) {
     __extends(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([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ItemsDirective);
     return ItemsDirective;
 }(vueImport));

package/src/toolbar/toolbar.component.d.ts

@@ -28,6 +28,7 @@ export declare class ToolbarComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     addItems(items: Object[], index?: number): void;
     disable(value: boolean): void;
     enableItems(items: number | Object | Object, isEnable?: boolean): void;

package/src/toolbar/toolbar.component.js

@@ -56,6 +56,7 @@ var ToolbarComponent = /** @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) {
@@ -114,6 +115,9 @@ var ToolbarComponent = /** @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);
     };
@@ -139,7 +143,12 @@ var ToolbarComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], ToolbarComponent);
     return ToolbarComponent;

package/src/treeview/treeview.component.d.ts

@@ -28,6 +28,7 @@ export declare class TreeViewComponent extends ComponentBase {
     clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
+    custom(): void;
     addNodes(nodes: undefined[], target?: string | Object, index?: number, preventTargetExpand?: boolean): void;
     beginEdit(node: string | Object): void;
     checkAll(nodes?: string[] | Object[]): void;

package/src/treeview/treeview.component.js

@@ -55,6 +55,7 @@ var TreeViewComponent = /** @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) {
@@ -113,6 +114,9 @@ var TreeViewComponent = /** @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);
     };
@@ -171,7 +175,12 @@ var TreeViewComponent = /** @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], TreeViewComponent);
     return TreeViewComponent;