@syncfusion/ej2-vue-ribbon 21.1.35

package/CHANGELOG.md

@@ -0,0 +1,20 @@
+# Changelog
+
+## [Unreleased]
+
+### Ribbon
+
+The Ribbon provides a structured and easy-to-use user interface for users to access different features and functions through series of tabs, improving user experience and efficiency.
+
+
+The Ribbon is a structured layout to manage tools with tabs and groups. The Ribbon control supports buttons, split buttons, toggle buttons, file menu and multiple layouts.
+
+#### Key features
+
+- **Built-in items** - Several built-in support items, such as buttons, checkboxes, drop-down buttons, split buttons, combo boxes, and color pickers that can be customized and used to execute specific actions.
+- **Modes** - Offers the classic mode that organizes items and groups in a traditional form, and simplified mode that organizes items and groups into a single row for improved usability and reduced clutter.
+- **Tooltip** - Provide additional information when a user hovers over a ribbon item, improving user experience and increasing the usability of the application.
+- **File menu** - A built-in menu that to add file related actions easily.
+- **Templates** - Customize ribbon items and the help pane content using templates.
+
+

package/README.md

@@ -0,0 +1,3 @@
+# Vue Ribbon Component
+
+The Ribbon is a structured layout to manage tools with tabs and groups. The Ribbon control supports buttons, split buttons, toggle buttons, file menu and multiple layouts.

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

