@syncfusion/ej2-vue-navigations 19.4.55 → 19.4.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-vue-navigations.umd.min.js +2 -20
  3. package/dist/ej2-vue-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-navigations.es2015.js +299 -27
  5. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-navigations.es5.js +197 -20
  7. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-navigations.min.js +2 -2
  9. package/package.json +7 -7
  10. package/src/accordion/accordion.component.d.ts +1 -0
  11. package/src/accordion/accordion.component.js +10 -1
  12. package/src/accordion/items.directive.d.ts +3 -1
  13. package/src/accordion/items.directive.js +24 -2
  14. package/src/breadcrumb/breadcrumb.component.d.ts +1 -0
  15. package/src/breadcrumb/breadcrumb.component.js +10 -1
  16. package/src/breadcrumb/items.directive.d.ts +3 -1
  17. package/src/breadcrumb/items.directive.js +24 -2
  18. package/src/context-menu/contextmenu.component.d.ts +1 -0
  19. package/src/context-menu/contextmenu.component.js +10 -1
  20. package/src/menu/items.directive.d.ts +3 -1
  21. package/src/menu/items.directive.js +24 -2
  22. package/src/menu/menu.component.d.ts +1 -0
  23. package/src/menu/menu.component.js +10 -1
  24. package/src/sidebar/sidebar.component.d.ts +1 -0
  25. package/src/sidebar/sidebar.component.js +10 -1
  26. package/src/tab/items.directive.d.ts +3 -1
  27. package/src/tab/items.directive.js +24 -2
  28. package/src/tab/tab.component.d.ts +1 -0
  29. package/src/tab/tab.component.js +10 -1
  30. package/src/toolbar/items.directive.d.ts +3 -1
  31. package/src/toolbar/items.directive.js +24 -2
  32. package/src/toolbar/toolbar.component.d.ts +1 -0
  33. package/src/toolbar/toolbar.component.js +10 -1
  34. package/src/treeview/treeview.component.d.ts +1 -0
  35. package/src/treeview/treeview.component.js +10 -1
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-navigations@*",
3
- "_id": "@syncfusion/ej2-vue-navigations@19.4.53",
3
+ "_id": "@syncfusion/ej2-vue-navigations@19.4.55",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-kSy2O6DOf3jiAYOPIL6i/IymB8gtMcWDXNIuK8ot/pLBuwISqWJ/H4r1aVFtaLoeOw2Du3BZFwbx5tlORCBV0g==",
5
+ "_integrity": "sha512-MQNyOhk+AbfIXjVdNwnyt17DmCCVX29+/m/pwNaGEG4O1iRBFIN+fWE31rdD6jHLOBl0gq8AabX78ZN52CbMNg==",
6
6
  "_location": "/@syncfusion/ej2-vue-navigations",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-navigations/-/ej2-vue-navigations-19.4.53.tgz",
23
- "_shasum": "f130860613cbdcee606653e45dd05740a912b0ac",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-navigations/-/ej2-vue-navigations-19.4.55.tgz",
23
+ "_shasum": "994b871ae7cd72b12070e68141a4461787b8e78f",
24
24
  "_spec": "@syncfusion/ej2-vue-navigations@*",
25
25
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
26
26
  "author": {
@@ -32,8 +32,8 @@
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
34
  "@syncfusion/ej2-base": "~19.4.52",
35
- "@syncfusion/ej2-navigations": "19.4.55",
36
- "@syncfusion/ej2-vue-base": "~19.4.53"
35
+ "@syncfusion/ej2-navigations": "19.4.56",
36
+ "@syncfusion/ej2-vue-base": "~19.4.56"
37
37
  },
38
38
  "deprecated": false,
39
39
  "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 @@
163
163
  "type": "git",
164
164
  "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
165
165
  },
166
- "version": "19.4.55",
166
+ "version": "19.4.56",
167
167
  "sideEffects": false
168
168
  }
@@ -31,6 +31,7 @@ export declare class AccordionComponent extends ComponentBase {
31
31
  [key: string]: Object;
32
32
  }, successHandler?: Function): void;
33
33
  render(createElement: any): any;
