@syncfusion/ej2-buttons - npm Package Compare versions

Comparing version 18.4.46 to 19.1.54

dist/ej2-buttons.umd.min.js

 /*!
 *  filename: ej2-buttons.umd.min.js
-*  version : 18.4.46
+*  version : 19.1.54
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Base)}(this,function(e,t){"use strict";function i(e,i,s,n,r,a){var l=n;if(n.tagName===i){var o=t.getValue("ej2_instances",n);l=e("input",{attrs:{type:s}});for(var c=["change","cssClass","label","labelPosition","id"],h=0,p=n.attributes.length;h<p;h++)-1===c.indexOf(n.attributes[h].nodeName)&&l.setAttribute(n.attributes[h].nodeName,n.attributes[h].nodeValue);t.attributes(n,{class:r,role:a,"aria-checked":"false"}),n.appendChild(l),t.setValue("ej2_instances",o,l),t.deleteObject(n,"ej2_instances")}return l}function s(e){for(var t,i=e.childNodes,s=0;s<i.length;s++)if(3===(t=i[s]).nodeType)return t;return null}function n(e,i,s){"INPUT"===s?(i.parentNode.insertBefore(e.element,i),t.detach(i),e.element.checked=!1,["name","value","disabled"].forEach(function(t){e.element.removeAttribute(t)})):(["role","aria-checked","class"].forEach(function(e){i.removeAttribute(e)}),i.innerHTML="")}function r(e,s,n,r,a){r=i(e.createElement,s,"checkbox",r,n,a),e.element=r,"checkbox"!==e.element.getAttribute("type")&&e.element.setAttribute("type","checkbox"),e.element.id||(e.element.id=t.getUniqueID("e-"+a))}function a(e,t){if(t){var i=document.createEvent("MouseEvents");i.initEvent(e.type,!1,!0),t.dispatchEvent(i)}}function l(e,t){e.element.getAttribute("ejs-for")&&t.appendChild(e.createElement("input",{attrs:{name:e.name||e.element.name,value:"false",type:"hidden"}}))}var o=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),c=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},h=new t.Observer,p="e-rtl",d="e-btn",u="e-primary",m="e-icon-btn",f=function(e){function i(t,i){return e.call(this,t,i)||this}return o(i,e),i.prototype.preRender=function(){},i.prototype.render=function(){this.initialize(),this.removeRippleEffect=t.rippleEffect(this.element,{selector:"."+d}),this.renderComplete()},i.prototype.initialize=function(){if(this.cssClass&&t.addClass([this.element],this.cssClass.split(" ")),this.isPrimary&&this.element.classList.add(u),!t.isBlazor()||t.isBlazor()&&"progress-btn"!==this.getModuleName()){if(this.content){var e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(this.content):this.content;this.element.innerHTML=e}this.setIconCss()}this.enableRtl&&this.element.classList.add(p),this.disabled?this.controlStatus(this.disabled):this.wireEvents()},i.prototype.controlStatus=function(e){this.element.disabled=e},i.prototype.setIconCss=function(){if(this.iconCss){var e=this.createElement("span",{className:"e-btn-icon "+this.iconCss});this.element.textContent.trim()?(e.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add(m);var t=this.element.childNodes[0];!t||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?this.element.appendChild(e):this.element.insertBefore(e,t)}},i.prototype.wireEvents=function(){this.isToggle&&t.EventHandler.add(this.element,"click",this.btnClickHandler,this)},i.prototype.unWireEvents=function(){this.isToggle&&t.EventHandler.remove(this.element,"click",this.btnClickHandler)},i.prototype.btnClickHandler=function(){this.element.classList.contains("e-active")?this.element.classList.remove("e-active"):this.element.classList.add("e-active")},i.prototype.destroy=function(){var i,s=[u,p,m,"e-success","e-info","e-danger","e-warning","e-flat","e-outline","e-small","e-bigger","e-active","e-round","e-top-icon-btn","e-bottom-icon-btn"];this.cssClass&&(s=s.concat(this.cssClass.split(" "))),e.prototype.destroy.call(this),t.removeClass([this.element],s),this.element.getAttribute("class")||this.element.removeAttribute("class"),this.disabled&&this.element.removeAttribute("disabled"),this.content&&(this.element.innerHTML=this.element.innerHTML.replace(this.content,"")),(i=this.element.querySelector("span.e-btn-icon"))&&t.detach(i),this.unWireEvents(),t.isRippleEnabled&&this.removeRippleEffect()},i.prototype.getModuleName=function(){return"btn"},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.Inject=function(){},i.prototype.onPropertyChanged=function(e,i){for(var n=0,r=Object.keys(e);n<r.length;n++){switch(r[n]){case"isPrimary":e.isPrimary?this.element.classList.add(u):this.element.classList.remove(u);break;case"disabled":this.controlStatus(e.disabled);break;case"iconCss":var a=this.element.querySelector("span.e-btn-icon");a?e.iconCss?(a.className="e-btn-icon "+e.iconCss,this.element.textContent.trim()&&("Left"===this.iconPosition?a.classList.add("e-icon-left"):a.classList.add("e-icon-right"))):t.detach(a):this.setIconCss();break;case"iconPosition":t.removeClass([this.element],["e-top-icon-btn","e-bottom-icon-btn"]),(a=this.element.querySelector("span.e-btn-icon"))&&t.detach(a),this.setIconCss();break;case"cssClass":i.cssClass&&t.removeClass([this.element],i.cssClass.split(" ")),e.cssClass&&t.addClass([this.element],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?this.element.classList.add(p):this.element.classList.remove(p);break;case"content":s(this.element)||this.element.classList.remove(m),(!t.isBlazor()||t.isBlazor()&&!this.isServerRendered&&"progress-btn"!==this.getModuleName())&&(this.enableHtmlSanitizer&&(e.content=t.SanitizeHtmlHelper.sanitize(e.content)),this.element.innerHTML=e.content,this.setIconCss());break;case"isToggle":e.isToggle?t.EventHandler.add(this.element,"click",this.btnClickHandler,this):(t.EventHandler.remove(this.element,"click",this.btnClickHandler),t.removeClass([this.element],["e-active"]))}}},i.prototype.click=function(){this.element.click()},i.prototype.focusIn=function(){this.element.focus()},c([t.Property("Left")],i.prototype,"iconPosition",void 0),c([t.Property("")],i.prototype,"iconCss",void 0),c([t.Property(!1)],i.prototype,"disabled",void 0),c([t.Property(!1)],i.prototype,"isPrimary",void 0),c([t.Property("")],i.prototype,"cssClass",void 0),c([t.Property("")],i.prototype,"content",void 0),c([t.Property(!1)],i.prototype,"isToggle",void 0),c([t.Property()],i.prototype,"locale",void 0),c([t.Property(!1)],i.prototype,"enableHtmlSanitizer",void 0),c([t.Event()],i.prototype,"created",void 0),i=c([t.NotifyPropertyChanges],i)}(t.Component),v=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),y=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},b="e-checkbox-disabled",g="e-frame",C="e-ripple-container",k="e-ripple-check",E="e-ripple-stop",H="e-checkbox-wrapper",S=["title","class","style","disabled","readonly","name","value"],A=function(e){function s(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s.isMouseClick=!1,s}return v(s,e),s.prototype.changeState=function(e){var i,s,n=this.getWrapper().getElementsByClassName(g)[0];t.isRippleEnabled&&(s=this.getWrapper().getElementsByClassName(C)[0]),"check"===e?(n.classList.remove("e-stop"),n.classList.add("e-check"),s&&(s.classList.remove(E),s.classList.add(k)),i="true",this.element.checked=!0):"uncheck"===e?(t.removeClass([n],["e-check","e-stop"]),s&&t.removeClass([s],[k,E]),i="false",this.element.checked=!1):(n.classList.remove("e-check"),n.classList.add("e-stop"),s&&(s.classList.remove(k),s.classList.add(E)),i="mixed",this.element.indeterminate=!0),this.getWrapper().setAttribute("aria-checked",i)},s.prototype.clickHandler=function(e){this.isMouseClick&&(this.focusOutHandler(),this.isMouseClick=!1),this.indeterminate?(this.changeState(this.checked?"check":"uncheck"),this.indeterminate=!1,this.element.indeterminate=!1):this.checked?(this.changeState("uncheck"),this.checked=!1):(this.changeState("check"),this.checked=!0);var t={checked:this.updateVueArrayModel(!1),event:e};this.trigger("change",t),e.stopPropagation()},s.prototype.destroy=function(){var i=this,s=this.getWrapper();e.prototype.destroy.call(this),this.wrapper&&(s=this.wrapper,this.disabled||this.unWireEvents(),"INPUT"===this.tagName?(this.getWrapper()&&s.parentNode&&s.parentNode.insertBefore(this.element,s),t.detach(s),this.element.checked=!1,this.indeterminate&&(this.element.indeterminate=!1),["name","value","disabled"].forEach(function(e){i.element.removeAttribute(e)})):(["role","aria-checked","class"].forEach(function(e){s.removeAttribute(e)}),s.innerHTML=""))},s.prototype.focusHandler=function(){this.isFocused=!0},s.prototype.focusOutHandler=function(){var e=this.getWrapper();e&&e.classList.remove("e-focus"),this.isFocused=!1},s.prototype.getModuleName=function(){return"checkbox"},s.prototype.getPersistData=function(){return this.addOnPersist(["checked","indeterminate"])},s.prototype.getWrapper=function(){return this.element&&this.element.parentElement?this.element.parentElement.parentElement:null},s.prototype.initialize=function(){t.isNullOrUndefined(this.initialCheckedValue)&&(this.initialCheckedValue=this.checked),this.name&&this.element.setAttribute("name",this.name),this.value&&(this.element.setAttribute("value",this.value),this.isVue&&"boolean"==typeof this.value&&!0===this.value&&this.setProperties({checked:!0},!0)),this.checked&&this.changeState("check"),this.indeterminate&&this.changeState(),this.disabled&&this.setDisabled()},s.prototype.initWrapper=function(){var e=this.element.parentElement;e.classList.contains(H)||(e=this.createElement("div",{className:H,attrs:{role:"checkbox","aria-checked":"false"}}),this.element.parentNode.insertBefore(e,this.element));var i=this.createElement("label",{attrs:{for:this.element.id}}),s=this.createElement("span",{className:"e-icons "+g});if(e.classList.add("e-wrapper"),this.enableRtl&&e.classList.add("e-rtl"),this.cssClass&&t.addClass([e],this.cssClass.split(" ")),e.appendChild(i),i.appendChild(this.element),l(this,i),i.appendChild(s),t.isRippleEnabled){var n=this.createElement("span",{className:C});"Before"===this.labelPosition?i.appendChild(n):i.insertBefore(n,s),t.rippleEffect(n,{duration:400,isCenterRipple:!0})}this.label&&this.setText(this.label)},s.prototype.keyUpHandler=function(){this.isFocused&&this.getWrapper().classList.add("e-focus")},s.prototype.labelMouseHandler=function(e){this.isMouseClick=!0;a(e,this.getWrapper().getElementsByClassName(C)[0])},s.prototype.onPropertyChanged=function(e,i){for(var s=this.getWrapper(),n=0,r=Object.keys(e);n<r.length;n++){switch(r[n]){case"checked":this.indeterminate=!1,this.element.indeterminate=!1,this.changeState(e.checked?"check":"uncheck");break;case"indeterminate":e.indeterminate?this.changeState():(this.element.indeterminate=!1,this.changeState(this.checked?"check":"uncheck"));break;case"disabled":e.disabled?(this.setDisabled(),this.wrapper=this.getWrapper(),this.unWireEvents()):(this.element.disabled=!1,s.classList.remove(b),s.setAttribute("aria-disabled","false"),this.wireEvents());break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"label":this.setText(e.label);break;case"labelPosition":var a=s.getElementsByClassName("e-label")[0],l=s.getElementsByTagName("label")[0];t.detach(a),"After"===e.labelPosition?l.appendChild(a):l.insertBefore(a,s.getElementsByClassName(g)[0]);break;case"name":this.element.setAttribute("name",e.name);break;case"value":if(this.isVue&&"object"==typeof e.value)break;this.element.setAttribute("value",e.value);break;case"htmlAttributes":this.updateHtmlAttributeToWrapper()}}},s.prototype.preRender=function(){var e=this.element;this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,e=i(this.createElement,"EJS-CHECKBOX","checkbox",e,H,"checkbox"),this.element=e,"checkbox"!==this.element.getAttribute("type")&&this.element.setAttribute("type","checkbox"),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.initialize(),this.disabled||this.wireEvents(),this.updateHtmlAttributeToWrapper(),this.updateVueArrayModel(!0),this.renderComplete(),this.wrapper=this.getWrapper()},s.prototype.setDisabled=function(){var e=this.getWrapper();this.element.disabled=!0,e.classList.add(b),e.setAttribute("aria-disabled","true")},s.prototype.setText=function(e){var i=this.getWrapper();if(i){var s=i.getElementsByClassName("e-label")[0];if(s)s.textContent=e;else{e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e):e,s=this.createElement("span",{className:"e-label",innerHTML:e});var n=i.getElementsByTagName("label")[0];"Before"===this.labelPosition?n.insertBefore(s,i.getElementsByClassName(g)[0]):n.appendChild(s)}}},s.prototype.changeHandler=function(e){e.stopPropagation()},s.prototype.formResetHandler=function(){this.checked=this.initialCheckedValue,this.element.checked=this.initialCheckedValue},s.prototype.unWireEvents=function(){var e=this.wrapper;t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keyup",this.keyUpHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler);var i=e.getElementsByTagName("label")[0];t.EventHandler.remove(i,"mousedown",this.labelMouseHandler),t.EventHandler.remove(i,"mouseup",this.labelMouseHandler),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler),"EJS-CHECKBOX"===this.tagName&&t.EventHandler.remove(this.element,"change",this.changeHandler)},s.prototype.wireEvents=function(){var e=this.getWrapper();t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keyup",this.keyUpHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this);var i=e.getElementsByTagName("label")[0];t.EventHandler.add(i,"mousedown",this.labelMouseHandler,this),t.EventHandler.add(i,"mouseup",this.labelMouseHandler,this),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this),"EJS-CHECKBOX"===this.tagName&&t.EventHandler.add(this.element,"change",this.changeHandler,this)},s.prototype.updateVueArrayModel=function(e){if(this.isVue&&"object"==typeof this.value){var t=this.element.value;if(t&&this.value){if(!e){var i=this.value.indexOf(t);return this.checked?i<0&&this.value.push(t):i>-1&&this.value.splice(i,1),this.value}for(var s=0;s<this.value.length;s++)t===this.value[s]&&(this.changeState("check"),this.setProperties({checked:!0},!0))}}return this.element.checked},s.prototype.updateHtmlAttributeToWrapper=function(){if(!t.isNullOrUndefined(this.htmlAttributes))for(var e=0,i=Object.keys(this.htmlAttributes);e<i.length;e++){var s=i[e];if(S.indexOf(s)>-1){var n=this.getWrapper();if("class"===s)t.addClass([n],this.htmlAttributes[s].split(" "));else if("title"===s)n.setAttribute(s,this.htmlAttributes[s]);else if("style"===s){this.getWrapper().getElementsByClassName(g)[0].setAttribute(s,this.htmlAttributes[s])}else this.element.setAttribute(s,this.htmlAttributes[s])}}},s.prototype.click=function(){this.element.click()},s.prototype.focusIn=function(){this.element.focus()},y([t.Event()],s.prototype,"change",void 0),y([t.Event()],s.prototype,"created",void 0),y([t.Property(!1)],s.prototype,"checked",void 0),y([t.Property("")],s.prototype,"cssClass",void 0),y([t.Property(!1)],s.prototype,"disabled",void 0),y([t.Property(!1)],s.prototype,"indeterminate",void 0),y([t.Property("")],s.prototype,"label",void 0),y([t.Property("After")],s.prototype,"labelPosition",void 0),y([t.Property("")],s.prototype,"name",void 0),y([t.Property("")],s.prototype,"value",void 0),y([t.Property(!1)],s.prototype,"enableHtmlSanitizer",void 0),y([t.Property({})],s.prototype,"htmlAttributes",void 0),s=y([t.NotifyPropertyChanges],s)}(t.Component),P=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),x=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},L="e-label",N="e-ripple-container",w="e-radio-wrapper",O=["title","class","style","disabled","readonly","name","value"],T=function(e){function s(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s}P(s,e),n=s,s.prototype.changeHandler=function(e){this.checked=!0,this.dataBind();var t=this.element.getAttribute("value");t=this.isVue&&t?this.element.value:this.value,this.trigger("change",{value:t,event:e}),"EJS-RADIOBUTTON"===this.tagName&&e.stopPropagation()},s.prototype.updateChange=function(){for(var e,i,s=this.getRadioGroup(),r=0;r<s.length;r++)(e=s[r])!==this.element&&((i=t.getInstance(e,n)).checked=!1,"EJS-RADIOBUTTON"===this.tagName&&(i.angularValue=this.value))},s.prototype.destroy=function(){var i=this,s=this.element.parentElement;e.prototype.destroy.call(this),this.disabled||this.unWireEvents(),"INPUT"===this.tagName?(s.parentNode&&s.parentNode.insertBefore(this.element,s),t.detach(s),this.element.checked=!1,["name","value","disabled"].forEach(function(e){i.element.removeAttribute(e)})):(["role","aria-checked","class"].forEach(function(e){s.removeAttribute(e)}),s.innerHTML="")},s.prototype.focusHandler=function(){this.isFocused=!0},s.prototype.focusOutHandler=function(){var e=this.getLabel();e&&e.classList.remove("e-focus")},s.prototype.getModuleName=function(){return"radio"},s.prototype.getSelectedValue=function(){for(var e,t=this.getRadioGroup(),i=0,s=t.length;i<s;i++)if((e=t[i]).checked)return e.value;return""},s.prototype.getRadioGroup=function(){return document.querySelectorAll('input.e-radio[name="'+this.element.getAttribute("name")+'"]')},s.prototype.getPersistData=function(){return this.addOnPersist(["checked"])},s.prototype.getLabel=function(){return this.element?this.element.nextElementSibling:null},s.prototype.initialize=function(){t.isNullOrUndefined(this.initialCheckedValue)&&(this.initialCheckedValue=this.checked),this.initWrapper(),this.updateHtmlAttribute(),this.name&&this.element.setAttribute("name",this.name);var e=this.element.getAttribute("value");this.isVue&&e&&e===this.value&&(this.checked=!0),(this.isVue?this.value&&!e:this.value)&&this.element.setAttribute("value",this.value),this.checked&&(this.element.checked=!0),this.disabled&&this.setDisabled()},s.prototype.initWrapper=function(){var e,i=this.element.parentElement;i.classList.contains(w)||(i=this.createElement("div",{className:w}),this.element.parentNode.insertBefore(i,this.element));var s=this.createElement("label",{attrs:{for:this.element.id}});i.appendChild(this.element),i.appendChild(s),t.isRippleEnabled&&(e=this.createElement("span",{className:N}),s.appendChild(e),t.rippleEffect(e,{duration:400,isCenterRipple:!0})),i.classList.add("e-wrapper"),this.enableRtl&&s.classList.add("e-rtl"),this.cssClass&&t.addClass([s],this.cssClass.split(" ")),this.label&&this.setText(this.label)},s.prototype.keyUpHandler=function(){this.isFocused&&this.getLabel().classList.add("e-focus")},s.prototype.labelRippleHandler=function(e){a(e,this.getLabel().getElementsByClassName(N)[0])},s.prototype.formResetHandler=function(){this.checked=this.initialCheckedValue,this.initialCheckedValue&&t.attributes(this.element,{checked:"true"})},s.prototype.onPropertyChanged=function(e,i){for(var s=this.getLabel(),n=0,r=Object.keys(e);n<r.length;n++){switch(r[n]){case"checked":e.checked&&this.updateChange(),this.element.checked=e.checked;break;case"disabled":e.disabled?(this.setDisabled(),this.unWireEvents()):(this.element.disabled=!1,this.wireEvents());break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"label":this.setText(e.label);break;case"labelPosition":"Before"===e.labelPosition?s.classList.add("e-right"):s.classList.remove("e-right");break;case"name":this.element.setAttribute("name",e.name);break;case"value":if(!t.isNullOrUndefined(this.htmlAttributes)&&this.htmlAttributes.value)break;this.element.setAttribute("value",e.value);break;case"htmlAttributes":this.updateHtmlAttribute()}}},s.prototype.preRender=function(){var e=this.element;if(this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,e=i(this.createElement,"EJS-RADIOBUTTON","radio",e,w,"radio"),this.element=e,"radio"!==this.element.getAttribute("type")&&this.element.setAttribute("type","radio"),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName())),"EJS-RADIOBUTTON"===this.tagName){var s=this.element.getAttribute("formcontrolname");s&&(this.setProperties({name:s},!0),this.element.setAttribute("name",s))}},s.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},s.prototype.setDisabled=function(){this.element.disabled=!0},s.prototype.setText=function(e){var i=this.getLabel();if(i){var s=i.getElementsByClassName(L)[0];s?s.textContent=e:(e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e):e,s=this.createElement("span",{className:L,innerHTML:e}),i.appendChild(s)),"Before"===this.labelPosition?this.getLabel().classList.add("e-right"):this.getLabel().classList.remove("e-right")}},s.prototype.updateHtmlAttribute=function(){if(!t.isNullOrUndefined(this.htmlAttributes))for(var e=0,i=Object.keys(this.htmlAttributes);e<i.length;e++){var s=i[e];if(O.indexOf(s)>-1){var n=this.element.parentElement;"class"===s?t.addClass([n],this.htmlAttributes[s].split(" ")):"title"===s||"style"===s?n.setAttribute(s,this.htmlAttributes[s]):this.element.setAttribute(s,this.htmlAttributes[s])}}},s.prototype.unWireEvents=function(){var e=this.getLabel();t.EventHandler.remove(this.element,"change",this.changeHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"keyup",this.keyUpHandler);var i=e.getElementsByClassName(L)[0];i&&(t.EventHandler.remove(i,"mousedown",this.labelRippleHandler),t.EventHandler.remove(i,"mouseup",this.labelRippleHandler)),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler)},s.prototype.wireEvents=function(){var e=this.getLabel();t.EventHandler.add(this.element,"change",this.changeHandler,this),t.EventHandler.add(this.element,"keyup",this.keyUpHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this);var i=e.getElementsByClassName(L)[0];i&&(t.EventHandler.add(i,"mousedown",this.labelRippleHandler,this),t.EventHandler.add(i,"mouseup",this.labelRippleHandler,this)),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this)},s.prototype.click=function(){this.element.click()},s.prototype.focusIn=function(){this.element.focus()};var n;return x([t.Event()],s.prototype,"change",void 0),x([t.Event()],s.prototype,"created",void 0),x([t.Property(!1)],s.prototype,"checked",void 0),x([t.Property("")],s.prototype,"cssClass",void 0),x([t.Property(!1)],s.prototype,"disabled",void 0),x([t.Property("")],s.prototype,"label",void 0),x([t.Property("After")],s.prototype,"labelPosition",void 0),x([t.Property("")],s.prototype,"name",void 0),x([t.Property("")],s.prototype,"value",void 0),x([t.Property(!1)],s.prototype,"enableHtmlSanitizer",void 0),x([t.Property({})],s.prototype,"htmlAttributes",void 0),s=n=x([t.NotifyPropertyChanges],s)}(t.Component),R=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),I=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},B="e-switch-disabled",j="e-ripple-container",W="e-ripple-check",M="e-switch-wrapper",U="e-switch-active",_=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s.isDrag=!1,s}return R(i,e),i.prototype.changeState=function(e){var i,s,n=this.getWrapper(),r=n.querySelector(".e-switch-inner"),a=n.querySelector(".e-switch-handle");t.isRippleEnabled&&(s=n.getElementsByClassName(j)[0]),e?(t.addClass([r,a],U),i="true",this.element.checked=!0,this.checked=!0,s&&t.addClass([s],[W])):(t.removeClass([r,a],U),i="false",this.element.checked=!1,this.checked=!1,s&&t.removeClass([s],[W])),n.setAttribute("aria-checked",i)},i.prototype.clickHandler=function(e){this.isDrag=!1,this.focusOutHandler(),this.changeState(!this.checked),this.element.focus();var t={checked:this.element.checked,event:e};this.trigger("change",t)},i.prototype.destroy=function(){e.prototype.destroy.call(this),this.disabled||this.unWireEvents(),n(this,this.getWrapper(),this.tagName)},i.prototype.focusHandler=function(){this.isFocused=!0},i.prototype.focusOutHandler=function(){this.getWrapper().classList.remove("e-focus")},i.prototype.getModuleName=function(){return"switch"},i.prototype.getPersistData=function(){return this.addOnPersist(["checked"])},i.prototype.getWrapper=function(){return this.element.parentElement},i.prototype.initialize=function(){t.isNullOrUndefined(this.initialSwitchCheckedValue)&&(this.initialSwitchCheckedValue=this.checked),this.name&&this.element.setAttribute("name",this.name),this.value&&this.element.setAttribute("value",this.value),this.checked&&this.changeState(!0),this.disabled&&this.setDisabled(),(this.onLabel||this.offLabel)&&this.setLabel(this.onLabel,this.offLabel)},i.prototype.initWrapper=function(){var e=this.element.parentElement;e.classList.contains(M)||(e=this.createElement("div",{className:M,attrs:{role:"switch","aria-checked":"false"}}),this.element.parentNode.insertBefore(e,this.element));var i=this.createElement("span",{className:"e-switch-inner"}),s=this.createElement("span",{className:"e-switch-on"}),n=this.createElement("span",{className:"e-switch-off"}),r=this.createElement("span",{className:"e-switch-handle"});if(e.appendChild(this.element),l(this,e),i.appendChild(s),i.appendChild(n),e.appendChild(i),e.appendChild(r),t.isRippleEnabled){var a=this.createElement("span",{className:j});r.appendChild(a),t.rippleEffect(a,{duration:400,isCenterRipple:!0})}e.classList.add("e-wrapper"),this.enableRtl&&e.classList.add("e-rtl"),this.cssClass&&t.addClass([e],this.cssClass.split(" "))},i.prototype.onPropertyChanged=function(e,i){for(var s=this.getWrapper(),n=0,r=Object.keys(e);n<r.length;n++){switch(r[n]){case"checked":this.changeState(e.checked);break;case"disabled":e.disabled?(this.setDisabled(),this.unWireEvents()):(this.element.disabled=!1,s.classList.remove(B),s.setAttribute("aria-disabled","false"),this.wireEvents());break;case"value":this.element.setAttribute("value",e.value);break;case"name":this.element.setAttribute("name",e.name);break;case"onLabel":case"offLabel":this.setLabel(e.onLabel,e.offLabel);break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "))}}},i.prototype.preRender=function(){var e=this.element;this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,r(this,"EJS-SWITCH",M,e,this.getModuleName())},i.prototype.render=function(){this.initWrapper(),this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},i.prototype.rippleHandler=function(e){a(e,this.getWrapper().getElementsByClassName(j)[0]),"mousedown"===e.type&&e.currentTarget.classList.contains("e-switch-wrapper")&&1===e.which&&(this.isDrag=!0,this.isFocused=!1)},i.prototype.rippleTouchHandler=function(e){var t=this.getWrapper().getElementsByClassName(j)[0];if(t){var i=document.createEvent("MouseEvents");i.initEvent(e,!1,!0),t.dispatchEvent(i)}},i.prototype.setDisabled=function(){var e=this.getWrapper();this.element.disabled=!0,e.classList.add(B),e.setAttribute("aria-disabled","true")},i.prototype.setLabel=function(e,t){var i=this.getWrapper();e&&(i.querySelector(".e-switch-on").textContent=e),t&&(i.querySelector(".e-switch-off").textContent=t)},i.prototype.switchFocusHandler=function(){this.isFocused&&this.getWrapper().classList.add("e-focus")},i.prototype.switchMouseUp=function(e){var t=e.target;this.getWrapper().getElementsByClassName(j)[0];"touchmove"===e.type&&e.preventDefault(),"touchstart"===e.type&&(this.isDrag=!0,this.rippleTouchHandler("mousedown")),this.isDrag&&("mouseup"===e.type&&t.className.indexOf("e-switch")<0||"touchend"===e.type)&&(this.clickHandler(e),this.rippleTouchHandler("mouseup"),e.preventDefault())},i.prototype.formResetHandler=function(){this.checked=this.initialSwitchCheckedValue,this.element.checked=this.initialSwitchCheckedValue},i.prototype.toggle=function(){this.clickHandler()},i.prototype.wireEvents=function(){var e=this.getWrapper();e.querySelector(".e-switch-handle");this.delegateMouseUpHandler=this.switchMouseUp.bind(this),this.delegateKeyUpHandler=this.switchFocusHandler.bind(this),t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this),t.EventHandler.add(this.element,"mouseup",this.delegateMouseUpHandler,this),t.EventHandler.add(this.element,"keyup",this.delegateKeyUpHandler,this),t.EventHandler.add(e,"mousedown mouseup",this.rippleHandler,this),t.EventHandler.add(e,"touchstart touchmove touchend",this.switchMouseUp,this),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this)},i.prototype.unWireEvents=function(){var e=this.getWrapper();e.querySelector(".e-switch-handle");t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"mouseup",this.delegateMouseUpHandler),t.EventHandler.remove(this.element,"keyup",this.delegateKeyUpHandler),t.EventHandler.remove(e,"mousedown mouseup",this.rippleHandler),t.EventHandler.remove(e,"touchstart touchmove touchend",this.switchMouseUp),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler)},i.prototype.click=function(){this.element.click()},i.prototype.focusIn=function(){this.element.focus()},I([t.Event()],i.prototype,"change",void 0),I([t.Event()],i.prototype,"created",void 0),I([t.Property(!1)],i.prototype,"checked",void 0),I([t.Property("")],i.prototype,"cssClass",void 0),I([t.Property(!1)],i.prototype,"disabled",void 0),I([t.Property("")],i.prototype,"name",void 0),I([t.Property("")],i.prototype,"onLabel",void 0),I([t.Property("")],i.prototype,"offLabel",void 0),I([t.Property("")],i.prototype,"value",void 0),i=I([t.NotifyPropertyChanges],i)}(t.Component),D=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),z=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},q={chipSet:"e-chip-set",chip:"e-chip",avatar:"e-chip-avatar",text:"e-chip-text",icon:"e-chip-icon",delete:"e-chip-delete",deleteIcon:"e-dlt-btn",multiSelection:"e-multi-selection",singleSelection:"e-selection",active:"e-active",chipWrapper:"e-chip-avatar-wrap",iconWrapper:"e-chip-icon-wrap",focused:"e-focused",disabled:"e-disabled",rtl:"e-rtl"},V=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.multiSelectedChip=[],s}return D(i,e),i.prototype.preRender=function(){},i.prototype.chipType=function(){return this.chips&&this.chips.length&&this.chips.length>0},i.prototype.render=function(){this.type=this.chips.length?"chipset":this.text||this.element.innerText?"chip":"chipset",t.isBlazor()&&this.isServerRendered||(this.setAttributes(),this.createChip(),this.setRtl(),this.select(this.selectedChips,void 0)),this.wireEvent(!1),this.rippleFunction=t.rippleEffect(this.element,{selector:".e-chip"}),this.renderComplete()},i.prototype.createChip=function(){if(this.innerText=this.element.innerText.trim(),t.isBlazor())for(var e=this.element.querySelectorAll(".e-chip"),i=0;i<e.length;i++)null!=e[i]&&t.detach(e[i]);else this.element.innerHTML="";this.chipCreation("chip"===this.type?[this.innerText?this.innerText:this.text]:this.chips)},i.prototype.setAttributes=function(){"chip"===this.type?(this.element.tabIndex=0,this.element.setAttribute("role","option")):(this.element.classList.add(q.chipSet),this.element.setAttribute("role","listbox"),"Multiple"===this.selection?(this.element.classList.add(q.multiSelection),this.element.setAttribute("aria-multiselectable","true")):"Single"===this.selection?(this.element.classList.add(q.singleSelection),this.element.setAttribute("aria-multiselectable","false")):this.element.setAttribute("aria-multiselectable","false"))},i.prototype.setRtl=function(){this.element.classList[this.enableRtl?"add":"remove"](q.rtl)},i.prototype.chipCreation=function(e){for(var i=[],s=0;s<e.length;s++){var n=this.getFieldValues(e[s]),r=this.elementCreation(n),a=(q.chip+" "+(n.enabled?" ":q.disabled)+" "+(n.avatarIconCss||n.avatarText?q.chipWrapper:n.leadingIconCss?q.iconWrapper:" ")+" "+n.cssClass).split(" ").filter(function(e){return e});if(this.chipType()){var l=this.createElement("DIV",{className:a.join(" "),attrs:{tabIndex:"0",role:"option","aria-label":n.text,"aria-selected":"false"}});n.value&&l.setAttribute("data-value",n.value.toString()),t.append(r,l),i.push(l)}else i=r,t.addClass([this.element],a),this.element.setAttribute("aria-label",n.text),n.value&&this.element.setAttribute("data-value",n.value.toString())}t.append(i,this.element)},i.prototype.getFieldValues=function(e){var i=!("false"===this.enabled.toString());return{text:"object"==typeof e?e.text?e.text.toString():this.text.toString():this.chipType()?e.toString():this.innerText?this.innerText:this.text.toString(),cssClass:"object"==typeof e&&e.cssClass?e.cssClass.toString():this.cssClass.toString(),leadingIconCss:"object"==typeof e&&e.leadingIconCss?e.leadingIconCss.toString():this.leadingIconCss.toString(),avatarIconCss:"object"==typeof e&&e.avatarIconCss?e.avatarIconCss.toString():this.avatarIconCss.toString(),avatarText:"object"==typeof e&&e.avatarText?e.avatarText.toString():this.avatarText.toString(),trailingIconCss:"object"==typeof e&&e.trailingIconCss?e.trailingIconCss.toString():this.trailingIconCss.toString(),enabled:"object"==typeof e?t.isNullOrUndefined(e.enabled)?i:"false"!==e.enabled.toString():i,value:"object"==typeof e&&e.value?e.value.toString():null,leadingIconUrl:"object"==typeof e&&e.leadingIconUrl?e.leadingIconUrl.toString():this.leadingIconUrl,trailingIconUrl:"object"==typeof e&&e.trailingIconUrl?e.trailingIconUrl.toString():this.trailingIconUrl}},i.prototype.elementCreation=function(e){var t=[];if(e.avatarText||e.avatarIconCss){var i=(q.avatar+" "+e.avatarIconCss).trim(),s=this.createElement("span",{className:i});s.innerText=e.avatarText,t.push(s)}else if(e.leadingIconCss){i=(q.icon+" "+e.leadingIconCss).trim();var n=this.createElement("span",{className:i});t.push(n)}else if(e.leadingIconUrl){i=(q.avatar+" image-url").trim();(n=this.createElement("span",{className:i})).style.backgroundImage="url("+e.leadingIconUrl+")",t.push(n)}var r=this.createElement("span",{className:q.text});if(r.innerText=e.text,t.push(r),e.trailingIconCss||this.chipType()&&this.enableDelete){i=(q.delete+" "+(e.trailingIconCss?e.trailingIconCss:q.deleteIcon)).trim();var a=this.createElement("span",{className:i});t.push(a)}else if(e.trailingIconUrl){i="trailing-icon-url".trim();var l=this.createElement("span",{className:i});l.style.backgroundImage="url("+e.trailingIconUrl+")",t.push(l)}return t},i.prototype.find=function(e){var t,i=e instanceof HTMLElement?e:this.element.querySelectorAll("."+q.chip)[e];return i&&this.chipType()&&((t={text:void 0,index:void 0,element:void 0,data:void 0}).index=Array.prototype.slice.call(this.element.querySelectorAll("."+q.chip)).indexOf(i),t.text="object"==typeof this.chips[t.index]?this.chips[t.index].text?this.chips[t.index].text.toString():"":this.chips[t.index].toString(),t.data=this.chips[t.index],t.element=i),t},i.prototype.add=function(e){var t;if("chip"!==this.type){var i=e instanceof Array?e:[e];(t=this.chips).push.apply(t,i),this.chipCreation(i)}},i.prototype.select=function(e,t){this.onSelect(e,!1,t)},i.prototype.multiSelection=function(e){for(var t=this.element.querySelectorAll(".e-chip"),i=0;i<e.length;i++)if("string"==typeof e[i]){for(var s=0;s<t.length;s++)if(e[i]!==s&&e[i]===t[s].attributes[5].value){this.multiSelectedChip.push(s);break}}else this.multiSelectedChip.push(e[i])},i.prototype.onSelect=function(e,t,i){var s,n,r;if(this.chipType()&&"None"!==this.selection){if(t)for(var a=this.element.querySelectorAll("."+q.chip),l=0;l<a.length;l++)a[l].setAttribute("aria-selected","false"),a[l].classList.remove(q.active);var o=e instanceof Array?e:[e];for(l=0;l<o.length;l++){var c=o[l]instanceof HTMLElement?o[l]:this.element.querySelectorAll("."+q.chip)[o[l]];if("index"!==i)for(var h=0;h<this.chips.length;h++){n=this.element.querySelectorAll("."+q.chip)[h];var p=this.getFieldValues(this.chips[h]);"value"===i?null!==p.value&&(r=n.dataset.value):"text"===i&&(r=n.innerText),r===o[l].toString()&&(s=h,c=this.element.querySelectorAll("."+q.chip)[s])}c instanceof HTMLElement&&this.selectionHandler(c)}}},i.prototype.remove=function(e){var t=this;if(this.chipType()){var i=e instanceof Array?e:[e],s=[],n=this.element.querySelectorAll("."+q.chip);i.forEach(function(e){var t=e instanceof HTMLElement?e:n[e];t instanceof HTMLElement&&s.push(t)}),s.forEach(function(e){var i=t.element.querySelectorAll("."+q.chip),s=Array.prototype.slice.call(i).indexOf(e);t.deleteHandler(e,s)})}},i.prototype.getSelectedChips=function(){var e;if(this.chipType()&&"None"!==this.selection){for(var i={texts:[],Indexes:[],data:[],elements:[]},s=this.element.querySelectorAll("."+q.active),n=0;n<s.length;n++){var r=s[n];i.elements.push(r);var a=Array.prototype.slice.call(this.element.querySelectorAll("."+q.chip)).indexOf(r);i.Indexes.push(a),i.data.push(this.chips[a]);var l="object"==typeof this.chips[a]?this.chips[a].text?this.chips[a].text.toString():null:this.chips[a].toString();i.texts.push(l)}var o={text:i.texts[0],index:i.Indexes[0],data:i.data[0],element:i.elements[0]};e=t.isNullOrUndefined(o.index)?void 0:"Multiple"===this.selection?i:o}return e},i.prototype.wireEvent=function(e){e?(t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"keydown",this.keyHandler),t.EventHandler.remove(this.element,"keyup",this.keyHandler)):(t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this),t.EventHandler.add(this.element,"keydown",this.keyHandler,this),t.EventHandler.add(this.element,"keyup",this.keyHandler,this))},i.prototype.keyHandler=function(e){e.target.classList.contains(q.chip)&&("keydown"===e.type?13===e.keyCode?this.clickHandler(e):46===e.keyCode&&this.enableDelete&&this.clickHandler(e,!0):9===e.keyCode&&this.focusInHandler(e.target))},i.prototype.focusInHandler=function(e){e.classList.contains(q.focused)||e.classList.add(q.focused)},i.prototype.focusOutHandler=function(e){var i=t.closest(e.target,"."+q.chip),s=this.chipType()?this.element.querySelector("."+q.focused):this.element.classList.contains(q.focused)?this.element:null;i&&s&&s.classList.remove(q.focused)},i.prototype.clickHandler=function(e,i){var s=this;void 0===i&&(i=!1);var n=t.closest(e.target,"."+q.chip);if(n){var r=void 0;if(this.chipType())r=this.find(n);else{var a=Array.prototype.slice.call(this.element.querySelectorAll("."+q.chip)).indexOf(n);r={text:this.innerText?this.innerText:this.text,element:n,data:this.text,index:a}}r.event=e,r.cancel=!1,this.trigger("beforeClick",r,function(n){n.cancel||(n.element=t.isBlazor()?t.getElement(n.element):n.element,s.clickEventHandler(n.element,e,i))})}},i.prototype.clickEventHandler=function(e,i,s){var n=this;if(this.chipType()){var r=this.find(e);r.event=i;if((i.target.classList.contains(q.deleteIcon)?i.target:s?e.querySelector("."+q.deleteIcon):void 0)&&this.enableDelete){r.cancel=!1;var a=r;this.trigger("delete",a,function(e){e.cancel||(e.element=t.isBlazor()?t.getElement(e.element):e.element,n.deleteHandler(e.element,e.index))})}else if("None"!==this.selection){this.selectionHandler(e),r.selected=e.classList.contains(q.active);var l=r;this.trigger("click",l)}else{this.focusInHandler(e);var o=r;this.trigger("click",o)}}else{this.focusInHandler(e);o={text:this.innerText?this.innerText:this.text,element:e,data:this.text,event:i};this.trigger("click",o)}},i.prototype.selectionHandler=function(e){if("Single"===this.selection){var t=this.element.querySelector("."+q.active);t&&t!==e&&(t.classList.remove(q.active),t.setAttribute("aria-selected","false")),this.setProperties({selectedChips:null},!0)}else this.setProperties({selectedChips:[]},!0);e.classList.contains(q.active)?(e.classList.remove(q.active),e.setAttribute("aria-selected","false")):(e.classList.add(q.active),e.setAttribute("aria-selected","true")),this.updateSelectedChips()},i.prototype.updateSelectedChips=function(){for(var e,t=this.element.querySelectorAll(".e-chip"),i=[],s=[],n=null,r=0;r<t.length;r++){var a=this.element.querySelectorAll(".e-chip")[r];if("true"===a.getAttribute("aria-selected")){if(e=a.getAttribute("data-value"),"Single"===this.selection&&a.classList.contains("e-active")){n=e||r;break}e?s.push(e):i.push(r)}}this.setProperties({selectedChips:"Single"===this.selection?n:e?s:i},!0)},i.prototype.deleteHandler=function(e,i){this.allowServerDataBinding=!0,this.chips.splice(i,1),this.setProperties({chips:this.chips},!0),this.serverDataBind(),this.allowServerDataBinding=!1,t.isBlazor()&&this.isServerRendered||t.detach(e)},i.prototype.destroy=function(){if(t.removeClass([this.element],[q.chipSet,q.chip,q.rtl,q.multiSelection,q.singleSelection,q.disabled,q.chipWrapper,q.iconWrapper,q.active,q.focused].concat(this.cssClass.toString().split(" ").filter(function(e){return e}))),this.removeMultipleAttributes(["tabindex","role","aria-label","aria-multiselectable"],this.element),this.wireEvent(!0),this.rippleFunction(),t.isBlazor())for(var i=this.chipType()?this.element.querySelectorAll(".e-chip"):this.element.querySelectorAll(".e-chip-text"),s=0;s<i.length;s++)null!=i[s]&&t.detach(i[s]);else e.prototype.destroy.call(this),this.element.innerHTML="",this.element.innerText=this.innerText},i.prototype.removeMultipleAttributes=function(e,t){e.forEach(function(e){t.removeAttribute(e)})},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.prototype.getModuleName=function(){return"chip-list"},i.prototype.onPropertyChanged=function(e,i){for(var s=0,n=Object.keys(e);s<n.length;s++){switch(n[s]){case"chips":case"text":case"avatarText":case"avatarIconCss":case"leadingIconCss":case"trailingIconCss":case"selection":case"enableDelete":case"enabled":t.isBlazor()&&this.isServerRendered||(this.isServerRendered=!1,this.refresh(),this.isServerRendered=!0);break;case"cssClass":t.isBlazor()&&this.isServerRendered||(this.chipType()?(this.isServerRendered=!1,this.refresh(),this.isServerRendered=!0):(t.removeClass([this.element],i.cssClass.toString().split(" ").filter(function(e){return e})),t.addClass([this.element],e.cssClass.toString().split(" ").filter(function(e){return e}))));break;case"selectedChips":t.removeClass(this.element.querySelectorAll(".e-active"),"e-active");"Multiple"===this.selection?(this.multiSelectedChip=[],this.multiSelection(e.selectedChips),this.onSelect(this.multiSelectedChip,!0,void 0),this.updateSelectedChips()):this.onSelect(e.selectedChips,!0,void 0);break;case"enableRtl":this.setRtl()}}},z([t.Property([])],i.prototype,"chips",void 0),z([t.Property("")],i.prototype,"text",void 0),z([t.Property("")],i.prototype,"avatarText",void 0),z([t.Property("")],i.prototype,"avatarIconCss",void 0),z([t.Property("")],i.prototype,"leadingIconCss",void 0),z([t.Property("")],i.prototype,"trailingIconCss",void 0),z([t.Property("")],i.prototype,"leadingIconUrl",void 0),z([t.Property("")],i.prototype,"trailingIconUrl",void 0),z([t.Property("")],i.prototype,"cssClass",void 0),z([t.Property(!0)],i.prototype,"enabled",void 0),z([t.Property([])],i.prototype,"selectedChips",void 0),z([t.Property("None")],i.prototype,"selection",void 0),z([t.Property(!1)],i.prototype,"enableDelete",void 0),z([t.Event()],i.prototype,"created",void 0),z([t.Event()],i.prototype,"click",void 0),z([t.Event()],i.prototype,"beforeClick",void 0),z([t.Event()],i.prototype,"delete",void 0),i=z([t.NotifyPropertyChanges],i)}(t.Component),F=function(){return function(){}}();e.wrapperInitialize=i,e.getTextNode=s,e.destroy=n,e.preRender=r,e.createCheckBox=function(e,i,s){void 0===i&&(i=!1),void 0===s&&(s={});var n=e("div",{className:"e-checkbox-wrapper e-css"});if(s.cssClass&&t.addClass([n],s.cssClass.split(" ")),s.enableRtl&&n.classList.add("e-rtl"),i){var r=e("span",{className:"e-ripple-container"});t.rippleEffect(r,{isCenterRipple:!0,duration:400}),n.appendChild(r)}var a=e("span",{className:"e-frame e-icons"});if(s.checked&&a.classList.add("e-check"),n.appendChild(a),s.label){var l=e("span",{className:"e-label",innerHTML:s.label});n.appendChild(l)}return n},e.rippleMouseHandler=a,e.setHiddenInput=l,e.buttonObserver=h,e.Button=f,e.CheckBox=A,e.RadioButton=T,e.Switch=_,e.classNames=q,e.ChipList=V,e.Chip=F,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Base)}(this,function(e,t){"use strict";function i(e,i,s,n,r,a){var l=n;if(n.tagName===i){var o=t.getValue("ej2_instances",n);l=e("input",{attrs:{type:s}});for(var c=["change","cssClass","label","labelPosition","id"],h=0,p=n.attributes.length;h<p;h++)-1===c.indexOf(n.attributes[h].nodeName)&&l.setAttribute(n.attributes[h].nodeName,n.attributes[h].nodeValue);t.attributes(n,{class:r,role:a,"aria-checked":"false"}),n.appendChild(l),t.setValue("ej2_instances",o,l),t.deleteObject(n,"ej2_instances")}return l}function s(e){for(var t,i=e.childNodes,s=0;s<i.length;s++)if(3===(t=i[s]).nodeType)return t;return null}function n(e,i,s){"INPUT"===s?(i.parentNode.insertBefore(e.element,i),t.detach(i),e.element.checked=!1,["name","value","disabled"].forEach(function(t){e.element.removeAttribute(t)})):(["role","aria-checked","class"].forEach(function(e){i.removeAttribute(e)}),i.innerHTML="")}function r(e,s,n,r,a){r=i(e.createElement,s,"checkbox",r,n,a),e.element=r,"checkbox"!==e.element.getAttribute("type")&&e.element.setAttribute("type","checkbox"),e.element.id||(e.element.id=t.getUniqueID("e-"+a))}function a(e,t){if(t){var i=document.createEvent("MouseEvents");i.initEvent(e.type,!1,!0),t.dispatchEvent(i)}}function l(e,t){e.element.getAttribute("ejs-for")&&t.appendChild(e.createElement("input",{attrs:{name:e.name||e.element.name,value:"false",type:"hidden"}}))}var o=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),c=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},h=new t.Observer,p="e-rtl",d="e-btn",u="e-primary",m="e-icon-btn",f=function(e){function i(t,i){return e.call(this,t,i)||this}return o(i,e),i.prototype.preRender=function(){},i.prototype.render=function(){this.initialize(),this.removeRippleEffect=t.rippleEffect(this.element,{selector:"."+d}),this.renderComplete()},i.prototype.initialize=function(){if(this.cssClass&&t.addClass([this.element],this.cssClass.split(" ")),this.isPrimary&&this.element.classList.add(u),!t.isBlazor()||t.isBlazor()&&"progress-btn"!==this.getModuleName()){if(this.content){var e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(this.content):this.content;this.element.innerHTML=e}this.setIconCss()}this.enableRtl&&this.element.classList.add(p),this.disabled?this.controlStatus(this.disabled):this.wireEvents()},i.prototype.controlStatus=function(e){this.element.disabled=e},i.prototype.setIconCss=function(){if(this.iconCss){var e=this.createElement("span",{className:"e-btn-icon "+this.iconCss});this.element.textContent.trim()?(e.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add(m);var t=this.element.childNodes[0];!t||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?this.element.appendChild(e):this.element.insertBefore(e,t)}},i.prototype.wireEvents=function(){this.isToggle&&t.EventHandler.add(this.element,"click",this.btnClickHandler,this)},i.prototype.unWireEvents=function(){this.isToggle&&t.EventHandler.remove(this.element,"click",this.btnClickHandler)},i.prototype.btnClickHandler=function(){this.element.classList.contains("e-active")?this.element.classList.remove("e-active"):this.element.classList.add("e-active")},i.prototype.destroy=function(){var i=[u,p,m,"e-success","e-info","e-danger","e-warning","e-flat","e-outline","e-small","e-bigger","e-active","e-round","e-top-icon-btn","e-bottom-icon-btn"];this.cssClass&&(i=i.concat(this.cssClass.split(" "))),e.prototype.destroy.call(this),t.removeClass([this.element],i),this.element.getAttribute("class")||this.element.removeAttribute("class"),this.disabled&&this.element.removeAttribute("disabled"),this.content&&(this.element.innerHTML=this.element.innerHTML.replace(this.content,""));var s=this.element.querySelector("span.e-btn-icon");s&&t.detach(s),this.unWireEvents(),t.isRippleEnabled&&this.removeRippleEffect()},i.prototype.getModuleName=function(){return"btn"},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.Inject=function(){},i.prototype.onPropertyChanged=function(e,i){for(var n=this.element.querySelector("span.e-btn-icon"),r=0,a=Object.keys(e);r<a.length;r++){switch(a[r]){case"isPrimary":e.isPrimary?this.element.classList.add(u):this.element.classList.remove(u);break;case"disabled":this.controlStatus(e.disabled);break;case"iconCss":n?e.iconCss?(n.className="e-btn-icon "+e.iconCss,this.element.textContent.trim()&&("Left"===this.iconPosition?n.classList.add("e-icon-left"):n.classList.add("e-icon-right"))):t.detach(n):this.setIconCss();break;case"iconPosition":t.removeClass([this.element],["e-top-icon-btn","e-bottom-icon-btn"]),(n=this.element.querySelector("span.e-btn-icon"))&&t.detach(n),this.setIconCss();break;case"cssClass":i.cssClass&&t.removeClass([this.element],i.cssClass.split(" ")),e.cssClass&&t.addClass([this.element],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?this.element.classList.add(p):this.element.classList.remove(p);break;case"content":s(this.element)||this.element.classList.remove(m),(!t.isBlazor()||t.isBlazor()&&!this.isServerRendered&&"progress-btn"!==this.getModuleName())&&(this.enableHtmlSanitizer&&(e.content=t.SanitizeHtmlHelper.sanitize(e.content)),this.element.innerHTML=e.content,this.setIconCss());break;case"isToggle":e.isToggle?t.EventHandler.add(this.element,"click",this.btnClickHandler,this):(t.EventHandler.remove(this.element,"click",this.btnClickHandler),t.removeClass([this.element],["e-active"]))}}},i.prototype.click=function(){this.element.click()},i.prototype.focusIn=function(){this.element.focus()},c([t.Property("Left")],i.prototype,"iconPosition",void 0),c([t.Property("")],i.prototype,"iconCss",void 0),c([t.Property(!1)],i.prototype,"disabled",void 0),c([t.Property(!1)],i.prototype,"isPrimary",void 0),c([t.Property("")],i.prototype,"cssClass",void 0),c([t.Property("")],i.prototype,"content",void 0),c([t.Property(!1)],i.prototype,"isToggle",void 0),c([t.Property()],i.prototype,"locale",void 0),c([t.Property(!1)],i.prototype,"enableHtmlSanitizer",void 0),c([t.Event()],i.prototype,"created",void 0),i=c([t.NotifyPropertyChanges],i)}(t.Component),v=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),y=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},b="e-checkbox-disabled",g="e-frame",C="e-ripple-container",k="e-ripple-check",E="e-ripple-stop",H="e-checkbox-wrapper",S=["title","class","style","disabled","readonly","name","value"],A=function(e){function s(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s.isMouseClick=!1,s}return v(s,e),s.prototype.changeState=function(e){var i,s,n=this.getWrapper().getElementsByClassName(g)[0];t.isRippleEnabled&&(s=this.getWrapper().getElementsByClassName(C)[0]),"check"===e?(n.classList.remove("e-stop"),n.classList.add("e-check"),s&&(s.classList.remove(E),s.classList.add(k)),i="true",this.element.checked=!0):"uncheck"===e?(t.removeClass([n],["e-check","e-stop"]),s&&t.removeClass([s],[k,E]),i="false",this.element.checked=!1):(n.classList.remove("e-check"),n.classList.add("e-stop"),s&&(s.classList.remove(k),s.classList.add(E)),i="mixed",this.element.indeterminate=!0),this.getWrapper().setAttribute("aria-checked",i)},s.prototype.clickHandler=function(e){this.isMouseClick&&(this.focusOutHandler(),this.isMouseClick=!1),this.indeterminate?(this.changeState(this.checked?"check":"uncheck"),this.indeterminate=!1,this.element.indeterminate=!1):this.checked?(this.changeState("uncheck"),this.checked=!1):(this.changeState("check"),this.checked=!0);var t={checked:this.updateVueArrayModel(!1),event:e};this.trigger("change",t),e.stopPropagation()},s.prototype.destroy=function(){var i=this,s=this.getWrapper();e.prototype.destroy.call(this),this.wrapper&&(s=this.wrapper,this.disabled||this.unWireEvents(),"INPUT"===this.tagName?(this.getWrapper()&&s.parentNode&&s.parentNode.insertBefore(this.element,s),t.detach(s),this.element.checked=!1,this.indeterminate&&(this.element.indeterminate=!1),["name","value","disabled"].forEach(function(e){i.element.removeAttribute(e)})):(["role","aria-checked","class"].forEach(function(e){s.removeAttribute(e)}),s.innerHTML=""))},s.prototype.focusHandler=function(){this.isFocused=!0},s.prototype.focusOutHandler=function(){var e=this.getWrapper();e&&e.classList.remove("e-focus"),this.isFocused=!1},s.prototype.getModuleName=function(){return"checkbox"},s.prototype.getPersistData=function(){return this.addOnPersist(["checked","indeterminate"])},s.prototype.getWrapper=function(){return this.element&&this.element.parentElement?this.element.parentElement.parentElement:null},s.prototype.initialize=function(){t.isNullOrUndefined(this.initialCheckedValue)&&(this.initialCheckedValue=this.checked),this.name&&this.element.setAttribute("name",this.name),this.value&&(this.element.setAttribute("value",this.value),this.isVue&&"boolean"==typeof this.value&&!0===this.value&&this.setProperties({checked:!0},!0)),this.checked&&this.changeState("check"),this.indeterminate&&this.changeState(),this.disabled&&this.setDisabled()},s.prototype.initWrapper=function(){var e=this.element.parentElement;e.classList.contains(H)||(e=this.createElement("div",{className:H,attrs:{role:"checkbox","aria-checked":"false"}}),this.element.parentNode.insertBefore(e,this.element));var i=this.createElement("label",{attrs:{for:this.element.id}}),s=this.createElement("span",{className:"e-icons "+g});if(e.classList.add("e-wrapper"),this.enableRtl&&e.classList.add("e-rtl"),this.cssClass&&t.addClass([e],this.cssClass.split(" ")),e.appendChild(i),i.appendChild(this.element),l(this,i),i.appendChild(s),t.isRippleEnabled){var n=this.createElement("span",{className:C});"Before"===this.labelPosition?i.appendChild(n):i.insertBefore(n,s),t.rippleEffect(n,{duration:400,isCenterRipple:!0})}this.label&&this.setText(this.label)},s.prototype.keyUpHandler=function(){this.isFocused&&this.getWrapper().classList.add("e-focus")},s.prototype.labelMouseDownHandler=function(e){this.isMouseClick=!0;a(e,this.getWrapper().getElementsByClassName(C)[0])},s.prototype.labelMouseUpHandler=function(e){this.isMouseClick=!0;var t=this.getWrapper().getElementsByClassName(C)[0];if(t){for(var i=t.querySelectorAll(".e-ripple-element"),s=0;s<i.length-1;s++)t.removeChild(t.childNodes[s]);a(e,t)}},s.prototype.onPropertyChanged=function(e,i){for(var s=this.getWrapper(),n=0,r=Object.keys(e);n<r.length;n++){switch(r[n]){case"checked":this.indeterminate=!1,this.element.indeterminate=!1,this.changeState(e.checked?"check":"uncheck");break;case"indeterminate":e.indeterminate?this.changeState():(this.element.indeterminate=!1,this.changeState(this.checked?"check":"uncheck"));break;case"disabled":e.disabled?(this.setDisabled(),this.wrapper=this.getWrapper(),this.unWireEvents()):(this.element.disabled=!1,s.classList.remove(b),s.setAttribute("aria-disabled","false"),this.wireEvents());break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"label":this.setText(e.label);break;case"labelPosition":var a=s.getElementsByClassName("e-label")[0],l=s.getElementsByTagName("label")[0];t.detach(a),"After"===e.labelPosition?l.appendChild(a):l.insertBefore(a,s.getElementsByClassName(g)[0]);break;case"name":this.element.setAttribute("name",e.name);break;case"value":if(this.isVue&&"object"==typeof e.value)break;this.element.setAttribute("value",e.value);break;case"htmlAttributes":this.updateHtmlAttributeToWrapper()}}},s.prototype.preRender=function(){var e=this.element;this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,e=i(this.createElement,"EJS-CHECKBOX","checkbox",e,H,"checkbox"),this.element=e,"checkbox"!==this.element.getAttribute("type")&&this.element.setAttribute("type","checkbox"),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.initialize(),this.disabled||this.wireEvents(),this.updateHtmlAttributeToWrapper(),this.updateVueArrayModel(!0),this.renderComplete(),this.wrapper=this.getWrapper()},s.prototype.setDisabled=function(){var e=this.getWrapper();this.element.disabled=!0,e.classList.add(b),e.setAttribute("aria-disabled","true")},s.prototype.setText=function(e){var i=this.getWrapper();if(i){var s=i.getElementsByClassName("e-label")[0];if(s)s.textContent=e;else{e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e):e,s=this.createElement("span",{className:"e-label",innerHTML:e});var n=i.getElementsByTagName("label")[0];"Before"===this.labelPosition?n.insertBefore(s,i.getElementsByClassName(g)[0]):n.appendChild(s)}}},s.prototype.changeHandler=function(e){e.stopPropagation()},s.prototype.formResetHandler=function(){this.checked=this.initialCheckedValue,this.element.checked=this.initialCheckedValue},s.prototype.unWireEvents=function(){var e=this.wrapper;t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keyup",this.keyUpHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler);var i=e.getElementsByTagName("label")[0];t.EventHandler.remove(i,"mousedown",this.labelMouseDownHandler),t.EventHandler.remove(i,"mouseup",this.labelMouseUpHandler),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler),"EJS-CHECKBOX"===this.tagName&&t.EventHandler.remove(this.element,"change",this.changeHandler)},s.prototype.wireEvents=function(){var e=this.getWrapper();t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keyup",this.keyUpHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this);var i=e.getElementsByTagName("label")[0];t.EventHandler.add(i,"mousedown",this.labelMouseDownHandler,this),t.EventHandler.add(i,"mouseup",this.labelMouseUpHandler,this),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this),"EJS-CHECKBOX"===this.tagName&&t.EventHandler.add(this.element,"change",this.changeHandler,this)},s.prototype.updateVueArrayModel=function(e){if(this.isVue&&"object"==typeof this.value){var t=this.element.value;if(t&&this.value){if(!e){var i=this.value.indexOf(t);return this.checked?i<0&&this.value.push(t):i>-1&&this.value.splice(i,1),this.value}for(var s=0;s<this.value.length;s++)t===this.value[s]&&(this.changeState("check"),this.setProperties({checked:!0},!0))}}return this.element.checked},s.prototype.updateHtmlAttributeToWrapper=function(){if(!t.isNullOrUndefined(this.htmlAttributes))for(var e=0,i=Object.keys(this.htmlAttributes);e<i.length;e++){var s=i[e];if(S.indexOf(s)>-1){var n=this.getWrapper();if("class"===s)t.addClass([n],this.htmlAttributes[s].split(" "));else if("title"===s)n.setAttribute(s,this.htmlAttributes[s]);else if("style"===s){this.getWrapper().getElementsByClassName(g)[0].setAttribute(s,this.htmlAttributes[s])}else this.element.setAttribute(s,this.htmlAttributes[s])}}},s.prototype.click=function(){this.element.click()},s.prototype.focusIn=function(){this.element.focus()},y([t.Event()],s.prototype,"change",void 0),y([t.Event()],s.prototype,"created",void 0),y([t.Property(!1)],s.prototype,"checked",void 0),y([t.Property("")],s.prototype,"cssClass",void 0),y([t.Property(!1)],s.prototype,"disabled",void 0),y([t.Property(!1)],s.prototype,"indeterminate",void 0),y([t.Property("")],s.prototype,"label",void 0),y([t.Property("After")],s.prototype,"labelPosition",void 0),y([t.Property("")],s.prototype,"name",void 0),y([t.Property("")],s.prototype,"value",void 0),y([t.Property(!1)],s.prototype,"enableHtmlSanitizer",void 0),y([t.Property({})],s.prototype,"htmlAttributes",void 0),s=y([t.NotifyPropertyChanges],s)}(t.Component),P=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),x=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},L="e-label",N="e-ripple-container",w="e-radio-wrapper",O=["title","class","style","disabled","readonly","name","value"],T=function(e){function s(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s}P(s,e),n=s,s.prototype.changeHandler=function(e){this.checked=!0,this.dataBind();var t=this.element.getAttribute("value");t=this.isVue&&t?this.element.value:this.value,this.trigger("change",{value:t,event:e}),"EJS-RADIOBUTTON"===this.tagName&&e.stopPropagation()},s.prototype.updateChange=function(){for(var e,i,s=this.getRadioGroup(),r=0;r<s.length;r++)(e=s[r])!==this.element&&((i=t.getInstance(e,n)).checked=!1,"EJS-RADIOBUTTON"===this.tagName&&(i.angularValue=this.value))},s.prototype.destroy=function(){var i=this,s=this.element.parentElement;e.prototype.destroy.call(this),this.disabled||this.unWireEvents(),"INPUT"===this.tagName?(s.parentNode&&s.parentNode.insertBefore(this.element,s),t.detach(s),this.element.checked=!1,["name","value","disabled"].forEach(function(e){i.element.removeAttribute(e)})):(["role","aria-checked","class"].forEach(function(e){s.removeAttribute(e)}),s.innerHTML="")},s.prototype.focusHandler=function(){this.isFocused=!0},s.prototype.focusOutHandler=function(){var e=this.getLabel();e&&e.classList.remove("e-focus")},s.prototype.getModuleName=function(){return"radio"},s.prototype.getSelectedValue=function(){for(var e,t=this.getRadioGroup(),i=0,s=t.length;i<s;i++)if((e=t[i]).checked)return e.value;return""},s.prototype.getRadioGroup=function(){return document.querySelectorAll('input.e-radio[name="'+this.element.getAttribute("name")+'"]')},s.prototype.getPersistData=function(){return this.addOnPersist(["checked"])},s.prototype.getLabel=function(){return this.element?this.element.nextElementSibling:null},s.prototype.initialize=function(){t.isNullOrUndefined(this.initialCheckedValue)&&(this.initialCheckedValue=this.checked),this.initWrapper(),this.updateHtmlAttribute(),this.name&&this.element.setAttribute("name",this.name);var e=this.element.getAttribute("value");this.isVue&&e&&e===this.value&&(this.checked=!0),(this.isVue?this.value&&!e:this.value)&&this.element.setAttribute("value",this.value),this.checked&&(this.element.checked=!0),this.disabled&&this.setDisabled()},s.prototype.initWrapper=function(){var e,i=this.element.parentElement;i.classList.contains(w)||(i=this.createElement("div",{className:w}),this.element.parentNode.insertBefore(i,this.element));var s=this.createElement("label",{attrs:{for:this.element.id}});i.appendChild(this.element),i.appendChild(s),t.isRippleEnabled&&(e=this.createElement("span",{className:N}),s.appendChild(e),t.rippleEffect(e,{duration:400,isCenterRipple:!0})),i.classList.add("e-wrapper"),this.enableRtl&&s.classList.add("e-rtl"),this.cssClass&&t.addClass([s],this.cssClass.split(" ")),this.label&&this.setText(this.label)},s.prototype.keyUpHandler=function(){this.isFocused&&this.getLabel().classList.add("e-focus")},s.prototype.labelRippleHandler=function(e){a(e,this.getLabel().getElementsByClassName(N)[0])},s.prototype.formResetHandler=function(){this.checked=this.initialCheckedValue,this.initialCheckedValue&&t.attributes(this.element,{checked:"true"})},s.prototype.onPropertyChanged=function(e,i){for(var s=this.getLabel(),n=0,r=Object.keys(e);n<r.length;n++){switch(r[n]){case"checked":e.checked&&this.updateChange(),this.element.checked=e.checked;break;case"disabled":e.disabled?(this.setDisabled(),this.unWireEvents()):(this.element.disabled=!1,this.wireEvents());break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"label":this.setText(e.label);break;case"labelPosition":"Before"===e.labelPosition?s.classList.add("e-right"):s.classList.remove("e-right");break;case"name":this.element.setAttribute("name",e.name);break;case"value":if(!t.isNullOrUndefined(this.htmlAttributes)&&this.htmlAttributes.value)break;this.element.setAttribute("value",e.value);break;case"htmlAttributes":this.updateHtmlAttribute()}}},s.prototype.preRender=function(){var e=this.element;if(this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,e=i(this.createElement,"EJS-RADIOBUTTON","radio",e,w,"radio"),this.element=e,"radio"!==this.element.getAttribute("type")&&this.element.setAttribute("type","radio"),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName())),"EJS-RADIOBUTTON"===this.tagName){var s=this.element.getAttribute("formcontrolname");s&&(this.setProperties({name:s},!0),this.element.setAttribute("name",s))}},s.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},s.prototype.setDisabled=function(){this.element.disabled=!0},s.prototype.setText=function(e){var i=this.getLabel(),s=i.getElementsByClassName(L)[0];s?s.textContent=e:(e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e):e,s=this.createElement("span",{className:L,innerHTML:e}),i.appendChild(s)),"Before"===this.labelPosition?this.getLabel().classList.add("e-right"):this.getLabel().classList.remove("e-right")},s.prototype.updateHtmlAttribute=function(){if(!t.isNullOrUndefined(this.htmlAttributes))for(var e=0,i=Object.keys(this.htmlAttributes);e<i.length;e++){var s=i[e];if(O.indexOf(s)>-1){var n=this.element.parentElement;"class"===s?t.addClass([n],this.htmlAttributes[s].split(" ")):"title"===s||"style"===s?n.setAttribute(s,this.htmlAttributes[s]):this.element.setAttribute(s,this.htmlAttributes[s])}}},s.prototype.unWireEvents=function(){var e=this.getLabel();t.EventHandler.remove(this.element,"change",this.changeHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"keyup",this.keyUpHandler);var i=e.getElementsByClassName(L)[0];i&&(t.EventHandler.remove(i,"mousedown",this.labelRippleHandler),t.EventHandler.remove(i,"mouseup",this.labelRippleHandler)),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler)},s.prototype.wireEvents=function(){var e=this.getLabel();t.EventHandler.add(this.element,"change",this.changeHandler,this),t.EventHandler.add(this.element,"keyup",this.keyUpHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this);var i=e.getElementsByClassName(L)[0];i&&(t.EventHandler.add(i,"mousedown",this.labelRippleHandler,this),t.EventHandler.add(i,"mouseup",this.labelRippleHandler,this)),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this)},s.prototype.click=function(){this.element.click()},s.prototype.focusIn=function(){this.element.focus()};var n;return x([t.Event()],s.prototype,"change",void 0),x([t.Event()],s.prototype,"created",void 0),x([t.Property(!1)],s.prototype,"checked",void 0),x([t.Property("")],s.prototype,"cssClass",void 0),x([t.Property(!1)],s.prototype,"disabled",void 0),x([t.Property("")],s.prototype,"label",void 0),x([t.Property("After")],s.prototype,"labelPosition",void 0),x([t.Property("")],s.prototype,"name",void 0),x([t.Property("")],s.prototype,"value",void 0),x([t.Property(!1)],s.prototype,"enableHtmlSanitizer",void 0),x([t.Property({})],s.prototype,"htmlAttributes",void 0),s=n=x([t.NotifyPropertyChanges],s)}(t.Component),R=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),I=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},B="e-switch-disabled",j="e-ripple-container",M="e-ripple-check",W="e-switch-wrapper",U="e-switch-active",D=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s.isDrag=!1,s}return R(i,e),i.prototype.changeState=function(e){var i,s,n=this.getWrapper(),r=n.querySelector(".e-switch-inner"),a=n.querySelector(".e-switch-handle");t.isRippleEnabled&&(s=n.getElementsByClassName(j)[0]),e?(t.addClass([r,a],U),i="true",this.element.checked=!0,this.checked=!0,s&&t.addClass([s],[M])):(t.removeClass([r,a],U),i="false",this.element.checked=!1,this.checked=!1,s&&t.removeClass([s],[M])),n.setAttribute("aria-checked",i)},i.prototype.clickHandler=function(e){this.isDrag=!1,this.focusOutHandler(),this.changeState(!this.checked),this.element.focus();var t={checked:this.element.checked,event:e};this.trigger("change",t)},i.prototype.destroy=function(){e.prototype.destroy.call(this),this.disabled||this.unWireEvents(),n(this,this.getWrapper(),this.tagName)},i.prototype.focusHandler=function(){this.isFocused=!0},i.prototype.focusOutHandler=function(){this.getWrapper().classList.remove("e-focus")},i.prototype.getModuleName=function(){return"switch"},i.prototype.getPersistData=function(){return this.addOnPersist(["checked"])},i.prototype.getWrapper=function(){return this.element.parentElement},i.prototype.initialize=function(){t.isNullOrUndefined(this.initialSwitchCheckedValue)&&(this.initialSwitchCheckedValue=this.checked),this.name&&this.element.setAttribute("name",this.name),this.value&&this.element.setAttribute("value",this.value),this.checked&&this.changeState(!0),this.disabled&&this.setDisabled(),(this.onLabel||this.offLabel)&&this.setLabel(this.onLabel,this.offLabel)},i.prototype.initWrapper=function(){var e=this.element.parentElement;e.classList.contains(W)||(e=this.createElement("div",{className:W,attrs:{role:"switch","aria-checked":"false"}}),this.element.parentNode.insertBefore(e,this.element));var i=this.createElement("span",{className:"e-switch-inner"}),s=this.createElement("span",{className:"e-switch-on"}),n=this.createElement("span",{className:"e-switch-off"}),r=this.createElement("span",{className:"e-switch-handle"});if(e.appendChild(this.element),l(this,e),i.appendChild(s),i.appendChild(n),e.appendChild(i),e.appendChild(r),t.isRippleEnabled){var a=this.createElement("span",{className:j});r.appendChild(a),t.rippleEffect(a,{duration:400,isCenterRipple:!0})}e.classList.add("e-wrapper"),this.enableRtl&&e.classList.add("e-rtl"),this.cssClass&&t.addClass([e],this.cssClass.split(" "))},i.prototype.onPropertyChanged=function(e,i){for(var s=this.getWrapper(),n=0,r=Object.keys(e);n<r.length;n++){switch(r[n]){case"checked":this.changeState(e.checked);break;case"disabled":e.disabled?(this.setDisabled(),this.unWireEvents()):(this.element.disabled=!1,s.classList.remove(B),s.setAttribute("aria-disabled","false"),this.wireEvents());break;case"value":this.element.setAttribute("value",e.value);break;case"name":this.element.setAttribute("name",e.name);break;case"onLabel":case"offLabel":this.setLabel(e.onLabel,e.offLabel);break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "))}}},i.prototype.preRender=function(){var e=this.element;this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,r(this,"EJS-SWITCH",W,e,this.getModuleName())},i.prototype.render=function(){this.initWrapper(),this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},i.prototype.rippleHandler=function(e){a(e,this.getWrapper().getElementsByClassName(j)[0]),"mousedown"===e.type&&e.currentTarget.classList.contains("e-switch-wrapper")&&1===e.which&&(this.isDrag=!0,this.isFocused=!1)},i.prototype.rippleTouchHandler=function(e){var t=this.getWrapper().getElementsByClassName(j)[0];if(t){var i=document.createEvent("MouseEvents");i.initEvent(e,!1,!0),t.dispatchEvent(i)}},i.prototype.setDisabled=function(){var e=this.getWrapper();this.element.disabled=!0,e.classList.add(B),e.setAttribute("aria-disabled","true")},i.prototype.setLabel=function(e,t){var i=this.getWrapper();e&&(i.querySelector(".e-switch-on").textContent=e),t&&(i.querySelector(".e-switch-off").textContent=t)},i.prototype.switchFocusHandler=function(){this.isFocused&&this.getWrapper().classList.add("e-focus")},i.prototype.switchMouseUp=function(e){var t=e.target;"touchmove"===e.type&&e.preventDefault(),"touchstart"===e.type&&(this.isDrag=!0,this.rippleTouchHandler("mousedown")),this.isDrag&&("mouseup"===e.type&&t.className.indexOf("e-switch")<0||"touchend"===e.type)&&(this.clickHandler(e),this.rippleTouchHandler("mouseup"),e.preventDefault())},i.prototype.formResetHandler=function(){this.checked=this.initialSwitchCheckedValue,this.element.checked=this.initialSwitchCheckedValue},i.prototype.toggle=function(){this.clickHandler()},i.prototype.wireEvents=function(){var e=this.getWrapper();this.delegateMouseUpHandler=this.switchMouseUp.bind(this),this.delegateKeyUpHandler=this.switchFocusHandler.bind(this),t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this),t.EventHandler.add(this.element,"mouseup",this.delegateMouseUpHandler,this),t.EventHandler.add(this.element,"keyup",this.delegateKeyUpHandler,this),t.EventHandler.add(e,"mousedown mouseup",this.rippleHandler,this),t.EventHandler.add(e,"touchstart touchmove touchend",this.switchMouseUp,this),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this)},i.prototype.unWireEvents=function(){var e=this.getWrapper();t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"mouseup",this.delegateMouseUpHandler),t.EventHandler.remove(this.element,"keyup",this.delegateKeyUpHandler),t.EventHandler.remove(e,"mousedown mouseup",this.rippleHandler),t.EventHandler.remove(e,"touchstart touchmove touchend",this.switchMouseUp),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler)},i.prototype.click=function(){this.element.click()},i.prototype.focusIn=function(){this.element.focus()},I([t.Event()],i.prototype,"change",void 0),I([t.Event()],i.prototype,"created",void 0),I([t.Property(!1)],i.prototype,"checked",void 0),I([t.Property("")],i.prototype,"cssClass",void 0),I([t.Property(!1)],i.prototype,"disabled",void 0),I([t.Property("")],i.prototype,"name",void 0),I([t.Property("")],i.prototype,"onLabel",void 0),I([t.Property("")],i.prototype,"offLabel",void 0),I([t.Property("")],i.prototype,"value",void 0),i=I([t.NotifyPropertyChanges],i)}(t.Component),_=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),z=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},q={chipSet:"e-chip-set",chip:"e-chip",avatar:"e-chip-avatar",text:"e-chip-text",icon:"e-chip-icon",delete:"e-chip-delete",deleteIcon:"e-dlt-btn",multiSelection:"e-multi-selection",singleSelection:"e-selection",active:"e-active",chipWrapper:"e-chip-avatar-wrap",iconWrapper:"e-chip-icon-wrap",focused:"e-focused",disabled:"e-disabled",rtl:"e-rtl"},V=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.multiSelectedChip=[],s}return _(i,e),i.prototype.preRender=function(){},i.prototype.chipType=function(){return this.chips&&this.chips.length&&this.chips.length>0},i.prototype.render=function(){this.type=this.chips.length?"chipset":this.text||this.element.innerText?"chip":"chipset",t.isBlazor()&&this.isServerRendered||(this.setAttributes(),this.createChip(),this.setRtl(),this.select(this.selectedChips,void 0)),this.wireEvent(!1),this.rippleFunction=t.rippleEffect(this.element,{selector:".e-chip"}),this.renderComplete()},i.prototype.createChip=function(){if(this.innerText=this.element.innerText.trim(),t.isBlazor())for(var e=this.element.querySelectorAll(".e-chip"),i=0;i<e.length;i++)null!=e[i]&&t.detach(e[i]);else this.element.innerHTML="";this.chipCreation("chip"===this.type?[this.innerText?this.innerText:this.text]:this.chips)},i.prototype.setAttributes=function(){"chip"===this.type?(this.element.tabIndex=0,this.element.setAttribute("role","option")):(this.element.classList.add(q.chipSet),this.element.setAttribute("role","listbox"),"Multiple"===this.selection?(this.element.classList.add(q.multiSelection),this.element.setAttribute("aria-multiselectable","true")):"Single"===this.selection?(this.element.classList.add(q.singleSelection),this.element.setAttribute("aria-multiselectable","false")):this.element.setAttribute("aria-multiselectable","false"))},i.prototype.setRtl=function(){this.element.classList[this.enableRtl?"add":"remove"](q.rtl)},i.prototype.chipCreation=function(e){for(var i=[],s=0;s<e.length;s++){var n=this.getFieldValues(e[s]),r=this.elementCreation(n),a=(q.chip+" "+(n.enabled?" ":q.disabled)+" "+(n.avatarIconCss||n.avatarText?q.chipWrapper:n.leadingIconCss?q.iconWrapper:" ")+" "+n.cssClass).split(" ").filter(function(e){return e});if(this.chipType()){var l=this.createElement("DIV",{className:a.join(" "),attrs:{tabIndex:"0",role:"option","aria-label":n.text,"aria-selected":"false"}});n.value&&l.setAttribute("data-value",n.value.toString()),t.append(r,l),i.push(l)}else i=r,t.addClass([this.element],a),this.element.setAttribute("aria-label",n.text),n.value&&this.element.setAttribute("data-value",n.value.toString())}t.append(i,this.element)},i.prototype.getFieldValues=function(e){var i=!("false"===this.enabled.toString());return{text:"object"==typeof e?e.text?e.text.toString():this.text.toString():this.chipType()?e.toString():this.innerText?this.innerText:this.text.toString(),cssClass:"object"==typeof e&&e.cssClass?e.cssClass.toString():this.cssClass.toString(),leadingIconCss:"object"==typeof e&&e.leadingIconCss?e.leadingIconCss.toString():this.leadingIconCss.toString(),avatarIconCss:"object"==typeof e&&e.avatarIconCss?e.avatarIconCss.toString():this.avatarIconCss.toString(),avatarText:"object"==typeof e&&e.avatarText?e.avatarText.toString():this.avatarText.toString(),trailingIconCss:"object"==typeof e&&e.trailingIconCss?e.trailingIconCss.toString():this.trailingIconCss.toString(),enabled:"object"==typeof e?t.isNullOrUndefined(e.enabled)?i:"false"!==e.enabled.toString():i,value:"object"==typeof e&&e.value?e.value.toString():null,leadingIconUrl:"object"==typeof e&&e.leadingIconUrl?e.leadingIconUrl.toString():this.leadingIconUrl,trailingIconUrl:"object"==typeof e&&e.trailingIconUrl?e.trailingIconUrl.toString():this.trailingIconUrl}},i.prototype.elementCreation=function(e){var t=[];if(e.avatarText||e.avatarIconCss){var i=(q.avatar+" "+e.avatarIconCss).trim(),s=this.createElement("span",{className:i});s.innerText=e.avatarText,t.push(s)}else if(e.leadingIconCss){i=(q.icon+" "+e.leadingIconCss).trim();var n=this.createElement("span",{className:i});t.push(n)}else if(e.leadingIconUrl){i=(q.avatar+" image-url").trim();(n=this.createElement("span",{className:i})).style.backgroundImage="url("+e.leadingIconUrl+")",t.push(n)}var r=this.createElement("span",{className:q.text});if(r.innerText=e.text,t.push(r),e.trailingIconCss||this.chipType()&&this.enableDelete){i=(q.delete+" "+(e.trailingIconCss?e.trailingIconCss:q.deleteIcon)).trim();var a=this.createElement("span",{className:i});t.push(a)}else if(e.trailingIconUrl){i="trailing-icon-url".trim();var l=this.createElement("span",{className:i});l.style.backgroundImage="url("+e.trailingIconUrl+")",t.push(l)}return t},i.prototype.find=function(e){var t,i=e instanceof HTMLElement?e:this.element.querySelectorAll("."+q.chip)[e];return i&&this.chipType()&&((t={text:void 0,index:void 0,element:void 0,data:void 0}).index=Array.prototype.slice.call(this.element.querySelectorAll("."+q.chip)).indexOf(i),t.text="object"==typeof this.chips[t.index]?this.chips[t.index].text?this.chips[t.index].text.toString():"":this.chips[t.index].toString(),t.data=this.chips[t.index],t.element=i),t},i.prototype.add=function(e){var t;if("chip"!==this.type){var i=e instanceof Array?e:[e];(t=this.chips).push.apply(t,i),this.chipCreation(i)}},i.prototype.select=function(e,t){this.onSelect(e,!1,t)},i.prototype.multiSelection=function(e){for(var t=this.element.querySelectorAll(".e-chip"),i=0;i<e.length;i++)if("string"==typeof e[i]){for(var s=0;s<t.length;s++)if(e[i]!==s&&e[i]===t[s].attributes[5].value){this.multiSelectedChip.push(s);break}}else this.multiSelectedChip.push(e[i])},i.prototype.onSelect=function(e,t,i){var s,n,r;if(this.chipType()&&"None"!==this.selection){if(t)for(var a=this.element.querySelectorAll("."+q.chip),l=0;l<a.length;l++)a[l].setAttribute("aria-selected","false"),a[l].classList.remove(q.active);var o=e instanceof Array?e:[e];for(l=0;l<o.length;l++){var c=o[l]instanceof HTMLElement?o[l]:this.element.querySelectorAll("."+q.chip)[o[l]];if("index"!==i)for(var h=0;h<this.chips.length;h++){n=this.element.querySelectorAll("."+q.chip)[h];var p=this.getFieldValues(this.chips[h]);"value"===i?null!==p.value&&(r=n.dataset.value):"text"===i&&(r=n.innerText),r===o[l].toString()&&(s=h,c=this.element.querySelectorAll("."+q.chip)[s])}c instanceof HTMLElement&&this.selectionHandler(c)}}},i.prototype.remove=function(e){var t=this;if(this.chipType()){var i=e instanceof Array?e:[e],s=[],n=this.element.querySelectorAll("."+q.chip);i.forEach(function(e){var t=e instanceof HTMLElement?e:n[e];t instanceof HTMLElement&&s.push(t)}),s.forEach(function(e){var i=t.element.querySelectorAll("."+q.chip),s=Array.prototype.slice.call(i).indexOf(e);t.deleteHandler(e,s)})}},i.prototype.getSelectedChips=function(){var e;if(this.chipType()&&"None"!==this.selection){for(var i={texts:[],Indexes:[],data:[],elements:[]},s=this.element.querySelectorAll("."+q.active),n=0;n<s.length;n++){var r=s[n];i.elements.push(r);var a=Array.prototype.slice.call(this.element.querySelectorAll("."+q.chip)).indexOf(r);i.Indexes.push(a),i.data.push(this.chips[a]);var l="object"==typeof this.chips[a]?this.chips[a].text?this.chips[a].text.toString():null:this.chips[a].toString();i.texts.push(l)}var o={text:i.texts[0],index:i.Indexes[0],data:i.data[0],element:i.elements[0]};e=t.isNullOrUndefined(o.index)?void 0:"Multiple"===this.selection?i:o}return e},i.prototype.wireEvent=function(e){e?(t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"keydown",this.keyHandler),t.EventHandler.remove(this.element,"keyup",this.keyHandler)):(t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this),t.EventHandler.add(this.element,"keydown",this.keyHandler,this),t.EventHandler.add(this.element,"keyup",this.keyHandler,this))},i.prototype.keyHandler=function(e){e.target.classList.contains(q.chip)&&("keydown"===e.type?13===e.keyCode?this.clickHandler(e):46===e.keyCode&&this.enableDelete&&this.clickHandler(e,!0):9===e.keyCode&&this.focusInHandler(e.target))},i.prototype.focusInHandler=function(e){e.classList.contains(q.focused)||e.classList.add(q.focused)},i.prototype.focusOutHandler=function(e){var i=t.closest(e.target,"."+q.chip),s=this.chipType()?this.element.querySelector("."+q.focused):this.element.classList.contains(q.focused)?this.element:null;i&&s&&s.classList.remove(q.focused)},i.prototype.clickHandler=function(e,i){var s=this;void 0===i&&(i=!1);var n=t.closest(e.target,"."+q.chip);if(n){var r=void 0;if(this.chipType())r=this.find(n);else{var a=Array.prototype.slice.call(this.element.querySelectorAll("."+q.chip)).indexOf(n);r={text:this.innerText?this.innerText:this.text,element:n,data:this.text,index:a}}r.event=e,r.cancel=!1,this.trigger("beforeClick",r,function(n){n.cancel||(n.element=t.isBlazor()?t.getElement(n.element):n.element,s.clickEventHandler(n.element,e,i))})}},i.prototype.clickEventHandler=function(e,i,s){var n=this;if(this.chipType()){var r=this.find(e);r.event=i;if((i.target.classList.contains(q.deleteIcon)?i.target:s?e.querySelector("."+q.deleteIcon):void 0)&&this.enableDelete){r.cancel=!1;var a=r;this.trigger("delete",a,function(i){if(!i.cancel){i.element=t.isBlazor()?t.getElement(i.element):i.element,n.deleteHandler(i.element,i.index),n.selectionHandler(e),r.selected=i.element.classList.contains(q.active);var s=r;n.trigger("click",s)}})}else if("None"!==this.selection){this.selectionHandler(e),r.selected=e.classList.contains(q.active);var l=r;this.trigger("click",l)}else{this.focusInHandler(e);var o=r;this.trigger("click",o)}}else{this.focusInHandler(e);o={text:this.innerText?this.innerText:this.text,element:e,data:this.text,event:i};this.trigger("click",o)}},i.prototype.selectionHandler=function(e){if("Single"===this.selection){var t=this.element.querySelector("."+q.active);t&&t!==e&&(t.classList.remove(q.active),t.setAttribute("aria-selected","false")),this.setProperties({selectedChips:null},!0)}else this.setProperties({selectedChips:[]},!0);e.classList.contains(q.active)?(e.classList.remove(q.active),e.setAttribute("aria-selected","false")):(e.classList.add(q.active),e.setAttribute("aria-selected","true")),this.updateSelectedChips()},i.prototype.updateSelectedChips=function(){for(var e,t=this.element.querySelectorAll(".e-chip"),i=[],s=[],n=null,r=0;r<t.length;r++){var a=this.element.querySelectorAll(".e-chip")[r];if("true"===a.getAttribute("aria-selected")){if(e=a.getAttribute("data-value"),"Single"===this.selection&&a.classList.contains("e-active")){n=e||r;break}n=e?s.push(e):i.push(r)}}this.setProperties({selectedChips:"Single"===this.selection?n:e?s:i},!0)},i.prototype.deleteHandler=function(e,i){this.allowServerDataBinding=!0,this.chips.splice(i,1),this.setProperties({chips:this.chips},!0),this.serverDataBind(),this.allowServerDataBinding=!1,t.isBlazor()&&this.isServerRendered||t.detach(e)},i.prototype.destroy=function(){if(t.removeClass([this.element],[q.chipSet,q.chip,q.rtl,q.multiSelection,q.singleSelection,q.disabled,q.chipWrapper,q.iconWrapper,q.active,q.focused].concat(this.cssClass.toString().split(" ").filter(function(e){return e}))),this.removeMultipleAttributes(["tabindex","role","aria-label","aria-multiselectable"],this.element),this.wireEvent(!0),this.rippleFunction(),t.isBlazor())for(var i=this.chipType()?this.element.querySelectorAll(".e-chip"):this.element.querySelectorAll(".e-chip-text"),s=0;s<i.length;s++)null!=i[s]&&t.detach(i[s]);else e.prototype.destroy.call(this),this.element.innerHTML="",this.element.innerText=this.innerText},i.prototype.removeMultipleAttributes=function(e,t){e.forEach(function(e){t.removeAttribute(e)})},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.prototype.getModuleName=function(){return"chip-list"},i.prototype.onPropertyChanged=function(e,i){for(var s=0,n=Object.keys(e);s<n.length;s++){switch(n[s]){case"chips":case"text":case"avatarText":case"avatarIconCss":case"leadingIconCss":case"trailingIconCss":case"selection":case"enableDelete":case"enabled":t.isBlazor()&&this.isServerRendered||(this.isServerRendered=!1,this.refresh(),this.isServerRendered=!0);break;case"cssClass":t.isBlazor()&&this.isServerRendered||(this.chipType()?(this.isServerRendered=!1,this.refresh(),this.isServerRendered=!0):(t.removeClass([this.element],i.cssClass.toString().split(" ").filter(function(e){return e})),t.addClass([this.element],e.cssClass.toString().split(" ").filter(function(e){return e}))));break;case"selectedChips":t.removeClass(this.element.querySelectorAll(".e-active"),"e-active"),"Multiple"===this.selection?(this.multiSelectedChip=[],this.multiSelection(e.selectedChips),this.onSelect(this.multiSelectedChip,!0,void 0),this.updateSelectedChips()):this.onSelect(e.selectedChips,!0,void 0);break;case"enableRtl":this.setRtl()}}},z([t.Property([])],i.prototype,"chips",void 0),z([t.Property("")],i.prototype,"text",void 0),z([t.Property("")],i.prototype,"avatarText",void 0),z([t.Property("")],i.prototype,"avatarIconCss",void 0),z([t.Property("")],i.prototype,"leadingIconCss",void 0),z([t.Property("")],i.prototype,"trailingIconCss",void 0),z([t.Property("")],i.prototype,"leadingIconUrl",void 0),z([t.Property("")],i.prototype,"trailingIconUrl",void 0),z([t.Property("")],i.prototype,"cssClass",void 0),z([t.Property(!0)],i.prototype,"enabled",void 0),z([t.Property([])],i.prototype,"selectedChips",void 0),z([t.Property("None")],i.prototype,"selection",void 0),z([t.Property(!1)],i.prototype,"enableDelete",void 0),z([t.Event()],i.prototype,"created",void 0),z([t.Event()],i.prototype,"click",void 0),z([t.Event()],i.prototype,"beforeClick",void 0),z([t.Event()],i.prototype,"delete",void 0),i=z([t.NotifyPropertyChanges],i)}(t.Component),F=function(){return function(){}}();e.wrapperInitialize=i,e.getTextNode=s,e.destroy=n,e.preRender=r,e.createCheckBox=function(e,i,s){void 0===i&&(i=!1),void 0===s&&(s={});var n=e("div",{className:"e-checkbox-wrapper e-css"});if(s.cssClass&&t.addClass([n],s.cssClass.split(" ")),s.enableRtl&&n.classList.add("e-rtl"),i){var r=e("span",{className:"e-ripple-container"});t.rippleEffect(r,{isCenterRipple:!0,duration:400}),n.appendChild(r)}var a=e("span",{className:"e-frame e-icons"});if(s.checked&&a.classList.add("e-check"),n.appendChild(a),s.label){var l=e("span",{className:"e-label"});s.disableHtmlEncode?l.textContent=s.label:l.innerHTML=s.label,n.appendChild(l)}return n},e.rippleMouseHandler=a,e.setHiddenInput=l,e.buttonObserver=h,e.Button=f,e.CheckBox=A,e.RadioButton=T,e.Switch=D,e.classNames=q,e.ChipList=V,e.Chip=F,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-buttons.umd.min.js.map

dist/global/ej2-buttons.min.js

 /*!
 *  filename: ej2-buttons.min.js
-*  version : 18.4.46
+*  version : 19.1.54
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-this.ej=this.ej||{},this.ej.buttons=function(e,t){"use strict";function i(e,i,s,n,r,a){var l=n;if(n.tagName===i){var o=t.getValue("ej2_instances",n);l=e("input",{attrs:{type:s}});for(var c=["change","cssClass","label","labelPosition","id"],h=0,p=n.attributes.length;h<p;h++)-1===c.indexOf(n.attributes[h].nodeName)&&l.setAttribute(n.attributes[h].nodeName,n.attributes[h].nodeValue);t.attributes(n,{class:r,role:a,"aria-checked":"false"}),n.appendChild(l),t.setValue("ej2_instances",o,l),t.deleteObject(n,"ej2_instances")}return l}function s(e){for(var t,i=e.childNodes,s=0;s<i.length;s++)if(3===(t=i[s]).nodeType)return t;return null}function n(e,i,s){"INPUT"===s?(i.parentNode.insertBefore(e.element,i),t.detach(i),e.element.checked=!1,["name","value","disabled"].forEach(function(t){e.element.removeAttribute(t)})):(["role","aria-checked","class"].forEach(function(e){i.removeAttribute(e)}),i.innerHTML="")}function r(e,s,n,r,a){r=i(e.createElement,s,"checkbox",r,n,a),e.element=r,"checkbox"!==e.element.getAttribute("type")&&e.element.setAttribute("type","checkbox"),e.element.id||(e.element.id=t.getUniqueID("e-"+a))}function a(e,i,s){void 0===i&&(i=!1),void 0===s&&(s={});var n=e("div",{className:"e-checkbox-wrapper e-css"});if(s.cssClass&&t.addClass([n],s.cssClass.split(" ")),s.enableRtl&&n.classList.add("e-rtl"),i){var r=e("span",{className:"e-ripple-container"});t.rippleEffect(r,{isCenterRipple:!0,duration:400}),n.appendChild(r)}var a=e("span",{className:"e-frame e-icons"});if(s.checked&&a.classList.add("e-check"),n.appendChild(a),s.label){var l=e("span",{className:"e-label",innerHTML:s.label});n.appendChild(l)}return n}function l(e,t){if(t){var i=document.createEvent("MouseEvents");i.initEvent(e.type,!1,!0),t.dispatchEvent(i)}}function o(e,t){e.element.getAttribute("ejs-for")&&t.appendChild(e.createElement("input",{attrs:{name:e.name||e.element.name,value:"false",type:"hidden"}}))}var c=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),h=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},p=new t.Observer,d={RTL:"e-rtl",BUTTON:"e-btn",PRIMARY:"e-primary",ICONBTN:"e-icon-btn"},u=function(e){function i(t,i){return e.call(this,t,i)||this}return c(i,e),i.prototype.preRender=function(){},i.prototype.render=function(){this.initialize(),this.removeRippleEffect=t.rippleEffect(this.element,{selector:"."+d.BUTTON}),this.renderComplete()},i.prototype.initialize=function(){if(this.cssClass&&t.addClass([this.element],this.cssClass.split(" ")),this.isPrimary&&this.element.classList.add(d.PRIMARY),!t.isBlazor()||t.isBlazor()&&"progress-btn"!==this.getModuleName()){if(this.content){var e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(this.content):this.content;this.element.innerHTML=e}this.setIconCss()}this.enableRtl&&this.element.classList.add(d.RTL),this.disabled?this.controlStatus(this.disabled):this.wireEvents()},i.prototype.controlStatus=function(e){this.element.disabled=e},i.prototype.setIconCss=function(){if(this.iconCss){var e=this.createElement("span",{className:"e-btn-icon "+this.iconCss});this.element.textContent.trim()?(e.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add(d.ICONBTN);var t=this.element.childNodes[0];!t||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?this.element.appendChild(e):this.element.insertBefore(e,t)}},i.prototype.wireEvents=function(){this.isToggle&&t.EventHandler.add(this.element,"click",this.btnClickHandler,this)},i.prototype.unWireEvents=function(){this.isToggle&&t.EventHandler.remove(this.element,"click",this.btnClickHandler)},i.prototype.btnClickHandler=function(){this.element.classList.contains("e-active")?this.element.classList.remove("e-active"):this.element.classList.add("e-active")},i.prototype.destroy=function(){var i,s=[d.PRIMARY,d.RTL,d.ICONBTN,"e-success","e-info","e-danger","e-warning","e-flat","e-outline","e-small","e-bigger","e-active","e-round","e-top-icon-btn","e-bottom-icon-btn"];this.cssClass&&(s=s.concat(this.cssClass.split(" "))),e.prototype.destroy.call(this),t.removeClass([this.element],s),this.element.getAttribute("class")||this.element.removeAttribute("class"),this.disabled&&this.element.removeAttribute("disabled"),this.content&&(this.element.innerHTML=this.element.innerHTML.replace(this.content,"")),(i=this.element.querySelector("span.e-btn-icon"))&&t.detach(i),this.unWireEvents(),t.isRippleEnabled&&this.removeRippleEffect()},i.prototype.getModuleName=function(){return"btn"},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.Inject=function(){},i.prototype.onPropertyChanged=function(e,i){for(var n=0,r=Object.keys(e);n<r.length;n++)switch(r[n]){case"isPrimary":e.isPrimary?this.element.classList.add(d.PRIMARY):this.element.classList.remove(d.PRIMARY);break;case"disabled":this.controlStatus(e.disabled);break;case"iconCss":var a=this.element.querySelector("span.e-btn-icon");a?e.iconCss?(a.className="e-btn-icon "+e.iconCss,this.element.textContent.trim()&&("Left"===this.iconPosition?a.classList.add("e-icon-left"):a.classList.add("e-icon-right"))):t.detach(a):this.setIconCss();break;case"iconPosition":t.removeClass([this.element],["e-top-icon-btn","e-bottom-icon-btn"]),(a=this.element.querySelector("span.e-btn-icon"))&&t.detach(a),this.setIconCss();break;case"cssClass":i.cssClass&&t.removeClass([this.element],i.cssClass.split(" ")),e.cssClass&&t.addClass([this.element],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?this.element.classList.add(d.RTL):this.element.classList.remove(d.RTL);break;case"content":s(this.element)||this.element.classList.remove(d.ICONBTN),(!t.isBlazor()||t.isBlazor()&&!this.isServerRendered&&"progress-btn"!==this.getModuleName())&&(this.enableHtmlSanitizer&&(e.content=t.SanitizeHtmlHelper.sanitize(e.content)),this.element.innerHTML=e.content,this.setIconCss());break;case"isToggle":e.isToggle?t.EventHandler.add(this.element,"click",this.btnClickHandler,this):(t.EventHandler.remove(this.element,"click",this.btnClickHandler),t.removeClass([this.element],["e-active"]))}},i.prototype.click=function(){this.element.click()},i.prototype.focusIn=function(){this.element.focus()},h([t.Property("Left")],i.prototype,"iconPosition",void 0),h([t.Property("")],i.prototype,"iconCss",void 0),h([t.Property(!1)],i.prototype,"disabled",void 0),h([t.Property(!1)],i.prototype,"isPrimary",void 0),h([t.Property("")],i.prototype,"cssClass",void 0),h([t.Property("")],i.prototype,"content",void 0),h([t.Property(!1)],i.prototype,"isToggle",void 0),h([t.Property()],i.prototype,"locale",void 0),h([t.Property(!1)],i.prototype,"enableHtmlSanitizer",void 0),h([t.Event()],i.prototype,"created",void 0),i=h([t.NotifyPropertyChanges],i)}(t.Component),m=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),f=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},v="e-frame",y="e-ripple-container",b="e-checkbox-wrapper",g=["title","class","style","disabled","readonly","name","value"],C=function(e){function s(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s.isMouseClick=!1,s}return m(s,e),s.prototype.changeState=function(e){var i,s,n=this.getWrapper().getElementsByClassName(v)[0];t.isRippleEnabled&&(s=this.getWrapper().getElementsByClassName(y)[0]),"check"===e?(n.classList.remove("e-stop"),n.classList.add("e-check"),s&&(s.classList.remove("e-ripple-stop"),s.classList.add("e-ripple-check")),i="true",this.element.checked=!0):"uncheck"===e?(t.removeClass([n],["e-check","e-stop"]),s&&t.removeClass([s],["e-ripple-check","e-ripple-stop"]),i="false",this.element.checked=!1):(n.classList.remove("e-check"),n.classList.add("e-stop"),s&&(s.classList.remove("e-ripple-check"),s.classList.add("e-ripple-stop")),i="mixed",this.element.indeterminate=!0),this.getWrapper().setAttribute("aria-checked",i)},s.prototype.clickHandler=function(e){this.isMouseClick&&(this.focusOutHandler(),this.isMouseClick=!1),this.indeterminate?(this.changeState(this.checked?"check":"uncheck"),this.indeterminate=!1,this.element.indeterminate=!1):this.checked?(this.changeState("uncheck"),this.checked=!1):(this.changeState("check"),this.checked=!0);var t={checked:this.updateVueArrayModel(!1),event:e};this.trigger("change",t),e.stopPropagation()},s.prototype.destroy=function(){var i=this,s=this.getWrapper();e.prototype.destroy.call(this),this.wrapper&&(s=this.wrapper,this.disabled||this.unWireEvents(),"INPUT"===this.tagName?(this.getWrapper()&&s.parentNode&&s.parentNode.insertBefore(this.element,s),t.detach(s),this.element.checked=!1,this.indeterminate&&(this.element.indeterminate=!1),["name","value","disabled"].forEach(function(e){i.element.removeAttribute(e)})):(["role","aria-checked","class"].forEach(function(e){s.removeAttribute(e)}),s.innerHTML=""))},s.prototype.focusHandler=function(){this.isFocused=!0},s.prototype.focusOutHandler=function(){var e=this.getWrapper();e&&e.classList.remove("e-focus"),this.isFocused=!1},s.prototype.getModuleName=function(){return"checkbox"},s.prototype.getPersistData=function(){return this.addOnPersist(["checked","indeterminate"])},s.prototype.getWrapper=function(){return this.element&&this.element.parentElement?this.element.parentElement.parentElement:null},s.prototype.initialize=function(){t.isNullOrUndefined(this.initialCheckedValue)&&(this.initialCheckedValue=this.checked),this.name&&this.element.setAttribute("name",this.name),this.value&&(this.element.setAttribute("value",this.value),this.isVue&&"boolean"==typeof this.value&&!0===this.value&&this.setProperties({checked:!0},!0)),this.checked&&this.changeState("check"),this.indeterminate&&this.changeState(),this.disabled&&this.setDisabled()},s.prototype.initWrapper=function(){var e=this.element.parentElement;e.classList.contains(b)||(e=this.createElement("div",{className:b,attrs:{role:"checkbox","aria-checked":"false"}}),this.element.parentNode.insertBefore(e,this.element));var i=this.createElement("label",{attrs:{for:this.element.id}}),s=this.createElement("span",{className:"e-icons "+v});if(e.classList.add("e-wrapper"),this.enableRtl&&e.classList.add("e-rtl"),this.cssClass&&t.addClass([e],this.cssClass.split(" ")),e.appendChild(i),i.appendChild(this.element),o(this,i),i.appendChild(s),t.isRippleEnabled){var n=this.createElement("span",{className:y});"Before"===this.labelPosition?i.appendChild(n):i.insertBefore(n,s),t.rippleEffect(n,{duration:400,isCenterRipple:!0})}this.label&&this.setText(this.label)},s.prototype.keyUpHandler=function(){this.isFocused&&this.getWrapper().classList.add("e-focus")},s.prototype.labelMouseHandler=function(e){this.isMouseClick=!0,l(e,this.getWrapper().getElementsByClassName(y)[0])},s.prototype.onPropertyChanged=function(e,i){for(var s=this.getWrapper(),n=0,r=Object.keys(e);n<r.length;n++)switch(r[n]){case"checked":this.indeterminate=!1,this.element.indeterminate=!1,this.changeState(e.checked?"check":"uncheck");break;case"indeterminate":e.indeterminate?this.changeState():(this.element.indeterminate=!1,this.changeState(this.checked?"check":"uncheck"));break;case"disabled":e.disabled?(this.setDisabled(),this.wrapper=this.getWrapper(),this.unWireEvents()):(this.element.disabled=!1,s.classList.remove("e-checkbox-disabled"),s.setAttribute("aria-disabled","false"),this.wireEvents());break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"label":this.setText(e.label);break;case"labelPosition":var a=s.getElementsByClassName("e-label")[0],l=s.getElementsByTagName("label")[0];t.detach(a),"After"===e.labelPosition?l.appendChild(a):l.insertBefore(a,s.getElementsByClassName(v)[0]);break;case"name":this.element.setAttribute("name",e.name);break;case"value":if(this.isVue&&"object"==typeof e.value)break;this.element.setAttribute("value",e.value);break;case"htmlAttributes":this.updateHtmlAttributeToWrapper()}},s.prototype.preRender=function(){var e=this.element;this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,e=i(this.createElement,"EJS-CHECKBOX","checkbox",e,b,"checkbox"),this.element=e,"checkbox"!==this.element.getAttribute("type")&&this.element.setAttribute("type","checkbox"),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.initialize(),this.disabled||this.wireEvents(),this.updateHtmlAttributeToWrapper(),this.updateVueArrayModel(!0),this.renderComplete(),this.wrapper=this.getWrapper()},s.prototype.setDisabled=function(){var e=this.getWrapper();this.element.disabled=!0,e.classList.add("e-checkbox-disabled"),e.setAttribute("aria-disabled","true")},s.prototype.setText=function(e){var i=this.getWrapper();if(i){var s=i.getElementsByClassName("e-label")[0];if(s)s.textContent=e;else{e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e):e,s=this.createElement("span",{className:"e-label",innerHTML:e});var n=i.getElementsByTagName("label")[0];"Before"===this.labelPosition?n.insertBefore(s,i.getElementsByClassName(v)[0]):n.appendChild(s)}}},s.prototype.changeHandler=function(e){e.stopPropagation()},s.prototype.formResetHandler=function(){this.checked=this.initialCheckedValue,this.element.checked=this.initialCheckedValue},s.prototype.unWireEvents=function(){var e=this.wrapper;t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keyup",this.keyUpHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler);var i=e.getElementsByTagName("label")[0];t.EventHandler.remove(i,"mousedown",this.labelMouseHandler),t.EventHandler.remove(i,"mouseup",this.labelMouseHandler),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler),"EJS-CHECKBOX"===this.tagName&&t.EventHandler.remove(this.element,"change",this.changeHandler)},s.prototype.wireEvents=function(){var e=this.getWrapper();t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keyup",this.keyUpHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this);var i=e.getElementsByTagName("label")[0];t.EventHandler.add(i,"mousedown",this.labelMouseHandler,this),t.EventHandler.add(i,"mouseup",this.labelMouseHandler,this),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this),"EJS-CHECKBOX"===this.tagName&&t.EventHandler.add(this.element,"change",this.changeHandler,this)},s.prototype.updateVueArrayModel=function(e){if(this.isVue&&"object"==typeof this.value){var t=this.element.value;if(t&&this.value){if(!e){var i=this.value.indexOf(t);return this.checked?i<0&&this.value.push(t):i>-1&&this.value.splice(i,1),this.value}for(var s=0;s<this.value.length;s++)t===this.value[s]&&(this.changeState("check"),this.setProperties({checked:!0},!0))}}return this.element.checked},s.prototype.updateHtmlAttributeToWrapper=function(){if(!t.isNullOrUndefined(this.htmlAttributes))for(var e=0,i=Object.keys(this.htmlAttributes);e<i.length;e++){var s=i[e];if(g.indexOf(s)>-1){var n=this.getWrapper();"class"===s?t.addClass([n],this.htmlAttributes[s].split(" ")):"title"===s?n.setAttribute(s,this.htmlAttributes[s]):"style"===s?this.getWrapper().getElementsByClassName(v)[0].setAttribute(s,this.htmlAttributes[s]):this.element.setAttribute(s,this.htmlAttributes[s])}}},s.prototype.click=function(){this.element.click()},s.prototype.focusIn=function(){this.element.focus()},f([t.Event()],s.prototype,"change",void 0),f([t.Event()],s.prototype,"created",void 0),f([t.Property(!1)],s.prototype,"checked",void 0),f([t.Property("")],s.prototype,"cssClass",void 0),f([t.Property(!1)],s.prototype,"disabled",void 0),f([t.Property(!1)],s.prototype,"indeterminate",void 0),f([t.Property("")],s.prototype,"label",void 0),f([t.Property("After")],s.prototype,"labelPosition",void 0),f([t.Property("")],s.prototype,"name",void 0),f([t.Property("")],s.prototype,"value",void 0),f([t.Property(!1)],s.prototype,"enableHtmlSanitizer",void 0),f([t.Property({})],s.prototype,"htmlAttributes",void 0),s=f([t.NotifyPropertyChanges],s)}(t.Component),k=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),E=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},H=["title","class","style","disabled","readonly","name","value"],S=function(e){function s(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s}k(s,e),n=s,s.prototype.changeHandler=function(e){this.checked=!0,this.dataBind();var t=this.element.getAttribute("value");t=this.isVue&&t?this.element.value:this.value,this.trigger("change",{value:t,event:e}),"EJS-RADIOBUTTON"===this.tagName&&e.stopPropagation()},s.prototype.updateChange=function(){for(var e,i,s=this.getRadioGroup(),r=0;r<s.length;r++)(e=s[r])!==this.element&&((i=t.getInstance(e,n)).checked=!1,"EJS-RADIOBUTTON"===this.tagName&&(i.angularValue=this.value))},s.prototype.destroy=function(){var i=this,s=this.element.parentElement;e.prototype.destroy.call(this),this.disabled||this.unWireEvents(),"INPUT"===this.tagName?(s.parentNode&&s.parentNode.insertBefore(this.element,s),t.detach(s),this.element.checked=!1,["name","value","disabled"].forEach(function(e){i.element.removeAttribute(e)})):(["role","aria-checked","class"].forEach(function(e){s.removeAttribute(e)}),s.innerHTML="")},s.prototype.focusHandler=function(){this.isFocused=!0},s.prototype.focusOutHandler=function(){var e=this.getLabel();e&&e.classList.remove("e-focus")},s.prototype.getModuleName=function(){return"radio"},s.prototype.getSelectedValue=function(){for(var e,t=this.getRadioGroup(),i=0,s=t.length;i<s;i++)if((e=t[i]).checked)return e.value;return""},s.prototype.getRadioGroup=function(){return document.querySelectorAll('input.e-radio[name="'+this.element.getAttribute("name")+'"]')},s.prototype.getPersistData=function(){return this.addOnPersist(["checked"])},s.prototype.getLabel=function(){return this.element?this.element.nextElementSibling:null},s.prototype.initialize=function(){t.isNullOrUndefined(this.initialCheckedValue)&&(this.initialCheckedValue=this.checked),this.initWrapper(),this.updateHtmlAttribute(),this.name&&this.element.setAttribute("name",this.name);var e=this.element.getAttribute("value");this.isVue&&e&&e===this.value&&(this.checked=!0),(this.isVue?this.value&&!e:this.value)&&this.element.setAttribute("value",this.value),this.checked&&(this.element.checked=!0),this.disabled&&this.setDisabled()},s.prototype.initWrapper=function(){var e,i=this.element.parentElement;i.classList.contains("e-radio-wrapper")||(i=this.createElement("div",{className:"e-radio-wrapper"}),this.element.parentNode.insertBefore(i,this.element));var s=this.createElement("label",{attrs:{for:this.element.id}});i.appendChild(this.element),i.appendChild(s),t.isRippleEnabled&&(e=this.createElement("span",{className:"e-ripple-container"}),s.appendChild(e),t.rippleEffect(e,{duration:400,isCenterRipple:!0})),i.classList.add("e-wrapper"),this.enableRtl&&s.classList.add("e-rtl"),this.cssClass&&t.addClass([s],this.cssClass.split(" ")),this.label&&this.setText(this.label)},s.prototype.keyUpHandler=function(){this.isFocused&&this.getLabel().classList.add("e-focus")},s.prototype.labelRippleHandler=function(e){l(e,this.getLabel().getElementsByClassName("e-ripple-container")[0])},s.prototype.formResetHandler=function(){this.checked=this.initialCheckedValue,this.initialCheckedValue&&t.attributes(this.element,{checked:"true"})},s.prototype.onPropertyChanged=function(e,i){for(var s=this.getLabel(),n=0,r=Object.keys(e);n<r.length;n++)switch(r[n]){case"checked":e.checked&&this.updateChange(),this.element.checked=e.checked;break;case"disabled":e.disabled?(this.setDisabled(),this.unWireEvents()):(this.element.disabled=!1,this.wireEvents());break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"label":this.setText(e.label);break;case"labelPosition":"Before"===e.labelPosition?s.classList.add("e-right"):s.classList.remove("e-right");break;case"name":this.element.setAttribute("name",e.name);break;case"value":if(!t.isNullOrUndefined(this.htmlAttributes)&&this.htmlAttributes.value)break;this.element.setAttribute("value",e.value);break;case"htmlAttributes":this.updateHtmlAttribute()}},s.prototype.preRender=function(){var e=this.element;if(this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,e=i(this.createElement,"EJS-RADIOBUTTON","radio",e,"e-radio-wrapper","radio"),this.element=e,"radio"!==this.element.getAttribute("type")&&this.element.setAttribute("type","radio"),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName())),"EJS-RADIOBUTTON"===this.tagName){var s=this.element.getAttribute("formcontrolname");s&&(this.setProperties({name:s},!0),this.element.setAttribute("name",s))}},s.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},s.prototype.setDisabled=function(){this.element.disabled=!0},s.prototype.setText=function(e){var i=this.getLabel();if(i){var s=i.getElementsByClassName("e-label")[0];s?s.textContent=e:(e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e):e,s=this.createElement("span",{className:"e-label",innerHTML:e}),i.appendChild(s)),"Before"===this.labelPosition?this.getLabel().classList.add("e-right"):this.getLabel().classList.remove("e-right")}},s.prototype.updateHtmlAttribute=function(){if(!t.isNullOrUndefined(this.htmlAttributes))for(var e=0,i=Object.keys(this.htmlAttributes);e<i.length;e++){var s=i[e];if(H.indexOf(s)>-1){var n=this.element.parentElement;"class"===s?t.addClass([n],this.htmlAttributes[s].split(" ")):"title"===s||"style"===s?n.setAttribute(s,this.htmlAttributes[s]):this.element.setAttribute(s,this.htmlAttributes[s])}}},s.prototype.unWireEvents=function(){var e=this.getLabel();t.EventHandler.remove(this.element,"change",this.changeHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"keyup",this.keyUpHandler);var i=e.getElementsByClassName("e-label")[0];i&&(t.EventHandler.remove(i,"mousedown",this.labelRippleHandler),t.EventHandler.remove(i,"mouseup",this.labelRippleHandler)),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler)},s.prototype.wireEvents=function(){var e=this.getLabel();t.EventHandler.add(this.element,"change",this.changeHandler,this),t.EventHandler.add(this.element,"keyup",this.keyUpHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this);var i=e.getElementsByClassName("e-label")[0];i&&(t.EventHandler.add(i,"mousedown",this.labelRippleHandler,this),t.EventHandler.add(i,"mouseup",this.labelRippleHandler,this)),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this)},s.prototype.click=function(){this.element.click()},s.prototype.focusIn=function(){this.element.focus()};var n;return E([t.Event()],s.prototype,"change",void 0),E([t.Event()],s.prototype,"created",void 0),E([t.Property(!1)],s.prototype,"checked",void 0),E([t.Property("")],s.prototype,"cssClass",void 0),E([t.Property(!1)],s.prototype,"disabled",void 0),E([t.Property("")],s.prototype,"label",void 0),E([t.Property("After")],s.prototype,"labelPosition",void 0),E([t.Property("")],s.prototype,"name",void 0),E([t.Property("")],s.prototype,"value",void 0),E([t.Property(!1)],s.prototype,"enableHtmlSanitizer",void 0),E([t.Property({})],s.prototype,"htmlAttributes",void 0),s=n=E([t.NotifyPropertyChanges],s)}(t.Component),A=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),P=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},L="e-ripple-container",N=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s.isDrag=!1,s}return A(i,e),i.prototype.changeState=function(e){var i,s,n=this.getWrapper(),r=n.querySelector(".e-switch-inner"),a=n.querySelector(".e-switch-handle");t.isRippleEnabled&&(s=n.getElementsByClassName(L)[0]),e?(t.addClass([r,a],"e-switch-active"),i="true",this.element.checked=!0,this.checked=!0,s&&t.addClass([s],["e-ripple-check"])):(t.removeClass([r,a],"e-switch-active"),i="false",this.element.checked=!1,this.checked=!1,s&&t.removeClass([s],["e-ripple-check"])),n.setAttribute("aria-checked",i)},i.prototype.clickHandler=function(e){this.isDrag=!1,this.focusOutHandler(),this.changeState(!this.checked),this.element.focus();var t={checked:this.element.checked,event:e};this.trigger("change",t)},i.prototype.destroy=function(){e.prototype.destroy.call(this),this.disabled||this.unWireEvents(),n(this,this.getWrapper(),this.tagName)},i.prototype.focusHandler=function(){this.isFocused=!0},i.prototype.focusOutHandler=function(){this.getWrapper().classList.remove("e-focus")},i.prototype.getModuleName=function(){return"switch"},i.prototype.getPersistData=function(){return this.addOnPersist(["checked"])},i.prototype.getWrapper=function(){return this.element.parentElement},i.prototype.initialize=function(){t.isNullOrUndefined(this.initialSwitchCheckedValue)&&(this.initialSwitchCheckedValue=this.checked),this.name&&this.element.setAttribute("name",this.name),this.value&&this.element.setAttribute("value",this.value),this.checked&&this.changeState(!0),this.disabled&&this.setDisabled(),(this.onLabel||this.offLabel)&&this.setLabel(this.onLabel,this.offLabel)},i.prototype.initWrapper=function(){var e=this.element.parentElement;e.classList.contains("e-switch-wrapper")||(e=this.createElement("div",{className:"e-switch-wrapper",attrs:{role:"switch","aria-checked":"false"}}),this.element.parentNode.insertBefore(e,this.element));var i=this.createElement("span",{className:"e-switch-inner"}),s=this.createElement("span",{className:"e-switch-on"}),n=this.createElement("span",{className:"e-switch-off"}),r=this.createElement("span",{className:"e-switch-handle"});if(e.appendChild(this.element),o(this,e),i.appendChild(s),i.appendChild(n),e.appendChild(i),e.appendChild(r),t.isRippleEnabled){var a=this.createElement("span",{className:L});r.appendChild(a),t.rippleEffect(a,{duration:400,isCenterRipple:!0})}e.classList.add("e-wrapper"),this.enableRtl&&e.classList.add("e-rtl"),this.cssClass&&t.addClass([e],this.cssClass.split(" "))},i.prototype.onPropertyChanged=function(e,i){for(var s=this.getWrapper(),n=0,r=Object.keys(e);n<r.length;n++)switch(r[n]){case"checked":this.changeState(e.checked);break;case"disabled":e.disabled?(this.setDisabled(),this.unWireEvents()):(this.element.disabled=!1,s.classList.remove("e-switch-disabled"),s.setAttribute("aria-disabled","false"),this.wireEvents());break;case"value":this.element.setAttribute("value",e.value);break;case"name":this.element.setAttribute("name",e.name);break;case"onLabel":case"offLabel":this.setLabel(e.onLabel,e.offLabel);break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "))}},i.prototype.preRender=function(){var e=this.element;this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,r(this,"EJS-SWITCH","e-switch-wrapper",e,this.getModuleName())},i.prototype.render=function(){this.initWrapper(),this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},i.prototype.rippleHandler=function(e){l(e,this.getWrapper().getElementsByClassName(L)[0]),"mousedown"===e.type&&e.currentTarget.classList.contains("e-switch-wrapper")&&1===e.which&&(this.isDrag=!0,this.isFocused=!1)},i.prototype.rippleTouchHandler=function(e){var t=this.getWrapper().getElementsByClassName(L)[0];if(t){var i=document.createEvent("MouseEvents");i.initEvent(e,!1,!0),t.dispatchEvent(i)}},i.prototype.setDisabled=function(){var e=this.getWrapper();this.element.disabled=!0,e.classList.add("e-switch-disabled"),e.setAttribute("aria-disabled","true")},i.prototype.setLabel=function(e,t){var i=this.getWrapper();e&&(i.querySelector(".e-switch-on").textContent=e),t&&(i.querySelector(".e-switch-off").textContent=t)},i.prototype.switchFocusHandler=function(){this.isFocused&&this.getWrapper().classList.add("e-focus")},i.prototype.switchMouseUp=function(e){var t=e.target;this.getWrapper().getElementsByClassName(L)[0];"touchmove"===e.type&&e.preventDefault(),"touchstart"===e.type&&(this.isDrag=!0,this.rippleTouchHandler("mousedown")),this.isDrag&&("mouseup"===e.type&&t.className.indexOf("e-switch")<0||"touchend"===e.type)&&(this.clickHandler(e),this.rippleTouchHandler("mouseup"),e.preventDefault())},i.prototype.formResetHandler=function(){this.checked=this.initialSwitchCheckedValue,this.element.checked=this.initialSwitchCheckedValue},i.prototype.toggle=function(){this.clickHandler()},i.prototype.wireEvents=function(){var e=this.getWrapper();e.querySelector(".e-switch-handle");this.delegateMouseUpHandler=this.switchMouseUp.bind(this),this.delegateKeyUpHandler=this.switchFocusHandler.bind(this),t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this),t.EventHandler.add(this.element,"mouseup",this.delegateMouseUpHandler,this),t.EventHandler.add(this.element,"keyup",this.delegateKeyUpHandler,this),t.EventHandler.add(e,"mousedown mouseup",this.rippleHandler,this),t.EventHandler.add(e,"touchstart touchmove touchend",this.switchMouseUp,this),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this)},i.prototype.unWireEvents=function(){var e=this.getWrapper();e.querySelector(".e-switch-handle");t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"mouseup",this.delegateMouseUpHandler),t.EventHandler.remove(this.element,"keyup",this.delegateKeyUpHandler),t.EventHandler.remove(e,"mousedown mouseup",this.rippleHandler),t.EventHandler.remove(e,"touchstart touchmove touchend",this.switchMouseUp),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler)},i.prototype.click=function(){this.element.click()},i.prototype.focusIn=function(){this.element.focus()},P([t.Event()],i.prototype,"change",void 0),P([t.Event()],i.prototype,"created",void 0),P([t.Property(!1)],i.prototype,"checked",void 0),P([t.Property("")],i.prototype,"cssClass",void 0),P([t.Property(!1)],i.prototype,"disabled",void 0),P([t.Property("")],i.prototype,"name",void 0),P([t.Property("")],i.prototype,"onLabel",void 0),P([t.Property("")],i.prototype,"offLabel",void 0),P([t.Property("")],i.prototype,"value",void 0),i=P([t.NotifyPropertyChanges],i)}(t.Component),x=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),T=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},w={chipSet:"e-chip-set",chip:"e-chip",avatar:"e-chip-avatar",text:"e-chip-text",icon:"e-chip-icon",delete:"e-chip-delete",deleteIcon:"e-dlt-btn",multiSelection:"e-multi-selection",singleSelection:"e-selection",active:"e-active",chipWrapper:"e-chip-avatar-wrap",iconWrapper:"e-chip-icon-wrap",focused:"e-focused",disabled:"e-disabled",rtl:"e-rtl"},O=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.multiSelectedChip=[],s}return x(i,e),i.prototype.preRender=function(){},i.prototype.chipType=function(){return this.chips&&this.chips.length&&this.chips.length>0},i.prototype.render=function(){this.type=this.chips.length?"chipset":this.text||this.element.innerText?"chip":"chipset",t.isBlazor()&&this.isServerRendered||(this.setAttributes(),this.createChip(),this.setRtl(),this.select(this.selectedChips,void 0)),this.wireEvent(!1),this.rippleFunction=t.rippleEffect(this.element,{selector:".e-chip"}),this.renderComplete()},i.prototype.createChip=function(){if(this.innerText=this.element.innerText.trim(),t.isBlazor())for(var e=this.element.querySelectorAll(".e-chip"),i=0;i<e.length;i++)null!=e[i]&&t.detach(e[i]);else this.element.innerHTML="";this.chipCreation("chip"===this.type?[this.innerText?this.innerText:this.text]:this.chips)},i.prototype.setAttributes=function(){"chip"===this.type?(this.element.tabIndex=0,this.element.setAttribute("role","option")):(this.element.classList.add(w.chipSet),this.element.setAttribute("role","listbox"),"Multiple"===this.selection?(this.element.classList.add(w.multiSelection),this.element.setAttribute("aria-multiselectable","true")):"Single"===this.selection?(this.element.classList.add(w.singleSelection),this.element.setAttribute("aria-multiselectable","false")):this.element.setAttribute("aria-multiselectable","false"))},i.prototype.setRtl=function(){this.element.classList[this.enableRtl?"add":"remove"](w.rtl)},i.prototype.chipCreation=function(e){for(var i=[],s=0;s<e.length;s++){var n=this.getFieldValues(e[s]),r=this.elementCreation(n),a=(w.chip+" "+(n.enabled?" ":w.disabled)+" "+(n.avatarIconCss||n.avatarText?w.chipWrapper:n.leadingIconCss?w.iconWrapper:" ")+" "+n.cssClass).split(" ").filter(function(e){return e});if(this.chipType()){var l=this.createElement("DIV",{className:a.join(" "),attrs:{tabIndex:"0",role:"option","aria-label":n.text,"aria-selected":"false"}});n.value&&l.setAttribute("data-value",n.value.toString()),t.append(r,l),i.push(l)}else i=r,t.addClass([this.element],a),this.element.setAttribute("aria-label",n.text),n.value&&this.element.setAttribute("data-value",n.value.toString())}t.append(i,this.element)},i.prototype.getFieldValues=function(e){var i=!("false"===this.enabled.toString());return{text:"object"==typeof e?e.text?e.text.toString():this.text.toString():this.chipType()?e.toString():this.innerText?this.innerText:this.text.toString(),cssClass:"object"==typeof e&&e.cssClass?e.cssClass.toString():this.cssClass.toString(),leadingIconCss:"object"==typeof e&&e.leadingIconCss?e.leadingIconCss.toString():this.leadingIconCss.toString(),avatarIconCss:"object"==typeof e&&e.avatarIconCss?e.avatarIconCss.toString():this.avatarIconCss.toString(),avatarText:"object"==typeof e&&e.avatarText?e.avatarText.toString():this.avatarText.toString(),trailingIconCss:"object"==typeof e&&e.trailingIconCss?e.trailingIconCss.toString():this.trailingIconCss.toString(),enabled:"object"==typeof e?t.isNullOrUndefined(e.enabled)?i:"false"!==e.enabled.toString():i,value:"object"==typeof e&&e.value?e.value.toString():null,leadingIconUrl:"object"==typeof e&&e.leadingIconUrl?e.leadingIconUrl.toString():this.leadingIconUrl,trailingIconUrl:"object"==typeof e&&e.trailingIconUrl?e.trailingIconUrl.toString():this.trailingIconUrl}},i.prototype.elementCreation=function(e){var t=[];if(e.avatarText||e.avatarIconCss){var i=(w.avatar+" "+e.avatarIconCss).trim(),s=this.createElement("span",{className:i});s.innerText=e.avatarText,t.push(s)}else if(e.leadingIconCss){var i=(w.icon+" "+e.leadingIconCss).trim(),n=this.createElement("span",{className:i});t.push(n)}else if(e.leadingIconUrl){i=(w.avatar+" image-url").trim();(n=this.createElement("span",{className:i})).style.backgroundImage="url("+e.leadingIconUrl+")",t.push(n)}var r=this.createElement("span",{className:w.text});if(r.innerText=e.text,t.push(r),e.trailingIconCss||this.chipType()&&this.enableDelete){var i=(w.delete+" "+(e.trailingIconCss?e.trailingIconCss:w.deleteIcon)).trim(),a=this.createElement("span",{className:i});t.push(a)}else if(e.trailingIconUrl){var i="trailing-icon-url".trim(),l=this.createElement("span",{className:i});l.style.backgroundImage="url("+e.trailingIconUrl+")",t.push(l)}return t},i.prototype.find=function(e){var t,i=e instanceof HTMLElement?e:this.element.querySelectorAll("."+w.chip)[e];return i&&this.chipType()&&((t={text:void 0,index:void 0,element:void 0,data:void 0}).index=Array.prototype.slice.call(this.element.querySelectorAll("."+w.chip)).indexOf(i),t.text="object"==typeof this.chips[t.index]?this.chips[t.index].text?this.chips[t.index].text.toString():"":this.chips[t.index].toString(),t.data=this.chips[t.index],t.element=i),t},i.prototype.add=function(e){var t;if("chip"!==this.type){var i=e instanceof Array?e:[e];(t=this.chips).push.apply(t,i),this.chipCreation(i)}},i.prototype.select=function(e,t){this.onSelect(e,!1,t)},i.prototype.multiSelection=function(e){for(var t=this.element.querySelectorAll(".e-chip"),i=0;i<e.length;i++)if("string"==typeof e[i]){for(var s=0;s<t.length;s++)if(e[i]!==s&&e[i]===t[s].attributes[5].value){this.multiSelectedChip.push(s);break}}else this.multiSelectedChip.push(e[i])},i.prototype.onSelect=function(e,t,i){var s,n,r;if(this.chipType()&&"None"!==this.selection){if(t)for(var a=this.element.querySelectorAll("."+w.chip),l=0;l<a.length;l++)a[l].setAttribute("aria-selected","false"),a[l].classList.remove(w.active);for(var o=e instanceof Array?e:[e],l=0;l<o.length;l++){var c=o[l]instanceof HTMLElement?o[l]:this.element.querySelectorAll("."+w.chip)[o[l]];if("index"!==i)for(var h=0;h<this.chips.length;h++){n=this.element.querySelectorAll("."+w.chip)[h];var p=this.getFieldValues(this.chips[h]);"value"===i?null!==p.value&&(r=n.dataset.value):"text"===i&&(r=n.innerText),r===o[l].toString()&&(s=h,c=this.element.querySelectorAll("."+w.chip)[s])}c instanceof HTMLElement&&this.selectionHandler(c)}}},i.prototype.remove=function(e){var t=this;if(this.chipType()){var i=e instanceof Array?e:[e],s=[],n=this.element.querySelectorAll("."+w.chip);i.forEach(function(e){var t=e instanceof HTMLElement?e:n[e];t instanceof HTMLElement&&s.push(t)}),s.forEach(function(e){var i=t.element.querySelectorAll("."+w.chip),s=Array.prototype.slice.call(i).indexOf(e);t.deleteHandler(e,s)})}},i.prototype.getSelectedChips=function(){var e;if(this.chipType()&&"None"!==this.selection){for(var i={texts:[],Indexes:[],data:[],elements:[]},s=this.element.querySelectorAll("."+w.active),n=0;n<s.length;n++){var r=s[n];i.elements.push(r);var a=Array.prototype.slice.call(this.element.querySelectorAll("."+w.chip)).indexOf(r);i.Indexes.push(a),i.data.push(this.chips[a]);var l="object"==typeof this.chips[a]?this.chips[a].text?this.chips[a].text.toString():null:this.chips[a].toString();i.texts.push(l)}var o={text:i.texts[0],index:i.Indexes[0],data:i.data[0],element:i.elements[0]};e=t.isNullOrUndefined(o.index)?void 0:"Multiple"===this.selection?i:o}return e},i.prototype.wireEvent=function(e){e?(t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"keydown",this.keyHandler),t.EventHandler.remove(this.element,"keyup",this.keyHandler)):(t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this),t.EventHandler.add(this.element,"keydown",this.keyHandler,this),t.EventHandler.add(this.element,"keyup",this.keyHandler,this))},i.prototype.keyHandler=function(e){e.target.classList.contains(w.chip)&&("keydown"===e.type?13===e.keyCode?this.clickHandler(e):46===e.keyCode&&this.enableDelete&&this.clickHandler(e,!0):9===e.keyCode&&this.focusInHandler(e.target))},i.prototype.focusInHandler=function(e){e.classList.contains(w.focused)||e.classList.add(w.focused)},i.prototype.focusOutHandler=function(e){var i=t.closest(e.target,"."+w.chip),s=this.chipType()?this.element.querySelector("."+w.focused):this.element.classList.contains(w.focused)?this.element:null;i&&s&&s.classList.remove(w.focused)},i.prototype.clickHandler=function(e,i){var s=this;void 0===i&&(i=!1);var n=t.closest(e.target,"."+w.chip);if(n){var r=void 0;if(this.chipType())r=this.find(n);else{var a=Array.prototype.slice.call(this.element.querySelectorAll("."+w.chip)).indexOf(n);r={text:this.innerText?this.innerText:this.text,element:n,data:this.text,index:a}}r.event=e,r.cancel=!1,this.trigger("beforeClick",r,function(n){n.cancel||(n.element=t.isBlazor()?t.getElement(n.element):n.element,s.clickEventHandler(n.element,e,i))})}},i.prototype.clickEventHandler=function(e,i,s){var n=this;if(this.chipType()){var r=this.find(e);if(r.event=i,(i.target.classList.contains(w.deleteIcon)?i.target:s?e.querySelector("."+w.deleteIcon):void 0)&&this.enableDelete){r.cancel=!1;var a=r;this.trigger("delete",a,function(e){e.cancel||(e.element=t.isBlazor()?t.getElement(e.element):e.element,n.deleteHandler(e.element,e.index))})}else if("None"!==this.selection){this.selectionHandler(e),r.selected=e.classList.contains(w.active);var l=r;this.trigger("click",l)}else{this.focusInHandler(e);o=r;this.trigger("click",o)}}else{this.focusInHandler(e);var o={text:this.innerText?this.innerText:this.text,element:e,data:this.text,event:i};this.trigger("click",o)}},i.prototype.selectionHandler=function(e){if("Single"===this.selection){var t=this.element.querySelector("."+w.active);t&&t!==e&&(t.classList.remove(w.active),t.setAttribute("aria-selected","false")),this.setProperties({selectedChips:null},!0)}else this.setProperties({selectedChips:[]},!0);e.classList.contains(w.active)?(e.classList.remove(w.active),e.setAttribute("aria-selected","false")):(e.classList.add(w.active),e.setAttribute("aria-selected","true")),this.updateSelectedChips()},i.prototype.updateSelectedChips=function(){for(var e,t=this.element.querySelectorAll(".e-chip"),i=[],s=[],n=null,r=0;r<t.length;r++){var a=this.element.querySelectorAll(".e-chip")[r];if("true"===a.getAttribute("aria-selected")){if(e=a.getAttribute("data-value"),"Single"===this.selection&&a.classList.contains("e-active")){n=e||r;break}e?s.push(e):i.push(r)}}this.setProperties({selectedChips:"Single"===this.selection?n:e?s:i},!0)},i.prototype.deleteHandler=function(e,i){this.allowServerDataBinding=!0,this.chips.splice(i,1),this.setProperties({chips:this.chips},!0),this.serverDataBind(),this.allowServerDataBinding=!1,t.isBlazor()&&this.isServerRendered||t.detach(e)},i.prototype.destroy=function(){if(t.removeClass([this.element],[w.chipSet,w.chip,w.rtl,w.multiSelection,w.singleSelection,w.disabled,w.chipWrapper,w.iconWrapper,w.active,w.focused].concat(this.cssClass.toString().split(" ").filter(function(e){return e}))),this.removeMultipleAttributes(["tabindex","role","aria-label","aria-multiselectable"],this.element),this.wireEvent(!0),this.rippleFunction(),t.isBlazor())for(var i=this.chipType()?this.element.querySelectorAll(".e-chip"):this.element.querySelectorAll(".e-chip-text"),s=0;s<i.length;s++)null!=i[s]&&t.detach(i[s]);else e.prototype.destroy.call(this),this.element.innerHTML="",this.element.innerText=this.innerText},i.prototype.removeMultipleAttributes=function(e,t){e.forEach(function(e){t.removeAttribute(e)})},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.prototype.getModuleName=function(){return"chip-list"},i.prototype.onPropertyChanged=function(e,i){for(var s=0,n=Object.keys(e);s<n.length;s++)switch(n[s]){case"chips":case"text":case"avatarText":case"avatarIconCss":case"leadingIconCss":case"trailingIconCss":case"selection":case"enableDelete":case"enabled":t.isBlazor()&&this.isServerRendered||(this.isServerRendered=!1,this.refresh(),this.isServerRendered=!0);break;case"cssClass":t.isBlazor()&&this.isServerRendered||(this.chipType()?(this.isServerRendered=!1,this.refresh(),this.isServerRendered=!0):(t.removeClass([this.element],i.cssClass.toString().split(" ").filter(function(e){return e})),t.addClass([this.element],e.cssClass.toString().split(" ").filter(function(e){return e}))));break;case"selectedChips":t.removeClass(this.element.querySelectorAll(".e-active"),"e-active");"Multiple"===this.selection?(this.multiSelectedChip=[],this.multiSelection(e.selectedChips),this.onSelect(this.multiSelectedChip,!0,void 0),this.updateSelectedChips()):this.onSelect(e.selectedChips,!0,void 0);break;case"enableRtl":this.setRtl()}},T([t.Property([])],i.prototype,"chips",void 0),T([t.Property("")],i.prototype,"text",void 0),T([t.Property("")],i.prototype,"avatarText",void 0),T([t.Property("")],i.prototype,"avatarIconCss",void 0),T([t.Property("")],i.prototype,"leadingIconCss",void 0),T([t.Property("")],i.prototype,"trailingIconCss",void 0),T([t.Property("")],i.prototype,"leadingIconUrl",void 0),T([t.Property("")],i.prototype,"trailingIconUrl",void 0),T([t.Property("")],i.prototype,"cssClass",void 0),T([t.Property(!0)],i.prototype,"enabled",void 0),T([t.Property([])],i.prototype,"selectedChips",void 0),T([t.Property("None")],i.prototype,"selection",void 0),T([t.Property(!1)],i.prototype,"enableDelete",void 0),T([t.Event()],i.prototype,"created",void 0),T([t.Event()],i.prototype,"click",void 0),T([t.Event()],i.prototype,"beforeClick",void 0),T([t.Event()],i.prototype,"delete",void 0),i=T([t.NotifyPropertyChanges],i)}(t.Component),R=function(){function e(){}return e}();return e.wrapperInitialize=i,e.getTextNode=s,e.destroy=n,e.preRender=r,e.createCheckBox=a,e.rippleMouseHandler=l,e.setHiddenInput=o,e.buttonObserver=p,e.Button=u,e.CheckBox=C,e.RadioButton=S,e.Switch=N,e.classNames=w,e.ChipList=O,e.Chip=R,e}({},ej.base),this.ejs=ej;
+this.ej=this.ej||{},this.ej.buttons=function(e,t){"use strict";function i(e,i,s,n,r,a){var l=n;if(n.tagName===i){var o=t.getValue("ej2_instances",n);l=e("input",{attrs:{type:s}});for(var c=["change","cssClass","label","labelPosition","id"],h=0,p=n.attributes.length;h<p;h++)-1===c.indexOf(n.attributes[h].nodeName)&&l.setAttribute(n.attributes[h].nodeName,n.attributes[h].nodeValue);t.attributes(n,{class:r,role:a,"aria-checked":"false"}),n.appendChild(l),t.setValue("ej2_instances",o,l),t.deleteObject(n,"ej2_instances")}return l}function s(e){for(var t,i=e.childNodes,s=0;s<i.length;s++)if(3===(t=i[s]).nodeType)return t;return null}function n(e,i,s){"INPUT"===s?(i.parentNode.insertBefore(e.element,i),t.detach(i),e.element.checked=!1,["name","value","disabled"].forEach(function(t){e.element.removeAttribute(t)})):(["role","aria-checked","class"].forEach(function(e){i.removeAttribute(e)}),i.innerHTML="")}function r(e,s,n,r,a){r=i(e.createElement,s,"checkbox",r,n,a),e.element=r,"checkbox"!==e.element.getAttribute("type")&&e.element.setAttribute("type","checkbox"),e.element.id||(e.element.id=t.getUniqueID("e-"+a))}function a(e,i,s){void 0===i&&(i=!1),void 0===s&&(s={});var n=e("div",{className:"e-checkbox-wrapper e-css"});if(s.cssClass&&t.addClass([n],s.cssClass.split(" ")),s.enableRtl&&n.classList.add("e-rtl"),i){var r=e("span",{className:"e-ripple-container"});t.rippleEffect(r,{isCenterRipple:!0,duration:400}),n.appendChild(r)}var a=e("span",{className:"e-frame e-icons"});if(s.checked&&a.classList.add("e-check"),n.appendChild(a),s.label){var l=e("span",{className:"e-label"});s.disableHtmlEncode?l.textContent=s.label:l.innerHTML=s.label,n.appendChild(l)}return n}function l(e,t){if(t){var i=document.createEvent("MouseEvents");i.initEvent(e.type,!1,!0),t.dispatchEvent(i)}}function o(e,t){e.element.getAttribute("ejs-for")&&t.appendChild(e.createElement("input",{attrs:{name:e.name||e.element.name,value:"false",type:"hidden"}}))}var c=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),h=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},p=new t.Observer,d={RTL:"e-rtl",BUTTON:"e-btn",PRIMARY:"e-primary",ICONBTN:"e-icon-btn"},u=function(e){function i(t,i){return e.call(this,t,i)||this}return c(i,e),i.prototype.preRender=function(){},i.prototype.render=function(){this.initialize(),this.removeRippleEffect=t.rippleEffect(this.element,{selector:"."+d.BUTTON}),this.renderComplete()},i.prototype.initialize=function(){if(this.cssClass&&t.addClass([this.element],this.cssClass.split(" ")),this.isPrimary&&this.element.classList.add(d.PRIMARY),!t.isBlazor()||t.isBlazor()&&"progress-btn"!==this.getModuleName()){if(this.content){var e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(this.content):this.content;this.element.innerHTML=e}this.setIconCss()}this.enableRtl&&this.element.classList.add(d.RTL),this.disabled?this.controlStatus(this.disabled):this.wireEvents()},i.prototype.controlStatus=function(e){this.element.disabled=e},i.prototype.setIconCss=function(){if(this.iconCss){var e=this.createElement("span",{className:"e-btn-icon "+this.iconCss});this.element.textContent.trim()?(e.classList.add("e-icon-"+this.iconPosition.toLowerCase()),"Top"!==this.iconPosition&&"Bottom"!==this.iconPosition||this.element.classList.add("e-"+this.iconPosition.toLowerCase()+"-icon-btn")):this.element.classList.add(d.ICONBTN);var t=this.element.childNodes[0];!t||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?this.element.appendChild(e):this.element.insertBefore(e,t)}},i.prototype.wireEvents=function(){this.isToggle&&t.EventHandler.add(this.element,"click",this.btnClickHandler,this)},i.prototype.unWireEvents=function(){this.isToggle&&t.EventHandler.remove(this.element,"click",this.btnClickHandler)},i.prototype.btnClickHandler=function(){this.element.classList.contains("e-active")?this.element.classList.remove("e-active"):this.element.classList.add("e-active")},i.prototype.destroy=function(){var i=[d.PRIMARY,d.RTL,d.ICONBTN,"e-success","e-info","e-danger","e-warning","e-flat","e-outline","e-small","e-bigger","e-active","e-round","e-top-icon-btn","e-bottom-icon-btn"];this.cssClass&&(i=i.concat(this.cssClass.split(" "))),e.prototype.destroy.call(this),t.removeClass([this.element],i),this.element.getAttribute("class")||this.element.removeAttribute("class"),this.disabled&&this.element.removeAttribute("disabled"),this.content&&(this.element.innerHTML=this.element.innerHTML.replace(this.content,""));var s=this.element.querySelector("span.e-btn-icon");s&&t.detach(s),this.unWireEvents(),t.isRippleEnabled&&this.removeRippleEffect()},i.prototype.getModuleName=function(){return"btn"},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.Inject=function(){},i.prototype.onPropertyChanged=function(e,i){for(var n=this.element.querySelector("span.e-btn-icon"),r=0,a=Object.keys(e);r<a.length;r++)switch(a[r]){case"isPrimary":e.isPrimary?this.element.classList.add(d.PRIMARY):this.element.classList.remove(d.PRIMARY);break;case"disabled":this.controlStatus(e.disabled);break;case"iconCss":n?e.iconCss?(n.className="e-btn-icon "+e.iconCss,this.element.textContent.trim()&&("Left"===this.iconPosition?n.classList.add("e-icon-left"):n.classList.add("e-icon-right"))):t.detach(n):this.setIconCss();break;case"iconPosition":t.removeClass([this.element],["e-top-icon-btn","e-bottom-icon-btn"]),(n=this.element.querySelector("span.e-btn-icon"))&&t.detach(n),this.setIconCss();break;case"cssClass":i.cssClass&&t.removeClass([this.element],i.cssClass.split(" ")),e.cssClass&&t.addClass([this.element],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?this.element.classList.add(d.RTL):this.element.classList.remove(d.RTL);break;case"content":s(this.element)||this.element.classList.remove(d.ICONBTN),(!t.isBlazor()||t.isBlazor()&&!this.isServerRendered&&"progress-btn"!==this.getModuleName())&&(this.enableHtmlSanitizer&&(e.content=t.SanitizeHtmlHelper.sanitize(e.content)),this.element.innerHTML=e.content,this.setIconCss());break;case"isToggle":e.isToggle?t.EventHandler.add(this.element,"click",this.btnClickHandler,this):(t.EventHandler.remove(this.element,"click",this.btnClickHandler),t.removeClass([this.element],["e-active"]))}},i.prototype.click=function(){this.element.click()},i.prototype.focusIn=function(){this.element.focus()},h([t.Property("Left")],i.prototype,"iconPosition",void 0),h([t.Property("")],i.prototype,"iconCss",void 0),h([t.Property(!1)],i.prototype,"disabled",void 0),h([t.Property(!1)],i.prototype,"isPrimary",void 0),h([t.Property("")],i.prototype,"cssClass",void 0),h([t.Property("")],i.prototype,"content",void 0),h([t.Property(!1)],i.prototype,"isToggle",void 0),h([t.Property()],i.prototype,"locale",void 0),h([t.Property(!1)],i.prototype,"enableHtmlSanitizer",void 0),h([t.Event()],i.prototype,"created",void 0),i=h([t.NotifyPropertyChanges],i)}(t.Component),m=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),f=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},v="e-frame",y="e-ripple-container",b="e-checkbox-wrapper",g=["title","class","style","disabled","readonly","name","value"],C=function(e){function s(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s.isMouseClick=!1,s}return m(s,e),s.prototype.changeState=function(e){var i,s,n=this.getWrapper().getElementsByClassName(v)[0];t.isRippleEnabled&&(s=this.getWrapper().getElementsByClassName(y)[0]),"check"===e?(n.classList.remove("e-stop"),n.classList.add("e-check"),s&&(s.classList.remove("e-ripple-stop"),s.classList.add("e-ripple-check")),i="true",this.element.checked=!0):"uncheck"===e?(t.removeClass([n],["e-check","e-stop"]),s&&t.removeClass([s],["e-ripple-check","e-ripple-stop"]),i="false",this.element.checked=!1):(n.classList.remove("e-check"),n.classList.add("e-stop"),s&&(s.classList.remove("e-ripple-check"),s.classList.add("e-ripple-stop")),i="mixed",this.element.indeterminate=!0),this.getWrapper().setAttribute("aria-checked",i)},s.prototype.clickHandler=function(e){this.isMouseClick&&(this.focusOutHandler(),this.isMouseClick=!1),this.indeterminate?(this.changeState(this.checked?"check":"uncheck"),this.indeterminate=!1,this.element.indeterminate=!1):this.checked?(this.changeState("uncheck"),this.checked=!1):(this.changeState("check"),this.checked=!0);var t={checked:this.updateVueArrayModel(!1),event:e};this.trigger("change",t),e.stopPropagation()},s.prototype.destroy=function(){var i=this,s=this.getWrapper();e.prototype.destroy.call(this),this.wrapper&&(s=this.wrapper,this.disabled||this.unWireEvents(),"INPUT"===this.tagName?(this.getWrapper()&&s.parentNode&&s.parentNode.insertBefore(this.element,s),t.detach(s),this.element.checked=!1,this.indeterminate&&(this.element.indeterminate=!1),["name","value","disabled"].forEach(function(e){i.element.removeAttribute(e)})):(["role","aria-checked","class"].forEach(function(e){s.removeAttribute(e)}),s.innerHTML=""))},s.prototype.focusHandler=function(){this.isFocused=!0},s.prototype.focusOutHandler=function(){var e=this.getWrapper();e&&e.classList.remove("e-focus"),this.isFocused=!1},s.prototype.getModuleName=function(){return"checkbox"},s.prototype.getPersistData=function(){return this.addOnPersist(["checked","indeterminate"])},s.prototype.getWrapper=function(){return this.element&&this.element.parentElement?this.element.parentElement.parentElement:null},s.prototype.initialize=function(){t.isNullOrUndefined(this.initialCheckedValue)&&(this.initialCheckedValue=this.checked),this.name&&this.element.setAttribute("name",this.name),this.value&&(this.element.setAttribute("value",this.value),this.isVue&&"boolean"==typeof this.value&&!0===this.value&&this.setProperties({checked:!0},!0)),this.checked&&this.changeState("check"),this.indeterminate&&this.changeState(),this.disabled&&this.setDisabled()},s.prototype.initWrapper=function(){var e=this.element.parentElement;e.classList.contains(b)||(e=this.createElement("div",{className:b,attrs:{role:"checkbox","aria-checked":"false"}}),this.element.parentNode.insertBefore(e,this.element));var i=this.createElement("label",{attrs:{for:this.element.id}}),s=this.createElement("span",{className:"e-icons "+v});if(e.classList.add("e-wrapper"),this.enableRtl&&e.classList.add("e-rtl"),this.cssClass&&t.addClass([e],this.cssClass.split(" ")),e.appendChild(i),i.appendChild(this.element),o(this,i),i.appendChild(s),t.isRippleEnabled){var n=this.createElement("span",{className:y});"Before"===this.labelPosition?i.appendChild(n):i.insertBefore(n,s),t.rippleEffect(n,{duration:400,isCenterRipple:!0})}this.label&&this.setText(this.label)},s.prototype.keyUpHandler=function(){this.isFocused&&this.getWrapper().classList.add("e-focus")},s.prototype.labelMouseDownHandler=function(e){this.isMouseClick=!0,l(e,this.getWrapper().getElementsByClassName(y)[0])},s.prototype.labelMouseUpHandler=function(e){this.isMouseClick=!0;var t=this.getWrapper().getElementsByClassName(y)[0];if(t){for(var i=t.querySelectorAll(".e-ripple-element"),s=0;s<i.length-1;s++)t.removeChild(t.childNodes[s]);l(e,t)}},s.prototype.onPropertyChanged=function(e,i){for(var s=this.getWrapper(),n=0,r=Object.keys(e);n<r.length;n++)switch(r[n]){case"checked":this.indeterminate=!1,this.element.indeterminate=!1,this.changeState(e.checked?"check":"uncheck");break;case"indeterminate":e.indeterminate?this.changeState():(this.element.indeterminate=!1,this.changeState(this.checked?"check":"uncheck"));break;case"disabled":e.disabled?(this.setDisabled(),this.wrapper=this.getWrapper(),this.unWireEvents()):(this.element.disabled=!1,s.classList.remove("e-checkbox-disabled"),s.setAttribute("aria-disabled","false"),this.wireEvents());break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"label":this.setText(e.label);break;case"labelPosition":var a=s.getElementsByClassName("e-label")[0],l=s.getElementsByTagName("label")[0];t.detach(a),"After"===e.labelPosition?l.appendChild(a):l.insertBefore(a,s.getElementsByClassName(v)[0]);break;case"name":this.element.setAttribute("name",e.name);break;case"value":if(this.isVue&&"object"==typeof e.value)break;this.element.setAttribute("value",e.value);break;case"htmlAttributes":this.updateHtmlAttributeToWrapper()}},s.prototype.preRender=function(){var e=this.element;this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,e=i(this.createElement,"EJS-CHECKBOX","checkbox",e,b,"checkbox"),this.element=e,"checkbox"!==this.element.getAttribute("type")&&this.element.setAttribute("type","checkbox"),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.initialize(),this.disabled||this.wireEvents(),this.updateHtmlAttributeToWrapper(),this.updateVueArrayModel(!0),this.renderComplete(),this.wrapper=this.getWrapper()},s.prototype.setDisabled=function(){var e=this.getWrapper();this.element.disabled=!0,e.classList.add("e-checkbox-disabled"),e.setAttribute("aria-disabled","true")},s.prototype.setText=function(e){var i=this.getWrapper();if(i){var s=i.getElementsByClassName("e-label")[0];if(s)s.textContent=e;else{e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e):e,s=this.createElement("span",{className:"e-label",innerHTML:e});var n=i.getElementsByTagName("label")[0];"Before"===this.labelPosition?n.insertBefore(s,i.getElementsByClassName(v)[0]):n.appendChild(s)}}},s.prototype.changeHandler=function(e){e.stopPropagation()},s.prototype.formResetHandler=function(){this.checked=this.initialCheckedValue,this.element.checked=this.initialCheckedValue},s.prototype.unWireEvents=function(){var e=this.wrapper;t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keyup",this.keyUpHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler);var i=e.getElementsByTagName("label")[0];t.EventHandler.remove(i,"mousedown",this.labelMouseDownHandler),t.EventHandler.remove(i,"mouseup",this.labelMouseUpHandler),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler),"EJS-CHECKBOX"===this.tagName&&t.EventHandler.remove(this.element,"change",this.changeHandler)},s.prototype.wireEvents=function(){var e=this.getWrapper();t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keyup",this.keyUpHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this);var i=e.getElementsByTagName("label")[0];t.EventHandler.add(i,"mousedown",this.labelMouseDownHandler,this),t.EventHandler.add(i,"mouseup",this.labelMouseUpHandler,this),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this),"EJS-CHECKBOX"===this.tagName&&t.EventHandler.add(this.element,"change",this.changeHandler,this)},s.prototype.updateVueArrayModel=function(e){if(this.isVue&&"object"==typeof this.value){var t=this.element.value;if(t&&this.value){if(!e){var i=this.value.indexOf(t);return this.checked?i<0&&this.value.push(t):i>-1&&this.value.splice(i,1),this.value}for(var s=0;s<this.value.length;s++)t===this.value[s]&&(this.changeState("check"),this.setProperties({checked:!0},!0))}}return this.element.checked},s.prototype.updateHtmlAttributeToWrapper=function(){if(!t.isNullOrUndefined(this.htmlAttributes))for(var e=0,i=Object.keys(this.htmlAttributes);e<i.length;e++){var s=i[e];if(g.indexOf(s)>-1){var n=this.getWrapper();"class"===s?t.addClass([n],this.htmlAttributes[s].split(" ")):"title"===s?n.setAttribute(s,this.htmlAttributes[s]):"style"===s?this.getWrapper().getElementsByClassName(v)[0].setAttribute(s,this.htmlAttributes[s]):this.element.setAttribute(s,this.htmlAttributes[s])}}},s.prototype.click=function(){this.element.click()},s.prototype.focusIn=function(){this.element.focus()},f([t.Event()],s.prototype,"change",void 0),f([t.Event()],s.prototype,"created",void 0),f([t.Property(!1)],s.prototype,"checked",void 0),f([t.Property("")],s.prototype,"cssClass",void 0),f([t.Property(!1)],s.prototype,"disabled",void 0),f([t.Property(!1)],s.prototype,"indeterminate",void 0),f([t.Property("")],s.prototype,"label",void 0),f([t.Property("After")],s.prototype,"labelPosition",void 0),f([t.Property("")],s.prototype,"name",void 0),f([t.Property("")],s.prototype,"value",void 0),f([t.Property(!1)],s.prototype,"enableHtmlSanitizer",void 0),f([t.Property({})],s.prototype,"htmlAttributes",void 0),s=f([t.NotifyPropertyChanges],s)}(t.Component),k=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),E=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},H=["title","class","style","disabled","readonly","name","value"],S=function(e){function s(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s}k(s,e),n=s,s.prototype.changeHandler=function(e){this.checked=!0,this.dataBind();var t=this.element.getAttribute("value");t=this.isVue&&t?this.element.value:this.value,this.trigger("change",{value:t,event:e}),"EJS-RADIOBUTTON"===this.tagName&&e.stopPropagation()},s.prototype.updateChange=function(){for(var e,i,s=this.getRadioGroup(),r=0;r<s.length;r++)(e=s[r])!==this.element&&((i=t.getInstance(e,n)).checked=!1,"EJS-RADIOBUTTON"===this.tagName&&(i.angularValue=this.value))},s.prototype.destroy=function(){var i=this,s=this.element.parentElement;e.prototype.destroy.call(this),this.disabled||this.unWireEvents(),"INPUT"===this.tagName?(s.parentNode&&s.parentNode.insertBefore(this.element,s),t.detach(s),this.element.checked=!1,["name","value","disabled"].forEach(function(e){i.element.removeAttribute(e)})):(["role","aria-checked","class"].forEach(function(e){s.removeAttribute(e)}),s.innerHTML="")},s.prototype.focusHandler=function(){this.isFocused=!0},s.prototype.focusOutHandler=function(){var e=this.getLabel();e&&e.classList.remove("e-focus")},s.prototype.getModuleName=function(){return"radio"},s.prototype.getSelectedValue=function(){for(var e,t=this.getRadioGroup(),i=0,s=t.length;i<s;i++)if((e=t[i]).checked)return e.value;return""},s.prototype.getRadioGroup=function(){return document.querySelectorAll('input.e-radio[name="'+this.element.getAttribute("name")+'"]')},s.prototype.getPersistData=function(){return this.addOnPersist(["checked"])},s.prototype.getLabel=function(){return this.element?this.element.nextElementSibling:null},s.prototype.initialize=function(){t.isNullOrUndefined(this.initialCheckedValue)&&(this.initialCheckedValue=this.checked),this.initWrapper(),this.updateHtmlAttribute(),this.name&&this.element.setAttribute("name",this.name);var e=this.element.getAttribute("value");this.isVue&&e&&e===this.value&&(this.checked=!0),(this.isVue?this.value&&!e:this.value)&&this.element.setAttribute("value",this.value),this.checked&&(this.element.checked=!0),this.disabled&&this.setDisabled()},s.prototype.initWrapper=function(){var e,i=this.element.parentElement;i.classList.contains("e-radio-wrapper")||(i=this.createElement("div",{className:"e-radio-wrapper"}),this.element.parentNode.insertBefore(i,this.element));var s=this.createElement("label",{attrs:{for:this.element.id}});i.appendChild(this.element),i.appendChild(s),t.isRippleEnabled&&(e=this.createElement("span",{className:"e-ripple-container"}),s.appendChild(e),t.rippleEffect(e,{duration:400,isCenterRipple:!0})),i.classList.add("e-wrapper"),this.enableRtl&&s.classList.add("e-rtl"),this.cssClass&&t.addClass([s],this.cssClass.split(" ")),this.label&&this.setText(this.label)},s.prototype.keyUpHandler=function(){this.isFocused&&this.getLabel().classList.add("e-focus")},s.prototype.labelRippleHandler=function(e){l(e,this.getLabel().getElementsByClassName("e-ripple-container")[0])},s.prototype.formResetHandler=function(){this.checked=this.initialCheckedValue,this.initialCheckedValue&&t.attributes(this.element,{checked:"true"})},s.prototype.onPropertyChanged=function(e,i){for(var s=this.getLabel(),n=0,r=Object.keys(e);n<r.length;n++)switch(r[n]){case"checked":e.checked&&this.updateChange(),this.element.checked=e.checked;break;case"disabled":e.disabled?(this.setDisabled(),this.unWireEvents()):(this.element.disabled=!1,this.wireEvents());break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"label":this.setText(e.label);break;case"labelPosition":"Before"===e.labelPosition?s.classList.add("e-right"):s.classList.remove("e-right");break;case"name":this.element.setAttribute("name",e.name);break;case"value":if(!t.isNullOrUndefined(this.htmlAttributes)&&this.htmlAttributes.value)break;this.element.setAttribute("value",e.value);break;case"htmlAttributes":this.updateHtmlAttribute()}},s.prototype.preRender=function(){var e=this.element;if(this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,e=i(this.createElement,"EJS-RADIOBUTTON","radio",e,"e-radio-wrapper","radio"),this.element=e,"radio"!==this.element.getAttribute("type")&&this.element.setAttribute("type","radio"),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName())),"EJS-RADIOBUTTON"===this.tagName){var s=this.element.getAttribute("formcontrolname");s&&(this.setProperties({name:s},!0),this.element.setAttribute("name",s))}},s.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},s.prototype.setDisabled=function(){this.element.disabled=!0},s.prototype.setText=function(e){var i=this.getLabel(),s=i.getElementsByClassName("e-label")[0];s?s.textContent=e:(e=this.enableHtmlSanitizer?t.SanitizeHtmlHelper.sanitize(e):e,s=this.createElement("span",{className:"e-label",innerHTML:e}),i.appendChild(s)),"Before"===this.labelPosition?this.getLabel().classList.add("e-right"):this.getLabel().classList.remove("e-right")},s.prototype.updateHtmlAttribute=function(){if(!t.isNullOrUndefined(this.htmlAttributes))for(var e=0,i=Object.keys(this.htmlAttributes);e<i.length;e++){var s=i[e];if(H.indexOf(s)>-1){var n=this.element.parentElement;"class"===s?t.addClass([n],this.htmlAttributes[s].split(" ")):"title"===s||"style"===s?n.setAttribute(s,this.htmlAttributes[s]):this.element.setAttribute(s,this.htmlAttributes[s])}}},s.prototype.unWireEvents=function(){var e=this.getLabel();t.EventHandler.remove(this.element,"change",this.changeHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"keyup",this.keyUpHandler);var i=e.getElementsByClassName("e-label")[0];i&&(t.EventHandler.remove(i,"mousedown",this.labelRippleHandler),t.EventHandler.remove(i,"mouseup",this.labelRippleHandler)),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler)},s.prototype.wireEvents=function(){var e=this.getLabel();t.EventHandler.add(this.element,"change",this.changeHandler,this),t.EventHandler.add(this.element,"keyup",this.keyUpHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this);var i=e.getElementsByClassName("e-label")[0];i&&(t.EventHandler.add(i,"mousedown",this.labelRippleHandler,this),t.EventHandler.add(i,"mouseup",this.labelRippleHandler,this)),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this)},s.prototype.click=function(){this.element.click()},s.prototype.focusIn=function(){this.element.focus()};var n;return E([t.Event()],s.prototype,"change",void 0),E([t.Event()],s.prototype,"created",void 0),E([t.Property(!1)],s.prototype,"checked",void 0),E([t.Property("")],s.prototype,"cssClass",void 0),E([t.Property(!1)],s.prototype,"disabled",void 0),E([t.Property("")],s.prototype,"label",void 0),E([t.Property("After")],s.prototype,"labelPosition",void 0),E([t.Property("")],s.prototype,"name",void 0),E([t.Property("")],s.prototype,"value",void 0),E([t.Property(!1)],s.prototype,"enableHtmlSanitizer",void 0),E([t.Property({})],s.prototype,"htmlAttributes",void 0),s=n=E([t.NotifyPropertyChanges],s)}(t.Component),A=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),P=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},L="e-ripple-container",N=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.isFocused=!1,s.isDrag=!1,s}return A(i,e),i.prototype.changeState=function(e){var i,s,n=this.getWrapper(),r=n.querySelector(".e-switch-inner"),a=n.querySelector(".e-switch-handle");t.isRippleEnabled&&(s=n.getElementsByClassName(L)[0]),e?(t.addClass([r,a],"e-switch-active"),i="true",this.element.checked=!0,this.checked=!0,s&&t.addClass([s],["e-ripple-check"])):(t.removeClass([r,a],"e-switch-active"),i="false",this.element.checked=!1,this.checked=!1,s&&t.removeClass([s],["e-ripple-check"])),n.setAttribute("aria-checked",i)},i.prototype.clickHandler=function(e){this.isDrag=!1,this.focusOutHandler(),this.changeState(!this.checked),this.element.focus();var t={checked:this.element.checked,event:e};this.trigger("change",t)},i.prototype.destroy=function(){e.prototype.destroy.call(this),this.disabled||this.unWireEvents(),n(this,this.getWrapper(),this.tagName)},i.prototype.focusHandler=function(){this.isFocused=!0},i.prototype.focusOutHandler=function(){this.getWrapper().classList.remove("e-focus")},i.prototype.getModuleName=function(){return"switch"},i.prototype.getPersistData=function(){return this.addOnPersist(["checked"])},i.prototype.getWrapper=function(){return this.element.parentElement},i.prototype.initialize=function(){t.isNullOrUndefined(this.initialSwitchCheckedValue)&&(this.initialSwitchCheckedValue=this.checked),this.name&&this.element.setAttribute("name",this.name),this.value&&this.element.setAttribute("value",this.value),this.checked&&this.changeState(!0),this.disabled&&this.setDisabled(),(this.onLabel||this.offLabel)&&this.setLabel(this.onLabel,this.offLabel)},i.prototype.initWrapper=function(){var e=this.element.parentElement;e.classList.contains("e-switch-wrapper")||(e=this.createElement("div",{className:"e-switch-wrapper",attrs:{role:"switch","aria-checked":"false"}}),this.element.parentNode.insertBefore(e,this.element));var i=this.createElement("span",{className:"e-switch-inner"}),s=this.createElement("span",{className:"e-switch-on"}),n=this.createElement("span",{className:"e-switch-off"}),r=this.createElement("span",{className:"e-switch-handle"});if(e.appendChild(this.element),o(this,e),i.appendChild(s),i.appendChild(n),e.appendChild(i),e.appendChild(r),t.isRippleEnabled){var a=this.createElement("span",{className:L});r.appendChild(a),t.rippleEffect(a,{duration:400,isCenterRipple:!0})}e.classList.add("e-wrapper"),this.enableRtl&&e.classList.add("e-rtl"),this.cssClass&&t.addClass([e],this.cssClass.split(" "))},i.prototype.onPropertyChanged=function(e,i){for(var s=this.getWrapper(),n=0,r=Object.keys(e);n<r.length;n++)switch(r[n]){case"checked":this.changeState(e.checked);break;case"disabled":e.disabled?(this.setDisabled(),this.unWireEvents()):(this.element.disabled=!1,s.classList.remove("e-switch-disabled"),s.setAttribute("aria-disabled","false"),this.wireEvents());break;case"value":this.element.setAttribute("value",e.value);break;case"name":this.element.setAttribute("name",e.name);break;case"onLabel":case"offLabel":this.setLabel(e.onLabel,e.offLabel);break;case"enableRtl":e.enableRtl?s.classList.add("e-rtl"):s.classList.remove("e-rtl");break;case"cssClass":i.cssClass&&t.removeClass([s],i.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "))}},i.prototype.preRender=function(){var e=this.element;this.formElement=t.closest(this.element,"form"),this.tagName=this.element.tagName,r(this,"EJS-SWITCH","e-switch-wrapper",e,this.getModuleName())},i.prototype.render=function(){this.initWrapper(),this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},i.prototype.rippleHandler=function(e){l(e,this.getWrapper().getElementsByClassName(L)[0]),"mousedown"===e.type&&e.currentTarget.classList.contains("e-switch-wrapper")&&1===e.which&&(this.isDrag=!0,this.isFocused=!1)},i.prototype.rippleTouchHandler=function(e){var t=this.getWrapper().getElementsByClassName(L)[0];if(t){var i=document.createEvent("MouseEvents");i.initEvent(e,!1,!0),t.dispatchEvent(i)}},i.prototype.setDisabled=function(){var e=this.getWrapper();this.element.disabled=!0,e.classList.add("e-switch-disabled"),e.setAttribute("aria-disabled","true")},i.prototype.setLabel=function(e,t){var i=this.getWrapper();e&&(i.querySelector(".e-switch-on").textContent=e),t&&(i.querySelector(".e-switch-off").textContent=t)},i.prototype.switchFocusHandler=function(){this.isFocused&&this.getWrapper().classList.add("e-focus")},i.prototype.switchMouseUp=function(e){var t=e.target;"touchmove"===e.type&&e.preventDefault(),"touchstart"===e.type&&(this.isDrag=!0,this.rippleTouchHandler("mousedown")),this.isDrag&&("mouseup"===e.type&&t.className.indexOf("e-switch")<0||"touchend"===e.type)&&(this.clickHandler(e),this.rippleTouchHandler("mouseup"),e.preventDefault())},i.prototype.formResetHandler=function(){this.checked=this.initialSwitchCheckedValue,this.element.checked=this.initialSwitchCheckedValue},i.prototype.toggle=function(){this.clickHandler()},i.prototype.wireEvents=function(){var e=this.getWrapper();this.delegateMouseUpHandler=this.switchMouseUp.bind(this),this.delegateKeyUpHandler=this.switchFocusHandler.bind(this),t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(this.element,"focus",this.focusHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this),t.EventHandler.add(this.element,"mouseup",this.delegateMouseUpHandler,this),t.EventHandler.add(this.element,"keyup",this.delegateKeyUpHandler,this),t.EventHandler.add(e,"mousedown mouseup",this.rippleHandler,this),t.EventHandler.add(e,"touchstart touchmove touchend",this.switchMouseUp,this),this.formElement&&t.EventHandler.add(this.formElement,"reset",this.formResetHandler,this)},i.prototype.unWireEvents=function(){var e=this.getWrapper();t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(this.element,"focus",this.focusHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"mouseup",this.delegateMouseUpHandler),t.EventHandler.remove(this.element,"keyup",this.delegateKeyUpHandler),t.EventHandler.remove(e,"mousedown mouseup",this.rippleHandler),t.EventHandler.remove(e,"touchstart touchmove touchend",this.switchMouseUp),this.formElement&&t.EventHandler.remove(this.formElement,"reset",this.formResetHandler)},i.prototype.click=function(){this.element.click()},i.prototype.focusIn=function(){this.element.focus()},P([t.Event()],i.prototype,"change",void 0),P([t.Event()],i.prototype,"created",void 0),P([t.Property(!1)],i.prototype,"checked",void 0),P([t.Property("")],i.prototype,"cssClass",void 0),P([t.Property(!1)],i.prototype,"disabled",void 0),P([t.Property("")],i.prototype,"name",void 0),P([t.Property("")],i.prototype,"onLabel",void 0),P([t.Property("")],i.prototype,"offLabel",void 0),P([t.Property("")],i.prototype,"value",void 0),i=P([t.NotifyPropertyChanges],i)}(t.Component),x=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}(),T=function(e,t,i,s){var n,r=arguments.length,a=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a},w={chipSet:"e-chip-set",chip:"e-chip",avatar:"e-chip-avatar",text:"e-chip-text",icon:"e-chip-icon",delete:"e-chip-delete",deleteIcon:"e-dlt-btn",multiSelection:"e-multi-selection",singleSelection:"e-selection",active:"e-active",chipWrapper:"e-chip-avatar-wrap",iconWrapper:"e-chip-icon-wrap",focused:"e-focused",disabled:"e-disabled",rtl:"e-rtl"},O=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.multiSelectedChip=[],s}return x(i,e),i.prototype.preRender=function(){},i.prototype.chipType=function(){return this.chips&&this.chips.length&&this.chips.length>0},i.prototype.render=function(){this.type=this.chips.length?"chipset":this.text||this.element.innerText?"chip":"chipset",t.isBlazor()&&this.isServerRendered||(this.setAttributes(),this.createChip(),this.setRtl(),this.select(this.selectedChips,void 0)),this.wireEvent(!1),this.rippleFunction=t.rippleEffect(this.element,{selector:".e-chip"}),this.renderComplete()},i.prototype.createChip=function(){if(this.innerText=this.element.innerText.trim(),t.isBlazor())for(var e=this.element.querySelectorAll(".e-chip"),i=0;i<e.length;i++)null!=e[i]&&t.detach(e[i]);else this.element.innerHTML="";this.chipCreation("chip"===this.type?[this.innerText?this.innerText:this.text]:this.chips)},i.prototype.setAttributes=function(){"chip"===this.type?(this.element.tabIndex=0,this.element.setAttribute("role","option")):(this.element.classList.add(w.chipSet),this.element.setAttribute("role","listbox"),"Multiple"===this.selection?(this.element.classList.add(w.multiSelection),this.element.setAttribute("aria-multiselectable","true")):"Single"===this.selection?(this.element.classList.add(w.singleSelection),this.element.setAttribute("aria-multiselectable","false")):this.element.setAttribute("aria-multiselectable","false"))},i.prototype.setRtl=function(){this.element.classList[this.enableRtl?"add":"remove"](w.rtl)},i.prototype.chipCreation=function(e){for(var i=[],s=0;s<e.length;s++){var n=this.getFieldValues(e[s]),r=this.elementCreation(n),a=(w.chip+" "+(n.enabled?" ":w.disabled)+" "+(n.avatarIconCss||n.avatarText?w.chipWrapper:n.leadingIconCss?w.iconWrapper:" ")+" "+n.cssClass).split(" ").filter(function(e){return e});if(this.chipType()){var l=this.createElement("DIV",{className:a.join(" "),attrs:{tabIndex:"0",role:"option","aria-label":n.text,"aria-selected":"false"}});n.value&&l.setAttribute("data-value",n.value.toString()),t.append(r,l),i.push(l)}else i=r,t.addClass([this.element],a),this.element.setAttribute("aria-label",n.text),n.value&&this.element.setAttribute("data-value",n.value.toString())}t.append(i,this.element)},i.prototype.getFieldValues=function(e){var i=!("false"===this.enabled.toString());return{text:"object"==typeof e?e.text?e.text.toString():this.text.toString():this.chipType()?e.toString():this.innerText?this.innerText:this.text.toString(),cssClass:"object"==typeof e&&e.cssClass?e.cssClass.toString():this.cssClass.toString(),leadingIconCss:"object"==typeof e&&e.leadingIconCss?e.leadingIconCss.toString():this.leadingIconCss.toString(),avatarIconCss:"object"==typeof e&&e.avatarIconCss?e.avatarIconCss.toString():this.avatarIconCss.toString(),avatarText:"object"==typeof e&&e.avatarText?e.avatarText.toString():this.avatarText.toString(),trailingIconCss:"object"==typeof e&&e.trailingIconCss?e.trailingIconCss.toString():this.trailingIconCss.toString(),enabled:"object"==typeof e?t.isNullOrUndefined(e.enabled)?i:"false"!==e.enabled.toString():i,value:"object"==typeof e&&e.value?e.value.toString():null,leadingIconUrl:"object"==typeof e&&e.leadingIconUrl?e.leadingIconUrl.toString():this.leadingIconUrl,trailingIconUrl:"object"==typeof e&&e.trailingIconUrl?e.trailingIconUrl.toString():this.trailingIconUrl}},i.prototype.elementCreation=function(e){var t=[];if(e.avatarText||e.avatarIconCss){var i=(w.avatar+" "+e.avatarIconCss).trim(),s=this.createElement("span",{className:i});s.innerText=e.avatarText,t.push(s)}else if(e.leadingIconCss){var i=(w.icon+" "+e.leadingIconCss).trim(),n=this.createElement("span",{className:i});t.push(n)}else if(e.leadingIconUrl){i=(w.avatar+" image-url").trim();(n=this.createElement("span",{className:i})).style.backgroundImage="url("+e.leadingIconUrl+")",t.push(n)}var r=this.createElement("span",{className:w.text});if(r.innerText=e.text,t.push(r),e.trailingIconCss||this.chipType()&&this.enableDelete){var i=(w.delete+" "+(e.trailingIconCss?e.trailingIconCss:w.deleteIcon)).trim(),a=this.createElement("span",{className:i});t.push(a)}else if(e.trailingIconUrl){var i="trailing-icon-url".trim(),l=this.createElement("span",{className:i});l.style.backgroundImage="url("+e.trailingIconUrl+")",t.push(l)}return t},i.prototype.find=function(e){var t,i=e instanceof HTMLElement?e:this.element.querySelectorAll("."+w.chip)[e];return i&&this.chipType()&&((t={text:void 0,index:void 0,element:void 0,data:void 0}).index=Array.prototype.slice.call(this.element.querySelectorAll("."+w.chip)).indexOf(i),t.text="object"==typeof this.chips[t.index]?this.chips[t.index].text?this.chips[t.index].text.toString():"":this.chips[t.index].toString(),t.data=this.chips[t.index],t.element=i),t},i.prototype.add=function(e){var t;if("chip"!==this.type){var i=e instanceof Array?e:[e];(t=this.chips).push.apply(t,i),this.chipCreation(i)}},i.prototype.select=function(e,t){this.onSelect(e,!1,t)},i.prototype.multiSelection=function(e){for(var t=this.element.querySelectorAll(".e-chip"),i=0;i<e.length;i++)if("string"==typeof e[i]){for(var s=0;s<t.length;s++)if(e[i]!==s&&e[i]===t[s].attributes[5].value){this.multiSelectedChip.push(s);break}}else this.multiSelectedChip.push(e[i])},i.prototype.onSelect=function(e,t,i){var s,n,r;if(this.chipType()&&"None"!==this.selection){if(t)for(var a=this.element.querySelectorAll("."+w.chip),l=0;l<a.length;l++)a[l].setAttribute("aria-selected","false"),a[l].classList.remove(w.active);for(var o=e instanceof Array?e:[e],l=0;l<o.length;l++){var c=o[l]instanceof HTMLElement?o[l]:this.element.querySelectorAll("."+w.chip)[o[l]];if("index"!==i)for(var h=0;h<this.chips.length;h++){n=this.element.querySelectorAll("."+w.chip)[h];var p=this.getFieldValues(this.chips[h]);"value"===i?null!==p.value&&(r=n.dataset.value):"text"===i&&(r=n.innerText),r===o[l].toString()&&(s=h,c=this.element.querySelectorAll("."+w.chip)[s])}c instanceof HTMLElement&&this.selectionHandler(c)}}},i.prototype.remove=function(e){var t=this;if(this.chipType()){var i=e instanceof Array?e:[e],s=[],n=this.element.querySelectorAll("."+w.chip);i.forEach(function(e){var t=e instanceof HTMLElement?e:n[e];t instanceof HTMLElement&&s.push(t)}),s.forEach(function(e){var i=t.element.querySelectorAll("."+w.chip),s=Array.prototype.slice.call(i).indexOf(e);t.deleteHandler(e,s)})}},i.prototype.getSelectedChips=function(){var e;if(this.chipType()&&"None"!==this.selection){for(var i={texts:[],Indexes:[],data:[],elements:[]},s=this.element.querySelectorAll("."+w.active),n=0;n<s.length;n++){var r=s[n];i.elements.push(r);var a=Array.prototype.slice.call(this.element.querySelectorAll("."+w.chip)).indexOf(r);i.Indexes.push(a),i.data.push(this.chips[a]);var l="object"==typeof this.chips[a]?this.chips[a].text?this.chips[a].text.toString():null:this.chips[a].toString();i.texts.push(l)}var o={text:i.texts[0],index:i.Indexes[0],data:i.data[0],element:i.elements[0]};e=t.isNullOrUndefined(o.index)?void 0:"Multiple"===this.selection?i:o}return e},i.prototype.wireEvent=function(e){e?(t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"focusout",this.focusOutHandler),t.EventHandler.remove(this.element,"keydown",this.keyHandler),t.EventHandler.remove(this.element,"keyup",this.keyHandler)):(t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"focusout",this.focusOutHandler,this),t.EventHandler.add(this.element,"keydown",this.keyHandler,this),t.EventHandler.add(this.element,"keyup",this.keyHandler,this))},i.prototype.keyHandler=function(e){e.target.classList.contains(w.chip)&&("keydown"===e.type?13===e.keyCode?this.clickHandler(e):46===e.keyCode&&this.enableDelete&&this.clickHandler(e,!0):9===e.keyCode&&this.focusInHandler(e.target))},i.prototype.focusInHandler=function(e){e.classList.contains(w.focused)||e.classList.add(w.focused)},i.prototype.focusOutHandler=function(e){var i=t.closest(e.target,"."+w.chip),s=this.chipType()?this.element.querySelector("."+w.focused):this.element.classList.contains(w.focused)?this.element:null;i&&s&&s.classList.remove(w.focused)},i.prototype.clickHandler=function(e,i){var s=this;void 0===i&&(i=!1);var n=t.closest(e.target,"."+w.chip);if(n){var r=void 0;if(this.chipType())r=this.find(n);else{var a=Array.prototype.slice.call(this.element.querySelectorAll("."+w.chip)).indexOf(n);r={text:this.innerText?this.innerText:this.text,element:n,data:this.text,index:a}}r.event=e,r.cancel=!1,this.trigger("beforeClick",r,function(n){n.cancel||(n.element=t.isBlazor()?t.getElement(n.element):n.element,s.clickEventHandler(n.element,e,i))})}},i.prototype.clickEventHandler=function(e,i,s){var n=this;if(this.chipType()){var r=this.find(e);if(r.event=i,(i.target.classList.contains(w.deleteIcon)?i.target:s?e.querySelector("."+w.deleteIcon):void 0)&&this.enableDelete){r.cancel=!1;var a=r;this.trigger("delete",a,function(i){if(!i.cancel){i.element=t.isBlazor()?t.getElement(i.element):i.element,n.deleteHandler(i.element,i.index),n.selectionHandler(e),r.selected=i.element.classList.contains(w.active);var s=r;n.trigger("click",s)}})}else if("None"!==this.selection){this.selectionHandler(e),r.selected=e.classList.contains(w.active);var l=r;this.trigger("click",l)}else{this.focusInHandler(e);o=r;this.trigger("click",o)}}else{this.focusInHandler(e);var o={text:this.innerText?this.innerText:this.text,element:e,data:this.text,event:i};this.trigger("click",o)}},i.prototype.selectionHandler=function(e){if("Single"===this.selection){var t=this.element.querySelector("."+w.active);t&&t!==e&&(t.classList.remove(w.active),t.setAttribute("aria-selected","false")),this.setProperties({selectedChips:null},!0)}else this.setProperties({selectedChips:[]},!0);e.classList.contains(w.active)?(e.classList.remove(w.active),e.setAttribute("aria-selected","false")):(e.classList.add(w.active),e.setAttribute("aria-selected","true")),this.updateSelectedChips()},i.prototype.updateSelectedChips=function(){for(var e,t=this.element.querySelectorAll(".e-chip"),i=[],s=[],n=null,r=0;r<t.length;r++){var a=this.element.querySelectorAll(".e-chip")[r];if("true"===a.getAttribute("aria-selected")){if(e=a.getAttribute("data-value"),"Single"===this.selection&&a.classList.contains("e-active")){n=e||r;break}n=e?s.push(e):i.push(r)}}this.setProperties({selectedChips:"Single"===this.selection?n:e?s:i},!0)},i.prototype.deleteHandler=function(e,i){this.allowServerDataBinding=!0,this.chips.splice(i,1),this.setProperties({chips:this.chips},!0),this.serverDataBind(),this.allowServerDataBinding=!1,t.isBlazor()&&this.isServerRendered||t.detach(e)},i.prototype.destroy=function(){if(t.removeClass([this.element],[w.chipSet,w.chip,w.rtl,w.multiSelection,w.singleSelection,w.disabled,w.chipWrapper,w.iconWrapper,w.active,w.focused].concat(this.cssClass.toString().split(" ").filter(function(e){return e}))),this.removeMultipleAttributes(["tabindex","role","aria-label","aria-multiselectable"],this.element),this.wireEvent(!0),this.rippleFunction(),t.isBlazor())for(var i=this.chipType()?this.element.querySelectorAll(".e-chip"):this.element.querySelectorAll(".e-chip-text"),s=0;s<i.length;s++)null!=i[s]&&t.detach(i[s]);else e.prototype.destroy.call(this),this.element.innerHTML="",this.element.innerText=this.innerText},i.prototype.removeMultipleAttributes=function(e,t){e.forEach(function(e){t.removeAttribute(e)})},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.prototype.getModuleName=function(){return"chip-list"},i.prototype.onPropertyChanged=function(e,i){for(var s=0,n=Object.keys(e);s<n.length;s++)switch(n[s]){case"chips":case"text":case"avatarText":case"avatarIconCss":case"leadingIconCss":case"trailingIconCss":case"selection":case"enableDelete":case"enabled":t.isBlazor()&&this.isServerRendered||(this.isServerRendered=!1,this.refresh(),this.isServerRendered=!0);break;case"cssClass":t.isBlazor()&&this.isServerRendered||(this.chipType()?(this.isServerRendered=!1,this.refresh(),this.isServerRendered=!0):(t.removeClass([this.element],i.cssClass.toString().split(" ").filter(function(e){return e})),t.addClass([this.element],e.cssClass.toString().split(" ").filter(function(e){return e}))));break;case"selectedChips":t.removeClass(this.element.querySelectorAll(".e-active"),"e-active"),"Multiple"===this.selection?(this.multiSelectedChip=[],this.multiSelection(e.selectedChips),this.onSelect(this.multiSelectedChip,!0,void 0),this.updateSelectedChips()):this.onSelect(e.selectedChips,!0,void 0);break;case"enableRtl":this.setRtl()}},T([t.Property([])],i.prototype,"chips",void 0),T([t.Property("")],i.prototype,"text",void 0),T([t.Property("")],i.prototype,"avatarText",void 0),T([t.Property("")],i.prototype,"avatarIconCss",void 0),T([t.Property("")],i.prototype,"leadingIconCss",void 0),T([t.Property("")],i.prototype,"trailingIconCss",void 0),T([t.Property("")],i.prototype,"leadingIconUrl",void 0),T([t.Property("")],i.prototype,"trailingIconUrl",void 0),T([t.Property("")],i.prototype,"cssClass",void 0),T([t.Property(!0)],i.prototype,"enabled",void 0),T([t.Property([])],i.prototype,"selectedChips",void 0),T([t.Property("None")],i.prototype,"selection",void 0),T([t.Property(!1)],i.prototype,"enableDelete",void 0),T([t.Event()],i.prototype,"created",void 0),T([t.Event()],i.prototype,"click",void 0),T([t.Event()],i.prototype,"beforeClick",void 0),T([t.Event()],i.prototype,"delete",void 0),i=T([t.NotifyPropertyChanges],i)}(t.Component),R=function(){function e(){}return e}();return e.wrapperInitialize=i,e.getTextNode=s,e.destroy=n,e.preRender=r,e.createCheckBox=a,e.rippleMouseHandler=l,e.setHiddenInput=o,e.buttonObserver=p,e.Button=u,e.CheckBox=C,e.RadioButton=S,e.Switch=N,e.classNames=w,e.ChipList=O,e.Chip=R,e}({},ej.base),this.ejs=ej;
 //# sourceMappingURL=ej2-buttons.min.js.map

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 18.4.46
+*  version : 19.1.54
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-buttons@*",
-  "_id": "@syncfusion/ej2-buttons@18.4.44",
+  "_id": "@syncfusion/ej2-buttons@18.2.44",
   "_inBundle": false,
-  "_integrity": "sha512-FVANCwJHJG26TOx3FQINS4bx6J7Pq815QQZzooNrfocI5CU6arMT8LalOXRx5Mgdw5LctihYRHayZZoIK9Uq1A==",
+  "_integrity": "sha512-R1htYcsQw/+rd/14MMUCRqVS4Q8/4OkDHulnA1BWKa+mcm8IlZwZdjXl5RGYikn0BYqQomSscleIfoJHmnWiQQ==",
   "_location": "/@syncfusion/ej2-buttons",
@@ -45,4 +45,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-buttons/-/ej2-buttons-18.4.44.tgz",
-  "_shasum": "f8555a897d3a78bc71e19ec96a3be6a0f42e6dc8",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-buttons/-/ej2-buttons-18.2.44.tgz",
+  "_shasum": "fcf77efbf28ca678cab207e3ce6a562d0ac9078f",
   "_spec": "@syncfusion/ej2-buttons@*",
@@ -58,3 +58,3 @@ "_where": "/jenkins/workspace/automation_release_18.4.0.1-WOJ6QVY6EU5ONBWOYGQFKS2VU2UW7E67MOXUPKCE5AX7QQX7M5JQ/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~18.4.44"
+    "@syncfusion/ej2-base": "~19.1.54"
   },
@@ -102,4 +102,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "18.4.46",
+  "version": "19.1.54",
   "sideEffects": false
 }

README.md

@@ -108,2 +108,2 @@ # ej2-buttons
 
-© Copyright 2020 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

src/button/button-model.d.ts

@@ -15,2 +15,3 @@ import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Component, isBlazor, isRippleEnabled } from '@syncfusion/ej2-base';import { addClass, Event, EmitType, detach, removeClass } from '@syncfusion/ej2-base';import { rippleEffect, EventHandler, Observer, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { getTextNode } from '../common/common';
      * * Right: The icon will be positioned to the right of the text content.
+     *
      * @default "left"
@@ -23,2 +24,3 @@ */
      * Buttons can also include font icon and sprite image.