@@ -0,0 +1,11 @@
+/*!
+*  filename: ej2-vue-ribbon.umd.min.js
+*  version : 21.1.35
+*  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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@syncfusion/ej2-ribbon"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-ribbon","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],n):n(e.ej={},e.ej2Ribbon,e.ej2VueBase,e.ej2Base)}(this,function(e,n,t,i){"use strict";var o=t.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!t.isExecute){var n=t.isExecute?e:t.gh,o=null;return i.isNullOrUndefined(this.$slots.default)||(o=t.isExecute?this.$slots.default:this.$slots.default()),n("div",{class:"e-directive"},o)}},updated:function(){!t.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-ribbon-items"}}}),s={name:"e-ribbon-items",install:function(e){e.component(s.name,o)}},u=t.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-ribbon-item"}}}),r={name:"e-ribbon-item",install:function(e){e.component(r.name,u)}},c=t.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!t.isExecute){var n=t.isExecute?e:t.gh,o=null;return i.isNullOrUndefined(this.$slots.default)||(o=t.isExecute?this.$slots.default:this.$slots.default()),n("div",{class:"e-directive"},o)}},updated:function(){!t.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-ribbon-collections"}}}),a={name:"e-ribbon-collections",install:function(e){e.component(a.name,c)}},l=t.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-ribbon-collection"}}}),b={name:"e-ribbon-collection",install:function(e){e.component(b.name,l)}},m=t.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!t.isExecute){var n=t.isExecute?e:t.gh,o=null;return i.isNullOrUndefined(this.$slots.default)||(o=t.isExecute?this.$slots.default:this.$slots.default()),n("div",{class:"e-directive"},o)}},updated:function(){!t.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-ribbon-groups"}}}),d={name:"e-ribbon-groups",install:function(e){e.component(d.name,m)}},f=t.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-ribbon-group"}}}),p={name:"e-ribbon-group",install:function(e){e.component(p.name,f)}},h=t.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!t.isExecute){var n=t.isExecute?e:t.gh,o=null;return i.isNullOrUndefined(this.$slots.default)||(o=t.isExecute?this.$slots.default:this.$slots.default()),n("div",{class:"e-directive"},o)}},updated:function(){!t.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-ribbon-tabs"}}}),v={name:"e-ribbon-tabs",install:function(e){e.component(v.name,h)}},g=t.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-ribbon-tab"}}}),j={name:"e-ribbon-tab",install:function(e){e.component(j.name,g)}},I=["isLazyUpdate","plugins","activeLayout","cssClass","enablePersistence","enableRtl","fileMenu","helpPaneTemplate","isMinimized","launcherIconCss","locale","selectedTab","tabAnimation","tabs","width","launcherIconClick","ribbonCollapsing","ribbonExpanding","tabSelected","tabSelecting"],C=[],T=t.getProps({props:I}),x=T[0],R=T[1],y=Object.keys(R);y.push("modelchanged","update:modelValue");for(var E=0,P=C;E<P.length;E++){var $=P[E];y.push("update:"+$)}var D=t.vueDefineComponent({name:"RibbonComponent",mixins:[t.ComponentBase],props:x,watch:R,emits:y,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new n.Ribbon({}),propKeys:I,models:C,hasChildDirective:!0,hasInjectedModules:!0,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"}}}}}}},tagNameMapper:{"e-ribbon-items":"e-items","e-ribbon-collections":"e-collections","e-ribbon-groups":"e-groups","e-ribbon-tabs":"e-tabs"},isVue3:!t.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var n=t.isExecute?e:t.gh,o=null;return i.isNullOrUndefined(this.$slots.default)||(o=t.isExecute?this.$slots.default:this.$slots.default()),n("div",o)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var n=0,t=e;n<t.length;n++){var o=t[n],s=this.templateCollection[o];if(s&&s.length){for(var u=0,r=s;u<r.length;u++){var c=r[u];i.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[o]}}},setProperties:function(e,n){var t=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,n),e&&this.models&&this.models.length&&Object.keys(e).map(function(n){t.models.map(function(i){n!==i||/datasource/i.test(n)||(t.isVue3?t.ej2Instances.vueInstance.$emit("update:"+n,e[n]):(t.$emit("update:"+n,e[n]),t.$emit("modelchanged",e[n])))})})},custom:function(){this.updated()},addCollection:function(e,n,t,i){return this.ej2Instances.addCollection(e,n,t,i)},addGroup:function(e,n,t,i){return this.ej2Instances.addGroup(e,n,t,i)},addItem:function(e,n,t,i){return this.ej2Instances.addItem(e,n,t,i)},addTab:function(e,n,t){return this.ej2Instances.addTab(e,n,t)},disableItem:function(e){return this.ej2Instances.disableItem(e)},enableItem:function(e){return this.ej2Instances.enableItem(e)},refreshLayout:function(){return this.ej2Instances.refreshLayout()},removeCollection:function(e){return this.ej2Instances.removeCollection(e)},removeGroup:function(e){return this.ej2Instances.removeGroup(e)},removeItem:function(e){return this.ej2Instances.removeItem(e)},removeTab:function(e){return this.ej2Instances.removeTab(e)},selectTab:function(e){return this.ej2Instances.selectTab(e)}}}),_={name:"ejs-ribbon",install:function(e){e.component(_.name,D),e.component(j.name,g),e.component(v.name,h),e.component(p.name,f),e.component(d.name,m),e.component(b.name,l),e.component(a.name,c),e.component(r.name,u),e.component(s.name,o)}};e.RibbonItemsDirective=o,e.RibbonItemDirective=u,e.RibbonItemsPlugin=s,e.RibbonItemPlugin=r,e.RibbonCollectionsDirective=c,e.RibbonCollectionDirective=l,e.RibbonCollectionsPlugin=a,e.RibbonCollectionPlugin=b,e.RibbonGroupsDirective=m,e.RibbonGroupDirective=f,e.RibbonGroupsPlugin=d,e.RibbonGroupPlugin=p,e.RibbonTabsDirective=h,e.RibbonTabDirective=g,e.RibbonTabsPlugin=v,e.RibbonTabPlugin=j,e.RibbonComponent=D,e.RibbonPlugin=_,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+//# sourceMappingURL=ej2-vue-ribbon.umd.min.js.map

package/dist/ej2-vue-ribbon.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-vue-ribbon.umd.min.js","sources":["../src/ribbon/items.directive.js","../src/ribbon/collections.directive.js","../src/ribbon/groups.directive.js","../src/ribbon/tabs.directive.js","../src/ribbon/ribbon.component.js"],"sourcesContent":["import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var RibbonItemsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-ribbon-items';\n        }\n    }\n});\nexport var RibbonItemsPlugin = {\n    name: 'e-ribbon-items',\n    install: function (Vue) {\n        Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);\n    }\n};\n/**\n * `e-ribbon-item` directive represent a item in the VueJS Ribbon.\n * ```vue\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab>\n *       <e-ribbon-groups>\n *         <e-ribbon-group>\n *             <e-ribbon-collections>\n *                 <e-ribbon-collection>\n *                     <e-ribbon-items>\n *                         <e-ribbon-item></e-ribbon-item>\n *                         <e-ribbon-item></e-ribbon-item>\n *                     </e-ribbon-items>\n *                 </e-ribbon-collection>\n *             </e-ribbon-collections>\n *         </e-ribbon-group>\n *       </e-ribbon-groups>\n *    </e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport var RibbonItemDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-ribbon-item';\n        }\n    }\n});\nexport var RibbonItemPlugin = {\n    name: 'e-ribbon-item',\n    install: function (Vue) {\n        Vue.component(RibbonItemPlugin.name, RibbonItemDirective);\n    }\n};\n","import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var RibbonCollectionsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-ribbon-collections';\n        }\n    }\n});\nexport var RibbonCollectionsPlugin = {\n    name: 'e-ribbon-collections',\n    install: function (Vue) {\n        Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);\n    }\n};\n/**\n * `e-ribbon-collection` directive represent a collection in the VueJS Ribbon.\n * ```vue\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab>\n *       <e-ribbon-groups>\n *         <e-ribbon-group>\n *             <e-ribbon-collections>\n *                 <e-ribbon-collection></e-ribbon-collection>\n *                 <e-ribbon-collection></e-ribbon-collection>\n *             </e-ribbon-collections>\n *         </e-ribbon-group>\n *       </e-ribbon-groups>\n *    </e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport var RibbonCollectionDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-ribbon-collection';\n        }\n    }\n});\nexport var RibbonCollectionPlugin = {\n    name: 'e-ribbon-collection',\n    install: function (Vue) {\n        Vue.component(RibbonCollectionPlugin.name, RibbonCollectionDirective);\n    }\n};\n","import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var RibbonGroupsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-ribbon-groups';\n        }\n    }\n});\nexport var RibbonGroupsPlugin = {\n    name: 'e-ribbon-groups',\n    install: function (Vue) {\n        Vue.component(RibbonGroupsPlugin.name, RibbonGroupsDirective);\n    }\n};\n/**\n * `e-ribbon-group` directive represent a group in the VueJS Ribbon.\n * ```vue\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab>\n *       <e-ribbon-groups>\n *         <e-ribbon-group></e-ribbon-group>\n *         <e-ribbon-group></e-ribbon-group>\n *       </e-ribbon-groups>\n *    </e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport var RibbonGroupDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-ribbon-group';\n        }\n    }\n});\nexport var RibbonGroupPlugin = {\n    name: 'e-ribbon-group',\n    install: function (Vue) {\n        Vue.component(RibbonGroupPlugin.name, RibbonGroupDirective);\n    }\n};\n","import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var RibbonTabsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render: function (createElement) {\n        if (!isExecute) {\n            var h = !isExecute ? gh : createElement;\n            var slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated: function () {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag: function () {\n            return 'e-ribbon-tabs';\n        }\n    }\n});\nexport var RibbonTabsPlugin = {\n    name: 'e-ribbon-tabs',\n    install: function (Vue) {\n        Vue.component(RibbonTabsPlugin.name, RibbonTabsDirective);\n    }\n};\n/**\n * `e-ribbon-tab` directive represent a column of the VueJS Ribbon.\n * It must be contained in a Ribbon component(`ejs-ribbon`).\n * ```vue\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab></e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport var RibbonTabDirective = vueDefineComponent({\n    render: function () {\n        return;\n    },\n    methods: {\n        getTag: function () {\n            return 'e-ribbon-tab';\n        }\n    }\n});\nexport var RibbonTabPlugin = {\n    name: 'e-ribbon-tab',\n    install: function (Vue) {\n        Vue.component(RibbonTabPlugin.name, RibbonTabDirective);\n    }\n};\n","import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { Ribbon } from '@syncfusion/ej2-ribbon';\nimport { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonItemPlugin } from './items.directive';\nimport { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './collections.directive';\nimport { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './groups.directive';\nimport { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './tabs.directive';\nexport var properties = ['isLazyUpdate', 'plugins', 'activeLayout', 'cssClass', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'isMinimized', 'launcherIconCss', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width', 'launcherIconClick', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];\nexport var modelProps = [];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\n/**\n * Represents the Essential JS 2 VueJS Ribbon Component\n * ```vue\n * <ejs-ribbon></ejs-ribbon>\n * ```\n */\nexport var RibbonComponent = vueDefineComponent({\n    name: 'RibbonComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new Ribbon({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: true,\n            hasInjectedModules: true,\n            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\" } } } } } } },\n            tagNameMapper: { \"e-ribbon-items\": \"e-items\", \"e-ribbon-collections\": \"e-collections\", \"e-ribbon-groups\": \"e-groups\", \"e-ribbon-tabs\": \"e-tabs\" },\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            var destroy = getValue('__vue__.$destroy', ele);\n                            if (destroy) {\n                                ele.__vue__.$destroy();\n                            }\n                            if (ele.innerHTML) {\n                                ele.innerHTML = '';\n                            }\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties: function (prop, muteOnChange) {\n            var _this = this;\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map(function (key) {\n                    _this.models.map(function (model) {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (_this.isVue3) {\n                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                _this.$emit('update:' + key, prop[key]);\n                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        addCollection: function (groupId, collection, targetId, isAfter) {\n            return this.ej2Instances.addCollection(groupId, collection, targetId, isAfter);\n        },\n        addGroup: function (tabId, group, targetId, isAfter) {\n            return this.ej2Instances.addGroup(tabId, group, targetId, isAfter);\n        },\n        addItem: function (collectionId, item, targetId, isAfter) {\n            return this.ej2Instances.addItem(collectionId, item, targetId, isAfter);\n        },\n        addTab: function (tab, targetId, isAfter) {\n            return this.ej2Instances.addTab(tab, targetId, isAfter);\n        },\n        disableItem: function (itemId) {\n            return this.ej2Instances.disableItem(itemId);\n        },\n        enableItem: function (itemId) {\n            return this.ej2Instances.enableItem(itemId);\n        },\n        refreshLayout: function () {\n            return this.ej2Instances.refreshLayout();\n        },\n        removeCollection: function (collectionId) {\n            return this.ej2Instances.removeCollection(collectionId);\n        },\n        removeGroup: function (groupId) {\n            return this.ej2Instances.removeGroup(groupId);\n        },\n        removeItem: function (itemId) {\n            return this.ej2Instances.removeItem(itemId);\n        },\n        removeTab: function (tabId) {\n            return this.ej2Instances.removeTab(tabId);\n        },\n        selectTab: function (tabId) {\n            return this.ej2Instances.selectTab(tabId);\n        },\n    }\n});\nexport var RibbonPlugin = {\n    name: 'ejs-ribbon',\n    install: function (Vue) {\n        Vue.component(RibbonPlugin.name, RibbonComponent);\n        Vue.component(RibbonTabPlugin.name, RibbonTabDirective);\n        Vue.component(RibbonTabsPlugin.name, RibbonTabsDirective);\n        Vue.component(RibbonGroupPlugin.name, RibbonGroupDirective);\n        Vue.component(RibbonGroupsPlugin.name, RibbonGroupsDirective);\n        Vue.component(RibbonCollectionPlugin.name, RibbonCollectionDirective);\n        Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);\n        Vue.component(RibbonItemPlugin.name, RibbonItemDirective);\n        Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);\n    }\n};\n"],"names":["RibbonItemsDirective","vueDefineComponent","inject","custom","default","render","createElement","isExecute","h","gh","slots","isNullOrUndefined","this","$slots","class","updated","methods","getTag","RibbonItemsPlugin","name","install","Vue","component","RibbonItemDirective","RibbonItemPlugin","RibbonCollectionsDirective","RibbonCollectionsPlugin","RibbonCollectionDirective","RibbonCollectionPlugin","RibbonGroupsDirective","RibbonGroupsPlugin","RibbonGroupDirective","RibbonGroupPlugin","RibbonTabsDirective","RibbonTabsPlugin","RibbonTabDirective","RibbonTabPlugin","properties","modelProps","testProp","getProps","props","watch","emitProbs","Object","keys","push","_i","modelProps_1","length","props_1","RibbonComponent","mixins","ComponentBase","emits","provide","data","ej2Instances","Ribbon","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","e-ribbon-tabs","e-ribbon-tab","e-ribbon-groups","e-ribbon-group","e-ribbon-collections","e-ribbon-collection","e-ribbon-items","tagNameMapper","isVue3","templateCollection","created","bindProperties","_setProperties","setProperties","clearTemplate","templateNames","templateNames_1","tempName","elementCollection","_a","elementCollection_1","ele","getValue","__vue__","$destroy","innerHTML","prop","muteOnChange","_this","referModels","map","key","model","test","vueInstance","$emit","addCollection","groupId","collection","targetId","isAfter","addGroup","tabId","group","addItem","collectionId","item","addTab","tab","disableItem","itemId","enableItem","refreshLayout","removeCollection","removeGroup","removeItem","removeTab","selectTab","RibbonPlugin"],"mappings":"+YAEO,IAAIA,EAAuBC,sBAC9BC,QAAUC,QAAUC,QAAS,OAC7BC,OAAQ,SAAUC,GACd,IAAKC,YAAW,CACZ,IAAIC,EAAKD,YAAiBD,EAALG,KACjBC,EAAQ,KAIZ,OAHKC,oBAAkBC,KAAKC,OAAOT,WAC/BM,EAASH,YAAoCK,KAAKC,OAAOT,QAApCQ,KAAKC,OAAOT,WAE9BI,EAAE,OAASM,MAAO,eAAiBJ,KAIlDK,QAAS,YACAR,aAAaK,KAAKT,QACnBS,KAAKT,UAGba,SACIC,OAAQ,WACJ,MAAO,qBAIRC,GACPC,KAAM,iBACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUJ,EAAkBC,KAAMnB,KA2BnCuB,EAAsBtB,sBAC7BI,OAAQ,aAGRW,SACIC,OAAQ,WACJ,MAAO,oBAIRO,GACPL,KAAM,gBACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUE,EAAiBL,KAAMI,KCnElCE,EAA6BxB,sBACpCC,QAAUC,QAAUC,QAAS,OAC7BC,OAAQ,SAAUC,GACd,IAAKC,YAAW,CACZ,IAAIC,EAAKD,YAAiBD,EAALG,KACjBC,EAAQ,KAIZ,OAHKC,oBAAkBC,KAAKC,OAAOT,WAC/BM,EAASH,YAAoCK,KAAKC,OAAOT,QAApCQ,KAAKC,OAAOT,WAE9BI,EAAE,OAASM,MAAO,eAAiBJ,KAIlDK,QAAS,YACAR,aAAaK,KAAKT,QACnBS,KAAKT,UAGba,SACIC,OAAQ,WACJ,MAAO,2BAIRS,GACPP,KAAM,uBACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUI,EAAwBP,KAAMM,KAuBzCE,EAA4B1B,sBACnCI,OAAQ,aAGRW,SACIC,OAAQ,WACJ,MAAO,0BAIRW,GACPT,KAAM,sBACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUM,EAAuBT,KAAMQ,KC/DxCE,EAAwB5B,sBAC/BC,QAAUC,QAAUC,QAAS,OAC7BC,OAAQ,SAAUC,GACd,IAAKC,YAAW,CACZ,IAAIC,EAAKD,YAAiBD,EAALG,KACjBC,EAAQ,KAIZ,OAHKC,oBAAkBC,KAAKC,OAAOT,WAC/BM,EAASH,YAAoCK,KAAKC,OAAOT,QAApCQ,KAAKC,OAAOT,WAE9BI,EAAE,OAASM,MAAO,eAAiBJ,KAIlDK,QAAS,YACAR,aAAaK,KAAKT,QACnBS,KAAKT,UAGba,SACIC,OAAQ,WACJ,MAAO,sBAIRa,GACPX,KAAM,kBACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUQ,EAAmBX,KAAMU,KAmBpCE,EAAuB9B,sBAC9BI,OAAQ,aAGRW,SACIC,OAAQ,WACJ,MAAO,qBAIRe,GACPb,KAAM,iBACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUU,EAAkBb,KAAMY,KC3DnCE,EAAsBhC,sBAC7BC,QAAUC,QAAUC,QAAS,OAC7BC,OAAQ,SAAUC,GACd,IAAKC,YAAW,CACZ,IAAIC,EAAKD,YAAiBD,EAALG,KACjBC,EAAQ,KAIZ,OAHKC,oBAAkBC,KAAKC,OAAOT,WAC/BM,EAASH,YAAoCK,KAAKC,OAAOT,QAApCQ,KAAKC,OAAOT,WAE9BI,EAAE,OAASM,MAAO,eAAiBJ,KAIlDK,QAAS,YACAR,aAAaK,KAAKT,QACnBS,KAAKT,UAGba,SACIC,OAAQ,WACJ,MAAO,oBAIRiB,GACPf,KAAM,gBACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUY,EAAiBf,KAAMc,KAelCE,EAAqBlC,sBAC5BI,OAAQ,aAGRW,SACIC,OAAQ,WACJ,MAAO,mBAIRmB,GACPjB,KAAM,eACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUc,EAAgBjB,KAAMgB,KClDjCE,GAAc,eAAgB,UAAW,eAAgB,WAAY,oBAAqB,YAAa,WAAY,mBAAoB,cAAe,kBAAmB,SAAU,cAAe,eAAgB,OAAQ,QAAS,oBAAqB,mBAAoB,kBAAmB,cAAe,gBAC9SC,KACAC,EAAWC,YAAWC,MAAOJ,IAC7BI,EAAQF,EAAS,GAAIG,EAAQH,EAAS,GAAII,EAAYC,OAAOC,KAAKH,GAC7EC,EAAUG,KAAK,eAAgB,qBAC/B,IAAK,IAAIC,EAAK,EAAGC,EAAeV,EAAYS,EAAKC,EAAaC,OAAQF,IAAM,CACxE,IAAIG,EAAUF,EAAaD,GAC3BJ,EAAUG,KAAK,UAAYI,GAQ/B,IAAWC,EAAkBlD,sBACzBkB,KAAM,kBACNiC,QAASC,iBACTZ,MAAOA,EACPC,MAAOA,EACPY,MAAOX,EACPY,QAAS,WAAc,OAASpD,OAAQS,KAAKT,SAC7CqD,KAAM,WACF,OACIC,aAAc,IAAIC,aAClBC,SAAUtB,EACVuB,OAAQtB,EACRuB,mBAAmB,EACnBC,oBAAoB,EACpBC,WAAaC,iBAAmBC,gBAAkBC,mBAAqBC,kBAAoBC,wBAA0BC,uBAAyBC,iBAAkB,uBAChKC,eAAiBD,iBAAkB,UAAWF,uBAAwB,gBAAiBF,kBAAmB,WAAYF,gBAAiB,UACvIQ,QAASjE,YACTkE,wBAGRC,QAAS,WACL9D,KAAK+D,iBACL/D,KAAK6C,aAAamB,eAAiBhE,KAAK6C,aAAaoB,cACrDjE,KAAK6C,aAAaoB,cAAgBjE,KAAKiE,cACvCjE,KAAK6C,aAAaqB,cAAgBlE,KAAKkE,cACvClE,KAAKG,QAAUH,KAAKG,SAExBV,OAAQ,SAAUC,GACd,IAAIE,EAAKD,YAAiBD,EAALG,KACjBC,EAAQ,KAIZ,OAHKC,oBAAkBC,KAAKC,OAAOT,WAC/BM,EAASH,YAAoCK,KAAKC,OAAOT,QAApCQ,KAAKC,OAAOT,WAE9BI,EAAE,MAAOE,IAEpBM,SACI8D,cAAe,SAAUC,GAIrB,GAHKA,IACDA,EAAgBnC,OAAOC,KAAKjC,KAAK6D,yBAEjCM,EAAc9B,QAAUrC,KAAK6D,mBAC7B,IAAK,IAAI1B,EAAK,EAAGiC,EAAkBD,EAAehC,EAAKiC,EAAgB/B,OAAQF,IAAM,CACjF,IAAIkC,EAAWD,EAAgBjC,GAC3BmC,EAAoBtE,KAAK6D,mBAAmBQ,GAChD,GAAIC,GAAqBA,EAAkBjC,OAAQ,CAC/C,IAAK,IAAIkC,EAAK,EAAGC,EAAsBF,EAAmBC,EAAKC,EAAoBnC,OAAQkC,IAAM,CAC7F,IAAIE,EAAMD,EAAoBD,GAChBG,WAAS,mBAAoBD,IAEvCA,EAAIE,QAAQC,WAEZH,EAAII,YACJJ,EAAII,UAAY,WAGjB7E,KAAK6D,mBAAmBQ,MAK/CJ,cAAe,SAAUa,EAAMC,GAC3B,IAAIC,EAAQhF,KACRA,KAAK4D,SACL5D,KAAKgD,OAAUhD,KAAKgD,OAAyChD,KAAKgD,OAArChD,KAAK6C,aAAaoC,aAE/CjF,KAAK6C,cAAgB7C,KAAK6C,aAAamB,gBACvChE,KAAK6C,aAAamB,eAAec,EAAMC,GAEvCD,GAAQ9E,KAAKgD,QAAUhD,KAAKgD,OAAOX,QACnCL,OAAOC,KAAK6C,GAAMI,IAAI,SAAUC,GAC5BH,EAAMhC,OAAOkC,IAAI,SAAUE,GAClBD,IAAQC,GAAY,cAAcC,KAAKF,KACpCH,EAAMpB,OACNoB,EAAMnC,aAAayC,YAAYC,MAAM,UAAYJ,EAAKL,EAAKK,KAG3DH,EAAMO,MAAM,UAAYJ,EAAKL,EAAKK,IAClCH,EAAMO,MAAM,eAAgBT,EAAKK,WAOzD5F,OAAQ,WACJS,KAAKG,WAETqF,cAAe,SAAUC,EAASC,EAAYC,EAAUC,GACpD,OAAO5F,KAAK6C,aAAa2C,cAAcC,EAASC,EAAYC,EAAUC,IAE1EC,SAAU,SAAUC,EAAOC,EAAOJ,EAAUC,GACxC,OAAO5F,KAAK6C,aAAagD,SAASC,EAAOC,EAAOJ,EAAUC,IAE9DI,QAAS,SAAUC,EAAcC,EAAMP,EAAUC,GAC7C,OAAO5F,KAAK6C,aAAamD,QAAQC,EAAcC,EAAMP,EAAUC,IAEnEO,OAAQ,SAAUC,EAAKT,EAAUC,GAC7B,OAAO5F,KAAK6C,aAAasD,OAAOC,EAAKT,EAAUC,IAEnDS,YAAa,SAAUC,GACnB,OAAOtG,KAAK6C,aAAawD,YAAYC,IAEzCC,WAAY,SAAUD,GAClB,OAAOtG,KAAK6C,aAAa0D,WAAWD,IAExCE,cAAe,WACX,OAAOxG,KAAK6C,aAAa2D,iBAE7BC,iBAAkB,SAAUR,GACxB,OAAOjG,KAAK6C,aAAa4D,iBAAiBR,IAE9CS,YAAa,SAAUjB,GACnB,OAAOzF,KAAK6C,aAAa6D,YAAYjB,IAEzCkB,WAAY,SAAUL,GAClB,OAAOtG,KAAK6C,aAAa8D,WAAWL,IAExCM,UAAW,SAAUd,GACjB,OAAO9F,KAAK6C,aAAa+D,UAAUd,IAEvCe,UAAW,SAAUf,GACjB,OAAO9F,KAAK6C,aAAagE,UAAUf,OAIpCgB,GACPvG,KAAM,aACNC,QAAS,SAAUC,GACfA,EAAIC,UAAUoG,EAAavG,KAAMgC,GACjC9B,EAAIC,UAAUc,EAAgBjB,KAAMgB,GACpCd,EAAIC,UAAUY,EAAiBf,KAAMc,GACrCZ,EAAIC,UAAUU,EAAkBb,KAAMY,GACtCV,EAAIC,UAAUQ,EAAmBX,KAAMU,GACvCR,EAAIC,UAAUM,EAAuBT,KAAMQ,GAC3CN,EAAIC,UAAUI,EAAwBP,KAAMM,GAC5CJ,EAAIC,UAAUE,EAAiBL,KAAMI,GACrCF,EAAIC,UAAUJ,EAAkBC,KAAMnB"}

package/dist/es6/ej2-vue-ribbon.es2015.js

@@ -0,0 +1,420 @@
+import { Ribbon } from '@syncfusion/ej2-ribbon';
+import { ComponentBase, getProps, gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
+import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
+
+let RibbonItemsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render(createElement) {
+        if (!isExecute) {
+            let h = !isExecute ? gh : createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated() {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag() {
+            return 'e-ribbon-items';
+        }
+    }
+});
+const RibbonItemsPlugin = {
+    name: 'e-ribbon-items',
+    install(Vue) {
+        Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);
+    }
+};
+/**
+ * `e-ribbon-item` directive represent a item in the VueJS Ribbon.
+ * ```vue
+ * <ejs-ribbon>
+ *   <e-ribbon-tabs>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *    <e-ribbon-tab>
+ *       <e-ribbon-groups>
+ *         <e-ribbon-group>
+ *             <e-ribbon-collections>
+ *                 <e-ribbon-collection>
+ *                     <e-ribbon-items>
+ *                         <e-ribbon-item></e-ribbon-item>
+ *                         <e-ribbon-item></e-ribbon-item>
+ *                     </e-ribbon-items>
+ *                 </e-ribbon-collection>
+ *             </e-ribbon-collections>
+ *         </e-ribbon-group>
+ *       </e-ribbon-groups>
+ *    </e-ribbon-tab>
+ *   </e-ribbon-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+let RibbonItemDirective = vueDefineComponent({
+    render() {
+        return;
+    },
+    methods: {
+        getTag() {
+            return 'e-ribbon-item';
+        }
+    }
+});
+const RibbonItemPlugin = {
+    name: 'e-ribbon-item',
+    install(Vue) {
+        Vue.component(RibbonItemPlugin.name, RibbonItemDirective);
+    }
+};
+
+let RibbonCollectionsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render(createElement) {
+        if (!isExecute) {
+            let h = !isExecute ? gh : createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated() {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag() {
+            return 'e-ribbon-collections';
+        }
+    }
+});
+const RibbonCollectionsPlugin = {
+    name: 'e-ribbon-collections',
+    install(Vue) {
+        Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);
+    }
+};
+/**
+ * `e-ribbon-collection` directive represent a collection in the VueJS Ribbon.
+ * ```vue
+ * <ejs-ribbon>
+ *   <e-ribbon-tabs>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *    <e-ribbon-tab>
+ *       <e-ribbon-groups>
+ *         <e-ribbon-group>
+ *             <e-ribbon-collections>
+ *                 <e-ribbon-collection></e-ribbon-collection>
+ *                 <e-ribbon-collection></e-ribbon-collection>
+ *             </e-ribbon-collections>
+ *         </e-ribbon-group>
+ *       </e-ribbon-groups>
+ *    </e-ribbon-tab>
+ *   </e-ribbon-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+let RibbonCollectionDirective = vueDefineComponent({
+    render() {
+        return;
+    },
+    methods: {
+        getTag() {
+            return 'e-ribbon-collection';
+        }
+    }
+});
+const RibbonCollectionPlugin = {
+    name: 'e-ribbon-collection',
+    install(Vue) {
+        Vue.component(RibbonCollectionPlugin.name, RibbonCollectionDirective);
+    }
+};
+
+let RibbonGroupsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render(createElement) {
+        if (!isExecute) {
+            let h = !isExecute ? gh : createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated() {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag() {
+            return 'e-ribbon-groups';
+        }
+    }
+});
+const RibbonGroupsPlugin = {
+    name: 'e-ribbon-groups',
+    install(Vue) {
+        Vue.component(RibbonGroupsPlugin.name, RibbonGroupsDirective);
+    }
+};
+/**
+ * `e-ribbon-group` directive represent a group in the VueJS Ribbon.
+ * ```vue
+ * <ejs-ribbon>
+ *   <e-ribbon-tabs>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *    <e-ribbon-tab>
+ *       <e-ribbon-groups>
+ *         <e-ribbon-group></e-ribbon-group>
+ *         <e-ribbon-group></e-ribbon-group>
+ *       </e-ribbon-groups>
+ *    </e-ribbon-tab>
+ *   </e-ribbon-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+let RibbonGroupDirective = vueDefineComponent({
+    render() {
+        return;
+    },
+    methods: {
+        getTag() {
+            return 'e-ribbon-group';
+        }
+    }
+});
+const RibbonGroupPlugin = {
+    name: 'e-ribbon-group',
+    install(Vue) {
+        Vue.component(RibbonGroupPlugin.name, RibbonGroupDirective);
+    }
+};
+
+let RibbonTabsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render(createElement) {
+        if (!isExecute) {
+            let h = !isExecute ? gh : createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated() {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag() {
+            return 'e-ribbon-tabs';
+        }
+    }
+});
+const RibbonTabsPlugin = {
+    name: 'e-ribbon-tabs',
+    install(Vue) {
+        Vue.component(RibbonTabsPlugin.name, RibbonTabsDirective);
+    }
+};
+/**
+ * `e-ribbon-tab` directive represent a column of the VueJS Ribbon.
+ * It must be contained in a Ribbon component(`ejs-ribbon`).
+ * ```vue
+ * <ejs-ribbon>
+ *   <e-ribbon-tabs>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *   </e-ribbon-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+let RibbonTabDirective = vueDefineComponent({
+    render() {
+        return;
+    },
+    methods: {
+        getTag() {
+            return 'e-ribbon-tab';
+        }
+    }
+});
+const RibbonTabPlugin = {
+    name: 'e-ribbon-tab',
+    install(Vue) {
+        Vue.component(RibbonTabPlugin.name, RibbonTabDirective);
+    }
+};
+
+const properties = ['isLazyUpdate', 'plugins', 'activeLayout', 'cssClass', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'isMinimized', 'launcherIconCss', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width', 'launcherIconClick', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];
+const modelProps = [];
+const testProp = getProps({ props: properties });
+const props = testProp[0];
+const watch = testProp[1];
+const emitProbs = Object.keys(watch);
+emitProbs.push('modelchanged', 'update:modelValue');
+for (let props of modelProps) {
+    emitProbs.push('update:' + props);
+}
+/**
+ * Represents the Essential JS 2 VueJS Ribbon Component
+ * ```vue
+ * <ejs-ribbon></ejs-ribbon>
+ * ```
+ */
+let RibbonComponent = vueDefineComponent({
+    name: 'RibbonComponent',
+    mixins: [ComponentBase],
+    props: props,
+    watch: watch,
+    emits: emitProbs,
+    provide() { return { custom: this.custom }; },
+    data() {
+        return {
+            ej2Instances: new Ribbon({}),
+            propKeys: properties,
+            models: modelProps,
+            hasChildDirective: true,
+            hasInjectedModules: true,
+            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" } } } } } } },
+            tagNameMapper: { "e-ribbon-items": "e-items", "e-ribbon-collections": "e-collections", "e-ribbon-groups": "e-groups", "e-ribbon-tabs": "e-tabs" },
+            isVue3: !isExecute,
+            templateCollection: {},
+        };
+    },
+    created() {
+        this.bindProperties();
+        this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
+    },
+    render(createElement) {
+        let h = !isExecute ? gh : createElement;
+        let slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('div', slots);
+    },
+    methods: {
+        clearTemplate(templateNames) {
+            if (!templateNames) {
+                templateNames = Object.keys(this.templateCollection || {});
+            }
+            if (templateNames.length && this.templateCollection) {
+                for (let tempName of templateNames) {
+                    let elementCollection = this.templateCollection[tempName];
+                    if (elementCollection && elementCollection.length) {
+                        for (let ele of elementCollection) {
+                            let destroy = getValue('__vue__.$destroy', ele);
+                            if (destroy) {
+                                ele.__vue__.$destroy();
+                            }
+                            if (ele.innerHTML) {
+                                ele.innerHTML = '';
+                            }
+                        }
+                        delete this.templateCollection[tempName];
+                    }
+                }
+            }
+        },
+        setProperties(prop, muteOnChange) {
+            if (this.isVue3) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if (this.ej2Instances && this.ej2Instances._setProperties) {
+                this.ej2Instances._setProperties(prop, muteOnChange);
+            }
+            if (prop && this.models && this.models.length) {
+                Object.keys(prop).map((key) => {
+                    this.models.map((model) => {
+                        if ((key === model) && !(/datasource/i.test(key))) {
+                            if (this.isVue3) {
+                                this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                            }
+                            else {
+                                this.$emit('update:' + key, prop[key]);
+                                this.$emit('modelchanged', prop[key]);
+                            }
+                        }
+                    });
+                });
+            }
+        },
+        custom() {
+            this.updated();
+        },
+        addCollection(groupId, collection, targetId, isAfter) {
+            return this.ej2Instances.addCollection(groupId, collection, targetId, isAfter);
+        },
+        addGroup(tabId, group, targetId, isAfter) {
+            return this.ej2Instances.addGroup(tabId, group, targetId, isAfter);
+        },
+        addItem(collectionId, item, targetId, isAfter) {
+            return this.ej2Instances.addItem(collectionId, item, targetId, isAfter);
+        },
+        addTab(tab, targetId, isAfter) {
+            return this.ej2Instances.addTab(tab, targetId, isAfter);
+        },
+        disableItem(itemId) {
+            return this.ej2Instances.disableItem(itemId);
+        },
+        enableItem(itemId) {
+            return this.ej2Instances.enableItem(itemId);
+        },
+        refreshLayout() {
+            return this.ej2Instances.refreshLayout();
+        },
+        removeCollection(collectionId) {
+            return this.ej2Instances.removeCollection(collectionId);
+        },
+        removeGroup(groupId) {
+            return this.ej2Instances.removeGroup(groupId);
+        },
+        removeItem(itemId) {
+            return this.ej2Instances.removeItem(itemId);
+        },
+        removeTab(tabId) {
+            return this.ej2Instances.removeTab(tabId);
+        },
+        selectTab(tabId) {
+            return this.ej2Instances.selectTab(tabId);
+        },
+    }
+});
+const RibbonPlugin = {
+    name: 'ejs-ribbon',
+    install(Vue) {
+        Vue.component(RibbonPlugin.name, RibbonComponent);
+        Vue.component(RibbonTabPlugin.name, RibbonTabDirective);
+        Vue.component(RibbonTabsPlugin.name, RibbonTabsDirective);
+        Vue.component(RibbonGroupPlugin.name, RibbonGroupDirective);
+        Vue.component(RibbonGroupsPlugin.name, RibbonGroupsDirective);
+        Vue.component(RibbonCollectionPlugin.name, RibbonCollectionDirective);
+        Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);
+        Vue.component(RibbonItemPlugin.name, RibbonItemDirective);
+        Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);
+    }
+};
+
+export { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonItemPlugin, RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin, RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin, RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin, RibbonComponent, RibbonPlugin };
+export * from '@syncfusion/ej2-ribbon';
+//# sourceMappingURL=ej2-vue-ribbon.es2015.js.map

