@syncfusion/ej2-vue-ribbon 24.2.8 → 25.1.35

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.
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-ribbon@*",
3
- "_id": "@syncfusion/ej2-vue-ribbon@24.2.3",
3
+ "_id": "@syncfusion/ej2-vue-ribbon@21.29.0",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-kyewZytI0BESi/K5vqVN+5wK2/c35PqjjyArimJ74355NVcU4gDIwmTljgQ4CD8AWi1NfRGebwehdKUNNewrwQ==",
5
+ "_integrity": "sha512-zX12jLgJTOxqeWi2eWzgoCZFP6lvELdTzk1PQpv6/QVlZgi9X7uyUjYE6Tnp9vd6B0CLYN/MWKYywHajeP/zbA==",
6
6
  "_location": "/@syncfusion/ej2-vue-ribbon",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,10 +19,10 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-ribbon/-/ej2-vue-ribbon-24.2.3.tgz",
23
- "_shasum": "40130755aa47d9d442a0981c3122e35516789957",
22
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-vue-ribbon/-/ej2-vue-ribbon-21.29.0.tgz",
23
+ "_shasum": "90f08cd5065eb7dc6dd8da106c42cbbf8cf1ca15",
24
24
  "_spec": "@syncfusion/ej2-vue-ribbon@*",
25
- "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
25
+ "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
26
26
  "author": {
27
27
  "name": "Syncfusion Inc."
28
28
  },
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~24.2.7",
35
- "@syncfusion/ej2-ribbon": "24.2.8",
36
- "@syncfusion/ej2-vue-base": "~24.2.3"
34
+ "@syncfusion/ej2-base": "~25.1.35",
35
+ "@syncfusion/ej2-ribbon": "25.1.35",
36
+ "@syncfusion/ej2-vue-base": "~25.1.35"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "Essential JS 2 Component for Vue",
@@ -58,6 +58,6 @@
58
58
  "ci-publish": "gulp ci-publish",
59
59
  "compile": "gulp ci-compile && gulp vue-global-script"
60
60
  },
61
- "version": "24.2.8",
61
+ "version": "25.1.35",
62
62
  "sideEffects": false
63
63
  }