+     *
      * @default ""
@@ -30,2 +32,3 @@ */
      * Specifies a value that indicates whether the Button is `disabled` or not.
+     *
      * @default false.
@@ -37,2 +40,3 @@ */
      * Allows the appearance of the Button to be enhanced and visually appealing when set to `true`.
+     *
      * @default false
@@ -47,2 +51,3 @@ */
      * {% codeBlock src='button/cssClass/index.md' %}{% endcodeBlock %}
+     *
      * @default ""
@@ -55,2 +60,3 @@ */
      * {% codeBlock src='button/content/index.md' %}{% endcodeBlock %}
+     *
      * @default ""
@@ -62,2 +68,3 @@ */
      * Makes the Button toggle, when set to `true`. When you click it, the state changes from normal to active.
+     *
      * @default false
@@ -69,2 +76,3 @@ */
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
+     *
      * @private
@@ -76,2 +84,3 @@ */
      * Defines whether to allow the cross-scripting site or not.
+     *
      * @default false
@@ -83,3 +92,4 @@ */
      * Triggers once the component rendering is completed.
-     * @event
+     *
+     * @event created
      */
@@ -86,0 +96,0 @@ created?: EmitType<Event>;

src/button/button.d.ts

@@ -29,2 +29,3 @@ import { INotifyPropertyChanged, Component } from '@syncfusion/ej2-base';
      * * Right: The icon will be positioned to the right of the text content.