34
+ custom(): void;
34
35
  addItem(item: Object | Object[] | Object | Object[], index?: number): void;
35
36
  enableItem(index: number, isEnable: boolean): void;
36
37
  expandItem(isExpand: boolean, index?: number): void;
@@ -59,6 +59,7 @@ var AccordionComponent = /** @class */ (function (_super) {
59
59
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
60
60
  _this.ej2Instances.setProperties = _this.setProperties;
61
61
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
62
+ _this.updated = _this.updated;
62
63
  return _this;
63
64
  }
64
65
  AccordionComponent.prototype.clearTemplate = function (templateNames) {
@@ -155,6 +156,9 @@ var AccordionComponent = /** @class */ (function (_super) {
155
156
  }
156
157
  return h('div', slots);
157
158
  };
159
+ AccordionComponent.prototype.custom = function () {
160
+ this.updated();
161
+ };
158
162
  AccordionComponent.prototype.addItem = function (item, index) {
159
163
  return this.ej2Instances.addItem(item, index);
160
164
  };
@@ -183,7 +187,12 @@ var AccordionComponent = /** @class */ (function (_super) {
183
187
  ,Options({
184
188
  props: props,
185
189
  watch: watch,
186
- emits: emitProbs
190
+ emits: emitProbs,
191
+ provide: function provide() {
192
+ return {
193
+ custom: this.custom
194
+ };
195
+ }
187
196
  })
188
197
  ], AccordionComponent);
189
198
  return AccordionComponent;
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class AccordionItemsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const AccordionItemsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var AccordionItemsDirective = /** @class */ (function (_super) {
32
34
  __extends(AccordionItemsDirective, _super);
33
35
  function AccordionItemsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- AccordionItemsDirective.prototype.render = function () {
38
+ AccordionItemsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ AccordionItemsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  AccordionItemsDirective.prototype.getTag = function () {
40
55
  return 'e-accordionitems';
41
56
  };
42
57
  AccordionItemsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], AccordionItemsDirective);
45
67
  return AccordionItemsDirective;
46
68
  }(vueImport));
@@ -31,6 +31,7 @@ export declare class BreadcrumbComponent extends ComponentBase {
31
31
  [key: string]: Object;
32
32
  }, successHandler?: Function): void;
33
33
  render(createElement: any): any;
34
+ custom(): void;
34
35
  }