package/src/index.d.ts CHANGED
@@ -3,4 +3,5 @@ export { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
3
3
  export { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './ribbon/collections.directive';
4
4
  export { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './ribbon/groups.directive';
5
5
  export { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './ribbon/tabs.directive';
6
+ export { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './ribbon/contextualtabs.directive';
6
7
  export { RibbonComponent, RibbonPlugin } from './ribbon/ribbon.component';
package/src/index.js CHANGED
@@ -3,4 +3,5 @@ export { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
3
3
  export { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './ribbon/collections.directive';
4
4
  export { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './ribbon/groups.directive';
5
5
  export { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './ribbon/tabs.directive';
6
+ export { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './ribbon/contextualtabs.directive';
6
7
  export { RibbonComponent, RibbonPlugin } from './ribbon/ribbon.component';
@@ -5,26 +5,6 @@ export declare const RibbonCollectionsPlugin: {
5
5
  name: string;
6
6
  install(Vue: any): void;
7
7
  };
8
- /**
9
- * `e-ribbon-collection` directive represent a collection in the VueJS Ribbon.
10
- * ```vue
11
- * <ejs-ribbon>
12
- * <e-ribbon-tabs>
13
- * <e-ribbon-tab></e-ribbon-tab>
14
- * <e-ribbon-tab>
15
- * <e-ribbon-groups>
16
- * <e-ribbon-group>
17
- * <e-ribbon-collections>
18
- * <e-ribbon-collection></e-ribbon-collection>
19
- * <e-ribbon-collection></e-ribbon-collection>
20
- * </e-ribbon-collections>
21
- * </e-ribbon-group>
22
- * </e-ribbon-groups>
23
- * </e-ribbon-tab>
24
- * </e-ribbon-tabs>
25
- * </ejs-ribbon>
26
- * ```
27
- */
28
8
  export declare let RibbonCollectionDirective: DefineVueDirective<RibbonCollectionModel>;
29
9
  export declare const RibbonCollectionPlugin: {
30
10
  name: string;
@@ -30,26 +30,6 @@ export var RibbonCollectionsPlugin = {
30
30
  Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);
31
31
  }
32
32
  };
33
- /**
34
- * `e-ribbon-collection` directive represent a collection in the VueJS Ribbon.
35
- * ```vue
36
- * <ejs-ribbon>
37
- * <e-ribbon-tabs>
38
- * <e-ribbon-tab></e-ribbon-tab>
39
- * <e-ribbon-tab>
40
- * <e-ribbon-groups>
41
- * <e-ribbon-group>
42
- * <e-ribbon-collections>
43
- * <e-ribbon-collection></e-ribbon-collection>
44
- * <e-ribbon-collection></e-ribbon-collection>
45
- * </e-ribbon-collections>
46
- * </e-ribbon-group>
47
- * </e-ribbon-groups>
48
- * </e-ribbon-tab>
49
- * </e-ribbon-tabs>
50
- * </ejs-ribbon>
51
- * ```
52
- */
53
33
  export var RibbonCollectionDirective = vueDefineComponent({
54
34
  render: function () {
55
35
  return;
@@ -0,0 +1,24 @@
1
+ import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
2
+ import { RibbonContextualTabSettingsModel } from '@syncfusion/ej2-ribbon';
3
+ export declare let RibbonContextualTabsDirective: any;
4
+ export declare const RibbonContextualTabsPlugin: {
5
+ name: string;
6
+ install(Vue: any): void;
7
+ };
8
+ /**
9
+ * `e-ribbon-contextual-tab` directive represent a contextual tab of the VueJS Ribbon.
10
+ * It must be contained in a Ribbon component(`ejs-ribbon`).
11
+ * ```vue
12
+ * <ejs-ribbon>
13
+ * <e-ribbon-contextual-tabs>
14
+ * <e-ribbon-contextual-tab></e-ribbon-contextual-tab>
15
+ * <e-ribbon-contextual-tab></e-ribbon-contextual-tab>
16
+ * </e-ribbon-contextual-tabs>
17
+ * </ejs-ribbon>
18
+ * ```
19
+ */
20
+ export declare let RibbonContextualTabDirective: DefineVueDirective<RibbonContextualTabSettingsModel>;
21
+ export declare const RibbonContextualTabPlugin: {
22
+ name: string;
23
+ install(Vue: any): void;
24
+ };
@@ -0,0 +1,60 @@
1
+ import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
2
+ import { isNullOrUndefined } from '@syncfusion/ej2-base';
3
+ export var RibbonContextualTabsDirective = vueDefineComponent({
4
+ inject: { custom: { default: null } },
5
+ render: function (createElement) {
6
+ if (!isExecute) {
7
+ var h = !isExecute ? gh : createElement;
8
+ var slots = null;
9
+ if (!isNullOrUndefined(this.$slots.default)) {
10
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
11
+ }
12
+ return h('div', { class: 'e-directive' }, slots);
13
+ }
14
+ return;
15
+ },
16
+ updated: function () {
17
+ if (!isExecute && this.custom) {
18
+ this.custom();
19
+ }
20
+ },
21
+ methods: {
22
+ getTag: function () {
23
+ return 'e-ribbon-contextual-tabs';
24
+ }
25
+ }
26
+ });
27
+ export var RibbonContextualTabsPlugin = {
28
+ name: 'e-ribbon-contextual-tabs',
29
+ install: function (Vue) {
30
+ Vue.component(RibbonContextualTabsPlugin.name, RibbonContextualTabsDirective);
31
+ }
32
+ };
33
+ /**
34
+ * `e-ribbon-contextual-tab` directive represent a contextual tab of the VueJS Ribbon.
35
+ * It must be contained in a Ribbon component(`ejs-ribbon`).
36
+ * ```vue
37
+ * <ejs-ribbon>
38
+ * <e-ribbon-contextual-tabs>
39
+ * <e-ribbon-contextual-tab></e-ribbon-contextual-tab>
40
+ * <e-ribbon-contextual-tab></e-ribbon-contextual-tab>
41
+ * </e-ribbon-contextual-tabs>
42
+ * </ejs-ribbon>
43
+ * ```
44
+ */
45
+ export var RibbonContextualTabDirective = vueDefineComponent({
46
+ render: function () {
47
+ return;
48
+ },
49
+ methods: {
50
+ getTag: function () {
51
+ return 'e-ribbon-contextual-tab';
52
+ }
53
+ }
54
+ });
55
+ export var RibbonContextualTabPlugin = {
56
+ name: 'e-ribbon-contextual-tab',
57
+ install: function (Vue) {
58
+ Vue.component(RibbonContextualTabPlugin.name, RibbonContextualTabDirective);
59
+ }
60
+ };
@@ -5,22 +5,6 @@ export declare const RibbonGroupsPlugin: {
5
5
  name: string;
6
6
  install(Vue: any): void;
7
7
  };
8
- /**
9
- * `e-ribbon-group` directive represent a group in the VueJS Ribbon.
10
- * ```vue
11
- * <ejs-ribbon>
12
- * <e-ribbon-tabs>
13
- * <e-ribbon-tab></e-ribbon-tab>
14
- * <e-ribbon-tab>
15
- * <e-ribbon-groups>
16
- * <e-ribbon-group></e-ribbon-group>
17
- * <e-ribbon-group></e-ribbon-group>
18
- * </e-ribbon-groups>
19
- * </e-ribbon-tab>
20
- * </e-ribbon-tabs>
21
- * </ejs-ribbon>
22
- * ```
23
- */
24
8
  export declare let RibbonGroupDirective: DefineVueDirective<RibbonGroupModel>;
25
9
  export declare const RibbonGroupPlugin: {
26
10
  name: string;
@@ -30,22 +30,6 @@ export var RibbonGroupsPlugin = {
30
30
  Vue.component(RibbonGroupsPlugin.name, RibbonGroupsDirective);
31
31
  }
32
32
  };
33
- /**
34
- * `e-ribbon-group` directive represent a group in the VueJS Ribbon.
35
- * ```vue
36
- * <ejs-ribbon>
37
- * <e-ribbon-tabs>
38
- * <e-ribbon-tab></e-ribbon-tab>
39
- * <e-ribbon-tab>
40
- * <e-ribbon-groups>
41
- * <e-ribbon-group></e-ribbon-group>
42
- * <e-ribbon-group></e-ribbon-group>
43
- * </e-ribbon-groups>
44
- * </e-ribbon-tab>
45
- * </e-ribbon-tabs>
46
- * </ejs-ribbon>
47
- * ```
48
- */
49
33
  export var RibbonGroupDirective = vueDefineComponent({
50
34
  render: function () {
51
35
  return;
@@ -2,4 +2,5 @@ export { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
2
2
  export { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './collections.directive';
3
3
  export { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './groups.directive';
4
4
  export { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './tabs.directive';
5
+ export { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './contextualtabs.directive';
5
6
  export { RibbonComponent, RibbonPlugin } from './ribbon.component';
@@ -2,4 +2,5 @@ export { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
2
2
  export { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './collections.directive';
3
3
  export { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './groups.directive';
4
4
  export { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './tabs.directive';
5
+ export { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './contextualtabs.directive';
5
6
  export { RibbonComponent, RibbonPlugin } from './ribbon.component';
@@ -5,30 +5,6 @@ export declare const RibbonItemsPlugin: {
5
5
  name: string;
6
6
  install(Vue: any): void;
7
7
  };
8
- /**
9
- * `e-ribbon-item` directive represent a item in the VueJS Ribbon.
10
- * ```vue
11
- * <ejs-ribbon>
12
- * <e-ribbon-tabs>
13
- * <e-ribbon-tab></e-ribbon-tab>
14
- * <e-ribbon-tab>
15
- * <e-ribbon-groups>
16
- * <e-ribbon-group>
17
- * <e-ribbon-collections>
18
- * <e-ribbon-collection>
19
- * <e-ribbon-items>
20
- * <e-ribbon-item></e-ribbon-item>
21
- * <e-ribbon-item></e-ribbon-item>
22
- * </e-ribbon-items>
23
- * </e-ribbon-collection>
24
- * </e-ribbon-collections>
25
- * </e-ribbon-group>
26
- * </e-ribbon-groups>
27
- * </e-ribbon-tab>
28
- * </e-ribbon-tabs>
29
- * </ejs-ribbon>
30
- * ```
31
- */
32
8
  export declare let RibbonItemDirective: DefineVueDirective<RibbonItemModel>;
33
9
  export declare const RibbonItemPlugin: {
34
10
  name: string;
@@ -30,30 +30,6 @@ export var RibbonItemsPlugin = {
30
30
  Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);
31
31
  }
32
32
  };
33
- /**
34
- * `e-ribbon-item` directive represent a item in the VueJS Ribbon.
35
- * ```vue
36
- * <ejs-ribbon>
37
- * <e-ribbon-tabs>
38
- * <e-ribbon-tab></e-ribbon-tab>
39
- * <e-ribbon-tab>
40
- * <e-ribbon-groups>
41
- * <e-ribbon-group>
42
- * <e-ribbon-collections>
43
- * <e-ribbon-collection>
44
- * <e-ribbon-items>
45
- * <e-ribbon-item></e-ribbon-item>
46
- * <e-ribbon-item></e-ribbon-item>
47
- * </e-ribbon-items>
48
- * </e-ribbon-collection>
49
- * </e-ribbon-collections>
50
- * </e-ribbon-group>
51
- * </e-ribbon-groups>
52
- * </e-ribbon-tab>
53
- * </e-ribbon-tabs>
54
- * </ejs-ribbon>
55
- * ```
56
- */
57
33
  export var RibbonItemDirective = vueDefineComponent({
58
34
  render: function () {
59
35
  return;
@@ -1,5 +1,5 @@
1
- import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
2
- import { RibbonModel } from '@syncfusion/ej2-ribbon';
1
+ import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
2
+ import { Ribbon, RibbonModel } from '@syncfusion/ej2-ribbon';
3
3
  export declare const properties: string[];
4
4
  export declare const modelProps: string[];
5
5
  export declare const testProp: any;
@@ -11,7 +11,50 @@ export declare const props: any, watch: any, emitProbs: any;
11
11
  * ```
12
12
  */
13
13
  export declare let RibbonComponent: DefineVueComponent<RibbonModel>;
14
- export declare type RibbonComponent = InstanceType<typeof RibbonComponent>;
14
+ export declare type RibbonComponent = typeof ComponentBase & {
15
+ ej2Instances: Ribbon;
16
+ isVue3: boolean;
17
+ isLazyUpdate: Boolean;
18
+ plugins: any[];
19
+ propKeys: string[];
20
+ models: string[];
21
+ hasChildDirective: boolean;
22
+ tagMapper: {
23
+ [key: string]: Object;
24
+ };
25
+ tagNameMapper: Object;
26
+ setProperties(prop: any, muteOnChange: boolean): void;
27
+ trigger(eventName: string, eventProp: {
28
+ [key: string]: Object;
29
+ }, successHandler?: Function): void;
30
+ addCollection(groupId: string, collection: Object, targetId?: string, isAfter?: boolean): void;
31
+ addGroup(tabId: string, group: Object, targetId?: string, isAfter?: boolean): void;
32
+ addItem(collectionId: string, item: Object, targetId?: string, isAfter?: boolean): void;
33
+ addTab(tab: Object, targetId?: string, isAfter?: boolean): void;
34
+ disableGroup(groupID: string): void;
35
+ disableItem(itemId: string): void;
36
+ disableTab(tabId: string): void;
37
+ enableGroup(groupID: string): void;
38
+ enableItem(itemId: string): void;
39
+ enableTab(tabId: string): void;
40
+ getItem(itemId: string): Object;
41
+ hideGroup(groupID: string): void;
42
+ hideItem(itemId: string): void;
43
+ hideTab(tabId: string, isContextual: boolean): void;
44
+ refreshLayout(): void;
45
+ removeCollection(collectionId: string): void;
46
+ removeGroup(groupId: string): void;
47
+ removeItem(itemId: string): void;
48
+ removeTab(tabId: string): void;
49
+ selectTab(tabId: string): void;
50
+ showGroup(groupID: string): void;
51
+ showItem(itemId: string): void;
52
+ showTab(tabId: string, isContextual: boolean): void;
53
+ updateCollection(collection: Object): void;
54
+ updateGroup(group: Object): void;
55
+ updateItem(item: Object): void;
56
+ updateTab(tab: Object): void;
57
+ };
15
58
  export declare const RibbonPlugin: {
16
59
  name: string;
17
60
  install(Vue: any): void;
@@ -5,7 +5,8 @@ import { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
5
5
  import { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './collections.directive';
6
6
  import { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './groups.directive';
7
7
  import { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './tabs.directive';
8
- export var properties = ['isLazyUpdate', 'plugins', 'activeLayout', 'backStageMenu', 'cssClass', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width', 'created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];
8
+ import { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './contextualtabs.directive';
9
+ export var properties = ['isLazyUpdate', 'plugins', 'activeLayout', 'backStageMenu', 'contextualTabs', 'cssClass', 'enableKeyTips', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'layoutSwitcherKeyTip', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width', 'created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];
9
10
  export var modelProps = [];
10
11
  export var testProp = getProps({ props: properties });
11
12
  export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
@@ -34,8 +35,8 @@ export var RibbonComponent = vueDefineComponent({
34
35
  models: modelProps,
35
36
  hasChildDirective: true,
36
37
  hasInjectedModules: true,
37
- tagMapper: { "e-ribbon-tabs": { "e-ribbon-tab": { "e-ribbon-groups": { "e-ribbon-group": { "e-ribbon-collections": { "e-ribbon-collection": { "e-ribbon-items": "e-ribbon-item" } } } } } } },
38
- tagNameMapper: { "e-ribbon-items": "e-items", "e-ribbon-collections": "e-collections", "e-ribbon-groups": "e-groups", "e-ribbon-tabs": "e-tabs" },
38
+ tagMapper: { "e-ribbon-tabs": { "e-ribbon-tab": { "e-ribbon-groups": { "e-ribbon-group": { "e-ribbon-collections": { "e-ribbon-collection": { "e-ribbon-items": "e-ribbon-item" } } } } } }, "e-ribbon-contextual-tabs": { "e-ribbon-contextual-tab": { "e-ribbon-tabs": { "e-ribbon-tab": { "e-ribbon-groups": { "e-ribbon-group": { "e-ribbon-collections": { "e-ribbon-collection": { "e-ribbon-items": "e-ribbon-item" } } } } } } } } },
39
+ tagNameMapper: { "e-ribbon-items": "e-items", "e-ribbon-collections": "e-collections", "e-ribbon-groups": "e-groups", "e-ribbon-tabs": "e-tabs", "e-ribbon-contextual-tabs": "e-contextualTabs" },
39
40
  isVue3: !isExecute,
40
41
  templateCollection: {},
41
42
  };
@@ -137,14 +138,17 @@ export var RibbonComponent = vueDefineComponent({
137
138
  enableTab: function (tabId) {
138
139
  return this.ej2Instances.enableTab(tabId);
139
140
  },
141
+ getItem: function (itemId) {
142
+ return this.ej2Instances.getItem(itemId);
143
+ },
140
144
  hideGroup: function (groupID) {
141
145
  return this.ej2Instances.hideGroup(groupID);
142
146
  },
143
147
  hideItem: function (itemId) {
144
148
  return this.ej2Instances.hideItem(itemId);
145
149
  },
146
- hideTab: function (tabId) {
147
- return this.ej2Instances.hideTab(tabId);
150
+ hideTab: function (tabId, isContextual) {
151
+ return this.ej2Instances.hideTab(tabId, isContextual);
148
152
  },
149
153
  refreshLayout: function () {
150
154
  return this.ej2Instances.refreshLayout();
@@ -170,8 +174,8 @@ export var RibbonComponent = vueDefineComponent({
170
174
  showItem: function (itemId) {
171
175
  return this.ej2Instances.showItem(itemId);
172
176
  },
173
- showTab: function (tabId) {
174
- return this.ej2Instances.showTab(tabId);
177
+ showTab: function (tabId, isContextual) {
178
+ return this.ej2Instances.showTab(tabId, isContextual);
175
179
  },
176
180
  updateCollection: function (collection) {
177
181
  return this.ej2Instances.updateCollection(collection);
@@ -199,5 +203,7 @@ export var RibbonPlugin = {
199
203
  Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);
200
204
  Vue.component(RibbonItemPlugin.name, RibbonItemDirective);
201
205
  Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);
206
+ Vue.component(RibbonContextualTabPlugin.name, RibbonContextualTabDirective);
207
+ Vue.component(RibbonContextualTabsPlugin.name, RibbonContextualTabsDirective);
202
208
  }
203
209
  };
@@ -5,18 +5,6 @@ export declare const RibbonTabsPlugin: {
5
5
  name: string;
6
6
  install(Vue: any): void;
7
7
  };
8
- /**
9
- * `e-ribbon-tab` directive represent a column of the VueJS Ribbon.
10
- * It must be contained in a Ribbon component(`ejs-ribbon`).
11
- * ```vue
12
- * <ejs-ribbon>
13
- * <e-ribbon-tabs>
14
- * <e-ribbon-tab></e-ribbon-tab>
15
- * <e-ribbon-tab></e-ribbon-tab>
16
- * </e-ribbon-tabs>
17
- * </ejs-ribbon>
18
- * ```
19
- */
20
8
  export declare let RibbonTabDirective: DefineVueDirective<RibbonTabModel>;
21
9
  export declare const RibbonTabPlugin: {
22
10
  name: string;
@@ -30,18 +30,6 @@ export var RibbonTabsPlugin = {
30
30
  Vue.component(RibbonTabsPlugin.name, RibbonTabsDirective);
31
31
  }
32
32
  };
33
- /**
34
- * `e-ribbon-tab` directive represent a column of the VueJS Ribbon.
35
- * It must be contained in a Ribbon component(`ejs-ribbon`).
36
- * ```vue
37
- * <ejs-ribbon>
38
- * <e-ribbon-tabs>
39
- * <e-ribbon-tab></e-ribbon-tab>
40
- * <e-ribbon-tab></e-ribbon-tab>
41
- * </e-ribbon-tabs>
42
- * </ejs-ribbon>
43
- * ```
44
- */
45
33
  export var RibbonTabDirective = vueDefineComponent({
46
34
  render: function () {
47
35
  return;