+     *
      * @default "left"
@@ -36,2 +37,3 @@ */
      * Buttons can also include font icon and sprite image.
+     *
      * @default ""
@@ -42,2 +44,3 @@ */
      * Specifies a value that indicates whether the Button is `disabled` or not.
+     *
      * @default false.
@@ -48,2 +51,3 @@ */
      * Allows the appearance of the Button to be enhanced and visually appealing when set to `true`.
+     *
      * @default false
@@ -57,2 +61,3 @@ */
      * {% codeBlock src='button/cssClass/index.md' %}{% endcodeBlock %}
+     *
      * @default ""
@@ -64,2 +69,3 @@ */
      * {% codeBlock src='button/content/index.md' %}{% endcodeBlock %}
+     *
      * @default ""
@@ -70,2 +76,3 @@ */
      * Makes the Button toggle, when set to `true`. When you click it, the state changes from normal to active.
+     *
      * @default false
@@ -76,2 +83,3 @@ */
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
+     *
      * @private
@@ -82,2 +90,3 @@ */
      * Defines whether to allow the cross-scripting site or not.
+     *
      * @default false
@@ -88,3 +97,4 @@ */
      * Triggers once the component rendering is completed.
-     * @event
+     *
+     * @event created
      */
@@ -94,4 +104,5 @@ created: EmitType<Event>;
      * Constructor for creating the widget