package/dist/es6/ej2-vue-ribbon.es2015.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-vue-ribbon.es2015.js","sources":["../src/es6/ribbon/items.directive.js","../src/es6/ribbon/collections.directive.js","../src/es6/ribbon/groups.directive.js","../src/es6/ribbon/tabs.directive.js","../src/es6/ribbon/ribbon.component.js"],"sourcesContent":["import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport let RibbonItemsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render(createElement) {\n        if (!isExecute) {\n            let h = !isExecute ? gh : createElement;\n            let slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated() {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag() {\n            return 'e-ribbon-items';\n        }\n    }\n});\nexport const RibbonItemsPlugin = {\n    name: 'e-ribbon-items',\n    install(Vue) {\n        Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);\n    }\n};\n/**\n * `e-ribbon-item` directive represent a item in the VueJS Ribbon.\n * ```vue\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab>\n *       <e-ribbon-groups>\n *         <e-ribbon-group>\n *             <e-ribbon-collections>\n *                 <e-ribbon-collection>\n *                     <e-ribbon-items>\n *                         <e-ribbon-item></e-ribbon-item>\n *                         <e-ribbon-item></e-ribbon-item>\n *                     </e-ribbon-items>\n *                 </e-ribbon-collection>\n *             </e-ribbon-collections>\n *         </e-ribbon-group>\n *       </e-ribbon-groups>\n *    </e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport let RibbonItemDirective = vueDefineComponent({\n    render() {\n        return;\n    },\n    methods: {\n        getTag() {\n            return 'e-ribbon-item';\n        }\n    }\n});\nexport const RibbonItemPlugin = {\n    name: 'e-ribbon-item',\n    install(Vue) {\n        Vue.component(RibbonItemPlugin.name, RibbonItemDirective);\n    }\n};\n","import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport let RibbonCollectionsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render(createElement) {\n        if (!isExecute) {\n            let h = !isExecute ? gh : createElement;\n            let slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated() {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag() {\n            return 'e-ribbon-collections';\n        }\n    }\n});\nexport const RibbonCollectionsPlugin = {\n    name: 'e-ribbon-collections',\n    install(Vue) {\n        Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);\n    }\n};\n/**\n * `e-ribbon-collection` directive represent a collection in the VueJS Ribbon.\n * ```vue\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab>\n *       <e-ribbon-groups>\n *         <e-ribbon-group>\n *             <e-ribbon-collections>\n *                 <e-ribbon-collection></e-ribbon-collection>\n *                 <e-ribbon-collection></e-ribbon-collection>\n *             </e-ribbon-collections>\n *         </e-ribbon-group>\n *       </e-ribbon-groups>\n *    </e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport let RibbonCollectionDirective = vueDefineComponent({\n    render() {\n        return;\n    },\n    methods: {\n        getTag() {\n            return 'e-ribbon-collection';\n        }\n    }\n});\nexport const RibbonCollectionPlugin = {\n    name: 'e-ribbon-collection',\n    install(Vue) {\n        Vue.component(RibbonCollectionPlugin.name, RibbonCollectionDirective);\n    }\n};\n","import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport let RibbonGroupsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render(createElement) {\n        if (!isExecute) {\n            let h = !isExecute ? gh : createElement;\n            let slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated() {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag() {\n            return 'e-ribbon-groups';\n        }\n    }\n});\nexport const RibbonGroupsPlugin = {\n    name: 'e-ribbon-groups',\n    install(Vue) {\n        Vue.component(RibbonGroupsPlugin.name, RibbonGroupsDirective);\n    }\n};\n/**\n * `e-ribbon-group` directive represent a group in the VueJS Ribbon.\n * ```vue\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab>\n *       <e-ribbon-groups>\n *         <e-ribbon-group></e-ribbon-group>\n *         <e-ribbon-group></e-ribbon-group>\n *       </e-ribbon-groups>\n *    </e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport let RibbonGroupDirective = vueDefineComponent({\n    render() {\n        return;\n    },\n    methods: {\n        getTag() {\n            return 'e-ribbon-group';\n        }\n    }\n});\nexport const RibbonGroupPlugin = {\n    name: 'e-ribbon-group',\n    install(Vue) {\n        Vue.component(RibbonGroupPlugin.name, RibbonGroupDirective);\n    }\n};\n","import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport let RibbonTabsDirective = vueDefineComponent({\n    inject: { custom: { default: null } },\n    render(createElement) {\n        if (!isExecute) {\n            let h = !isExecute ? gh : createElement;\n            let slots = null;\n            if (!isNullOrUndefined(this.$slots.default)) {\n                slots = !isExecute ? this.$slots.default() : this.$slots.default;\n            }\n            return h('div', { class: 'e-directive' }, slots);\n        }\n        return;\n    },\n    updated() {\n        if (!isExecute && this.custom) {\n            this.custom();\n        }\n    },\n    methods: {\n        getTag() {\n            return 'e-ribbon-tabs';\n        }\n    }\n});\nexport const RibbonTabsPlugin = {\n    name: 'e-ribbon-tabs',\n    install(Vue) {\n        Vue.component(RibbonTabsPlugin.name, RibbonTabsDirective);\n    }\n};\n/**\n * `e-ribbon-tab` directive represent a column of the VueJS Ribbon.\n * It must be contained in a Ribbon component(`ejs-ribbon`).\n * ```vue\n * <ejs-ribbon>\n *   <e-ribbon-tabs>\n *    <e-ribbon-tab></e-ribbon-tab>\n *    <e-ribbon-tab></e-ribbon-tab>\n *   </e-ribbon-tabs>\n * </ejs-ribbon>\n * ```\n */\nexport let RibbonTabDirective = vueDefineComponent({\n    render() {\n        return;\n    },\n    methods: {\n        getTag() {\n            return 'e-ribbon-tab';\n        }\n    }\n});\nexport const RibbonTabPlugin = {\n    name: 'e-ribbon-tab',\n    install(Vue) {\n        Vue.component(RibbonTabPlugin.name, RibbonTabDirective);\n    }\n};\n","import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { Ribbon } from '@syncfusion/ej2-ribbon';\nimport { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonItemPlugin } from './items.directive';\nimport { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './collections.directive';\nimport { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './groups.directive';\nimport { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './tabs.directive';\nexport const properties = ['isLazyUpdate', 'plugins', 'activeLayout', 'cssClass', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'isMinimized', 'launcherIconCss', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width', 'launcherIconClick', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];\nexport const modelProps = [];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\n/**\n * Represents the Essential JS 2 VueJS Ribbon Component\n * ```vue\n * <ejs-ribbon></ejs-ribbon>\n * ```\n */\nexport let RibbonComponent = vueDefineComponent({\n    name: 'RibbonComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    provide() { return { custom: this.custom }; },\n    data() {\n        return {\n            ej2Instances: new Ribbon({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: true,\n            hasInjectedModules: true,\n            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\" } } } } } } },\n            tagNameMapper: { \"e-ribbon-items\": \"e-items\", \"e-ribbon-collections\": \"e-collections\", \"e-ribbon-groups\": \"e-groups\", \"e-ribbon-tabs\": \"e-tabs\" },\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created() {\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render(createElement) {\n        let h = !isExecute ? gh : createElement;\n        let slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate(templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (let tempName of templateNames) {\n                    let elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (let ele of elementCollection) {\n                            let destroy = getValue('__vue__.$destroy', ele);\n                            if (destroy) {\n                                ele.__vue__.$destroy();\n                            }\n                            if (ele.innerHTML) {\n                                ele.innerHTML = '';\n                            }\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties(prop, muteOnChange) {\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map((key) => {\n                    this.models.map((model) => {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (this.isVue3) {\n                                this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                this.$emit('update:' + key, prop[key]);\n                                this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        custom() {\n            this.updated();\n        },\n        addCollection(groupId, collection, targetId, isAfter) {\n            return this.ej2Instances.addCollection(groupId, collection, targetId, isAfter);\n        },\n        addGroup(tabId, group, targetId, isAfter) {\n            return this.ej2Instances.addGroup(tabId, group, targetId, isAfter);\n        },\n        addItem(collectionId, item, targetId, isAfter) {\n            return this.ej2Instances.addItem(collectionId, item, targetId, isAfter);\n        },\n        addTab(tab, targetId, isAfter) {\n            return this.ej2Instances.addTab(tab, targetId, isAfter);\n        },\n        disableItem(itemId) {\n            return this.ej2Instances.disableItem(itemId);\n        },\n        enableItem(itemId) {\n            return this.ej2Instances.enableItem(itemId);\n        },\n        refreshLayout() {\n            return this.ej2Instances.refreshLayout();\n        },\n        removeCollection(collectionId) {\n            return this.ej2Instances.removeCollection(collectionId);\n        },\n        removeGroup(groupId) {\n            return this.ej2Instances.removeGroup(groupId);\n        },\n        removeItem(itemId) {\n            return this.ej2Instances.removeItem(itemId);\n        },\n        removeTab(tabId) {\n            return this.ej2Instances.removeTab(tabId);\n        },\n        selectTab(tabId) {\n            return this.ej2Instances.selectTab(tabId);\n        },\n    }\n});\nexport const RibbonPlugin = {\n    name: 'ejs-ribbon',\n    install(Vue) {\n        Vue.component(RibbonPlugin.name, RibbonComponent);\n        Vue.component(RibbonTabPlugin.name, RibbonTabDirective);\n        Vue.component(RibbonTabsPlugin.name, RibbonTabsDirective);\n        Vue.component(RibbonGroupPlugin.name, RibbonGroupDirective);\n        Vue.component(RibbonGroupsPlugin.name, RibbonGroupsDirective);\n        Vue.component(RibbonCollectionPlugin.name, RibbonCollectionDirective);\n        Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);\n        Vue.component(RibbonItemPlugin.name, RibbonItemDirective);\n        Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);\n    }\n};\n"],"names":[],"mappings":"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"}