35
36
  export declare const BreadcrumbPlugin: {
36
37
  name: string;
@@ -59,6 +59,7 @@ var BreadcrumbComponent = /** @class */ (function (_super) {
59
59
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
60
60
  _this.ej2Instances.setProperties = _this.setProperties;
61
61
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
62
+ _this.updated = _this.updated;
62
63
  return _this;
63
64
  }
64
65
  BreadcrumbComponent.prototype.clearTemplate = function (templateNames) {
@@ -155,6 +156,9 @@ var BreadcrumbComponent = /** @class */ (function (_super) {
155
156
  }
156
157
  return h('nav', slots);
157
158
  };
159
+ BreadcrumbComponent.prototype.custom = function () {
160
+ this.updated();
161
+ };
158
162
  BreadcrumbComponent = __decorate([
159
163
  EJComponentDecorator({
160
164
  props: properties,
@@ -165,7 +169,12 @@ var BreadcrumbComponent = /** @class */ (function (_super) {
165
169
  ,Options({
166
170
  props: props,
167
171
  watch: watch,
168
- emits: emitProbs
172
+ emits: emitProbs,
173
+ provide: function provide() {
174
+ return {
175
+ custom: this.custom
176
+ };
177
+ }
169
178
  })
170
179
  ], BreadcrumbComponent);
171
180
  return BreadcrumbComponent;
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class BreadcrumbItemsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const BreadcrumbItemsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var BreadcrumbItemsDirective = /** @class */ (function (_super) {
32
34
  __extends(BreadcrumbItemsDirective, _super);
33
35
  function BreadcrumbItemsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- BreadcrumbItemsDirective.prototype.render = function () {
38
+ BreadcrumbItemsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ BreadcrumbItemsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  BreadcrumbItemsDirective.prototype.getTag = function () {
40
55
  return 'e-breadcrumb-items';
41
56
  };
42
57
  BreadcrumbItemsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], BreadcrumbItemsDirective);
45
67
  return BreadcrumbItemsDirective;
46
68
  }(vueImport));
@@ -29,6 +29,7 @@ export declare class ContextMenuComponent extends ComponentBase {
29
29
  clearTemplate(templateNames?: string[]): any;
30
30
  setProperties(prop: any, muteOnChange: boolean): void;
31
31
  render(createElement: any): any;
32
+ custom(): void;
32
33
  close(): void;
33
34
  enableItems(items: string[], enable: boolean, isUniqueId?: boolean): void;
34
35
  getItemIndex(item: Object | string, isUniqueId?: boolean): number[];
@@ -56,6 +56,7 @@ var ContextMenuComponent = /** @class */ (function (_super) {
56
56
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
57
57
  _this.ej2Instances.setProperties = _this.setProperties;
58
58
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
59
+ _this.updated = _this.updated;
59
60
  return _this;
60
61
  }
61
62
  ContextMenuComponent.prototype.clearTemplate = function (templateNames) {
@@ -114,6 +115,9 @@ var ContextMenuComponent = /** @class */ (function (_super) {
114
115
  }
115
116
  return h('ul', slots);
116
117
  };
118
+ ContextMenuComponent.prototype.custom = function () {
119
+ this.updated();
120
+ };
117
121
  ContextMenuComponent.prototype.close = function () {
118
122
  return this.ej2Instances.close();
119
123
  };
@@ -151,7 +155,12 @@ var ContextMenuComponent = /** @class */ (function (_super) {
151
155
  ,Options({
152
156
  props: props,
153
157
  watch: watch,
154
- emits: emitProbs
158
+ emits: emitProbs,
159
+ provide: function provide() {
160
+ return {
161
+ custom: this.custom
162
+ };
163
+ }
155
164
  })
156
165
  ], ContextMenuComponent);
157
166
  return ContextMenuComponent;
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class MenuItemsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const MenuItemsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var MenuItemsDirective = /** @class */ (function (_super) {
32
34
  __extends(MenuItemsDirective, _super);
33
35
  function MenuItemsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- MenuItemsDirective.prototype.render = function () {
38
+ MenuItemsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ MenuItemsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  MenuItemsDirective.prototype.getTag = function () {
40
55
  return 'e-menu-items';
41
56
  };
42
57
  MenuItemsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], MenuItemsDirective);
45
67
  return MenuItemsDirective;
46
68
  }(vueImport));
@@ -28,6 +28,7 @@ export declare class MenuComponent extends ComponentBase {
28
28
  clearTemplate(templateNames?: string[]): any;
29
29
  setProperties(prop: any, muteOnChange: boolean): void;
30
30
  render(createElement: any): any;
31
+ custom(): void;
31
32
  close(): void;
32
33
  enableItems(items: string[], enable: boolean, isUniqueId?: boolean): void;
33
34
  getItemIndex(item: Object | string, isUniqueId?: boolean): number[];
@@ -56,6 +56,7 @@ var MenuComponent = /** @class */ (function (_super) {
56
56
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
57
57
  _this.ej2Instances.setProperties = _this.setProperties;
58
58
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
59
+ _this.updated = _this.updated;
59
60
  return _this;
60
61
  }
61
62
  MenuComponent.prototype.clearTemplate = function (templateNames) {
@@ -114,6 +115,9 @@ var MenuComponent = /** @class */ (function (_super) {
114
115
  }
115
116
  return h('ul', slots);
116
117
  };
118
+ MenuComponent.prototype.custom = function () {
119
+ this.updated();
120
+ };
117
121
  MenuComponent.prototype.close = function () {
118
122
  return this.ej2Instances.close();
119
123
  };
@@ -151,7 +155,12 @@ var MenuComponent = /** @class */ (function (_super) {
151
155
  ,Options({
152
156
  props: props,
153
157
  watch: watch,
154
- emits: emitProbs
158
+ emits: emitProbs,
159
+ provide: function provide() {
160
+ return {
161
+ custom: this.custom
162
+ };
163
+ }
155
164
  })
156
165
  ], MenuComponent);
157
166
  return MenuComponent;
@@ -31,6 +31,7 @@ export declare class SidebarComponent extends ComponentBase {
31
31
  [key: string]: Object;
32
32
  }, successHandler?: Function): void;
33
33
  render(createElement: any): any;
34
+ custom(): void;
34
35
  hide(e?: Object): void;
35
36
  show(e?: Object): void;
36
37
  toggle(): void;
@@ -58,6 +58,7 @@ var SidebarComponent = /** @class */ (function (_super) {
58
58
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
59
59
  _this.ej2Instances.setProperties = _this.setProperties;
60
60
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
61
+ _this.updated = _this.updated;
61
62
  return _this;
62
63
  }
63
64
  SidebarComponent.prototype.clearTemplate = function (templateNames) {
@@ -154,6 +155,9 @@ var SidebarComponent = /** @class */ (function (_super) {
154
155
  }
155
156
  return h('div', slots);
156
157
  };
158
+ SidebarComponent.prototype.custom = function () {
159
+ this.updated();
160
+ };
157
161
  SidebarComponent.prototype.hide = function (e) {
158
162
  return this.ej2Instances.hide(e);
159
163
  };
@@ -173,7 +177,12 @@ var SidebarComponent = /** @class */ (function (_super) {
173
177
  ,Options({
174
178
  props: props,
175
179
  watch: watch,
176
- emits: emitProbs
180
+ emits: emitProbs,
181
+ provide: function provide() {
182
+ return {
183
+ custom: this.custom
184
+ };
185
+ }
177
186
  })
178
187
  ], SidebarComponent);
179
188
  return SidebarComponent;
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class TabItemsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const TabItemsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var TabItemsDirective = /** @class */ (function (_super) {
32
34
  __extends(TabItemsDirective, _super);
33
35
  function TabItemsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- TabItemsDirective.prototype.render = function () {
38
+ TabItemsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ TabItemsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  TabItemsDirective.prototype.getTag = function () {
40
55
  return 'e-tabitems';
41
56
  };
42
57
  TabItemsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], TabItemsDirective);
45
67
  return TabItemsDirective;
46
68
  }(vueImport));
@@ -28,6 +28,7 @@ export declare class TabComponent extends ComponentBase {
28
28
  clearTemplate(templateNames?: string[]): any;
29
29
  setProperties(prop: any, muteOnChange: boolean): void;
30
30
  render(createElement: any): any;
31
+ custom(): void;
31
32
  addTab(items: Object[], index?: number): void;
32
33
  disable(value: boolean): void;
33
34
  enableTab(index: number, value: boolean): void;
@@ -56,6 +56,7 @@ var TabComponent = /** @class */ (function (_super) {
56
56
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
57
57
  _this.ej2Instances.setProperties = _this.setProperties;
58
58
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
59
+ _this.updated = _this.updated;
59
60
  return _this;
60
61
  }
61
62
  TabComponent.prototype.clearTemplate = function (templateNames) {
@@ -114,6 +115,9 @@ var TabComponent = /** @class */ (function (_super) {
114
115
  }
115
116
  return h('div', slots);
116
117
  };
118
+ TabComponent.prototype.custom = function () {
119
+ this.updated();
120
+ };
117
121
  TabComponent.prototype.addTab = function (items, index) {
118
122
  return this.ej2Instances.addTab(items, index);
119
123
  };
@@ -148,7 +152,12 @@ var TabComponent = /** @class */ (function (_super) {
148
152
  ,Options({
149
153
  props: props,
150
154
  watch: watch,
151
- emits: emitProbs
155
+ emits: emitProbs,
156
+ provide: function provide() {
157
+ return {
158
+ custom: this.custom
159
+ };
160
+ }
152
161
  })
153
162
  ], TabComponent);
154
163
  return TabComponent;
@@ -1,7 +1,9 @@
1
1
  export declare const isExecute: any;
2
2
  declare let vueImport: any;
3
3
  export declare class ItemsDirective extends vueImport {
4
- render(): void;
4
+ constructor();
5
+ render(createElement: any): void;
6
+ updated(): void;
5
7
  getTag(): string;
6
8
  }
7
9
  export declare const ItemsPlugin: {
@@ -19,7 +19,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
19
19
  };
20
20
  import { EJComponentDecorator, allVue, gh } from '@syncfusion/ej2-vue-base';
21
21
  import * as Vue3 from 'vue-class-component';
22
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
22
23
  import Vue from 'vue';
24
+ import { Options } from 'vue-class-component';
23
25
  export var isExecute = gh ? false : true;
24
26
  var vueImport;
25
27
  if (!isExecute || parseInt(allVue.version) < 3) {
@@ -31,16 +33,36 @@ else {
31
33
  var ItemsDirective = /** @class */ (function (_super) {
32
34
  __extends(ItemsDirective, _super);
33
35
  function ItemsDirective() {
34
- return _super !== null && _super.apply(this, arguments) || this;
36
+ return _super.call(this, arguments) || this;
35
37
  }
36
- ItemsDirective.prototype.render = function () {
38
+ ItemsDirective.prototype.render = function (createElement) {
39
+ if (gh) {
40
+ var h = gh || createElement;
41
+ var slots = null;
42
+ if (!isNullOrUndefined(this.$slots.default)) {
43
+ slots = gh ? this.$slots.default() : this.$slots.default;
44
+ }
45
+ return h('div', { class: 'e-directive' }, slots);
46
+ }
37
47
  return;
38
48
  };
49
+ ItemsDirective.prototype.updated = function () {
50
+ if (gh && this.custom) {
51
+ this.custom();
52
+ }
53
+ };
39
54
  ItemsDirective.prototype.getTag = function () {
40
55
  return 'e-items';
41
56
  };
42
57
  ItemsDirective = __decorate([
43
58
  EJComponentDecorator({}, isExecute)
59
+ ,Options({
60
+ inject: {
61
+ custom: {
62
+ default: null
63
+ }
64
+ }
65
+ })
44
66
  ], ItemsDirective);
45
67
  return ItemsDirective;
46
68
  }(vueImport));
@@ -28,6 +28,7 @@ export declare class ToolbarComponent extends ComponentBase {
28
28
  clearTemplate(templateNames?: string[]): any;
29
29
  setProperties(prop: any, muteOnChange: boolean): void;
30
30
  render(createElement: any): any;
31
+ custom(): void;
31
32
  addItems(items: Object[], index?: number): void;
32
33
  disable(value: boolean): void;
33
34
  enableItems(items: number | Object | Object, isEnable?: boolean): void;
@@ -56,6 +56,7 @@ var ToolbarComponent = /** @class */ (function (_super) {
56
56
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
57
57
  _this.ej2Instances.setProperties = _this.setProperties;
58
58
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
59
+ _this.updated = _this.updated;
59
60
  return _this;
60
61
  }
61
62
  ToolbarComponent.prototype.clearTemplate = function (templateNames) {
@@ -114,6 +115,9 @@ var ToolbarComponent = /** @class */ (function (_super) {
114
115
  }
115
116
  return h('div', slots);
116
117
  };
118
+ ToolbarComponent.prototype.custom = function () {
119
+ this.updated();
120
+ };
117
121
  ToolbarComponent.prototype.addItems = function (items, index) {
118
122
  return this.ej2Instances.addItems(items, index);
119
123
  };
@@ -139,7 +143,12 @@ var ToolbarComponent = /** @class */ (function (_super) {
139
143
  ,Options({
140
144
  props: props,
141
145
  watch: watch,
142
- emits: emitProbs
146
+ emits: emitProbs,
147
+ provide: function provide() {
148
+ return {
149
+ custom: this.custom
150
+ };
151
+ }
143
152
  })
144
153
  ], ToolbarComponent);
145
154
  return ToolbarComponent;
@@ -28,6 +28,7 @@ export declare class TreeViewComponent extends ComponentBase {
28
28
  clearTemplate(templateNames?: string[]): any;
29
29
  setProperties(prop: any, muteOnChange: boolean): void;
30
30
  render(createElement: any): any;
31
+ custom(): void;
31
32
  addNodes(nodes: undefined[], target?: string | Object, index?: number, preventTargetExpand?: boolean): void;
32
33
  beginEdit(node: string | Object): void;
33
34
  checkAll(nodes?: string[] | Object[]): void;