-     * @param  {ButtonModel} options?
-     * @param  {string|HTMLButtonElement} element?
+     *
+     * @param  {ButtonModel} options - Specifies the button model
+     * @param  {string|HTMLButtonElement} element - Specifies the target element
      */
@@ -102,3 +113,4 @@ constructor(options?: ButtonModel, element?: string | HTMLButtonElement);
      * Initialize the control rendering
-     * @returns void
+     *
+     * @returns {void}
      * @private
@@ -115,3 +127,4 @@ */
      * Destroys the widget.
-     * @returns void
+     *
+     * @returns {void}
      */
@@ -121,3 +134,4 @@ destroy(): void;
      * Get component name.
-     * @returns string
+     *
+     * @returns {string} - Module name
      * @private
@@ -128,3 +142,4 @@ */
      * Get the properties to be maintained in the persisted state.
-     * @returns string
+     *
+     * @returns {string} - Persist Data
      * @private
@@ -135,3 +150,5 @@ */
      * Dynamically injects the required modules to the component.
+     *
      * @private
+     * @returns {void}
      */
@@ -141,5 +158,6 @@ static Inject(): void;
      * Called internally if any of the property value changed.
-     * @param  {ButtonModel} newProp
-     * @param  {ButtonModel} oldProp
-     * @returns void
+     *
+     * @param  {ButtonModel} newProp - Specifies new properties
+     * @param  {ButtonModel} oldProp - Specifies old properties
+     * @returns {void}
      * @private
