UNPKG

@syncfusion/ej2-vue-buttons

Version:

A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for Vue

12 lines (11 loc) 25.3 kB
/*! * filename: ej2-vue-buttons.umd.min.js * version : 31.1.21 * Copyright Syncfusion Inc. 2001 - 2024. 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,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-buttons"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-buttons","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2Buttons,e.ej2VueBase,e.ej2Base)}(this,function(t,s,a,o){"use strict";var e=["isLazyUpdate","plugins","content","cssClass","disabled","enableHtmlSanitizer","enablePersistence","enableRtl","iconCss","iconPosition","isPrimary","isToggle","locale","created"],n=[],i=a.getProps({props:e}),c=i[0],i=i[1],l=Object.keys(i);l.push("modelchanged","update:modelValue");for(var r=0,u=n;r<u.length;r++)l.push("update:"+u[r]);var h=a.vueDefineComponent({name:"ButtonComponent",mixins:[a.ComponentBase],props:c,watch:i,emits:l,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Button({}),propKeys:e,models:n,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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 t=null;return(a.isExecute?e:a.gh)("button",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var c=o[a];this.destroyPortals(c)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},click:function(){return this.ej2Instances.click()},destroy:function(){return this.ej2Instances.destroy()},focusIn:function(){return this.ej2Instances.focusIn()}}}),d={name:"ejs-button",install:function(e){e.component(d.name,h)}},p=["isLazyUpdate","plugins","checked","cssClass","disabled","enableHtmlSanitizer","enablePersistence","enableRtl","htmlAttributes","indeterminate","label","labelPosition","locale","name","value","change","created"],B=["checked","indeterminate"],c=a.getProps({props:p}),i=c[0],c=c[1],m=Object.keys(c);m.push("modelchanged","update:modelValue");for(var f=0,w=B;f<w.length;f++)m.push("update:"+w[f]);var N=a.vueDefineComponent({name:"CheckBoxComponent",mixins:[a.ComponentBase],props:i,watch:c,emits:m,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.CheckBox({}),propKeys:p,models:B,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,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 t=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var c=o[a];this.destroyPortals(c)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},click:function(){return this.ej2Instances.click()},destroy:function(){return this.ej2Instances.destroy()},focusIn:function(){return this.ej2Instances.focusIn()}}}),L={name:"ejs-checkbox",install:function(e){e.component(L.name,N)}},z=["isLazyUpdate","plugins","checked","cssClass","disabled","enableHtmlSanitizer","enablePersistence","enableRtl","htmlAttributes","label","labelPosition","locale","name","value","change","created"],R=["value"],i=a.getProps({props:z}),c=i[0],i=i[1],g=Object.keys(i);g.push("modelchanged","update:modelValue");for(var I=0,K=R;I<K.length;I++)g.push("update:"+K[I]);var q=a.vueDefineComponent({name:"RadioButtonComponent",mixins:[a.ComponentBase],props:c,watch:i,emits:g,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.RadioButton({}),propKeys:z,models:R,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,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 t=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var c=o[a];this.destroyPortals(c)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},click:function(){return this.ej2Instances.click()},destroy:function(){return this.ej2Instances.destroy()},focusIn:function(){return this.ej2Instances.focusIn()},getSelectedValue:function(){return this.ej2Instances.getSelectedValue()}}}),A={name:"ejs-radiobutton",install:function(e){e.component(A.name,q)}},H=["isLazyUpdate","plugins","checked","cssClass","disabled","enablePersistence","enableRtl","htmlAttributes","locale","name","offLabel","onLabel","value","beforeChange","change","created"],F=["checked"],c=a.getProps({props:H}),i=c[0],c=c[1],j=Object.keys(c);j.push("modelchanged","update:modelValue");for(var v=0,G=F;v<G.length;v++)j.push("update:"+G[v]);var J=a.vueDefineComponent({name:"SwitchComponent",mixins:[a.ComponentBase],props:i,watch:c,emits:j,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Switch({}),propKeys:H,models:F,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,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 t=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var c=o[a];this.destroyPortals(c)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},click:function(){return this.ej2Instances.click()},destroy:function(){return this.ej2Instances.destroy()},focusIn:function(){return this.ej2Instances.focusIn()},toggle:function(){return this.ej2Instances.toggle()}}}),Q={name:"ejs-switch",install:function(e){e.component(Q.name,J)}},P=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-chips"}}}),C={name:"e-chips",install:function(e){e.component(C.name,P)}},b=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-chip"}}}),$={name:"e-chip",install:function(e){e.component($.name,b)}},W=["isLazyUpdate","plugins","allowDragAndDrop","avatarIconCss","avatarText","chips","cssClass","dragArea","enableDelete","enablePersistence","enableRtl","enabled","htmlAttributes","leadingIconCss","leadingIconUrl","locale","selectedChips","selection","text","trailingIconCss","trailingIconUrl","beforeClick","click","created","delete","deleted","dragStart","dragStop","dragging"],X=[],i=a.getProps({props:W}),c=i[0],i=i[1],y=Object.keys(i);y.push("modelchanged","update:modelValue");for(var x=0,Y=X;x<Y.length;x++)y.push("update:"+Y[x]);var Z=a.vueDefineComponent({name:"ChipListComponent",mixins:[a.ComponentBase],props:c,watch:i,emits:y,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.ChipList({}),propKeys:W,models:X,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-chips":"e-chip"},tagNameMapper:{},isVue3:!a.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 t=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var c=o[a];this.destroyPortals(c)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},add:function(e){return this.ej2Instances.add(e)},destroy:function(){return this.ej2Instances.destroy()},find:function(e){return this.ej2Instances.find(e)},getSelectedChips:function(){return this.ej2Instances.getSelectedChips()},remove:function(e){return this.ej2Instances.remove(e)},select:function(e,t){return this.ej2Instances.select(e,t)}}}),ee={name:"ejs-chiplist",install:function(e){e.component(ee.name,Z),e.component($.name,b),e.component(C.name,P)}},te=["isLazyUpdate","plugins","content","cssClass","disabled","enableHtmlSanitizer","enablePersistence","enableRtl","iconCss","iconPosition","isPrimary","isToggle","locale","position","target","visible","created"],se=[],c=a.getProps({props:te}),i=c[0],c=c[1],k=Object.keys(c);k.push("modelchanged","update:modelValue");for(var E=0,ne=se;E<ne.length;E++)k.push("update:"+ne[E]);var ie=a.vueDefineComponent({name:"FabComponent",mixins:[a.ComponentBase],props:i,watch:c,emits:k,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Fab({}),propKeys:te,models:se,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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 t=null;return(a.isExecute?e:a.gh)("button",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var c=o[a];this.destroyPortals(c)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},click:function(){return this.ej2Instances.click()},destroy:function(){return this.ej2Instances.destroy()},focusIn:function(){return this.ej2Instances.focusIn()},refreshPosition:function(){return this.ej2Instances.refreshPosition()}}}),ae={name:"ejs-fab",install:function(e){e.component(ae.name,ie)}},V=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-speeddial-items"}}}),O={name:"e-speeddial-items",install:function(e){e.component(O.name,V)}},D=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-speeddial-item"}}}),T={name:"e-speeddial-item",install:function(e){e.component(T.name,D)}},oe=["isLazyUpdate","plugins","animation","closeIconCss","content","cssClass","direction","disabled","enablePersistence","enableRtl","iconPosition","isPrimary","itemTemplate","items","locale","modal","mode","openIconCss","opensOnHover","popupTemplate","position","radialSettings","target","visible","beforeClose","beforeItemRender","beforeOpen","clicked","created","onClose","onOpen"],ce=["visible"],i=a.getProps({props:oe}),c=i[0],i=i[1],_=Object.keys(i);_.push("modelchanged","update:modelValue");for(var M=0,le=ce;M<le.length;M++)_.push("update:"+le[M]);var re=a.vueDefineComponent({name:"SpeedDialComponent",mixins:[a.ComponentBase],props:c,watch:i,emits:_,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.SpeedDial({}),propKeys:oe,models:ce,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-speeddial-items":"e-speeddial-item"},tagNameMapper:{"e-speeddial-items":"e-items"},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,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 t=null;return(a.isExecute?e:a.gh)("button",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var c=o[a];this.destroyPortals(c)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},createPopup:function(){return this.ej2Instances.createPopup()},destroy:function(){return this.ej2Instances.destroy()},hide:function(){return this.ej2Instances.hide()},refreshPosition:function(){return this.ej2Instances.refreshPosition()},show:function(){return this.ej2Instances.show()}}}),ue={name:"ejs-speeddial",install:function(e){e.component(ue.name,re),e.component(T.name,D),e.component(O.name,V)}},he=["isLazyUpdate","plugins","aiAssistHandler","content","cssClass","disabled","enableHtmlSanitizer","enablePersistence","enableRtl","iconCss","iconPosition","isPrimary","isToggle","locale","created"],de=[],c=a.getProps({props:he}),i=c[0],c=c[1],S=Object.keys(c);S.push("modelchanged","update:modelValue");for(var U=0,pe=de;U<pe.length;U++)S.push("update:"+pe[U]);var me=a.vueDefineComponent({name:"SmartPasteButtonComponent",mixins:[a.ComponentBase],props:i,watch:c,emits:S,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.SmartPasteButton({}),propKeys:he,models:de,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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 t=null;return(a.isExecute?e:a.gh)("button",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var c=o[a];this.destroyPortals(c)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},custom:function(){this.updated()},click:function(){return this.ej2Instances.click()},destroy:function(){return this.ej2Instances.destroy()},focusIn:function(){return this.ej2Instances.focusIn()}}}),fe={name:"ejs-smartpastebutton",install:function(e){e.component(fe.name,me)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.ButtonComponent=h,t.ButtonPlugin=d,t.CheckBoxComponent=N,t.CheckBoxPlugin=L,t.ChipDirective=b,t.ChipListComponent=Z,t.ChipListPlugin=ee,t.ChipPlugin=$,t.ChipsDirective=P,t.ChipsPlugin=C,t.FabComponent=ie,t.FabPlugin=ae,t.RadioButtonComponent=q,t.RadioButtonPlugin=A,t.SmartPasteButtonComponent=me,t.SmartPasteButtonPlugin=fe,t.SpeedDialComponent=re,t.SpeedDialItemDirective=D,t.SpeedDialItemPlugin=T,t.SpeedDialItemsDirective=V,t.SpeedDialItemsPlugin=O,t.SpeedDialPlugin=ue,t.SwitchComponent=J,t.SwitchPlugin=Q,Object.defineProperty(t,"__esModule",{value:!0})}); //# sourceMappingURL=ej2-vue-buttons.umd.min.js.map