@@ -151,3 +169,5 @@ */
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -158,5 +178,7 @@ click(): void;
      * its native method
+     *
      * @public
+     * @returns {void}
      */
     focusIn(): void;
 }

src/button/button.js

@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -48,4 +48,5 @@ extendStatics(d, b);
      * Constructor for creating the widget
-     * @param  {ButtonModel} options?
-     * @param  {string|HTMLButtonElement} element?
+     *
+     * @param  {ButtonModel} options - Specifies the button model
+     * @param  {string|HTMLButtonElement} element - Specifies the target element
      */
@@ -60,3 +61,4 @@ function Button(options, element) {
      * Initialize the control rendering
-     * @returns void
+     *
+     * @returns {void}
      * @private
@@ -137,6 +139,6 @@ */
      * Destroys the widget.
-     * @returns void
+     *
+     * @returns {void}
      */
     Button.prototype.destroy = function () {
-        var span;
         var classList = [cssClassName.PRIMARY, cssClassName.RTL, cssClassName.ICONBTN, 'e-success', 'e-info', 'e-danger',
@@ -159,3 +161,3 @@ 'e-warning', 'e-flat', 'e-outline', 'e-small', 'e-bigger', 'e-active', 'e-round',
         }
-        span = this.element.querySelector('span.e-btn-icon');
+        var span = this.element.querySelector('span.e-btn-icon');
         if (span) {
@@ -171,3 +173,4 @@ detach(span);
      * Get component name.
-     * @returns string
+     *
+     * @returns {string} - Module name
      * @private
@@ -180,3 +183,4 @@ */
      * Get the properties to be maintained in the persisted state.
-     * @returns string
+     *
+     * @returns {string} - Persist Data
      * @private
@@ -189,3 +193,5 @@ */
      * Dynamically injects the required modules to the component.
+     *
      * @private
+     * @returns {void}
      */
@@ -197,8 +203,10 @@ Button.Inject = function () {
      * Called internally if any of the property value changed.
-     * @param  {ButtonModel} newProp
-     * @param  {ButtonModel} oldProp
-     * @returns void
+     *
+     * @param  {ButtonModel} newProp - Specifies new properties
+     * @param  {ButtonModel} oldProp - Specifies old properties
+     * @returns {void}
      * @private
      */
     Button.prototype.onPropertyChanged = function (newProp, oldProp) {
+        var span = this.element.querySelector('span.e-btn-icon');
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
@@ -218,4 +226,3 @@ var prop = _a[_i];
                     break;
-                case 'iconCss':
-                    var span = this.element.querySelector('span.e-btn-icon');
+                case 'iconCss': {
                     if (span) {
@@ -241,2 +248,3 @@ if (newProp.iconCss) {
                     break;
+                }
                 case 'iconPosition':
@@ -266,3 +274,3 @@ removeClass([this.element], ['e-top-icon-btn', 'e-bottom-icon-btn']);
                     break;
-                case 'content':
+                case 'content': {
                     var node = getTextNode(this.element);
@@ -280,2 +288,3 @@ if (!node) {
                     break;
+                }
                 case 'isToggle':
@@ -296,3 +305,5 @@ if (newProp.isToggle) {
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -305,3 +316,5 @@ Button.prototype.click = function () {
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -308,0 +321,0 @@ Button.prototype.focusIn = function () {

src/check-box/check-box-model.d.ts

@@ -12,3 +12,4 @@ import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';import { EmitType, Event, EventHandler, isNullOrUndefined, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { addClass, detach, getUniqueID, isRippleEnabled, removeClass, rippleEffect, closest } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler, ChangeEventArgs, setHiddenInput } from './../common/common';
      * Triggers when the CheckBox state has been changed by user interaction.
-     * @event
+     *
+     * @event change
      */
@@ -19,3 +20,4 @@ change?: EmitType<ChangeEventArgs>;
      * Triggers once the component rendering is completed.
-     * @event
+     *
+     * @event created
      */
@@ -27,2 +29,3 @@ created?: EmitType<Event>;
      * When set to `true`, the CheckBox will be in `checked` state.
+     *
      * @default false
@@ -35,2 +38,3 @@ */
      * You can add custom styles to the CheckBox by using this property.
+     *
      * @default ''
@@ -43,2 +47,3 @@ */
      * When set to `true`, the CheckBox will be in `disabled` state.
+     *
      * @default false
@@ -51,2 +56,3 @@ */
      * When set to `true`, the CheckBox will be in `indeterminate` state.
+     *
      * @default false
@@ -58,2 +64,3 @@ */
      * Defines the caption for the CheckBox, that describes the purpose of the CheckBox.
+     *
      * @default ''
@@ -68,2 +75,3 @@ */
      * * After - The label is positioned to right of the CheckBox.
+     *
      * @default 'After'
@@ -76,2 +84,3 @@ */
      * It is used to reference form data (CheckBox value) after a form is submitted.
+     *
      * @default ''
@@ -84,2 +93,3 @@ */
      * It is a form data passed to the server when submitting the form.
+     *
      * @default ''
@@ -91,2 +101,3 @@ */
      * Defines whether to allow the cross-scripting site or not.
+     *
      * @default false
@@ -99,2 +110,3 @@ */
      * If you configured both property and equivalent html attribute then the component considers the property value.
+     *
      * @default {}
@@ -101,0 +113,0 @@ */

src/check-box/check-box.d.ts

@@ -30,3 +30,4 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
      * Triggers when the CheckBox state has been changed by user interaction.
-     * @event
+     *
+     * @event change
      */
@@ -36,3 +37,4 @@ change: EmitType<ChangeEventArgs>;
      * Triggers once the component rendering is completed.
-     * @event
+     *
+     * @event created
      */
@@ -43,2 +45,3 @@ created: EmitType<Event>;
      * When set to `true`, the CheckBox will be in `checked` state.
+     *
      * @default false
@@ -50,2 +53,3 @@ */
      * You can add custom styles to the CheckBox by using this property.
+     *
      * @default ''
@@ -57,2 +61,3 @@ */
      * When set to `true`, the CheckBox will be in `disabled` state.
+     *
      * @default false
@@ -64,2 +69,3 @@ */
      * When set to `true`, the CheckBox will be in `indeterminate` state.
+     *
      * @default false
@@ -70,2 +76,3 @@ */
      * Defines the caption for the CheckBox, that describes the purpose of the CheckBox.
+     *
      * @default ''
@@ -79,2 +86,3 @@ */
      * * After - The label is positioned to right of the CheckBox.
+     *
      * @default 'After'
@@ -86,2 +94,3 @@ */
      * It is used to reference form data (CheckBox value) after a form is submitted.
+     *
      * @default ''
@@ -93,2 +102,3 @@ */
      * It is a form data passed to the server when submitting the form.
+     *
      * @default ''
@@ -99,2 +109,3 @@ */
      * Defines whether to allow the cross-scripting site or not.
+     *
      * @default false
@@ -106,2 +117,3 @@ */
      * If you configured both property and equivalent html attribute then the component considers the property value.
+     *
      * @default {}
@@ -114,3 +126,6 @@ */
      * Constructor for creating the widget
+     *
      * @private
+     * @param {CheckBoxModel} options - Specifies checkbox model
+     * @param {string | HTMLInputElement} element - Specifies target element
      */
@@ -122,3 +137,4 @@ constructor(options?: CheckBoxModel, element?: string | HTMLInputElement);
      * Destroys the widget.
-     * @returns void
+     *
+     * @returns {void}
      */
@@ -130,3 +146,5 @@ destroy(): void;
      * Gets the module name.
+     *
      * @private
+     * @returns {string} - Module Name
      */
@@ -136,3 +154,5 @@ protected getModuleName(): string;
      * Gets the properties to be maintained in the persistence state.
+     *
      * @private
+     * @returns {string} - Persist Data
      */
@@ -144,6 +164,12 @@ getPersistData(): string;
     private keyUpHandler;
-    private labelMouseHandler;
+    private labelMouseDownHandler;
+    private labelMouseUpHandler;
     /**
      * Called internally if any of the property value changes.
+     *
      * @private
+     * @param {CheckBoxModel} newProp - Specifies new Properties
+     * @param {CheckBoxModel} oldProp - Specifies old Properties
+     *
+     * @returns {void}
      */
@@ -153,3 +179,5 @@ onPropertyChanged(newProp: CheckBoxModel, oldProp: CheckBoxModel): void;
      * Initialize Angular, React and Unique ID support.
+     *
      * @private
+     * @returns {void}
      */
@@ -159,3 +187,5 @@ protected preRender(): void;
      * Initialize the control rendering.
+     *
      * @private
+     * @returns {void}
      */
@@ -174,3 +204,5 @@ protected render(): void;
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -181,5 +213,7 @@ click(): void;
      * its native method
+     *
      * @public
+     * @returns {void}
      */
     focusIn(): void;
 }

src/check-box/check-box.js

@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -51,3 +51,6 @@ extendStatics(d, b);
      * Constructor for creating the widget
+     *
      * @private
+     * @param {CheckBoxModel} options - Specifies checkbox model
+     * @param {string | HTMLInputElement} element - Specifies target element
      */
@@ -121,3 +124,4 @@ function CheckBox(options, element) {
      * Destroys the widget.
-     * @returns void
+     *
+     * @returns {void}
      */
@@ -166,3 +170,5 @@ CheckBox.prototype.destroy = function () {
      * Gets the module name.
+     *
      * @private
+     * @returns {string} - Module Name
      */
@@ -174,3 +180,5 @@ CheckBox.prototype.getModuleName = function () {
      * Gets the properties to be maintained in the persistence state.
+     *
      * @private
+     * @returns {string} - Persist Data
      */
@@ -251,3 +259,3 @@ CheckBox.prototype.getPersistData = function () {
     };
-    CheckBox.prototype.labelMouseHandler = function (e) {
+    CheckBox.prototype.labelMouseDownHandler = function (e) {
         this.isMouseClick = true;
@@ -257,5 +265,21 @@ var rippleSpan = this.getWrapper().getElementsByClassName(RIPPLE)[0];
     };
+    CheckBox.prototype.labelMouseUpHandler = function (e) {
+        this.isMouseClick = true;
+        var rippleSpan = this.getWrapper().getElementsByClassName(RIPPLE)[0];
+        if (rippleSpan) {
+            var rippleElem = rippleSpan.querySelectorAll('.e-ripple-element');
+            for (var i = 0; i < rippleElem.length - 1; i++) {
+                rippleSpan.removeChild(rippleSpan.childNodes[i]);
+            }
+            rippleMouseHandler(e, rippleSpan);
+        }
+    };
     /**
      * Called internally if any of the property value changes.
+     *
      * @private
+     * @param {CheckBoxModel} newProp - Specifies new Properties
+     * @param {CheckBoxModel} oldProp - Specifies old Properties
+     *
+     * @returns {void}
      */
@@ -313,3 +337,3 @@ CheckBox.prototype.onPropertyChanged = function (newProp, oldProp) {
                     break;
-                case 'labelPosition':
+                case 'labelPosition': {
                     var label = wrapper.getElementsByClassName(LABEL)[0];
@@ -325,2 +349,3 @@ var labelWrap = wrapper.getElementsByTagName('label')[0];
                     break;
+                }
                 case 'name':
@@ -343,3 +368,5 @@ this.element.setAttribute('name', newProp.name);
      * Initialize Angular, React and Unique ID support.
+     *
      * @private
+     * @returns {void}
      */
@@ -361,3 +388,5 @@ CheckBox.prototype.preRender = function () {
      * Initialize the control rendering.
+     *
      * @private
+     * @returns {void}
      */
@@ -416,4 +445,4 @@ CheckBox.prototype.render = function () {
         var label = wrapper.getElementsByTagName('label')[0];
-        EventHandler.remove(label, 'mousedown', this.labelMouseHandler);
-        EventHandler.remove(label, 'mouseup', this.labelMouseHandler);
+        EventHandler.remove(label, 'mousedown', this.labelMouseDownHandler);
+        EventHandler.remove(label, 'mouseup', this.labelMouseUpHandler);
         if (this.formElement) {
@@ -433,4 +462,4 @@ EventHandler.remove(this.formElement, 'reset', this.formResetHandler);
         var label = wrapper.getElementsByTagName('label')[0];
-        EventHandler.add(label, 'mousedown', this.labelMouseHandler, this);
-        EventHandler.add(label, 'mouseup', this.labelMouseHandler, this);
+        EventHandler.add(label, 'mousedown', this.labelMouseDownHandler, this);
+        EventHandler.add(label, 'mouseup', this.labelMouseUpHandler, this);
         if (this.formElement) {
@@ -467,3 +496,3 @@ EventHandler.add(this.formElement, 'reset', this.formResetHandler, this);
                     }
-                    // tslint:disable-next-line:no-any
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     return this.value;
@@ -501,3 +530,5 @@ }
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -510,3 +541,5 @@ CheckBox.prototype.click = function () {
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -513,0 +546,0 @@ CheckBox.prototype.focusIn = function () {

src/chips/chip-list-model.d.ts

@@ -13,4 +13,6 @@ import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, append, isNullOrUndefined } from '@syncfusion/ej2-base';import { removeClass, KeyboardEventArgs, rippleEffect, closest, MouseEventArgs } from '@syncfusion/ej2-base';import { EventHandler, detach, EmitType, Event, addClass, isBlazor, getElement } from '@syncfusion/ej2-base';import { ChipModel } from './chip';
      * {% codeBlock src='chips/chips/index.md' %}{% endcodeBlock %}
+     *
      * @default []
      * @blazorType List<ChipListChip>
+     *
      */
@@ -22,2 +24,3 @@ chips?: string[] | number[] | ChipModel[];
      * {% codeBlock src='chips/text/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -30,2 +33,3 @@ */
      * {% codeBlock src='chips/avatarText/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -38,2 +42,3 @@ */
      * {% codeBlock src='chips/avatarIconCss/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -46,2 +51,3 @@ */
      * {% codeBlock src='chips/leadingIconCss/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -54,2 +60,3 @@ */
      * {% codeBlock src='chips/trailingIconCss/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -61,2 +68,3 @@ */
      * Specifies the trailing icon url for the chip.
+     *
      * @default ''
@@ -68,2 +76,3 @@ */
      * Specifies the trailing icon url for the chip.
+     *
      * @default ''
@@ -76,2 +85,3 @@ */
      * {% codeBlock src='chips/cssClass/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -83,2 +93,3 @@ */
      * Specifies a value that indicates whether the chip component is enabled or not.
+     *
      * @default true
@@ -93,2 +104,3 @@ * @blazorDefaultValue null
      * {% codeBlock src='chips/selectedChips/index.md' %}{% endcodeBlock %}
+     *
      * @default []
@@ -104,2 +116,3 @@ */
      *   4. Action chip
+     *
      * @default 'None'
@@ -112,2 +125,3 @@ */
      * {% codeBlock src='chips/enableDelete/index.md' %}{% endcodeBlock %}
+     *
      * @default false
@@ -120,2 +134,3 @@ */
      * {% codeBlock src='chips/created/index.md' %}{% endcodeBlock %}
+     *
      * @event
@@ -129,2 +144,3 @@ * @blazorProperty 'Created'
      * {% codeBlock src='chips/click/index.md' %}{% endcodeBlock %}
+     *
      * @event
@@ -136,5 +152,7 @@ * @blazorProperty 'OnClick'
     /**
-     * Triggers before the click event of the chip is fired. 
+     * Triggers before the click event of the chip is fired.
      * This event can be used to prevent the further process and restrict the click action over a chip.
+     *
      * {% codeBlock src='chips/beforeClick/index.md' %}{% endcodeBlock %}
+     *
      * @event
@@ -148,2 +166,3 @@ * @blazorProperty 'OnBeforeClick'
      * {% codeBlock src='chips/delete/index.md' %}{% endcodeBlock %}
+     *
      * @event
@@ -150,0 +169,0 @@ * @blazorProperty 'OnDelete'

src/chips/chip-list.d.ts

@@ -152,4 +152,6 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
      * {% codeBlock src='chips/chips/index.md' %}{% endcodeBlock %}
+     *
      * @default []
      * @blazorType List<ChipListChip>
+     *
      */
@@ -160,2 +162,3 @@ chips: string[] | number[] | ChipModel[];
      * {% codeBlock src='chips/text/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -167,2 +170,3 @@ */
      * {% codeBlock src='chips/avatarText/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -174,2 +178,3 @@ */
      * {% codeBlock src='chips/avatarIconCss/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -181,2 +186,3 @@ */
      * {% codeBlock src='chips/leadingIconCss/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -188,2 +194,3 @@ */
      * {% codeBlock src='chips/trailingIconCss/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -194,2 +201,3 @@ */
      * Specifies the trailing icon url for the chip.
+     *
      * @default ''
@@ -200,2 +208,3 @@ */
      * Specifies the trailing icon url for the chip.
+     *
      * @default ''
@@ -207,2 +216,3 @@ */
      * {% codeBlock src='chips/cssClass/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
@@ -213,2 +223,3 @@ */
      * Specifies a value that indicates whether the chip component is enabled or not.
+     *
      * @default true
@@ -222,2 +233,3 @@ * @blazorDefaultValue null
      * {% codeBlock src='chips/selectedChips/index.md' %}{% endcodeBlock %}
+     *
      * @default []
@@ -232,2 +244,3 @@ */
      *   4. Action chip
+     *
      * @default 'None'
@@ -239,2 +252,3 @@ */
      * {% codeBlock src='chips/enableDelete/index.md' %}{% endcodeBlock %}
+     *
      * @default false
@@ -246,2 +260,3 @@ */
      * {% codeBlock src='chips/created/index.md' %}{% endcodeBlock %}
+     *
      * @event
@@ -254,2 +269,3 @@ * @blazorProperty 'Created'
      * {% codeBlock src='chips/click/index.md' %}{% endcodeBlock %}
+     *
      * @event
@@ -262,3 +278,5 @@ * @blazorProperty 'OnClick'
      * This event can be used to prevent the further process and restrict the click action over a chip.
+     *
      * {% codeBlock src='chips/beforeClick/index.md' %}{% endcodeBlock %}
+     *
      * @event
@@ -271,2 +289,3 @@ * @blazorProperty 'OnBeforeClick'
      * {% codeBlock src='chips/delete/index.md' %}{% endcodeBlock %}
+     *
      * @event
@@ -283,2 +302,3 @@ * @blazorProperty 'OnDelete'
      * Initialize the event handler
+     *
      * @private
@@ -289,2 +309,3 @@ */
      * To find the chips length.
+     *
      * @returns boolean
@@ -296,2 +317,3 @@ * @private
      * To Initialize the control rendering.
+     *
      * @returns void
@@ -309,4 +331,5 @@ * @private
      * A function that finds chip based on given input.
+     *
      * @param  {number | HTMLElement } fields - We can pass index number or element of chip.
-     * {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}
+     * {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}.
      */
@@ -316,2 +339,3 @@ find(fields: number | HTMLElement): ChipDataArgs;
      * Allows adding the chip item(s) by passing a single or array of string, number, or ChipModel values.
+     *
      * @param  {string[] | number[] | ChipModel[] | string | number | ChipModel} chipsData - We can pass array of string or
@@ -325,2 +349,3 @@ *  array of number or array of chip model or string data or number data or chip model.
      * Allows selecting the chip item(s) by passing a single or array of string, number, or ChipModel values.
+     *
      * @param  {number | number[] | HTMLElement | HTMLElement[]} fields - We can pass number or array of number
@@ -335,2 +360,3 @@ *  or chip element or array of chip element.
      * Allows removing the chip item(s) by passing a single or array of string, number, or ChipModel values.
+     *
      * @param  {number | number[] | HTMLElement | HTMLElement[]} fields - We can pass number or array of number
@@ -365,2 +391,3 @@ *  or chip element or array of chip element.
      * Called internally if any of the property value changed.
+     *
      * @returns void
@@ -367,0 +394,0 @@ * @private

src/chips/chip-list.js

@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -39,3 +39,3 @@ extendStatics(d, b);
     disabled: 'e-disabled',
-    rtl: 'e-rtl',
+    rtl: 'e-rtl'
 };
@@ -63,2 +63,3 @@ /**
      * Initialize the event handler
+     *
      * @private
@@ -71,2 +72,3 @@ */
      * To find the chips length.
+     *
      * @returns boolean
@@ -80,2 +82,3 @@ * @private
      * To Initialize the control rendering.
+     *
      * @returns void
@@ -233,4 +236,5 @@ * @private
      * A function that finds chip based on given input.
+     *
      * @param  {number | HTMLElement } fields - We can pass index number or element of chip.
-     * {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}
+     * {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}.
      */
@@ -255,2 +259,3 @@ ChipList.prototype.find = function (fields) {
      * Allows adding the chip item(s) by passing a single or array of string, number, or ChipModel values.
+     *
      * @param  {string[] | number[] | ChipModel[] | string | number | ChipModel} chipsData - We can pass array of string or
@@ -272,2 +277,3 @@ *  array of number or array of chip model or string data or number data or chip model.
      * Allows selecting the chip item(s) by passing a single or array of string, number, or ChipModel values.
+     *
      * @param  {number | number[] | HTMLElement | HTMLElement[]} fields - We can pass number or array of number
@@ -340,2 +346,3 @@ *  or chip element or array of chip element.
      * Allows removing the chip item(s) by passing a single or array of string, number, or ChipModel values.
+     *
      * @param  {number | number[] | HTMLElement | HTMLElement[]} fields - We can pass number or array of number
@@ -441,2 +448,3 @@ *  or chip element or array of chip element.
         if (chipWrapper) {
+            // eslint-disable-next-line
             var chipDataArgs = void 0;
@@ -466,9 +474,9 @@ if (this.chipType()) {
         if (this.chipType()) {
-            var chipData = this.find(chipWrapper);
-            chipData.event = e;
+            var chipData_1 = this.find(chipWrapper);
+            chipData_1.event = e;
             var deleteElement = e.target.classList.contains(classNames.deleteIcon) ?
                 e.target : (del ? chipWrapper.querySelector('.' + classNames.deleteIcon) : undefined);
             if (deleteElement && this.enableDelete) {
-                chipData.cancel = false;
-                var deletedItemArgs = chipData;
+                chipData_1.cancel = false;
+                var deletedItemArgs = chipData_1;
                 this.trigger('delete', deletedItemArgs, function (observedArgs) {
@@ -478,2 +486,6 @@ if (!observedArgs.cancel) {
                         _this.deleteHandler(observedArgs.element, observedArgs.index);
+                        _this.selectionHandler(chipWrapper);
+                        chipData_1.selected = observedArgs.element.classList.contains(classNames.active);
+                        var selectedItemArgs = chipData_1;
+                        _this.trigger('click', selectedItemArgs);
                     }
@@ -484,4 +496,4 @@ });
                 this.selectionHandler(chipWrapper);
-                chipData.selected = chipWrapper.classList.contains(classNames.active);
-                var selectedItemArgs = chipData;
+                chipData_1.selected = chipWrapper.classList.contains(classNames.active);
+                var selectedItemArgs = chipData_1;
                 this.trigger('click', selectedItemArgs);
@@ -491,3 +503,3 @@ }
                 this.focusInHandler(chipWrapper);
-                var clickedItemArgs = chipData;
+                var clickedItemArgs = chipData_1;
                 this.trigger('click', clickedItemArgs);
@@ -542,3 +554,3 @@ }
                 else {
-                    value ? chipCollValue.push(value) : chipCollIndex.push(i);
+                    chip = value ? chipCollValue.push(value) : chipCollIndex.push(i);
                 }
@@ -598,2 +610,3 @@ }
      * Called internally if any of the property value changed.
+     *
      * @returns void
@@ -603,2 +616,3 @@ * @private
     ChipList.prototype.onPropertyChanged = function (newProp, oldProp) {
+        var property;
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
@@ -637,3 +651,2 @@ var prop = _a[_i];
                     removeClass(this.element.querySelectorAll('.e-active'), 'e-active');
-                    var property = void 0;
                     if (this.selection === 'Multiple') {
@@ -640,0 +653,0 @@ this.multiSelectedChip = [];

src/chips/chip.d.ts

@@ -7,2 +7,3 @@ /**
      * Specifies the text content for the chip.
+     *
      * @default ''
@@ -13,2 +14,3 @@ */
      * Specifies the customized text value for the avatar in the chip.
+     *
      * @default ''
@@ -19,2 +21,3 @@ */
      * Specifies the icon CSS class for the avatar in the chip.
+     *
      * @default ''
@@ -25,2 +28,3 @@ */
      * Specifies the leading icon CSS class for the chip.
+     *
      * @default ''
@@ -31,2 +35,3 @@ */
      * Specifies the trailing icon CSS class for the chip.
+     *
      * @default ''
@@ -37,2 +42,3 @@ */
      * Specifies the custom classes to be added to the chip element used to customize the ChipList component.
+     *
      * @default ''
@@ -43,2 +49,3 @@ */
      * Specifies a value that indicates whether the chip component is enabled or not.
+     *
      * @default true
@@ -51,2 +58,3 @@ * @blazorDefaultValue null
      * Defines the value of the chip.
+     *
      * @default ''
@@ -59,2 +67,3 @@ */
      * Specifies the text content for the chip.
+     *
      * @default ''
@@ -65,2 +74,3 @@ */
      * Defines the value of the chip.
+     *
      * @default ''
@@ -71,2 +81,3 @@ */
      * Specifies the customized text value for the avatar in the chip.
+     *
      * @default ''
@@ -77,2 +88,3 @@ */
      * Specifies the icon CSS class for the avatar in the chip.
+     *
      * @default ''
@@ -83,2 +95,3 @@ */
      * Specifies the leading icon CSS class for the chip.
+     *
      * @default ''
@@ -89,2 +102,3 @@ */
      * Specifies the trailing icon CSS class for the chip.
+     *
      * @default ''
@@ -95,2 +109,3 @@ */
      * Specifies the custom classes to be added to the chip element used to customize the ChipList component.
+     *
      * @default ''
@@ -101,2 +116,3 @@ */
      * Specifies a value that indicates whether the chip component is enabled or not.
+     *
      * @default true
@@ -109,2 +125,3 @@ * @blazorDefaultValue null
      * Specifies the leading icon url for the chip.
+     *
      * @default ''
@@ -115,2 +132,3 @@ */
      * Specifies the trailing icon url for the chip.
+     *
      * @default ''
@@ -117,0 +135,0 @@ */

src/common/common.d.ts

@@ -6,21 +6,70 @@ import { BaseEventArgs } from '@syncfusion/ej2-base';
  * Initialize wrapper element for angular.
+ *
  * @private
+ *
+ * @param {CreateElementArgs} createElement - Specifies created element args
+ * @param {string} tag - Specifies tag name
+ * @param {string} type - Specifies type name
+ * @param {HTMLInputElement} element - Specifies input element
+ * @param {string} WRAPPER - Specifies wrapper element
+ * @param {string} role - Specifies role
+ * @returns {HTMLInputElement} - Input Element
  */
 export declare function wrapperInitialize(createElement: CreateElementArgs, tag: string, type: string, element: HTMLInputElement, WRAPPER: string, role: string): HTMLInputElement;
+/**
+ * Get the text node.
+ *
+ * @param {HTMLElement} element - Specifies html element
+ * @private
+ * @returns {Node} - Text node.
+ */
 export declare function getTextNode(element: HTMLElement): Node;
 /**
  * Destroy the button components.
+ *
  * @private
+ * @param {Switch | CheckBox} ejInst - Specifies eJ2 Instance
+ * @param {Element} wrapper - Specifies wrapper element
+ * @param {string} tagName - Specifies tag name
+ * @returns {void}
  */
 export declare function destroy(ejInst: Switch | CheckBox, wrapper: Element, tagName: string): void;
+/**
+ * Initialize control pre rendering.
+ *
+ * @private
+ * @param {Switch | CheckBox} proxy - Specifies proxy
+ * @param {string} control - Specifies control
+ * @param {string} wrapper - Specifies wrapper element
+ * @param {HTMLInputElement} element - Specifies input element
+ * @param {string} moduleName - Specifies module name
+ * @returns {void}
+ */
 export declare function preRender(proxy: Switch | CheckBox, control: string, wrapper: string, element: HTMLInputElement, moduleName: string): void;
 /**
  * Creates CheckBox component UI with theming and ripple support.
+ *
  * @private
+ * @param {CreateElementArgs} createElement - Specifies Created Element args
+ * @param {boolean} enableRipple - Specifies ripple effect
+ * @param {CheckBoxUtilModel} options - Specifies Checkbox util Model
+ * @returns {Element} - Checkbox Element
  */
 export declare function createCheckBox(createElement: CreateElementArgs, enableRipple?: boolean, options?: CheckBoxUtilModel): Element;
+/**
+ * Handles ripple mouse.
+ *
+ * @private
+ * @param {MouseEvent} e - Specifies mouse event
+ * @param {Element} rippleSpan - Specifies Ripple span element
+ * @returns {void}
+ */
 export declare function rippleMouseHandler(e: MouseEvent, rippleSpan: Element): void;
 /**
  * Append hidden input to given element
+ *
  * @private
+ * @param {Switch | CheckBox} proxy - Specifies Proxy
+ * @param {Element} wrap - Specifies Wrapper ELement
+ * @returns {void}
  */
@@ -33,2 +82,3 @@ export declare function setHiddenInput(proxy: Switch | CheckBox, wrap: Element): void;
     cssClass?: string;
+    disableHtmlEncode?: boolean;
 }
@@ -40,2 +90,3 @@ /**
     /** Returns the event parameters of the CheckBox or Switch.
+     *
      * @blazorType MouseEventArgs
@@ -42,0 +93,0 @@ */

src/common/common.js

@@ -5,3 +5,12 @@ import { detach, getUniqueID, rippleEffect, setValue, attributes } from '@syncfusion/ej2-base';
  * Initialize wrapper element for angular.
+ *
  * @private
+ *
+ * @param {CreateElementArgs} createElement - Specifies created element args
+ * @param {string} tag - Specifies tag name
+ * @param {string} type - Specifies type name
+ * @param {HTMLInputElement} element - Specifies input element
+ * @param {string} WRAPPER - Specifies wrapper element
+ * @param {string} role - Specifies role
+ * @returns {HTMLInputElement} - Input Element
  */
@@ -11,2 +20,3 @@ export function wrapperInitialize(createElement, tag, type, element, WRAPPER, role) {
     if (element.tagName === tag) {
+        // eslint-disable-next-line
         var ejInstance = getValue('ej2_instances', element);
@@ -27,2 +37,9 @@ input = createElement('input', { attrs: { 'type': type } });
 }
+/**
+ * Get the text node.
+ *
+ * @param {HTMLElement} element - Specifies html element
+ * @private
+ * @returns {Node} - Text node.
+ */
 export function getTextNode(element) {
@@ -41,3 +58,8 @@ var node;
  * Destroy the button components.
+ *
  * @private
+ * @param {Switch | CheckBox} ejInst - Specifies eJ2 Instance
+ * @param {Element} wrapper - Specifies wrapper element
+ * @param {string} tagName - Specifies tag name
+ * @returns {void}
  */
@@ -60,2 +82,13 @@ export function destroy(ejInst, wrapper, tagName) {
 }
+/**
+ * Initialize control pre rendering.
+ *
+ * @private
+ * @param {Switch | CheckBox} proxy - Specifies proxy
+ * @param {string} control - Specifies control
+ * @param {string} wrapper - Specifies wrapper element
+ * @param {HTMLInputElement} element - Specifies input element
+ * @param {string} moduleName - Specifies module name
+ * @returns {void}
+ */
 export function preRender(proxy, control, wrapper, element, moduleName) {
@@ -73,3 +106,8 @@ element = wrapperInitialize(proxy.createElement, control, 'checkbox', element, wrapper, moduleName);
  * Creates CheckBox component UI with theming and ripple support.
+ *
  * @private
+ * @param {CreateElementArgs} createElement - Specifies Created Element args
+ * @param {boolean} enableRipple - Specifies ripple effect
+ * @param {CheckBoxUtilModel} options - Specifies Checkbox util Model
+ * @returns {Element} - Checkbox Element
  */
@@ -97,3 +135,9 @@ export function createCheckBox(createElement, enableRipple, options) {
     if (options.label) {
-        var labelSpan = createElement('span', { className: 'e-label', innerHTML: options.label });
+        var labelSpan = createElement('span', { className: 'e-label' });
+        if (options.disableHtmlEncode) {
+            labelSpan.textContent = options.label;
+        }
+        else {
+            labelSpan.innerHTML = options.label;
+        }
         wrapper.appendChild(labelSpan);
@@ -103,2 +147,10 @@ }
 }
+/**
+ * Handles ripple mouse.
+ *
+ * @private
+ * @param {MouseEvent} e - Specifies mouse event
+ * @param {Element} rippleSpan - Specifies Ripple span element
+ * @returns {void}
+ */
 export function rippleMouseHandler(e, rippleSpan) {
@@ -113,3 +165,7 @@ if (rippleSpan) {
  * Append hidden input to given element
+ *
  * @private
+ * @param {Switch | CheckBox} proxy - Specifies Proxy
+ * @param {Element} wrap - Specifies Wrapper ELement
+ * @returns {void}
  */
@@ -116,0 +172,0 @@ export function setHiddenInput(proxy, wrap) {

src/radio-button/radio-button-model.d.ts

@@ -12,3 +12,4 @@ import { Component, INotifyPropertyChanged, rippleEffect, NotifyPropertyChanges, Property, closest } from '@syncfusion/ej2-base';import { addClass, getInstance, getUniqueID, isRippleEnabled, removeClass, attributes, isNullOrUndefined } from '@syncfusion/ej2-base';import { BaseEventArgs, detach, EmitType, Event, EventHandler, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler } from './../common/common';
      * Event trigger when the RadioButton state has been changed by user interaction.
-     * @event
+     *
+     * @event change
      */
@@ -19,3 +20,4 @@ change?: EmitType<ChangeArgs>;
      * Triggers once the component rendering is completed.
-     * @event
+     *
+     * @event created
      */
@@ -27,2 +29,3 @@ created?: EmitType<Event>;
      * When set to `true`, the RadioButton will be in `checked` state.
+     *
      * @default false
@@ -35,2 +38,3 @@ */
      * You can add custom styles to the RadioButton by using this property.
+     *
      * @default ''
@@ -43,2 +47,3 @@ */
      * When set to `true`, the RadioButton will be in `disabled` state.
+     *
      * @default false
@@ -50,2 +55,3 @@ */
      * Defines the caption for the RadioButton, that describes the purpose of the RadioButton.
+     *
      * @default ''
@@ -60,2 +66,3 @@ */
      * * After: The label is positioned to right of the RadioButton.
+     *
      * @default 'After'
@@ -68,2 +75,3 @@ */
      * It is used to reference form data (RadioButton value) after a form is submitted.
+     *
      * @default ''
@@ -76,2 +84,3 @@ */
      * It is a form data passed to the server when submitting the form.
+     *
      * @default ''
@@ -83,2 +92,3 @@ */
      * Defines whether to allow the cross-scripting site or not.
+     *
      * @default false
@@ -91,2 +101,3 @@ */
      * If you configured both property and equivalent html attribute then the component considers the property value.
+     *
      * @default {}
@@ -93,0 +104,0 @@ */

src/radio-button/radio-button.d.ts

@@ -28,3 +28,4 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
      * Event trigger when the RadioButton state has been changed by user interaction.
-     * @event
+     *
+     * @event change
      */
@@ -34,3 +35,4 @@ change: EmitType<ChangeArgs>;
      * Triggers once the component rendering is completed.
-     * @event
+     *
+     * @event created
      */
@@ -41,2 +43,3 @@ created: EmitType<Event>;
      * When set to `true`, the RadioButton will be in `checked` state.
+     *
      * @default false
@@ -48,2 +51,3 @@ */
      * You can add custom styles to the RadioButton by using this property.
+     *
      * @default ''
@@ -55,2 +59,3 @@ */
      * When set to `true`, the RadioButton will be in `disabled` state.
+     *
      * @default false
@@ -61,2 +66,3 @@ */
      * Defines the caption for the RadioButton, that describes the purpose of the RadioButton.
+     *
      * @default ''
@@ -70,2 +76,3 @@ */
      * * After: The label is positioned to right of the RadioButton.
+     *
      * @default 'After'
@@ -77,2 +84,3 @@ */
      * It is used to reference form data (RadioButton value) after a form is submitted.
+     *
      * @default ''
@@ -84,2 +92,3 @@ */
      * It is a form data passed to the server when submitting the form.
+     *
      * @default ''
@@ -90,2 +99,3 @@ */
      * Defines whether to allow the cross-scripting site or not.
+     *
      * @default false
@@ -97,2 +107,3 @@ */
      * If you configured both property and equivalent html attribute then the component considers the property value.
+     *
      * @default {}
@@ -105,3 +116,6 @@ */
      * Constructor for creating the widget
+     *
      * @private
+     * @param {RadioButtonModel} options - Specifies Radio button model
+     * @param {string | HTMLInputElement} element - Specifies target element
      */
@@ -113,3 +127,4 @@ constructor(options?: RadioButtonModel, element?: string | HTMLInputElement);
      * Destroys the widget.
-     * @returns void
+     *
+     * @returns {void}
      */
@@ -122,4 +137,5 @@ destroy(): void;
      * To get the value of selected radio button in a group.
+     *
      * @method getSelectedValue
-     * @return {string}
+     * @returns {string} - Selected Value
      */
@@ -130,3 +146,5 @@ getSelectedValue(): string;
      * Gets the properties to be maintained in the persistence state.
+     *
      * @private
+     * @returns {string} - Persist Data
      */
@@ -142,3 +160,7 @@ getPersistData(): string;
      * Called internally if any of the property value changes.
+     *
      * @private
+     * @param {RadioButtonModel} newProp - Specifies New Properties
+     * @param {RadioButtonModel} oldProp - Specifies Old Properties
+     * @returns {void}
      */
@@ -148,3 +170,5 @@ onPropertyChanged(newProp: RadioButtonModel, oldProp: RadioButtonModel): void;
      * Initialize checked Property, Angular and React and Unique ID support.
+     *
      * @private
+     * @returns {void}
      */
@@ -154,3 +178,5 @@ protected preRender(): void;
      * Initialize the control rendering
+     *
      * @private
+     * @returns {void}
      */
@@ -166,3 +192,5 @@ protected render(): void;
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -173,3 +201,5 @@ click(): void;
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -176,0 +206,0 @@ focusIn(): void;

src/radio-button/radio-button.js

@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -45,3 +45,6 @@ extendStatics(d, b);
      * Constructor for creating the widget
+     *
      * @private
+     * @param {RadioButtonModel} options - Specifies Radio button model
+     * @param {string | HTMLInputElement} element - Specifies target element
      */
@@ -81,3 +84,4 @@ function RadioButton(options, element) {
      * Destroys the widget.
-     * @returns void
+     *
+     * @returns {void}
      */
@@ -122,4 +126,5 @@ RadioButton.prototype.destroy = function () {
      * To get the value of selected radio button in a group.
+     *
      * @method getSelectedValue
-     * @return {string}
+     * @returns {string} - Selected Value
      */
@@ -142,3 +147,5 @@ RadioButton.prototype.getSelectedValue = function () {
      * Gets the properties to be maintained in the persistence state.
+     *
      * @private
+     * @returns {string} - Persist Data
      */
@@ -225,3 +232,7 @@ RadioButton.prototype.getPersistData = function () {
      * Called internally if any of the property value changes.
+     *
      * @private
+     * @param {RadioButtonModel} newProp - Specifies New Properties
+     * @param {RadioButtonModel} oldProp - Specifies Old Properties
+     * @returns {void}
      */
@@ -293,3 +304,5 @@ RadioButton.prototype.onPropertyChanged = function (newProp, oldProp) {
      * Initialize checked Property, Angular and React and Unique ID support.
+     *
      * @private
+     * @returns {void}
      */
@@ -318,3 +331,5 @@ RadioButton.prototype.preRender = function () {
      * Initialize the control rendering
+     *
      * @private
+     * @returns {void}
      */
@@ -333,19 +348,17 @@ RadioButton.prototype.render = function () {
         var label = this.getLabel();
-        if (label) {
-            var textLabel = label.getElementsByClassName(LABEL)[0];
-            if (textLabel) {
-                textLabel.textContent = text;
-            }
-            else {
-                text = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(text) : text;
-                textLabel = this.createElement('span', { className: LABEL, innerHTML: text });
-                label.appendChild(textLabel);
-            }
-            if (this.labelPosition === 'Before') {
-                this.getLabel().classList.add('e-right');
-            }
-            else {
-                this.getLabel().classList.remove('e-right');
-            }
+        var textLabel = label.getElementsByClassName(LABEL)[0];
+        if (textLabel) {
+            textLabel.textContent = text;
         }
+        else {
+            text = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(text) : text;
+            textLabel = this.createElement('span', { className: LABEL, innerHTML: text });
+            label.appendChild(textLabel);
+        }
+        if (this.labelPosition === 'Before') {
+            this.getLabel().classList.add('e-right');
+        }
+        else {
+            this.getLabel().classList.remove('e-right');
+        }
     };
@@ -404,3 +417,5 @@ RadioButton.prototype.updateHtmlAttribute = function () {
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -413,3 +428,5 @@ RadioButton.prototype.click = function () {
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -416,0 +433,0 @@ RadioButton.prototype.focusIn = function () {

src/switch/switch-model.d.ts

@@ -11,3 +11,4 @@ import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property, closest } from '@syncfusion/ej2-base';import { EmitType, Event, EventHandler, MouseEventArgs } from '@syncfusion/ej2-base';import { addClass, isRippleEnabled, removeClass, rippleEffect, isNullOrUndefined } from '@syncfusion/ej2-base';import { rippleMouseHandler, destroy, preRender, ChangeEventArgs, setHiddenInput } from './../common/common';
      * Triggers when Switch state has been changed by user interaction.
-     * @event
+     *
+     * @event change
      */
@@ -18,3 +19,4 @@ change?: EmitType<ChangeEventArgs>;
      * Triggers once the component rendering is completed.
-     * @event
+     *
+     * @event created
      */
@@ -26,2 +28,3 @@ created?: EmitType<Event>;
      * When set to `true`, the Switch will be in `checked` state.
+     *
      * @default false
@@ -33,2 +36,3 @@ */
      * You can add custom styles to the Switch by using this property.
+     *
      * @default ''
@@ -41,2 +45,3 @@ */
      * When set to `true`, the Switch will be in `disabled` state.
+     *
      * @default false
@@ -49,2 +54,3 @@ */
      * It is used to reference form data (Switch value) after a form is submitted.
+     *
      * @default ''
@@ -56,2 +62,3 @@ */
      * Specifies a text that indicates the Switch is in checked state.
+     *
      * @default ''
@@ -63,2 +70,3 @@ */
      * Specifies a text that indicates the Switch is in unchecked state.
+     *
      * @default ''
@@ -71,2 +79,3 @@ */
      * It is a form data passed to the server when submitting the form.
+     *
      * @default ''
@@ -73,0 +82,0 @@ */

src/switch/switch.d.ts

@@ -25,3 +25,4 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
      * Triggers when Switch state has been changed by user interaction.
-     * @event
+     *
+     * @event change
      */
@@ -31,3 +32,4 @@ change: EmitType<ChangeEventArgs>;
      * Triggers once the component rendering is completed.
-     * @event
+     *
+     * @event created
      */
@@ -38,2 +40,3 @@ created: EmitType<Event>;
      * When set to `true`, the Switch will be in `checked` state.
+     *
      * @default false
@@ -44,2 +47,3 @@ */
      * You can add custom styles to the Switch by using this property.
+     *
      * @default ''
@@ -51,2 +55,3 @@ */
      * When set to `true`, the Switch will be in `disabled` state.
+     *
      * @default false
@@ -58,2 +63,3 @@ */
      * It is used to reference form data (Switch value) after a form is submitted.
+     *
      * @default ''
@@ -64,2 +70,3 @@ */
      * Specifies a text that indicates the Switch is in checked state.
+     *
      * @default ''
@@ -70,2 +77,3 @@ */
      * Specifies a text that indicates the Switch is in unchecked state.
+     *
      * @default ''
@@ -77,2 +85,3 @@ */
      * It is a form data passed to the server when submitting the form.
+     *
      * @default ''
@@ -83,3 +92,8 @@ */
      * Constructor for creating the widget.
+     *
      * @private
+     *
+     * @param {SwitchModel} options switch model
+     * @param {string | HTMLInputElement} element target element
+     *
      */
@@ -91,3 +105,4 @@ constructor(options?: SwitchModel, element?: string | HTMLInputElement);
      * Destroys the Switch widget.
-     * @returns void
+     *
+     * @returns {void}
      */
@@ -99,3 +114,5 @@ destroy(): void;
      * Gets the module name.
+     *
      * @private
+     * @returns {string} - Module Name
      */
@@ -105,3 +122,5 @@ protected getModuleName(): string;
      * Gets the properties to be maintained in the persistence state.
+     *
      * @private
+     * @returns {string} - Persist data
      */
@@ -114,3 +133,7 @@ getPersistData(): string;
      * Called internally if any of the property value changes.
+     *
      * @private
+     * @param {SwitchModel} newProp - Specifies New Properties
+     * @param {SwitchModel} oldProp - Specifies Old Properties
+     * @returns {void}
      */
@@ -120,3 +143,5 @@ onPropertyChanged(newProp: SwitchModel, oldProp: SwitchModel): void;
      * Initialize Angular, React and Unique ID support.
+     *
      * @private
+     * @returns {void}
      */
@@ -126,3 +151,5 @@ protected preRender(): void;
      * Initialize control rendering.
+     *
      * @private
+     * @returns {void}
      */
@@ -139,3 +166,4 @@ protected render(): void;
      * Toggle the Switch component state into checked/unchecked.
-     * @returns void
+     *
+     * @returns {void}
      */
@@ -148,3 +176,5 @@ toggle(): void;
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -155,2 +185,3 @@ click(): void;
      * its native method
+     *
      * @public
@@ -157,0 +188,0 @@ */

src/switch/switch.js

@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -25,3 +25,2 @@ extendStatics(d, b);
 import { rippleMouseHandler, destroy, preRender, setHiddenInput } from './../common/common';
-var CHECK = 'e-check';
 var DISABLED = 'e-switch-disabled';
@@ -47,3 +46,8 @@ var RIPPLE = 'e-ripple-container';
      * Constructor for creating the widget.
+     *
      * @private
+     *
+     * @param {SwitchModel} options switch model
+     * @param {string | HTMLInputElement} element target element
+     *
      */
@@ -95,3 +99,4 @@ function Switch(options, element) {
      * Destroys the Switch widget.
-     * @returns void
+     *
+     * @returns {void}
      */
@@ -113,3 +118,5 @@ Switch.prototype.destroy = function () {
      * Gets the module name.
+     *
      * @private
+     * @returns {string} - Module Name
      */
@@ -121,3 +128,5 @@ Switch.prototype.getModuleName = function () {
      * Gets the properties to be maintained in the persistence state.
+     *
      * @private
+     * @returns {string} - Persist data
      */
@@ -183,3 +192,7 @@ Switch.prototype.getPersistData = function () {
      * Called internally if any of the property value changes.
+     *
      * @private
+     * @param {SwitchModel} newProp - Specifies New Properties
+     * @param {SwitchModel} oldProp - Specifies Old Properties
+     * @returns {void}
      */
@@ -237,3 +250,5 @@ Switch.prototype.onPropertyChanged = function (newProp, oldProp) {
      * Initialize Angular, React and Unique ID support.
+     *
      * @private
+     * @returns {void}
      */
@@ -248,3 +263,5 @@ Switch.prototype.preRender = function () {
      * Initialize control rendering.
+     *
      * @private
+     * @returns {void}
      */
@@ -297,3 +314,2 @@ Switch.prototype.render = function () {
         var target = e.target;
-        var rippleSpan = this.getWrapper().getElementsByClassName(RIPPLE)[0];
         if (e.type === 'touchmove') {
@@ -320,3 +336,4 @@ e.preventDefault();
      * Toggle the Switch component state into checked/unchecked.
-     * @returns void
+     *
+     * @returns {void}
      */
@@ -328,3 +345,2 @@ Switch.prototype.toggle = function () {
         var wrapper = this.getWrapper();
-        var handle = wrapper.querySelector('.e-switch-handle');
         this.delegateMouseUpHandler = this.switchMouseUp.bind(this);
@@ -345,3 +361,2 @@ this.delegateKeyUpHandler = this.switchFocusHandler.bind(this);
         var wrapper = this.getWrapper();
-        var handle = wrapper.querySelector('.e-switch-handle');
         EventHandler.remove(wrapper, 'click', this.clickHandler);
@@ -361,3 +376,5 @@ EventHandler.remove(this.element, 'focus', this.focusHandler);
      * its native method
+     *
      * @public
+     * @returns {void}
      */
@@ -370,2 +387,3 @@ Switch.prototype.click = function () {
      * its native method
+     *
      * @public
@@ -372,0 +390,0 @@ */

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

4845762

increased by0.8%

Lines of code

102309

increased by0.72%

Dependency changes

• + Added@syncfusion/ej2-base@19.1.64(transitive)

• + Added@syncfusion/ej2-icons@19.1.63(transitive)

• - Removed@syncfusion/ej2-base@18.4.44(transitive)

• - Removed@syncfusion/ej2-icons@18.4.39(transitive)

• Updated@syncfusion/ej2-base@~19.1.54