@syncfusion/ej2-splitbuttons
Advanced tools
@@ -1,1 +0,10 @@ | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionBase"),require("SyncfusionButtons"),require("SyncfusionPopups")):"function"==typeof define&&define.amd?define(["SyncfusionBase","SyncfusionButtons","SyncfusionPopups"],t):"object"==typeof exports?exports.SyncfusionSplitbuttons=t(require("SyncfusionBase"),require("SyncfusionButtons"),require("SyncfusionPopups")):e.SyncfusionSplitbuttons=t(e.SyncfusionBase,e.SyncfusionButtons,e.SyncfusionPopups)}(self,(e,t,i)=>(()=>{"use strict";var s={766:t=>{t.exports=e},741:e=>{e.exports=t},197:e=>{e.exports=i}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var i=n[e]={exports:{}};return s[e](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{AnimationSettings:()=>T,Deferred:()=>H,DropDownButton:()=>E,DropDownMenuAnimationSettings:()=>P,Item:()=>c,ProgressButton:()=>I,SpinSettings:()=>R,SplitButton:()=>L,createButtonGroup:()=>B,getModel:()=>n,setBlankIconStyle:()=>l,upDownKeyHandler:()=>a});var e,t=o(766),i=(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])},e(t,i)},function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}),s=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};function n(e,i){for(var s=(0,t.extend)({},e),n=0,o=Object.keys(s);n<o.length;n++){var r=o[n];i.indexOf(r)<0&&(0,t.deleteObject)(s,r)}return s}function a(e,i){var s=40===i?0:e.childElementCount-1,n=s,o=e.querySelector(".e-selected");o&&o.classList.remove("e-selected");for(var r=0,a=e.children.length;r<a;r++)e.children[r].classList.contains("e-focused")&&(n=r,e.children[r].classList.remove("e-focused"),40===i?n++:n--,n===(40===i?e.childElementCount:-1)&&(n=s));-1!==(n=p(e,e.children[n],n,i))&&((0,t.addClass)([e.children[n]],"e-focused"),e.children[n].focus())}function p(e,t,i,s,n){if(void 0===n&&(n=0),(t.classList.contains("e-separator")||t.classList.contains("e-disabled"))&&(i===(40===s?e.childElementCount-1:0)?i=40===s?0:e.childElementCount-1:40===s?i++:i--),(t=e.children[i]).classList.contains("e-separator")||t.classList.contains("e-disabled")){if(++n===e.childElementCount)return-1;i=p(e,t,i,s,n)}return i}function l(e,i){var s=[].slice.call(e.getElementsByClassName("e-blank-icon"));i&&[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")});if(s.length){var n=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)");if(!(0,t.isNullOrUndefined)(n)){n.classList.contains("e-url")&&(n=n.querySelector(".e-menu-url"));var o,r=n.querySelector(".e-menu-icon"),a=e.classList.contains("e-rtl");o=a?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"};var p=parseInt(getComputedStyle(r).fontSize,10)+parseInt(getComputedStyle(r)[o.margin],10)+parseInt(getComputedStyle(n).paddingLeft,10)+"px";s.forEach(function(e){e.classList.contains("e-url")&&e.querySelector(".e-menu-url")?e.querySelector(".e-menu-url").style[o.padding]=p:e.style[o.padding]=p})}}}var c=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return i(n,e),s([(0,t.Property)("")],n.prototype,"iconCss",void 0),s([(0,t.Property)("")],n.prototype,"id",void 0),s([(0,t.Property)(!1)],n.prototype,"separator",void 0),s([(0,t.Property)("")],n.prototype,"text",void 0),s([(0,t.Property)("")],n.prototype,"url",void 0),s([(0,t.Property)(!1)],n.prototype,"disabled",void 0),n}(t.ChildProperty),d=o(741),h=o(197),u=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])},e(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)}}(),m=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},y="e-menu-icon",f="e-item",v="e-dropdown-popup",g="e-separator",b="e-vertical",C="e-dropdown-popup-width",P=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return u(i,e),m([(0,t.Property)("SlideDown")],i.prototype,"effect",void 0),m([(0,t.Property)(400)],i.prototype,"duration",void 0),m([(0,t.Property)("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),E=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.isPopupCreated=!0,s}return u(i,e),i.prototype.preRender=function(){},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},i.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},i.prototype.addItems=function(e,t){for(var i,s=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){s=n;break}for(var r=e.length-1;r>=0;r--)i=new c(this,"items",e[r],!0),this.items.splice(s,0,i);this.canOpen()||this.createItems()},i.prototype.removeItems=function(e,t){for(var i=!1,s=0,n=e.length;s<n;s++)for(var o=0,r=this.items.length;o<r;o++)if(e[s]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),i=!0;break}i&&this.getULElement()&&this.createItems()},i.prototype.createPopup=function(){var e,i=this.createElement("div",{className:"auto"!==this.popupWidth?v+" "+C:v,id:this.element.id+"-popup"});if(document.body.appendChild(i),this.dropDown=new h.Popup(i,{width:this.popupWidth,relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),(0,t.isNullOrUndefined)(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),(0,t.attributes)(this.element,((e={})["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&(0,t.addClass)([i],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0,this.createPopupOnClick){var s=(0,t.getComponent)(this.activeElem[0],"split-btn");s&&(s.isPopupCreated=!0)}},i.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||(0,t.isNullOrUndefined)(this.popupContent)?"string"==typeof this.target?(0,t.select)(this.target):this.target:this.popupContent},i.prototype.createItems=function(e){var i,s,n,o,r=this,a=this.items,p=this.hasIcon(this.items,"iconCss"),c=this.getULElement();if(c?c.innerHTML="":c=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),this.itemTemplate){var d=this.compiletemplate(this.itemTemplate);a.forEach(function(e){var i=r.createElement("li",{className:e.separator?f+" "+g:f,attrs:e.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":e.text},id:e.id?e.id:(0,t.getUniqueID)("e-"+r.getModuleName()+"-item")}),s=d(e,r,"template",null,!1,null,i);s&&(0,t.append)(s,i),e.disabled&&i.classList.add("e-disabled");var n={item:e,element:i};r.trigger("beforeItemRender",n),n.item.disabled!==e.disabled&&i.classList[n.item.disabled?"add":"remove"]("e-disabled"),c.appendChild(i)}),this.isReact&&this.renderReactTemplates()}else for(var h=0;h<a.length;h++){s=a[h],this.enableHtmlSanitizer&&(s.text=t.SanitizeHtmlHelper.sanitize(s.text));var u=s.text;n=this.createElement("li",{innerHTML:s.url?"":u,className:s.separator?f+" "+g:f,attrs:s.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":u},id:s.id?s.id:(0,t.getUniqueID)("e-"+this.getModuleName()+"-item")}),this.enableHtmlSanitizer?n.textContent=s.url?"":u:n.innerHTML=s.url?"":u,s.url&&(n.appendChild(this.createAnchor(s)),n.classList.add("e-url")),s.iconCss?(i=this.createElement("span",{className:y+" "+s.iconCss}),s.url?n.childNodes[0].appendChild(i):n.insertBefore(i,n.childNodes[0])):p&&!s.separator&&n.classList.add("e-blank-icon");var m=s.disabled;s.disabled&&n.classList.add("e-disabled"),o={item:s,element:n},this.trigger("beforeItemRender",o),m!==o.item.disabled&&(o.item.disabled?n.classList.add("e-disabled"):n.classList.remove("e-disabled")),c.appendChild(n)}e&&this.getPopUpElement().appendChild(c),p&&l(this.getPopUpElement())},i.prototype.compiletemplate=function(e){if(this.itemTemplate)try{if("function"!=typeof this.itemTemplate){var i=document.querySelector(this.itemTemplate);if(i)return(0,t.compile)(i.innerHTML.trim())}return(0,t.compile)(e)}catch(i){return(0,t.compile)(e)}},i.prototype.hasIcon=function(e,t){for(var i=0,s=e.length;i<s;i++)if(e[i][""+t])return!0;return!1},i.prototype.createAnchor=function(e){var t=e.text,i=this.createElement("a",{className:"e-menu-text e-menu-url",attrs:{href:e.url}});return this.enableHtmlSanitizer?i.textContent=t:i.innerHTML=t,i},i.prototype.initialize=function(){this.button=new d.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=(0,t.getUniqueID)("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent?this.element.textContent:"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},i.prototype.isColorPicker=function(){if(!this.element)return!1;var e=this.element.previousSibling;return!!(e&&e.classList&&e.classList.contains("e-split-colorpicker"))},i.prototype.appendArrowSpan=function(){this.cssClass=(0,t.isNullOrUndefined)(this.cssClass)?"":this.cssClass,this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(b)>-1?"bottom":"right")+" e-caret"}))},i.prototype.setActiveElem=function(e){this.activeElem=e},i.prototype.getModuleName=function(){return"dropdown-btn"},i.prototype.canOpen=function(){var e=!1;return this.isPopupCreated&&(e=this.getPopUpElement().classList.contains("e-popup-close")),e},i.prototype.destroy=function(){var i,s=this;(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName())&&(this.element.querySelector("span.e-caret")&&(0,t.detach)(this.element.querySelector("span.e-caret")),this.cssClass&&(i=this.cssClass.split(" ")),this.button.destroy(),i&&(0,t.removeClass)([this.element],i),(0,t.removeClass)(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){s.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents())},i.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var e=document.getElementById(this.getPopUpElement().id);e&&((0,t.removeClass)([e],["e-popup-open","e-popup-close"]),(0,t.detach)(e))}t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1;var i=(0,t.getComponent)(this.activeElem[0],"split-btn");if(this.createPopupOnClick&&i){var s=(0,t.getComponent)(this.activeElem[1],"dropdown-btn");s&&(s.isPopupCreated=!1)}},i.prototype.getPopUpElement=function(){var e=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var i=(0,t.getComponent)(this.activeElem[1],"dropdown-btn");i&&(this.dropDown=i.dropDown)}return this.dropDown&&(e=this.dropDown.element),e},i.prototype.getULElement=function(){var e=null;return this.getPopUpElement()&&(e=this.getPopUpElement().children[0]),e},i.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(window,"resize",this.windowResize,this)},i.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},i.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&t.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=(0,t.rippleEffect)(e,{selector:"."+f})},i.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents&&t.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler)),t.isRippleEnabled&&this.rippleFn&&this.rippleFn()},i.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.target&&(e.target.classList.contains("e-item")||e.target.parentElement&&e.target.parentElement.classList.contains("e-split-btn-wrapper"))&&13===e.keyCode&&e.preventDefault(),e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},i.prototype.isSafari=function(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)},i.prototype.upDownKeyHandler=function(e){(!this.target||38!==e.keyCode&&40!==e.keyCode)&&(e.preventDefault(),a(this.getULElement(),e.keyCode))},i.prototype.keyEventHandler=function(e){if(!this.target||13!==e.keyCode&&9!==e.keyCode)return 13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),void this.activeElem[0].focus()):void(e.target&&e.target.className.indexOf("e-edit-template")>-1&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},i.prototype.getLI=function(e){return"LI"===e.tagName?e:(0,t.closest)(e,"li")},i.prototype.mousedownHandler=function(e){var i=e.target;!this.dropDown||this.canOpen()||!this.getPopUpElement()||(0,t.closest)(i,'[id="'+this.getPopUpElement().id+'"]')||(0,t.closest)(i,'[id="'+this.element.id+'"]')||this.closePopup(e)},i.prototype.focusoutHandler=function(e){if(this.isPopupCreated&&!this.canOpen()){var t=e.relatedTarget||e.target;if(t&&t.className.indexOf("e-item")>-1){var i=this.getLI(t);if(i){var s=Array.prototype.indexOf.call(this.getULElement().children,i),n=this.items[s];if(n){var o={element:i,item:n,event:e};this.trigger("select",o)}}}this.closePopup(e)}},i.prototype.clickHandler=function(e){var i=e.target;(0,t.closest)(i,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):(0,t.closest)(i,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},i.prototype.triggerSelect=function(e){var t,i,s,n=this.getLI(e.target);n&&(i=Array.prototype.indexOf.call(this.getULElement().children,n),(s=this.items[i])&&(t={element:n,item:s,event:e},this.trigger("select",t)))},i.prototype.openPopUp=function(e){var i=this;void 0===e&&(e=null);var s=this.getPopUpElement();if(this.activeElem[0]&&this.activeElem[0].classList.contains("e-dropdown-btn")&&s.style.width&&"auto"!==s.style.width&&this.setWidth(s),this.target)if(this.activeElem.length>1){var n=(0,t.getComponent)(this.activeElem[0],"split-btn");n.isReact&&s.childNodes.length<1&&(n.appendReactElement&&n.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&s.childNodes.length<1&&(this.appendReactElement&&this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var o=this.getULElement();this.popupWireEvents();var r={element:o,items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",r,function(e){if(!e.cancel){var s=i.getULElement(),n="None"!==i.animationSettings.effect?{name:i.animationSettings.effect,duration:i.animationSettings.duration,timingFunction:i.animationSettings.easing}:null;if(n&&i.animatePopup(n,s),i.dropDown.show(null,i.element),(0,t.addClass)([i.element],"e-active"),i.element.setAttribute("aria-expanded","true"),i.element.setAttribute("aria-owns",i.getPopUpElement().id),s&&!i.isSafari()&&s.focus(),i.enableRtl&&"0px"!==s.parentElement.style.left){var o=void 0;o=i.element.parentElement&&i.element.parentElement.classList.contains("e-split-btn-wrapper")?i.element.parentElement.offsetWidth:i.element.offsetWidth;var r=s.parentElement.offsetWidth-o,a=parseFloat(s.parentElement.style.left)-r;a<0&&(a=0),s.parentElement.style.left=a+"px"}var p={element:s,items:i.items};i.trigger("open",p),s&&i.isSafari()&&s.focus()}})},i.prototype.animatePopup=function(e,i){new t.Animation(e).animate(i,{begin:function(e){e.element.parentElement.style.height=e.element.parentElement.offsetHeight+"px"}})},i.prototype.setWidth=function(e){var i=(0,t.formatUnit)(e.style.width);if(i.indexOf("%")>-1){var s=this.element.offsetWidth*parseFloat(i)/100;e.style.width=s+"px"}},i.prototype.closePopup=function(e,i){var s=this;void 0===e&&(e=null);var n=this.getULElement(),o={element:n,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",o,function(o){if(o.cancel)o.element&&n.focus();else{var r=s.getPopUpElement();r&&t.EventHandler.remove(r,"keydown",s.keyBoardHandler),s.popupUnWireEvents();var a=s.getULElement(),p=void 0;a&&(p=a.querySelector(".e-selected")),p&&p.classList.remove("e-selected"),s.dropDown&&s.dropDown.hide(),(0,t.removeClass)(s.activeElem,"e-active"),s.element.setAttribute("aria-expanded","false"),s.element.removeAttribute("aria-owns"),i&&(s.isSafari()?i.focus({preventScroll:!0}):s.isColorPicker()&&27===e.keyCode||i.focus());var l={element:a,items:s.items};s.trigger("close",l),!s.target&&a&&(0,t.detach)(a),(!s.target||s.isColorPicker()||s.target&&!s.isColorPicker())&&s.createPopupOnClick&&s.destroyPopup()}})},i.prototype.unWireEvents=function(){this.createPopupOnClick||t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),t.EventHandler.remove(window,"resize",this.windowResize)},i.prototype.onPropertyChanged=function(e,i){var s;this.button.setProperties(n(e,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"])),this.isPopupCreated&&(s=this.getPopUpElement(),this.dropDown.setProperties(n(e,["enableRtl"])));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":if(i.cssClass=(0,t.isNullOrUndefined)(i.cssClass)?"":i.cssClass,e.cssClass.indexOf(b)>-1||i.cssClass.indexOf(b)>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var a=this.element.querySelector("span.e-caret");e.cssClass.indexOf(b)>-1?(0,t.classList)(a,["e-icon-bottom"],["e-icon-right"]):(0,t.classList)(a,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(i.cssClass&&(0,t.removeClass)([s],i.cssClass.split(" ")),e.cssClass&&(0,t.addClass)([s],e.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}}},i.prototype.focusIn=function(){this.element.focus()},m([(0,t.Property)("")],i.prototype,"content",void 0),m([(0,t.Property)("")],i.prototype,"cssClass",void 0),m([(0,t.Property)(!1)],i.prototype,"disabled",void 0),m([(0,t.Property)("")],i.prototype,"iconCss",void 0),m([(0,t.Property)("Left")],i.prototype,"iconPosition",void 0),m([(0,t.Property)(!0)],i.prototype,"enableHtmlSanitizer",void 0),m([(0,t.Collection)([],c)],i.prototype,"items",void 0),m([(0,t.Property)(!1)],i.prototype,"createPopupOnClick",void 0),m([(0,t.Property)("")],i.prototype,"target",void 0),m([(0,t.Property)("")],i.prototype,"closeActionEvents",void 0),m([(0,t.Property)(null)],i.prototype,"itemTemplate",void 0),m([(0,t.Property)("auto")],i.prototype,"popupWidth",void 0),m([(0,t.Complex)({effect:"None"},P)],i.prototype,"animationSettings",void 0),m([(0,t.Event)()],i.prototype,"beforeItemRender",void 0),m([(0,t.Event)()],i.prototype,"beforeOpen",void 0),m([(0,t.Event)()],i.prototype,"beforeClose",void 0),m([(0,t.Event)()],i.prototype,"close",void 0),m([(0,t.Event)()],i.prototype,"open",void 0),m([(0,t.Event)()],i.prototype,"select",void 0),m([(0,t.Event)()],i.prototype,"created",void 0),i=m([t.NotifyPropertyChanges],i)}(t.Component),w=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])},e(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)}}(),S=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},k="e-rtl",O="EJS-SPLITBUTTON",L=function(e){function i(t,i){return e.call(this,t,i)||this}return w(i,e),i.prototype.preRender=function(){var e=this.element;if(e.tagName===O){for(var i=(0,t.getValue)("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),n=this.createElement(O,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)s.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(n,e),(0,t.detach)(e),e=s,n.appendChild(e),(0,t.setValue)("ej2_instances",i,e),this.wrapper=n,this.element=e}this.element.id||(this.element.id=(0,t.getUniqueID)("e-"+this.getModuleName()))},i.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},i.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},i.prototype.addItems=function(t,i){e.prototype.addItems.call(this,t,i),this.secondaryBtnObj.items=this.items},i.prototype.removeItems=function(t,i){e.prototype.removeItems.call(this,t,i),this.secondaryBtnObj.items=this.items},i.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(k),this.cssClass&&(0,t.addClass)([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},i.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new d.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},i.prototype.createSecondaryButton=function(){var e=this,t=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(t);var i={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick,beforeItemRender:function(t){e.createPopupOnClick&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown),e.trigger("beforeItemRender",t)},open:function(t){e.trigger("open",t)},close:function(t){e.trigger("close",t)},select:function(t){e.trigger("select",t)},beforeOpen:function(t){e.createPopupOnClick&&0===e.items.length&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown);var i=new H;return e.trigger("beforeOpen",t,function(e){i.resolve(e)}),i},beforeClose:function(t){var i=new H;return e.trigger("beforeClose",t,function(e){i.resolve(e)}),i}};this.secondaryBtnObj=new E(i),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(t),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},i.prototype.setAria=function(){(0,t.attributes)(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},i.prototype.getModuleName=function(){return"split-btn"},i.prototype.toggle=function(){this.secondaryBtnObj.toggle()},i.prototype.destroy=function(){var i=this,s=[k];if(this.cssClass&&(s=s.concat(this.cssClass.split(" "))),this.element){var n=document.getElementById(this.element.id);n&&n.parentElement===this.wrapper&&(this.wrapper.tagName===O?(this.wrapper.innerHTML="",(0,t.removeClass)([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),(0,t.removeClass)([this.wrapper],this.cssClass.split(" "))):((0,t.removeClass)([this.element],s),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){i.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),(0,t.remove)(this.wrapper)),this.unWireEvents())}this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),e.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){i.element.classList.add(e)}),(0,t.setValue)("ej2_instances",[this],this.element)),this.wrapper=null},i.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},i.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),(0,t.getInstance)(this.element,t.KeyboardEvents).destroy()},i.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},i.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},i.prototype.onPropertyChanged=function(e,i){var s=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(n(e,s)),s=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],Object.keys(e).indexOf("items")>-1&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(n(e,s));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"cssClass":i.cssClass&&(0,t.removeClass)([this.wrapper],i.cssClass.split(" ")),(0,t.addClass)([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?(0,t.addClass)([this.wrapper],k):(0,t.removeClass)([this.wrapper],k);break;case"disabled":e.disabled?(0,t.addClass)([this.wrapper],"e-splitbtn-disabled"):(0,t.removeClass)([this.wrapper],"e-splitbtn-disabled")}}},i.prototype.focusIn=function(){this.element.focus()},S([(0,t.Property)("")],i.prototype,"content",void 0),S([(0,t.Property)("")],i.prototype,"cssClass",void 0),S([(0,t.Property)(!1)],i.prototype,"disabled",void 0),S([(0,t.Property)("")],i.prototype,"iconCss",void 0),S([(0,t.Property)("Left")],i.prototype,"iconPosition",void 0),S([(0,t.Property)(!1)],i.prototype,"createPopupOnClick",void 0),S([(0,t.Collection)([],c)],i.prototype,"items",void 0),S([(0,t.Property)("")],i.prototype,"target",void 0),S([(0,t.Event)()],i.prototype,"beforeItemRender",void 0),S([(0,t.Event)()],i.prototype,"beforeOpen",void 0),S([(0,t.Event)()],i.prototype,"beforeClose",void 0),S([(0,t.Event)()],i.prototype,"click",void 0),S([(0,t.Event)()],i.prototype,"close",void 0),S([(0,t.Event)()],i.prototype,"open",void 0),S([(0,t.Event)()],i.prototype,"select",void 0),S([(0,t.Event)()],i.prototype,"created",void 0),i=S([t.NotifyPropertyChanges],i)}(E),H=function(){var e=this;this.promise=new Promise(function(t,i){e.resolve=t,e.reject=i}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)};function B(e,i,s){var n,o,r,a;void 0===i&&(i={}),(0,t.isNullOrUndefined)(s)&&(s=t.createElement);var p=document.querySelector(e);(0,t.addClass)([p],["e-btn-group","e-css"]),p.setAttribute("role","group");var l=p.children;i.buttons=i.buttons||[];for(var c=0,h=0;h<l.length;c++,h++)n=l[h],null!==(a=i.buttons[c])&&("BUTTON"===n.tagName?o=n:(o=s("label"),(r=l[h+1])?p.insertBefore(o,r):p.appendChild(o),n.id&&o.setAttribute("for",n.id),a&&a.disabled&&(n.disabled=!0),h++),i.cssClass&&a&&!a.cssClass&&(a.cssClass=i.cssClass),new d.Button(a||{},o));return p}var 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])},e(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)}}(),N=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},j="e-hide-spinner",A="e-progress",D="e-progress-active",U="e-btn-content",R=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return x(i,e),N([(0,t.Property)(null)],i.prototype,"template",void 0),N([(0,t.Property)(16)],i.prototype,"width",void 0),N([(0,t.Property)("Left")],i.prototype,"position",void 0),i}(t.ChildProperty),T=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return x(i,e),N([(0,t.Property)(400)],i.prototype,"duration",void 0),N([(0,t.Property)("None")],i.prototype,"effect",void 0),N([(0,t.Property)("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),I=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.step=1,s}return x(i,e),i.prototype.preRender=function(){e.prototype.preRender.call(this)},i.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},i.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},i.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},i.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},i.prototype.getModuleName=function(){return"progress-btn"},i.prototype.destroy=function(){var i=this,s=[j,D,"e-round-corner","e-"+e.prototype.getModuleName.call(this)];this.spinSettings.position&&s.push("e-spin-"+this.spinSettings.position.toLowerCase()),e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(s=s.concat(this.cssClass.split(" "))),(0,t.removeClass)([this.element],s),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},i.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},i.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),(0,h.createSpinner)({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},i.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},i.prototype.getProgress=function(){return this.element.getElementsByClassName(A)[0]},i.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(U)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},i.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:A}))},i.prototype.setContent=function(){var e;e=this.element.innerHTML,this.enableHtmlSanitizer&&(e=t.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:U,innerHTML:e}))},i.prototype.clickHandler=function(){this.element.classList.contains(D)||this.startProgress()},i.prototype.startProgress=function(e,t){var i=this.element.classList,s=i.contains("e-vertical");i.add(D),i.contains(j)||(0,h.showSpinner)(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,s),this.startContAnimate()},i.prototype.startAnimate=function(e,t,i,s,n,o,r,a){var p=this;try{var l=e-i,c=this.duration*o/100,d=l?l<c?l-c:l%c:0;this.progressTime=t=t+l-d,i=e-d,s+=(l-d)/this.duration*100;var h={percent:n=(t-r)%c===0||100===s?s:n,currentDuration:t,step:o};this.eIsVertical=a,0===s?this.trigger("begin",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):100===s||t===this.duration?this.trigger("end",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):this.trigger("progress",h,function(e){p.successCallback(e,s,n,t,r,d,i)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},i.prototype.successCallback=function(e,t,i,s,n,o,r){var a=this,p=t,l=i,c=o,d=s,h=n,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(d-h)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,h=d),this.isPaused||(d<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),d,u,p,l,e.step,h,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},i.prototype.startContAnimate=function(){var e=this,i=this.element.getElementsByClassName(U)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(i,{duration:0===this.animationSettings.duration&&"Enable"===t.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){i.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},i.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add(D);for(var i=this.percent;i<100;i++)(i+=10)>100&&(i=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?i+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();var s={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",s),this.progressTime=this.percent=0},i.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(U)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},i.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(U)[0];if(this.element.classList.contains(j)||(0,h.hideSpinner)(this.element.querySelector(".e-spinner")),this.element.classList.remove(D),"None"!==this.animationSettings.effect&&e.classList.remove("e-animate-end"),"Center"===this.spinSettings.position){var t=this.getSpinner();e.classList.remove("e-cont-animate"),t.style.width="auto",t.style.height="auto"}},i.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(U)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},i.prototype.setAria=function(){(0,t.attributes)(this.element,{"aria-label":this.element.textContent+" progress"})},i.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},i.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},i.prototype.onPropertyChanged=function(i,s){var n=this.element,o=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(o=!0),e.prototype.onPropertyChanged.call(this,i,s);for(var r=0,a=Object.keys(i);r<a.length;r++){switch(a[r]){case"content":this.setContent(),this.createSpinner(),o&&((0,h.showSpinner)(this.element.querySelector(".e-spinner")),o=!1),this.enableProgress&&this.createProgress(),n.setAttribute("aria-label",n.textContent+" progress");break;case"iconCss":s.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":i.enableProgress?this.createProgress():(0,t.remove)(this.getProgress());break;case"spinSettings":i.spinSettings.position&&(n.classList.remove("e-spin-"+s.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(i.spinSettings.template||i.spinSettings.width)&&(n.removeChild(this.getSpinner()),this.createSpinner())}}},i.prototype.focusIn=function(){this.element.focus()},N([(0,t.Property)(!1)],i.prototype,"enableProgress",void 0),N([(0,t.Property)(2e3)],i.prototype,"duration",void 0),N([(0,t.Property)("Left")],i.prototype,"iconPosition",void 0),N([(0,t.Property)("")],i.prototype,"iconCss",void 0),N([(0,t.Property)(!1)],i.prototype,"disabled",void 0),N([(0,t.Property)(!1)],i.prototype,"isPrimary",void 0),N([(0,t.Property)("")],i.prototype,"cssClass",void 0),N([(0,t.Property)("")],i.prototype,"content",void 0),N([(0,t.Property)(!1)],i.prototype,"isToggle",void 0),N([(0,t.Property)(!0)],i.prototype,"enableHtmlSanitizer",void 0),N([(0,t.Complex)({},R)],i.prototype,"spinSettings",void 0),N([(0,t.Complex)({},T)],i.prototype,"animationSettings",void 0),N([(0,t.Event)()],i.prototype,"created",void 0),N([(0,t.Event)()],i.prototype,"begin",void 0),N([(0,t.Event)()],i.prototype,"progress",void 0),N([(0,t.Event)()],i.prototype,"end",void 0),N([(0,t.Event)()],i.prototype,"fail",void 0),i=N([t.NotifyPropertyChanges],i)}(d.Button)})(),r})()); | ||
| /*! | ||
| * filename: ej2-splitbuttons.min.js | ||
| * version : 32.1.22 | ||
| * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved. | ||
| * Use of this code is subject to the terms of our license. | ||
| * A copy of the current license can be obtained at any time by e-mailing | ||
| * licensing@syncfusion.com. Any infringement will be prosecuted under | ||
| * applicable laws. | ||
| */ | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionBase"),require("SyncfusionButtons"),require("SyncfusionPopups")):"function"==typeof define&&define.amd?define(["SyncfusionBase","SyncfusionButtons","SyncfusionPopups"],t):"object"==typeof exports?exports.SyncfusionSplitbuttons=t(require("SyncfusionBase"),require("SyncfusionButtons"),require("SyncfusionPopups")):e.SyncfusionSplitbuttons=t(e.SyncfusionBase,e.SyncfusionButtons,e.SyncfusionPopups)}(self,(e,t,i)=>(()=>{"use strict";var s={766:t=>{t.exports=e},741:e=>{e.exports=t},197:e=>{e.exports=i}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var i=n[e]={exports:{}};return s[e](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{AnimationSettings:()=>T,Deferred:()=>H,DropDownButton:()=>E,DropDownMenuAnimationSettings:()=>P,Item:()=>c,ProgressButton:()=>I,SpinSettings:()=>R,SplitButton:()=>L,createButtonGroup:()=>B,getModel:()=>n,setBlankIconStyle:()=>l,upDownKeyHandler:()=>a});var e,t=o(766),i=(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])},e(t,i)},function(t,i){function s(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}),s=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};function n(e,i){for(var s=(0,t.extend)({},e),n=0,o=Object.keys(s);n<o.length;n++){var r=o[n];i.indexOf(r)<0&&(0,t.deleteObject)(s,r)}return s}function a(e,i){var s=40===i?0:e.childElementCount-1,n=s,o=e.querySelector(".e-selected");o&&o.classList.remove("e-selected");for(var r=0,a=e.children.length;r<a;r++)e.children[r].classList.contains("e-focused")&&(n=r,e.children[r].classList.remove("e-focused"),40===i?n++:n--,n===(40===i?e.childElementCount:-1)&&(n=s));-1!==(n=p(e,e.children[n],n,i))&&((0,t.addClass)([e.children[n]],"e-focused"),e.children[n].focus())}function p(e,t,i,s,n){if(void 0===n&&(n=0),(t.classList.contains("e-separator")||t.classList.contains("e-disabled"))&&(i===(40===s?e.childElementCount-1:0)?i=40===s?0:e.childElementCount-1:40===s?i++:i--),(t=e.children[i]).classList.contains("e-separator")||t.classList.contains("e-disabled")){if(++n===e.childElementCount)return-1;i=p(e,t,i,s,n)}return i}function l(e,i){var s=[].slice.call(e.getElementsByClassName("e-blank-icon"));i&&[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")});if(s.length){var n=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)");if(!(0,t.isNullOrUndefined)(n)){n.classList.contains("e-url")&&(n=n.querySelector(".e-menu-url"));var o,r=n.querySelector(".e-menu-icon"),a=e.classList.contains("e-rtl");o=a?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"};var p=parseInt(getComputedStyle(r).fontSize,10)+parseInt(getComputedStyle(r)[o.margin],10)+parseInt(getComputedStyle(n).paddingLeft,10)+"px";s.forEach(function(e){e.classList.contains("e-url")&&e.querySelector(".e-menu-url")?e.querySelector(".e-menu-url").style[o.padding]=p:e.style[o.padding]=p})}}}var c=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return i(n,e),s([(0,t.Property)("")],n.prototype,"iconCss",void 0),s([(0,t.Property)("")],n.prototype,"id",void 0),s([(0,t.Property)(!1)],n.prototype,"separator",void 0),s([(0,t.Property)("")],n.prototype,"text",void 0),s([(0,t.Property)("")],n.prototype,"url",void 0),s([(0,t.Property)(!1)],n.prototype,"disabled",void 0),n}(t.ChildProperty),d=o(741),h=o(197),u=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])},e(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)}}(),m=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},y="e-menu-icon",f="e-item",v="e-dropdown-popup",g="e-separator",b="e-vertical",C="e-dropdown-popup-width",P=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return u(i,e),m([(0,t.Property)("SlideDown")],i.prototype,"effect",void 0),m([(0,t.Property)(400)],i.prototype,"duration",void 0),m([(0,t.Property)("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),E=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.isPopupCreated=!0,s}return u(i,e),i.prototype.preRender=function(){},i.prototype.getPersistData=function(){return this.addOnPersist([])},i.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},i.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},i.prototype.addItems=function(e,t){for(var i,s=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){s=n;break}for(var r=e.length-1;r>=0;r--)i=new c(this,"items",e[r],!0),this.items.splice(s,0,i);this.canOpen()||this.createItems()},i.prototype.removeItems=function(e,t){for(var i=!1,s=0,n=e.length;s<n;s++)for(var o=0,r=this.items.length;o<r;o++)if(e[s]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),i=!0;break}i&&this.getULElement()&&this.createItems()},i.prototype.createPopup=function(){var e,i=this.createElement("div",{className:"auto"!==this.popupWidth?v+" "+C:v,id:this.element.id+"-popup"});if(document.body.appendChild(i),this.dropDown=new h.Popup(i,{width:this.popupWidth,relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),(0,t.isNullOrUndefined)(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),(0,t.attributes)(this.element,((e={})["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&(0,t.addClass)([i],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0,this.createPopupOnClick){var s=(0,t.getComponent)(this.activeElem[0],"split-btn");s&&(s.isPopupCreated=!0)}},i.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||(0,t.isNullOrUndefined)(this.popupContent)?"string"==typeof this.target?(0,t.select)(this.target):this.target:this.popupContent},i.prototype.createItems=function(e){var i,s,n,o,r=this,a=this.items,p=this.hasIcon(this.items,"iconCss"),c=this.getULElement();if(c?c.innerHTML="":c=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),this.itemTemplate){var d=this.compiletemplate(this.itemTemplate);a.forEach(function(e){var i=r.createElement("li",{className:e.separator?f+" "+g:f,attrs:e.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":e.text},id:e.id?e.id:(0,t.getUniqueID)("e-"+r.getModuleName()+"-item")}),s=d(e,r,"template",null,!1,null,i);s&&(0,t.append)(s,i),e.disabled&&i.classList.add("e-disabled");var n={item:e,element:i};r.trigger("beforeItemRender",n),n.item.disabled!==e.disabled&&i.classList[n.item.disabled?"add":"remove"]("e-disabled"),c.appendChild(i)}),this.isReact&&this.renderReactTemplates()}else for(var h=0;h<a.length;h++){s=a[h],this.enableHtmlSanitizer&&(s.text=t.SanitizeHtmlHelper.sanitize(s.text));var u=s.text;n=this.createElement("li",{innerHTML:s.url?"":u,className:s.separator?f+" "+g:f,attrs:s.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":u},id:s.id?s.id:(0,t.getUniqueID)("e-"+this.getModuleName()+"-item")}),this.enableHtmlSanitizer?n.textContent=s.url?"":u:n.innerHTML=s.url?"":u,s.url&&(n.appendChild(this.createAnchor(s)),n.classList.add("e-url")),s.iconCss?(i=this.createElement("span",{className:y+" "+s.iconCss}),s.url?n.childNodes[0].appendChild(i):n.insertBefore(i,n.childNodes[0])):p&&!s.separator&&n.classList.add("e-blank-icon");var m=s.disabled;s.disabled&&n.classList.add("e-disabled"),o={item:s,element:n},this.trigger("beforeItemRender",o),m!==o.item.disabled&&(o.item.disabled?n.classList.add("e-disabled"):n.classList.remove("e-disabled")),c.appendChild(n)}e&&this.getPopUpElement().appendChild(c),p&&l(this.getPopUpElement())},i.prototype.compiletemplate=function(e){if(this.itemTemplate)try{if("function"!=typeof this.itemTemplate){var i=document.querySelector(this.itemTemplate);if(i)return(0,t.compile)(i.innerHTML.trim())}return(0,t.compile)(e)}catch(i){return(0,t.compile)(e)}},i.prototype.hasIcon=function(e,t){for(var i=0,s=e.length;i<s;i++)if(e[i][""+t])return!0;return!1},i.prototype.createAnchor=function(e){var t=e.text,i=this.createElement("a",{className:"e-menu-text e-menu-url",attrs:{href:e.url}});return this.enableHtmlSanitizer?i.textContent=t:i.innerHTML=t,i},i.prototype.initialize=function(){this.button=new d.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=(0,t.getUniqueID)("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent?this.element.textContent:"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},i.prototype.isColorPicker=function(){if(!this.element)return!1;var e=this.element.previousSibling;return!!(e&&e.classList&&e.classList.contains("e-split-colorpicker"))},i.prototype.appendArrowSpan=function(){this.cssClass=(0,t.isNullOrUndefined)(this.cssClass)?"":this.cssClass,this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(b)>-1?"bottom":"right")+" e-caret"}))},i.prototype.setActiveElem=function(e){this.activeElem=e},i.prototype.getModuleName=function(){return"dropdown-btn"},i.prototype.canOpen=function(){var e=!1;return this.isPopupCreated&&(e=this.getPopUpElement().classList.contains("e-popup-close")),e},i.prototype.destroy=function(){var i,s=this;(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName())&&(this.element.querySelector("span.e-caret")&&(0,t.detach)(this.element.querySelector("span.e-caret")),this.cssClass&&(i=this.cssClass.split(" ")),this.button.destroy(),i&&(0,t.removeClass)([this.element],i),(0,t.removeClass)(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){s.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents())},i.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var e=document.getElementById(this.getPopUpElement().id);e&&((0,t.removeClass)([e],["e-popup-open","e-popup-close"]),(0,t.detach)(e))}t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1;var i=(0,t.getComponent)(this.activeElem[0],"split-btn");if(this.createPopupOnClick&&i){var s=(0,t.getComponent)(this.activeElem[1],"dropdown-btn");s&&(s.isPopupCreated=!1)}},i.prototype.getPopUpElement=function(){var e=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var i=(0,t.getComponent)(this.activeElem[1],"dropdown-btn");i&&(this.dropDown=i.dropDown)}return this.dropDown&&(e=this.dropDown.element),e},i.prototype.getULElement=function(){var e=null;return this.getPopUpElement()&&(e=this.getPopUpElement().children[0]),e},i.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(window,"resize",this.windowResize,this)},i.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},i.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&t.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=(0,t.rippleEffect)(e,{selector:"."+f})},i.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents&&t.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler)),t.isRippleEnabled&&this.rippleFn&&this.rippleFn()},i.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.target&&(e.target.classList.contains("e-item")||e.target.parentElement&&e.target.parentElement.classList.contains("e-split-btn-wrapper"))&&13===e.keyCode&&e.preventDefault(),e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},i.prototype.isSafari=function(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)},i.prototype.upDownKeyHandler=function(e){(!this.target||38!==e.keyCode&&40!==e.keyCode)&&(e.preventDefault(),a(this.getULElement(),e.keyCode))},i.prototype.keyEventHandler=function(e){if(!this.target||13!==e.keyCode&&9!==e.keyCode)return 13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),void this.activeElem[0].focus()):void(e.target&&e.target.className.indexOf("e-edit-template")>-1&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},i.prototype.getLI=function(e){return"LI"===e.tagName?e:(0,t.closest)(e,"li")},i.prototype.mousedownHandler=function(e){var i=e.target;!this.dropDown||this.canOpen()||!this.getPopUpElement()||(0,t.closest)(i,'[id="'+this.getPopUpElement().id+'"]')||(0,t.closest)(i,'[id="'+this.element.id+'"]')||this.closePopup(e)},i.prototype.focusoutHandler=function(e){if(this.isPopupCreated&&!this.canOpen()){var t=e.relatedTarget||e.target;if(t&&t.className.indexOf("e-item")>-1){var i=this.getLI(t);if(i){var s=Array.prototype.indexOf.call(this.getULElement().children,i),n=this.items[s];if(n){var o={element:i,item:n,event:e};this.trigger("select",o)}}}this.closePopup(e)}},i.prototype.clickHandler=function(e){var i=e.target;(0,t.closest)(i,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):(0,t.closest)(i,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},i.prototype.triggerSelect=function(e){var t,i,s,n=this.getLI(e.target);n&&(i=Array.prototype.indexOf.call(this.getULElement().children,n),(s=this.items[i])&&(t={element:n,item:s,event:e},this.trigger("select",t)))},i.prototype.openPopUp=function(e){var i=this;void 0===e&&(e=null);var s=this.getPopUpElement();if(this.activeElem[0]&&this.activeElem[0].classList.contains("e-dropdown-btn")&&s.style.width&&"auto"!==s.style.width&&this.setWidth(s),this.target)if(this.activeElem.length>1){var n=(0,t.getComponent)(this.activeElem[0],"split-btn");n.isReact&&s.childNodes.length<1&&(n.appendReactElement&&n.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&s.childNodes.length<1&&(this.appendReactElement&&this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var o=this.getULElement();this.popupWireEvents();var r={element:o,items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",r,function(e){if(!e.cancel){var s=i.getULElement(),n="None"!==i.animationSettings.effect?{name:i.animationSettings.effect,duration:i.animationSettings.duration,timingFunction:i.animationSettings.easing}:null;if(n&&i.animatePopup(n,s),i.dropDown.show(null,i.element),(0,t.addClass)([i.element],"e-active"),i.element.setAttribute("aria-expanded","true"),i.element.setAttribute("aria-owns",i.getPopUpElement().id),s&&!i.isSafari()&&s.focus(),i.enableRtl&&"0px"!==s.parentElement.style.left){var o=void 0;o=i.element.parentElement&&i.element.parentElement.classList.contains("e-split-btn-wrapper")?i.element.parentElement.offsetWidth:i.element.offsetWidth;var r=s.parentElement.offsetWidth-o,a=parseFloat(s.parentElement.style.left)-r;a<0&&(a=0),s.parentElement.style.left=a+"px"}var p={element:s,items:i.items};i.trigger("open",p),s&&i.isSafari()&&s.focus()}})},i.prototype.animatePopup=function(e,i){new t.Animation(e).animate(i,{begin:function(e){e.element.parentElement.style.height=e.element.parentElement.offsetHeight+"px"}})},i.prototype.setWidth=function(e){var i=(0,t.formatUnit)(e.style.width);if(i.indexOf("%")>-1){var s=this.element.offsetWidth*parseFloat(i)/100;e.style.width=s+"px"}},i.prototype.closePopup=function(e,i){var s=this;void 0===e&&(e=null);var n=this.getULElement(),o={element:n,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",o,function(o){if(o.cancel)o.element&&n.focus();else{var r=s.getPopUpElement();r&&t.EventHandler.remove(r,"keydown",s.keyBoardHandler),s.popupUnWireEvents();var a=s.getULElement(),p=void 0;a&&(p=a.querySelector(".e-selected")),p&&p.classList.remove("e-selected"),s.dropDown&&s.dropDown.hide(),(0,t.removeClass)(s.activeElem,"e-active"),s.element.setAttribute("aria-expanded","false"),s.element.removeAttribute("aria-owns"),i&&(s.isSafari()?i.focus({preventScroll:!0}):s.isColorPicker()&&27===e.keyCode||i.focus());var l={element:a,items:s.items};s.trigger("close",l),!s.target&&a&&(0,t.detach)(a),(!s.target||s.isColorPicker()||s.target&&!s.isColorPicker())&&s.createPopupOnClick&&s.destroyPopup()}})},i.prototype.unWireEvents=function(){this.createPopupOnClick||t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),t.EventHandler.remove(window,"resize",this.windowResize.bind(this))},i.prototype.onPropertyChanged=function(e,i){var s;this.button.setProperties(n(e,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"])),this.isPopupCreated&&(s=this.getPopUpElement(),this.dropDown.setProperties(n(e,["enableRtl"])));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":if(i.cssClass=(0,t.isNullOrUndefined)(i.cssClass)?"":i.cssClass,e.cssClass.indexOf(b)>-1||i.cssClass.indexOf(b)>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var a=this.element.querySelector("span.e-caret");e.cssClass.indexOf(b)>-1?(0,t.classList)(a,["e-icon-bottom"],["e-icon-right"]):(0,t.classList)(a,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(i.cssClass&&(0,t.removeClass)([s],i.cssClass.split(" ")),e.cssClass&&(0,t.addClass)([s],e.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}}},i.prototype.focusIn=function(){this.element.focus()},m([(0,t.Property)("")],i.prototype,"content",void 0),m([(0,t.Property)("")],i.prototype,"cssClass",void 0),m([(0,t.Property)(!1)],i.prototype,"disabled",void 0),m([(0,t.Property)("")],i.prototype,"iconCss",void 0),m([(0,t.Property)("Left")],i.prototype,"iconPosition",void 0),m([(0,t.Property)(!0)],i.prototype,"enableHtmlSanitizer",void 0),m([(0,t.Collection)([],c)],i.prototype,"items",void 0),m([(0,t.Property)(!1)],i.prototype,"createPopupOnClick",void 0),m([(0,t.Property)("")],i.prototype,"target",void 0),m([(0,t.Property)("")],i.prototype,"closeActionEvents",void 0),m([(0,t.Property)(null)],i.prototype,"itemTemplate",void 0),m([(0,t.Property)("auto")],i.prototype,"popupWidth",void 0),m([(0,t.Complex)({effect:"None"},P)],i.prototype,"animationSettings",void 0),m([(0,t.Event)()],i.prototype,"beforeItemRender",void 0),m([(0,t.Event)()],i.prototype,"beforeOpen",void 0),m([(0,t.Event)()],i.prototype,"beforeClose",void 0),m([(0,t.Event)()],i.prototype,"close",void 0),m([(0,t.Event)()],i.prototype,"open",void 0),m([(0,t.Event)()],i.prototype,"select",void 0),m([(0,t.Event)()],i.prototype,"created",void 0),i=m([t.NotifyPropertyChanges],i)}(t.Component),w=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])},e(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)}}(),S=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},k="e-rtl",O="EJS-SPLITBUTTON",L=function(e){function i(t,i){return e.call(this,t,i)||this}return w(i,e),i.prototype.preRender=function(){var e=this.element;if(e.tagName===O){for(var i=(0,t.getValue)("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),n=this.createElement(O,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)s.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(n,e),(0,t.detach)(e),e=s,n.appendChild(e),(0,t.setValue)("ej2_instances",i,e),this.wrapper=n,this.element=e}this.element.id||(this.element.id=(0,t.getUniqueID)("e-"+this.getModuleName()))},i.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},i.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},i.prototype.addItems=function(t,i){e.prototype.addItems.call(this,t,i),this.secondaryBtnObj.items=this.items},i.prototype.removeItems=function(t,i){e.prototype.removeItems.call(this,t,i),this.secondaryBtnObj.items=this.items},i.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(k),this.cssClass&&(0,t.addClass)([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},i.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new d.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},i.prototype.createSecondaryButton=function(){var e=this,t=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(t);var i={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick,beforeItemRender:function(t){e.createPopupOnClick&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown),e.trigger("beforeItemRender",t)},open:function(t){e.trigger("open",t)},close:function(t){e.trigger("close",t)},select:function(t){e.trigger("select",t)},beforeOpen:function(t){e.createPopupOnClick&&0===e.items.length&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown);var i=new H;return e.trigger("beforeOpen",t,function(e){i.resolve(e)}),i},beforeClose:function(t){var i=new H;return e.trigger("beforeClose",t,function(e){i.resolve(e)}),i}};this.secondaryBtnObj=new E(i),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(t),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},i.prototype.setAria=function(){(0,t.attributes)(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},i.prototype.getModuleName=function(){return"split-btn"},i.prototype.toggle=function(){this.secondaryBtnObj.toggle()},i.prototype.destroy=function(){var i=this,s=[k];if(this.cssClass&&(s=s.concat(this.cssClass.split(" "))),this.element){var n=document.getElementById(this.element.id);n&&n.parentElement===this.wrapper&&(this.wrapper.tagName===O?(this.wrapper.innerHTML="",(0,t.removeClass)([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),(0,t.removeClass)([this.wrapper],this.cssClass.split(" "))):((0,t.removeClass)([this.element],s),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){i.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),(0,t.remove)(this.wrapper)),this.unWireEvents())}this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),e.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){i.element.classList.add(e)}),(0,t.setValue)("ej2_instances",[this],this.element)),this.wrapper=null},i.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},i.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),(0,t.getInstance)(this.element,t.KeyboardEvents).destroy()},i.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},i.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},i.prototype.onPropertyChanged=function(e,i){var s=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(n(e,s)),s=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],Object.keys(e).indexOf("items")>-1&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(n(e,s));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"cssClass":i.cssClass&&(0,t.removeClass)([this.wrapper],i.cssClass.split(" ")),(0,t.addClass)([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?(0,t.addClass)([this.wrapper],k):(0,t.removeClass)([this.wrapper],k);break;case"disabled":e.disabled?(0,t.addClass)([this.wrapper],"e-splitbtn-disabled"):(0,t.removeClass)([this.wrapper],"e-splitbtn-disabled")}}},i.prototype.focusIn=function(){this.element.focus()},S([(0,t.Property)("")],i.prototype,"content",void 0),S([(0,t.Property)("")],i.prototype,"cssClass",void 0),S([(0,t.Property)(!1)],i.prototype,"disabled",void 0),S([(0,t.Property)("")],i.prototype,"iconCss",void 0),S([(0,t.Property)("Left")],i.prototype,"iconPosition",void 0),S([(0,t.Property)(!1)],i.prototype,"createPopupOnClick",void 0),S([(0,t.Collection)([],c)],i.prototype,"items",void 0),S([(0,t.Property)("")],i.prototype,"target",void 0),S([(0,t.Event)()],i.prototype,"beforeItemRender",void 0),S([(0,t.Event)()],i.prototype,"beforeOpen",void 0),S([(0,t.Event)()],i.prototype,"beforeClose",void 0),S([(0,t.Event)()],i.prototype,"click",void 0),S([(0,t.Event)()],i.prototype,"close",void 0),S([(0,t.Event)()],i.prototype,"open",void 0),S([(0,t.Event)()],i.prototype,"select",void 0),S([(0,t.Event)()],i.prototype,"created",void 0),i=S([t.NotifyPropertyChanges],i)}(E),H=function(){var e=this;this.promise=new Promise(function(t,i){e.resolve=t,e.reject=i}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)};function B(e,i,s){var n,o,r,a;void 0===i&&(i={}),(0,t.isNullOrUndefined)(s)&&(s=t.createElement);var p=document.querySelector(e);(0,t.addClass)([p],["e-btn-group","e-css"]),p.setAttribute("role","group");var l=p.children;i.buttons=i.buttons||[];for(var c=0,h=0;h<l.length;c++,h++)n=l[h],null!==(a=i.buttons[c])&&("BUTTON"===n.tagName?o=n:(o=s("label"),(r=l[h+1])?p.insertBefore(o,r):p.appendChild(o),n.id&&o.setAttribute("for",n.id),a&&a.disabled&&(n.disabled=!0),h++),i.cssClass&&a&&!a.cssClass&&(a.cssClass=i.cssClass),new d.Button(a||{},o));return p}var 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])},e(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)}}(),N=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},j="e-hide-spinner",A="e-progress",D="e-progress-active",U="e-btn-content",R=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return x(i,e),N([(0,t.Property)(null)],i.prototype,"template",void 0),N([(0,t.Property)(16)],i.prototype,"width",void 0),N([(0,t.Property)("Left")],i.prototype,"position",void 0),i}(t.ChildProperty),T=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return x(i,e),N([(0,t.Property)(400)],i.prototype,"duration",void 0),N([(0,t.Property)("None")],i.prototype,"effect",void 0),N([(0,t.Property)("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),I=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.step=1,s}return x(i,e),i.prototype.preRender=function(){e.prototype.preRender.call(this)},i.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},i.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},i.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},i.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},i.prototype.getModuleName=function(){return"progress-btn"},i.prototype.destroy=function(){var i=this,s=[j,D,"e-round-corner","e-"+e.prototype.getModuleName.call(this)];this.spinSettings.position&&s.push("e-spin-"+this.spinSettings.position.toLowerCase()),e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(s=s.concat(this.cssClass.split(" "))),(0,t.removeClass)([this.element],s),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},i.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},i.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),(0,h.createSpinner)({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},i.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},i.prototype.getProgress=function(){return this.element.getElementsByClassName(A)[0]},i.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(U)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},i.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:A}))},i.prototype.setContent=function(){var e;e=this.element.innerHTML,this.enableHtmlSanitizer&&(e=t.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:U,innerHTML:e}))},i.prototype.clickHandler=function(){this.element.classList.contains(D)||this.startProgress()},i.prototype.startProgress=function(e,t){var i=this.element.classList,s=i.contains("e-vertical");i.add(D),i.contains(j)||(0,h.showSpinner)(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,s),this.startContAnimate()},i.prototype.startAnimate=function(e,t,i,s,n,o,r,a){var p=this;try{var l=e-i,c=this.duration*o/100,d=l?l<c?l-c:l%c:0;this.progressTime=t=t+l-d,i=e-d,s+=(l-d)/this.duration*100;var h={percent:n=(t-r)%c===0||100===s?s:n,currentDuration:t,step:o};this.eIsVertical=a,0===s?this.trigger("begin",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):100===s||t===this.duration?this.trigger("end",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):this.trigger("progress",h,function(e){p.successCallback(e,s,n,t,r,d,i)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},i.prototype.successCallback=function(e,t,i,s,n,o,r){var a=this,p=t,l=i,c=o,d=s,h=n,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(d-h)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,h=d),this.isPaused||(d<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),d,u,p,l,e.step,h,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},i.prototype.startContAnimate=function(){var e=this,i=this.element.getElementsByClassName(U)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(i,{duration:0===this.animationSettings.duration&&"Enable"===t.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){i.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},i.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add(D);for(var i=this.percent;i<100;i++)(i+=10)>100&&(i=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?i+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();var s={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",s),this.progressTime=this.percent=0},i.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(U)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},i.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(U)[0];if(this.element.classList.contains(j)||(0,h.hideSpinner)(this.element.querySelector(".e-spinner")),this.element.classList.remove(D),"None"!==this.animationSettings.effect&&e.classList.remove("e-animate-end"),"Center"===this.spinSettings.position){var t=this.getSpinner();e.classList.remove("e-cont-animate"),t.style.width="auto",t.style.height="auto"}},i.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(U)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},i.prototype.setAria=function(){(0,t.attributes)(this.element,{"aria-label":this.element.textContent+" progress"})},i.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},i.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},i.prototype.onPropertyChanged=function(i,s){var n=this.element,o=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(o=!0),e.prototype.onPropertyChanged.call(this,i,s);for(var r=0,a=Object.keys(i);r<a.length;r++){switch(a[r]){case"content":this.setContent(),this.createSpinner(),o&&((0,h.showSpinner)(this.element.querySelector(".e-spinner")),o=!1),this.enableProgress&&this.createProgress(),n.setAttribute("aria-label",n.textContent+" progress");break;case"iconCss":s.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":i.enableProgress?this.createProgress():(0,t.remove)(this.getProgress());break;case"spinSettings":i.spinSettings.position&&(n.classList.remove("e-spin-"+s.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(i.spinSettings.template||i.spinSettings.width)&&(n.removeChild(this.getSpinner()),this.createSpinner())}}},i.prototype.focusIn=function(){this.element.focus()},N([(0,t.Property)(!1)],i.prototype,"enableProgress",void 0),N([(0,t.Property)(2e3)],i.prototype,"duration",void 0),N([(0,t.Property)("Left")],i.prototype,"iconPosition",void 0),N([(0,t.Property)("")],i.prototype,"iconCss",void 0),N([(0,t.Property)(!1)],i.prototype,"disabled",void 0),N([(0,t.Property)(!1)],i.prototype,"isPrimary",void 0),N([(0,t.Property)("")],i.prototype,"cssClass",void 0),N([(0,t.Property)("")],i.prototype,"content",void 0),N([(0,t.Property)(!1)],i.prototype,"isToggle",void 0),N([(0,t.Property)(!0)],i.prototype,"enableHtmlSanitizer",void 0),N([(0,t.Complex)({},R)],i.prototype,"spinSettings",void 0),N([(0,t.Complex)({},T)],i.prototype,"animationSettings",void 0),N([(0,t.Event)()],i.prototype,"created",void 0),N([(0,t.Event)()],i.prototype,"begin",void 0),N([(0,t.Event)()],i.prototype,"progress",void 0),N([(0,t.Event)()],i.prototype,"end",void 0),N([(0,t.Event)()],i.prototype,"fail",void 0),i=N([t.NotifyPropertyChanges],i)}(d.Button)})(),r})()); |
@@ -1,2 +0,11 @@ | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base"),require("@syncfusion/ej2-buttons"),require("@syncfusion/ej2-popups")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@syncfusion/ej2-buttons","@syncfusion/ej2-popups"],t):t((e=e||self).ej={},e.ej2Base,e.ej2Buttons,e.ej2Popups)}(this,function(e,d,h,r){"use strict";s=function(e,t){return(s=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])}))(e,t)};var s,t=function(e,t){function i(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)},i=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,i,r):n(t,i))||r);return 3<o&&r&&Object.defineProperty(t,i,r),r};function a(e,t){for(var i=d.extend({},e),s=0,n=Object.keys(i);s<n.length;s++){var o=n[s];t.indexOf(o)<0&&d.deleteObject(i,o)}return i}function R(e,t){var i=40===t?0:e.childElementCount-1,s=i,n=e.querySelector(".e-selected");n&&n.classList.remove("e-selected");for(var o=0,r=e.children.length;o<r;o++)e.children[o].classList.contains("e-focused")&&(s=o,e.children[o].classList.remove("e-focused"),40===t?s++:s--,s===(40===t?e.childElementCount:-1))&&(s=i);-1!==(s=function e(t,i,s,n,o){void 0===o&&(o=0);(i.classList.contains("e-separator")||i.classList.contains("e-disabled"))&&(s===(40===n?t.childElementCount-1:0)?s=40===n?0:t.childElementCount-1:40===n?s++:s--);i=t.children[s];if(i.classList.contains("e-separator")||i.classList.contains("e-disabled")){if(++o===t.childElementCount)return s=-1;s=e(t,i,s,n,o)}return s}(e,e.children[s],s,t))&&(d.addClass([e.children[s]],"e-focused"),e.children[s].focus())}function T(e,t){var i,s,n,o=[].slice.call(e.getElementsByClassName("e-blank-icon"));t&&[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")}),o.length&&(t=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)"),d.isNullOrUndefined(t)||(i=(t=t.classList.contains("e-url")?t.querySelector(".e-menu-url"):t).querySelector(".e-menu-icon"),e=e.classList.contains("e-rtl"),s=e?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"},n=parseInt(getComputedStyle(i).fontSize,10)+parseInt(getComputedStyle(i)[s.margin],10)+parseInt(getComputedStyle(t).paddingLeft,10)+"px",o.forEach(function(e){e.classList.contains("e-url")&&e.querySelector(".e-menu-url")?e.querySelector(".e-menu-url").style[s.padding]=n:e.style[s.padding]=n})))}n=d.ChildProperty,t(o,n),i([d.Property("")],o.prototype,"iconCss",void 0),i([d.Property("")],o.prototype,"id",void 0),i([d.Property(!1)],o.prototype,"separator",void 0),i([d.Property("")],o.prototype,"text",void 0),i([d.Property("")],o.prototype,"url",void 0),i([d.Property(!1)],o.prototype,"disabled",void 0);var n,p=o;function o(){return null!==n&&n.apply(this,arguments)||this}l=function(e,t){return(l=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])}))(e,t)};var l,c,t=function(e,t){function i(){this.constructor=e}l(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)},i=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,i,r):n(t,i))||r);return 3<o&&r&&Object.defineProperty(t,i,r),r},I="e-menu-icon",u="e-item",M="e-dropdown-popup",_="e-separator",m="e-vertical",q="e-dropdown-popup-width",W=(c=d.ChildProperty,t(y,c),i([d.Property("SlideDown")],y.prototype,"effect",void 0),i([d.Property(400)],y.prototype,"duration",void 0),i([d.Property("ease")],y.prototype,"easing",void 0),y);function y(){return null!==c&&c.apply(this,arguments)||this}f=d.Component,t(v,f),v.prototype.preRender=function(){},v.prototype.getPersistData=function(){return this.addOnPersist([])},v.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},v.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},v.prototype.addItems=function(e,t){for(var i,s=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){s=n;break}for(var r=e.length-1;0<=r;r--)i=new p(this,"items",e[r],!0),this.items.splice(s,0,i);this.canOpen()||this.createItems()},v.prototype.removeItems=function(e,t){for(var i=!1,s=0,n=e.length;s<n;s++)for(var o=0,r=this.items.length;o<r;o++)if(e[s]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),i=!0;break}i&&this.getULElement()&&this.createItems()},v.prototype.createPopup=function(){var e,t=this.createElement("div",{className:"auto"!==this.popupWidth?M+" "+q:M,id:this.element.id+"-popup"});document.body.appendChild(t),this.dropDown=new r.Popup(t,{width:this.popupWidth,relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),d.isNullOrUndefined(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),d.attributes(this.element,((e={})["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&d.addClass([t],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0,this.createPopupOnClick&&(e=d.getComponent(this.activeElem[0],"split-btn"))&&(e.isPopupCreated=!0)},v.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||d.isNullOrUndefined(this.popupContent)?"string"==typeof this.target?d.select(this.target):this.target:this.popupContent},v.prototype.createItems=function(e){var t,s=this,i=this.items,n=this.hasIcon(this.items,"iconCss"),o=this.getULElement();if(o?o.innerHTML="":o=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),this.itemTemplate){var r=this.compiletemplate(this.itemTemplate);i.forEach(function(e){var t=s.createElement("li",{className:e.separator?u+" "+_:u,attrs:e.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":e.text},id:e.id||d.getUniqueID("e-"+s.getModuleName()+"-item")}),i=r(e,s,"template",null,!1,null,t),i=(i&&d.append(i,t),e.disabled&&t.classList.add("e-disabled"),{item:e,element:t});s.trigger("beforeItemRender",i),i.item.disabled!==e.disabled&&t.classList[i.item.disabled?"add":"remove"]("e-disabled"),o.appendChild(t)}),this.isReact&&this.renderReactTemplates()}else for(var a=0;a<i.length;a++){t=i[a],this.enableHtmlSanitizer&&(t.text=d.SanitizeHtmlHelper.sanitize(t.text));var p=t.text,l=this.createElement("li",{innerHTML:t.url?"":p,className:t.separator?u+" "+_:u,attrs:t.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":p},id:t.id||d.getUniqueID("e-"+this.getModuleName()+"-item")}),p=(this.enableHtmlSanitizer?l.textContent=t.url?"":p:l.innerHTML=t.url?"":p,t.url&&(l.appendChild(this.createAnchor(t)),l.classList.add("e-url")),t.iconCss?(p=this.createElement("span",{className:I+" "+t.iconCss}),t.url?l.childNodes[0].appendChild(p):l.insertBefore(p,l.childNodes[0])):n&&!t.separator&&l.classList.add("e-blank-icon"),t.disabled);t.disabled&&l.classList.add("e-disabled"),this.trigger("beforeItemRender",t={item:t,element:l}),p!==t.item.disabled&&(t.item.disabled?l.classList.add("e-disabled"):l.classList.remove("e-disabled")),o.appendChild(l)}e&&this.getPopUpElement().appendChild(o),n&&T(this.getPopUpElement())},v.prototype.compiletemplate=function(t){if(this.itemTemplate)try{if("function"!=typeof this.itemTemplate){var e=document.querySelector(this.itemTemplate);if(e)return d.compile(e.innerHTML.trim())}return d.compile(t)}catch(e){return d.compile(t)}},v.prototype.hasIcon=function(e,t){for(var i=0,s=e.length;i<s;i++)if(e[i][""+t])return!0;return!1},v.prototype.createAnchor=function(e){var t=e.text,e=this.createElement("a",{className:"e-menu-text e-menu-url",attrs:{href:e.url}});return this.enableHtmlSanitizer?e.textContent=t:e.innerHTML=t,e},v.prototype.initialize=function(){this.button=new h.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=d.getUniqueID("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent||"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},v.prototype.isColorPicker=function(){var e;return!!this.element&&!!((e=this.element.previousSibling)&&e.classList&&e.classList.contains("e-split-colorpicker"))},v.prototype.appendArrowSpan=function(){this.cssClass=d.isNullOrUndefined(this.cssClass)?"":this.cssClass,this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(-1<this.cssClass.indexOf(m)?"bottom":"right")+" e-caret"}))},v.prototype.setActiveElem=function(e){this.activeElem=e},v.prototype.getModuleName=function(){return"dropdown-btn"},v.prototype.canOpen=function(){var e=!1;return e=this.isPopupCreated?this.getPopUpElement().classList.contains("e-popup-close"):e},v.prototype.destroy=function(){var e,t=this;f.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()&&(this.element.querySelector("span.e-caret")&&d.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(e=this.cssClass.split(" ")),this.button.destroy(),e&&d.removeClass([this.element],e),d.removeClass(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){t.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents())},v.prototype.destroyPopup=function(){this.isPopupCreated&&(this.dropDown.destroy(),this.getPopUpElement()&&(e=document.getElementById(this.getPopUpElement().id))&&(d.removeClass([e],["e-popup-open","e-popup-close"]),d.detach(e)),d.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),d.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated)&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0),this.isPopupCreated=!1;var e=d.getComponent(this.activeElem[0],"split-btn");this.createPopupOnClick&&e&&(e=d.getComponent(this.activeElem[1],"dropdown-btn"))&&(e.isPopupCreated=!1)},v.prototype.getPopUpElement=function(){var e,t=null;return!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")&&(e=d.getComponent(this.activeElem[1],"dropdown-btn"))&&(this.dropDown=e.dropDown),t=this.dropDown?this.dropDown.element:t},v.prototype.getULElement=function(){var e=null;return e=this.getPopUpElement()?this.getPopUpElement().children[0]:e},v.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||d.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),d.EventHandler.add(this.element,"click",this.clickHandler,this),d.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),d.EventHandler.add(window,"resize",this.windowResize,this)},v.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},v.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&d.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(d.EventHandler.add(e,"click",this.clickHandler,this),d.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents)&&d.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this),this.rippleFn=d.rippleEffect(e,{selector:"."+u})},v.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&d.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(d.EventHandler.remove(e,"click",this.clickHandler),d.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents)&&d.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler),d.isRippleEnabled&&this.rippleFn&&this.rippleFn()},v.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.target&&(e.target.classList.contains("e-item")||e.target.parentElement&&e.target.parentElement.classList.contains("e-split-btn-wrapper"))&&13===e.keyCode&&e.preventDefault(),e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},v.prototype.isSafari=function(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)},v.prototype.upDownKeyHandler=function(e){this.target&&(38===e.keyCode||40===e.keyCode)||(e.preventDefault(),R(this.getULElement(),e.keyCode))},v.prototype.keyEventHandler=function(e){this.target&&(13===e.keyCode||9===e.keyCode)||(13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),this.activeElem[0].focus()):e.target&&-1<e.target.className.indexOf("e-edit-template")&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},v.prototype.getLI=function(e){return"LI"===e.tagName?e:d.closest(e,"li")},v.prototype.mousedownHandler=function(e){var t=e.target;!this.dropDown||this.canOpen()||!this.getPopUpElement()||d.closest(t,'[id="'+this.getPopUpElement().id+'"]')||d.closest(t,'[id="'+this.element.id+'"]')||this.closePopup(e)},v.prototype.focusoutHandler=function(e){var t,i;this.isPopupCreated&&!this.canOpen()&&((t=e.relatedTarget||e.target)&&-1<t.className.indexOf("e-item")&&(t=this.getLI(t))&&(i=Array.prototype.indexOf.call(this.getULElement().children,t),i=this.items[i])&&this.trigger("select",{element:t,item:i,event:e}),this.closePopup(e))},v.prototype.clickHandler=function(e){var t=e.target;d.closest(t,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):d.closest(t,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},v.prototype.triggerSelect=function(e){var t,i=this.getLI(e.target);i&&(t=Array.prototype.indexOf.call(this.getULElement().children,i),t=this.items[t])&&this.trigger("select",{element:i,item:t,event:e})},v.prototype.openPopUp=function(e){var i=this,t=(void 0===e&&(e=null),this.getPopUpElement()),s=(this.activeElem[0]&&this.activeElem[0].classList.contains("e-dropdown-btn")&&t.style.width&&"auto"!==t.style.width&&this.setWidth(t),this.target?1<this.activeElem.length?(s=d.getComponent(this.activeElem[0],"split-btn")).isReact&&t.childNodes.length<1&&(s.appendReactElement&&s.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates()):this.isReact&&t.childNodes.length<1&&(this.appendReactElement&&this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates()):this.createItems(!0),this.getULElement()),t=(this.popupWireEvents(),{element:s,items:this.items,event:e,cancel:!1});this.trigger("beforeOpen",t,function(e){var t;e.cancel||(e=i.getULElement(),(t="None"!==i.animationSettings.effect?{name:i.animationSettings.effect,duration:i.animationSettings.duration,timingFunction:i.animationSettings.easing}:null)&&i.animatePopup(t,e),i.dropDown.show(null,i.element),d.addClass([i.element],"e-active"),i.element.setAttribute("aria-expanded","true"),i.element.setAttribute("aria-owns",i.getPopUpElement().id),e&&!i.isSafari()&&e.focus(),i.enableRtl&&"0px"!==e.parentElement.style.left&&(t=void 0,t=(i.element.parentElement&&i.element.parentElement.classList.contains("e-split-btn-wrapper")?i.element.parentElement:i.element).offsetWidth,t=e.parentElement.offsetWidth-t,t=parseFloat(e.parentElement.style.left)-t,e.parentElement.style.left=(t=t<0?0:t)+"px"),t={element:e,items:i.items},i.trigger("open",t),e&&i.isSafari()&&e.focus())})},v.prototype.animatePopup=function(e,t){new d.Animation(e).animate(t,{begin:function(e){e.element.parentElement.style.height=e.element.parentElement.offsetHeight+"px"}})},v.prototype.setWidth=function(e){var t=d.formatUnit(e.style.width);-1<t.indexOf("%")&&(t=this.element.offsetWidth*parseFloat(t)/100,e.style.width=t+"px")},v.prototype.closePopup=function(i,s){var n=this,o=(void 0===i&&(i=null),this.getULElement()),e={element:o,items:this.items,event:i,cancel:!1};this.trigger("beforeClose",e,function(e){var t;e.cancel?e.element&&o.focus():((e=n.getPopUpElement())&&d.EventHandler.remove(e,"keydown",n.keyBoardHandler),n.popupUnWireEvents(),e=void 0,(e=(t=n.getULElement())?t.querySelector(".e-selected"):e)&&e.classList.remove("e-selected"),n.dropDown&&n.dropDown.hide(),d.removeClass(n.activeElem,"e-active"),n.element.setAttribute("aria-expanded","false"),n.element.removeAttribute("aria-owns"),s&&(n.isSafari()?s.focus({preventScroll:!0}):n.isColorPicker()&&27===i.keyCode||s.focus()),e={element:t,items:n.items},n.trigger("close",e),!n.target&&t&&d.detach(t),(!n.target||n.isColorPicker()||n.target&&!n.isColorPicker())&&n.createPopupOnClick&&n.destroyPopup())})},v.prototype.unWireEvents=function(){this.createPopupOnClick||d.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),d.EventHandler.remove(this.element,"click",this.clickHandler),d.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(d.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),d.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),d.EventHandler.remove(window,"resize",this.windowResize)},v.prototype.onPropertyChanged=function(e,t){var i;this.button.setProperties(a(e,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"])),this.isPopupCreated&&(i=this.getPopUpElement(),this.dropDown.setProperties(a(e,["enableRtl"])));for(var s,n=0,o=Object.keys(e);n<o.length;n++)switch(o[n]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":t.cssClass=d.isNullOrUndefined(t.cssClass)?"":t.cssClass,(-1<e.cssClass.indexOf(m)||-1<t.cssClass.indexOf(m))&&(this.element.querySelector("span.e-caret")||this.appendArrowSpan(),s=this.element.querySelector("span.e-caret"),-1<e.cssClass.indexOf(m)?d.classList(s,["e-icon-bottom"],["e-icon-right"]):d.classList(s,["e-icon-right"],["e-icon-bottom"])),this.isPopupCreated&&(t.cssClass&&d.removeClass([i],t.cssClass.split(" ")),e.cssClass)&&d.addClass([i],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}},v.prototype.focusIn=function(){this.element.focus()},i([d.Property("")],v.prototype,"content",void 0),i([d.Property("")],v.prototype,"cssClass",void 0),i([d.Property(!1)],v.prototype,"disabled",void 0),i([d.Property("")],v.prototype,"iconCss",void 0),i([d.Property("Left")],v.prototype,"iconPosition",void 0),i([d.Property(!0)],v.prototype,"enableHtmlSanitizer",void 0),i([d.Collection([],p)],v.prototype,"items",void 0),i([d.Property(!1)],v.prototype,"createPopupOnClick",void 0),i([d.Property("")],v.prototype,"target",void 0),i([d.Property("")],v.prototype,"closeActionEvents",void 0),i([d.Property(null)],v.prototype,"itemTemplate",void 0),i([d.Property("auto")],v.prototype,"popupWidth",void 0),i([d.Complex({effect:"None"},W)],v.prototype,"animationSettings",void 0),i([d.Event()],v.prototype,"beforeItemRender",void 0),i([d.Event()],v.prototype,"beforeOpen",void 0),i([d.Event()],v.prototype,"beforeClose",void 0),i([d.Event()],v.prototype,"close",void 0),i([d.Event()],v.prototype,"open",void 0),i([d.Event()],v.prototype,"select",void 0),i([d.Event()],v.prototype,"created",void 0);var f,g=i([d.NotifyPropertyChanges],v);function v(e,t){e=f.call(this,e,t)||this;return e.isPopupCreated=!0,e}b=function(e,t){return(b=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])}))(e,t)};var b,C,t=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,i,r):n(t,i))||r);return 3<o&&r&&Object.defineProperty(t,i,r),r},P="e-rtl",E="EJS-SPLITBUTTON",i=(function(e,t){function i(){this.constructor=e}b(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}(w,C=g),w.prototype.preRender=function(){var e=this.element;if(e.tagName===E){for(var t=d.getValue("ej2_instances",e),i=this.createElement("button",{attrs:{type:"button"}}),s=this.createElement(E,{className:"e-"+this.getModuleName()+"-wrapper"}),n=0,o=e.attributes.length;n<o;n++)i.setAttribute(e.attributes[n].nodeName,e.attributes[n].nodeValue);e.parentNode.insertBefore(s,e),d.detach(e),s.appendChild(e=i),d.setValue("ej2_instances",t,e),this.wrapper=s,this.element=e}this.element.id||(this.element.id=d.getUniqueID("e-"+this.getModuleName()))},w.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},w.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},w.prototype.addItems=function(e,t){C.prototype.addItems.call(this,e,t),this.secondaryBtnObj.items=this.items},w.prototype.removeItems=function(e,t){C.prototype.removeItems.call(this,e,t),this.secondaryBtnObj.items=this.items},w.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(P),this.cssClass&&d.addClass([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},w.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new h.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},w.prototype.createSecondaryButton=function(){var i=this,e=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"}),t=(this.wrapper.appendChild(e),{cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick});t.beforeItemRender=function(e){i.createPopupOnClick&&(i.secondaryBtnObj.dropDown.relateTo=i.wrapper,i.dropDown=i.secondaryBtnObj.dropDown),i.trigger("beforeItemRender",e)},t.open=function(e){i.trigger("open",e)},t.close=function(e){i.trigger("close",e)},t.select=function(e){i.trigger("select",e)},t.beforeOpen=function(e){i.createPopupOnClick&&0===i.items.length&&(i.secondaryBtnObj.dropDown.relateTo=i.wrapper,i.dropDown=i.secondaryBtnObj.dropDown);var t=new k;return i.trigger("beforeOpen",e,function(e){t.resolve(e)}),t},t.beforeClose=function(e){var t=new k;return i.trigger("beforeClose",e,function(e){t.resolve(e)}),t},this.secondaryBtnObj=new g(t),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(e),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},w.prototype.setAria=function(){d.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},w.prototype.getModuleName=function(){return"split-btn"},w.prototype.toggle=function(){this.secondaryBtnObj.toggle()},w.prototype.destroy=function(){var e,t=this,i=[P];this.cssClass&&(i=i.concat(this.cssClass.split(" "))),this.element&&(e=document.getElementById(this.element.id))&&e.parentElement===this.wrapper&&(this.wrapper.tagName===E?(this.wrapper.innerHTML="",d.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),d.removeClass([this.wrapper],this.cssClass.split(" "))):(d.removeClass([this.element],i),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){t.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),d.remove(this.wrapper)),this.unWireEvents()),this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),C.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){t.element.classList.add(e)}),d.setValue("ej2_instances",[this],this.element)),this.wrapper=null},w.prototype.wireEvents=function(){d.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new d.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},w.prototype.unWireEvents=function(){d.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),d.getInstance(this.element,d.KeyboardEvents).destroy()},w.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},w.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},w.prototype.onPropertyChanged=function(e,t){var i;this.primaryBtnObj.setProperties(a(e,["content","iconCss","iconPosition","cssClass","disabled","enableRtl"])),i=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],-1<Object.keys(e).indexOf("items")&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(a(e,i));for(var s=0,n=Object.keys(e);s<n.length;s++)switch(n[s]){case"cssClass":t.cssClass&&d.removeClass([this.wrapper],t.cssClass.split(" ")),d.addClass([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?d.addClass([this.wrapper],P):d.removeClass([this.wrapper],P);break;case"disabled":e.disabled?d.addClass([this.wrapper],"e-splitbtn-disabled"):d.removeClass([this.wrapper],"e-splitbtn-disabled")}},w.prototype.focusIn=function(){this.element.focus()},t([d.Property("")],w.prototype,"content",void 0),t([d.Property("")],w.prototype,"cssClass",void 0),t([d.Property(!1)],w.prototype,"disabled",void 0),t([d.Property("")],w.prototype,"iconCss",void 0),t([d.Property("Left")],w.prototype,"iconPosition",void 0),t([d.Property(!1)],w.prototype,"createPopupOnClick",void 0),t([d.Collection([],p)],w.prototype,"items",void 0),t([d.Property("")],w.prototype,"target",void 0),t([d.Event()],w.prototype,"beforeItemRender",void 0),t([d.Event()],w.prototype,"beforeOpen",void 0),t([d.Event()],w.prototype,"beforeClose",void 0),t([d.Event()],w.prototype,"click",void 0),t([d.Event()],w.prototype,"close",void 0),t([d.Event()],w.prototype,"open",void 0),t([d.Event()],w.prototype,"select",void 0),t([d.Event()],w.prototype,"created",void 0),t([d.NotifyPropertyChanges],w));function w(e,t){return C.call(this,e,t)||this}var k=function(){var i=this;this.promise=new Promise(function(e,t){i.resolve=e,i.reject=t}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)};O=function(e,t){return(O=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])}))(e,t)};var O,S,t=function(e,t){function i(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)},L=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,i,r):n(t,i))||r);return 3<o&&r&&Object.defineProperty(t,i,r),r},H="e-hide-spinner",z="e-progress",B="e-progress-active",j="e-btn-content",F=(S=d.ChildProperty,t(N,S),L([d.Property(null)],N.prototype,"template",void 0),L([d.Property(16)],N.prototype,"width",void 0),L([d.Property("Left")],N.prototype,"position",void 0),N);function N(){return null!==S&&S.apply(this,arguments)||this}A=d.ChildProperty,t(x,A),L([d.Property(400)],x.prototype,"duration",void 0),L([d.Property("None")],x.prototype,"effect",void 0),L([d.Property("ease")],x.prototype,"easing",void 0);var A,K=x;function x(){return null!==A&&A.apply(this,arguments)||this}D=h.Button,t(U,D),U.prototype.preRender=function(){D.prototype.preRender.call(this)},U.prototype.render=function(){D.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},U.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},U.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},U.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},U.prototype.getModuleName=function(){return"progress-btn"},U.prototype.destroy=function(){var t=this,e=[H,B,"e-round-corner","e-"+D.prototype.getModuleName.call(this)];this.spinSettings.position&&e.push("e-spin-"+this.spinSettings.position.toLowerCase()),D.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(e=e.concat(this.cssClass.split(" "))),d.removeClass([this.element],e),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){t.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},U.prototype.init=function(){this.element.classList.add("e-"+D.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},U.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),r.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},U.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},U.prototype.getProgress=function(){return this.element.getElementsByClassName(z)[0]},U.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(j)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},U.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:z}))},U.prototype.setContent=function(){var e=this.element.innerHTML;this.enableHtmlSanitizer&&(e=d.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:j,innerHTML:e}))},U.prototype.clickHandler=function(){this.element.classList.contains(B)||this.startProgress()},U.prototype.startProgress=function(e,t){var i=this.element.classList,s=i.contains("e-vertical");i.add(B),i.contains(H)||r.showSpinner(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-+this.duration/100:Date.now(),e||0,0,this.step,0,s),this.startContAnimate()},U.prototype.startAnimate=function(e,t,i,s,n,o,r,a){var p=this;try{var l=e-i,c=this.duration*o/100,d=l?l<c?l-c:l%c:0,h=(this.progressTime=t=t+l-d,i=e-d,s+=(l-d)/this.duration*100,{percent:n=(t-r)%c==0||100===s?s:n,currentDuration:t,step:o});this.eIsVertical=a,0===s?this.trigger("begin",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):100===s||t===this.duration?this.trigger("end",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):this.trigger("progress",h,function(e){p.successCallback(e,s,n,t,r,d,i)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},U.prototype.successCallback=function(e,t,i,s,n,o,r){var a=this,p=t,l=i,t=o,c=s,d=n,h=r,u=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(c-d)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[u?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,d=c),this.isPaused||(c<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),c,h,p,l,e.step,d,u)},this.duration/100-t):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[u?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},U.prototype.startContAnimate=function(){var e=this,t=this.element.getElementsByClassName(j)[0];"None"!==this.animationSettings.effect?new d.Animation({}).animate(t,{duration:0===this.animationSettings.duration&&"Enable"===d.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){t.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},U.prototype.finishProgress=function(){for(var e=this.element.classList,t=e.contains("e-vertical"),i=(e.add(B),this.percent);i<100;i++)100<(i+=10)&&(i=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?i+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();e={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",e),this.progressTime=this.percent=0},U.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(j)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},U.prototype.hideSpin=function(){var e,t=this.element.getElementsByClassName(j)[0];this.element.classList.contains(H)||r.hideSpinner(this.element.querySelector(".e-spinner")),this.element.classList.remove(B),"None"!==this.animationSettings.effect&&t.classList.remove("e-animate-end"),"Center"===this.spinSettings.position&&(e=this.getSpinner(),t.classList.remove("e-cont-animate"),e.style.width="auto",e.style.height="auto")},U.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(j)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},U.prototype.setAria=function(){d.attributes(this.element,{"aria-label":this.element.textContent+" progress"})},U.prototype.wireEvents=function(){d.EventHandler.add(this.element,"click",this.clickHandler,this)},U.prototype.unWireEvents=function(){d.EventHandler.remove(this.element,"click",this.clickHandler)},U.prototype.onPropertyChanged=function(e,t){var i=this.element,s=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(s=!0),D.prototype.onPropertyChanged.call(this,e,t);for(var n=0,o=Object.keys(e);n<o.length;n++)switch(o[n]){case"content":this.setContent(),this.createSpinner(),s&&(r.showSpinner(this.element.querySelector(".e-spinner")),s=!1),this.enableProgress&&this.createProgress(),i.setAttribute("aria-label",i.textContent+" progress");break;case"iconCss":t.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":e.enableProgress?this.createProgress():d.remove(this.getProgress());break;case"spinSettings":e.spinSettings.position&&(i.classList.remove("e-spin-"+t.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(e.spinSettings.template||e.spinSettings.width)&&(i.removeChild(this.getSpinner()),this.createSpinner())}},L([d.Property(!(U.prototype.focusIn=function(){this.element.focus()}))],U.prototype,"enableProgress",void 0),L([d.Property(2e3)],U.prototype,"duration",void 0),L([d.Property("Left")],U.prototype,"iconPosition",void 0),L([d.Property("")],U.prototype,"iconCss",void 0),L([d.Property(!1)],U.prototype,"disabled",void 0),L([d.Property(!1)],U.prototype,"isPrimary",void 0),L([d.Property("")],U.prototype,"cssClass",void 0),L([d.Property("")],U.prototype,"content",void 0),L([d.Property(!1)],U.prototype,"isToggle",void 0),L([d.Property(!0)],U.prototype,"enableHtmlSanitizer",void 0),L([d.Complex({},F)],U.prototype,"spinSettings",void 0),L([d.Complex({},K)],U.prototype,"animationSettings",void 0),L([d.Event()],U.prototype,"created",void 0),L([d.Event()],U.prototype,"begin",void 0),L([d.Event()],U.prototype,"progress",void 0),L([d.Event()],U.prototype,"end",void 0),L([d.Event()],U.prototype,"fail",void 0);var D,t=L([d.NotifyPropertyChanges],U);function U(e,t){e=D.call(this,e,t)||this;return e.step=1,e}e.AnimationSettings=K,e.Deferred=k,e.DropDownButton=g,e.DropDownMenuAnimationSettings=W,e.Item=p,e.ProgressButton=t,e.SpinSettings=F,e.SplitButton=i,e.createButtonGroup=function(e,t,i){void 0===t&&(t={}),d.isNullOrUndefined(i)&&(i=d.createElement);var s,n,o,r,a=document.querySelector(e),p=(d.addClass([a],["e-btn-group","e-css"]),a.setAttribute("role","group"),a.children);t.buttons=t.buttons||[];for(var l=0,c=0;c<p.length;l++,c++)s=p[c],null!==(r=t.buttons[l])&&("BUTTON"===s.tagName?n=s:(n=i("label"),(o=p[c+1])?a.insertBefore(n,o):a.appendChild(n),s.id&&n.setAttribute("for",s.id),r&&r.disabled&&(s.disabled=!0),c++),t.cssClass&&r&&!r.cssClass&&(r.cssClass=t.cssClass),new h.Button(r||{},n));return a},e.getModel=a,e.setBlankIconStyle=T,e.upDownKeyHandler=R,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| /*! | ||
| * filename: ej2-splitbuttons.umd.min.js | ||
| * version : 32.1.22 | ||
| * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved. | ||
| * Use of this code is subject to the terms of our license. | ||
| * A copy of the current license can be obtained at any time by e-mailing | ||
| * licensing@syncfusion.com. Any infringement will be prosecuted under | ||
| * applicable laws. | ||
| */ | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base"),require("@syncfusion/ej2-buttons"),require("@syncfusion/ej2-popups")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@syncfusion/ej2-buttons","@syncfusion/ej2-popups"],t):t((e=e||self).ej={},e.ej2Base,e.ej2Buttons,e.ej2Popups)}(this,function(e,d,h,r){"use strict";s=function(e,t){return(s=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])}))(e,t)};var s,t=function(e,t){function i(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)},i=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,i,r):n(t,i))||r);return 3<o&&r&&Object.defineProperty(t,i,r),r};function a(e,t){for(var i=d.extend({},e),s=0,n=Object.keys(i);s<n.length;s++){var o=n[s];t.indexOf(o)<0&&d.deleteObject(i,o)}return i}function R(e,t){var i=40===t?0:e.childElementCount-1,s=i,n=e.querySelector(".e-selected");n&&n.classList.remove("e-selected");for(var o=0,r=e.children.length;o<r;o++)e.children[o].classList.contains("e-focused")&&(s=o,e.children[o].classList.remove("e-focused"),40===t?s++:s--,s===(40===t?e.childElementCount:-1))&&(s=i);-1!==(s=function e(t,i,s,n,o){void 0===o&&(o=0);(i.classList.contains("e-separator")||i.classList.contains("e-disabled"))&&(s===(40===n?t.childElementCount-1:0)?s=40===n?0:t.childElementCount-1:40===n?s++:s--);i=t.children[s];if(i.classList.contains("e-separator")||i.classList.contains("e-disabled")){if(++o===t.childElementCount)return s=-1;s=e(t,i,s,n,o)}return s}(e,e.children[s],s,t))&&(d.addClass([e.children[s]],"e-focused"),e.children[s].focus())}function T(e,t){var i,s,n,o=[].slice.call(e.getElementsByClassName("e-blank-icon"));t&&[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")}),o.length&&(t=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)"),d.isNullOrUndefined(t)||(i=(t=t.classList.contains("e-url")?t.querySelector(".e-menu-url"):t).querySelector(".e-menu-icon"),e=e.classList.contains("e-rtl"),s=e?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"},n=parseInt(getComputedStyle(i).fontSize,10)+parseInt(getComputedStyle(i)[s.margin],10)+parseInt(getComputedStyle(t).paddingLeft,10)+"px",o.forEach(function(e){e.classList.contains("e-url")&&e.querySelector(".e-menu-url")?e.querySelector(".e-menu-url").style[s.padding]=n:e.style[s.padding]=n})))}n=d.ChildProperty,t(o,n),i([d.Property("")],o.prototype,"iconCss",void 0),i([d.Property("")],o.prototype,"id",void 0),i([d.Property(!1)],o.prototype,"separator",void 0),i([d.Property("")],o.prototype,"text",void 0),i([d.Property("")],o.prototype,"url",void 0),i([d.Property(!1)],o.prototype,"disabled",void 0);var n,p=o;function o(){return null!==n&&n.apply(this,arguments)||this}l=function(e,t){return(l=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])}))(e,t)};var l,c,t=function(e,t){function i(){this.constructor=e}l(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)},i=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,i,r):n(t,i))||r);return 3<o&&r&&Object.defineProperty(t,i,r),r},I="e-menu-icon",u="e-item",M="e-dropdown-popup",_="e-separator",m="e-vertical",q="e-dropdown-popup-width",W=(c=d.ChildProperty,t(y,c),i([d.Property("SlideDown")],y.prototype,"effect",void 0),i([d.Property(400)],y.prototype,"duration",void 0),i([d.Property("ease")],y.prototype,"easing",void 0),y);function y(){return null!==c&&c.apply(this,arguments)||this}f=d.Component,t(v,f),v.prototype.preRender=function(){},v.prototype.getPersistData=function(){return this.addOnPersist([])},v.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},v.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},v.prototype.addItems=function(e,t){for(var i,s=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){s=n;break}for(var r=e.length-1;0<=r;r--)i=new p(this,"items",e[r],!0),this.items.splice(s,0,i);this.canOpen()||this.createItems()},v.prototype.removeItems=function(e,t){for(var i=!1,s=0,n=e.length;s<n;s++)for(var o=0,r=this.items.length;o<r;o++)if(e[s]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),i=!0;break}i&&this.getULElement()&&this.createItems()},v.prototype.createPopup=function(){var e,t=this.createElement("div",{className:"auto"!==this.popupWidth?M+" "+q:M,id:this.element.id+"-popup"});document.body.appendChild(t),this.dropDown=new r.Popup(t,{width:this.popupWidth,relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),d.isNullOrUndefined(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),d.attributes(this.element,((e={})["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&d.addClass([t],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0,this.createPopupOnClick&&(e=d.getComponent(this.activeElem[0],"split-btn"))&&(e.isPopupCreated=!0)},v.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||d.isNullOrUndefined(this.popupContent)?"string"==typeof this.target?d.select(this.target):this.target:this.popupContent},v.prototype.createItems=function(e){var t,s=this,i=this.items,n=this.hasIcon(this.items,"iconCss"),o=this.getULElement();if(o?o.innerHTML="":o=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),this.itemTemplate){var r=this.compiletemplate(this.itemTemplate);i.forEach(function(e){var t=s.createElement("li",{className:e.separator?u+" "+_:u,attrs:e.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":e.text},id:e.id||d.getUniqueID("e-"+s.getModuleName()+"-item")}),i=r(e,s,"template",null,!1,null,t),i=(i&&d.append(i,t),e.disabled&&t.classList.add("e-disabled"),{item:e,element:t});s.trigger("beforeItemRender",i),i.item.disabled!==e.disabled&&t.classList[i.item.disabled?"add":"remove"]("e-disabled"),o.appendChild(t)}),this.isReact&&this.renderReactTemplates()}else for(var a=0;a<i.length;a++){t=i[a],this.enableHtmlSanitizer&&(t.text=d.SanitizeHtmlHelper.sanitize(t.text));var p=t.text,l=this.createElement("li",{innerHTML:t.url?"":p,className:t.separator?u+" "+_:u,attrs:t.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":p},id:t.id||d.getUniqueID("e-"+this.getModuleName()+"-item")}),p=(this.enableHtmlSanitizer?l.textContent=t.url?"":p:l.innerHTML=t.url?"":p,t.url&&(l.appendChild(this.createAnchor(t)),l.classList.add("e-url")),t.iconCss?(p=this.createElement("span",{className:I+" "+t.iconCss}),t.url?l.childNodes[0].appendChild(p):l.insertBefore(p,l.childNodes[0])):n&&!t.separator&&l.classList.add("e-blank-icon"),t.disabled);t.disabled&&l.classList.add("e-disabled"),this.trigger("beforeItemRender",t={item:t,element:l}),p!==t.item.disabled&&(t.item.disabled?l.classList.add("e-disabled"):l.classList.remove("e-disabled")),o.appendChild(l)}e&&this.getPopUpElement().appendChild(o),n&&T(this.getPopUpElement())},v.prototype.compiletemplate=function(t){if(this.itemTemplate)try{if("function"!=typeof this.itemTemplate){var e=document.querySelector(this.itemTemplate);if(e)return d.compile(e.innerHTML.trim())}return d.compile(t)}catch(e){return d.compile(t)}},v.prototype.hasIcon=function(e,t){for(var i=0,s=e.length;i<s;i++)if(e[i][""+t])return!0;return!1},v.prototype.createAnchor=function(e){var t=e.text,e=this.createElement("a",{className:"e-menu-text e-menu-url",attrs:{href:e.url}});return this.enableHtmlSanitizer?e.textContent=t:e.innerHTML=t,e},v.prototype.initialize=function(){this.button=new h.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=d.getUniqueID("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent||"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},v.prototype.isColorPicker=function(){var e;return!!this.element&&!!((e=this.element.previousSibling)&&e.classList&&e.classList.contains("e-split-colorpicker"))},v.prototype.appendArrowSpan=function(){this.cssClass=d.isNullOrUndefined(this.cssClass)?"":this.cssClass,this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(-1<this.cssClass.indexOf(m)?"bottom":"right")+" e-caret"}))},v.prototype.setActiveElem=function(e){this.activeElem=e},v.prototype.getModuleName=function(){return"dropdown-btn"},v.prototype.canOpen=function(){var e=!1;return e=this.isPopupCreated?this.getPopUpElement().classList.contains("e-popup-close"):e},v.prototype.destroy=function(){var e,t=this;f.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()&&(this.element.querySelector("span.e-caret")&&d.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(e=this.cssClass.split(" ")),this.button.destroy(),e&&d.removeClass([this.element],e),d.removeClass(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){t.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents())},v.prototype.destroyPopup=function(){this.isPopupCreated&&(this.dropDown.destroy(),this.getPopUpElement()&&(e=document.getElementById(this.getPopUpElement().id))&&(d.removeClass([e],["e-popup-open","e-popup-close"]),d.detach(e)),d.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),d.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated)&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0),this.isPopupCreated=!1;var e=d.getComponent(this.activeElem[0],"split-btn");this.createPopupOnClick&&e&&(e=d.getComponent(this.activeElem[1],"dropdown-btn"))&&(e.isPopupCreated=!1)},v.prototype.getPopUpElement=function(){var e,t=null;return!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")&&(e=d.getComponent(this.activeElem[1],"dropdown-btn"))&&(this.dropDown=e.dropDown),t=this.dropDown?this.dropDown.element:t},v.prototype.getULElement=function(){var e=null;return e=this.getPopUpElement()?this.getPopUpElement().children[0]:e},v.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||d.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),d.EventHandler.add(this.element,"click",this.clickHandler,this),d.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),d.EventHandler.add(window,"resize",this.windowResize,this)},v.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},v.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&d.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(d.EventHandler.add(e,"click",this.clickHandler,this),d.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents)&&d.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this),this.rippleFn=d.rippleEffect(e,{selector:"."+u})},v.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&d.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(d.EventHandler.remove(e,"click",this.clickHandler),d.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents)&&d.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler),d.isRippleEnabled&&this.rippleFn&&this.rippleFn()},v.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.target&&(e.target.classList.contains("e-item")||e.target.parentElement&&e.target.parentElement.classList.contains("e-split-btn-wrapper"))&&13===e.keyCode&&e.preventDefault(),e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},v.prototype.isSafari=function(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)},v.prototype.upDownKeyHandler=function(e){this.target&&(38===e.keyCode||40===e.keyCode)||(e.preventDefault(),R(this.getULElement(),e.keyCode))},v.prototype.keyEventHandler=function(e){this.target&&(13===e.keyCode||9===e.keyCode)||(13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),this.activeElem[0].focus()):e.target&&-1<e.target.className.indexOf("e-edit-template")&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},v.prototype.getLI=function(e){return"LI"===e.tagName?e:d.closest(e,"li")},v.prototype.mousedownHandler=function(e){var t=e.target;!this.dropDown||this.canOpen()||!this.getPopUpElement()||d.closest(t,'[id="'+this.getPopUpElement().id+'"]')||d.closest(t,'[id="'+this.element.id+'"]')||this.closePopup(e)},v.prototype.focusoutHandler=function(e){var t,i;this.isPopupCreated&&!this.canOpen()&&((t=e.relatedTarget||e.target)&&-1<t.className.indexOf("e-item")&&(t=this.getLI(t))&&(i=Array.prototype.indexOf.call(this.getULElement().children,t),i=this.items[i])&&this.trigger("select",{element:t,item:i,event:e}),this.closePopup(e))},v.prototype.clickHandler=function(e){var t=e.target;d.closest(t,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):d.closest(t,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},v.prototype.triggerSelect=function(e){var t,i=this.getLI(e.target);i&&(t=Array.prototype.indexOf.call(this.getULElement().children,i),t=this.items[t])&&this.trigger("select",{element:i,item:t,event:e})},v.prototype.openPopUp=function(e){var i=this,t=(void 0===e&&(e=null),this.getPopUpElement()),s=(this.activeElem[0]&&this.activeElem[0].classList.contains("e-dropdown-btn")&&t.style.width&&"auto"!==t.style.width&&this.setWidth(t),this.target?1<this.activeElem.length?(s=d.getComponent(this.activeElem[0],"split-btn")).isReact&&t.childNodes.length<1&&(s.appendReactElement&&s.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates()):this.isReact&&t.childNodes.length<1&&(this.appendReactElement&&this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates()):this.createItems(!0),this.getULElement()),t=(this.popupWireEvents(),{element:s,items:this.items,event:e,cancel:!1});this.trigger("beforeOpen",t,function(e){var t;e.cancel||(e=i.getULElement(),(t="None"!==i.animationSettings.effect?{name:i.animationSettings.effect,duration:i.animationSettings.duration,timingFunction:i.animationSettings.easing}:null)&&i.animatePopup(t,e),i.dropDown.show(null,i.element),d.addClass([i.element],"e-active"),i.element.setAttribute("aria-expanded","true"),i.element.setAttribute("aria-owns",i.getPopUpElement().id),e&&!i.isSafari()&&e.focus(),i.enableRtl&&"0px"!==e.parentElement.style.left&&(t=void 0,t=(i.element.parentElement&&i.element.parentElement.classList.contains("e-split-btn-wrapper")?i.element.parentElement:i.element).offsetWidth,t=e.parentElement.offsetWidth-t,t=parseFloat(e.parentElement.style.left)-t,e.parentElement.style.left=(t=t<0?0:t)+"px"),t={element:e,items:i.items},i.trigger("open",t),e&&i.isSafari()&&e.focus())})},v.prototype.animatePopup=function(e,t){new d.Animation(e).animate(t,{begin:function(e){e.element.parentElement.style.height=e.element.parentElement.offsetHeight+"px"}})},v.prototype.setWidth=function(e){var t=d.formatUnit(e.style.width);-1<t.indexOf("%")&&(t=this.element.offsetWidth*parseFloat(t)/100,e.style.width=t+"px")},v.prototype.closePopup=function(i,s){var n=this,o=(void 0===i&&(i=null),this.getULElement()),e={element:o,items:this.items,event:i,cancel:!1};this.trigger("beforeClose",e,function(e){var t;e.cancel?e.element&&o.focus():((e=n.getPopUpElement())&&d.EventHandler.remove(e,"keydown",n.keyBoardHandler),n.popupUnWireEvents(),e=void 0,(e=(t=n.getULElement())?t.querySelector(".e-selected"):e)&&e.classList.remove("e-selected"),n.dropDown&&n.dropDown.hide(),d.removeClass(n.activeElem,"e-active"),n.element.setAttribute("aria-expanded","false"),n.element.removeAttribute("aria-owns"),s&&(n.isSafari()?s.focus({preventScroll:!0}):n.isColorPicker()&&27===i.keyCode||s.focus()),e={element:t,items:n.items},n.trigger("close",e),!n.target&&t&&d.detach(t),(!n.target||n.isColorPicker()||n.target&&!n.isColorPicker())&&n.createPopupOnClick&&n.destroyPopup())})},v.prototype.unWireEvents=function(){this.createPopupOnClick||d.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),d.EventHandler.remove(this.element,"click",this.clickHandler),d.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(d.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),d.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),d.EventHandler.remove(window,"resize",this.windowResize.bind(this))},v.prototype.onPropertyChanged=function(e,t){var i;this.button.setProperties(a(e,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"])),this.isPopupCreated&&(i=this.getPopUpElement(),this.dropDown.setProperties(a(e,["enableRtl"])));for(var s,n=0,o=Object.keys(e);n<o.length;n++)switch(o[n]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":t.cssClass=d.isNullOrUndefined(t.cssClass)?"":t.cssClass,(-1<e.cssClass.indexOf(m)||-1<t.cssClass.indexOf(m))&&(this.element.querySelector("span.e-caret")||this.appendArrowSpan(),s=this.element.querySelector("span.e-caret"),-1<e.cssClass.indexOf(m)?d.classList(s,["e-icon-bottom"],["e-icon-right"]):d.classList(s,["e-icon-right"],["e-icon-bottom"])),this.isPopupCreated&&(t.cssClass&&d.removeClass([i],t.cssClass.split(" ")),e.cssClass)&&d.addClass([i],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}},v.prototype.focusIn=function(){this.element.focus()},i([d.Property("")],v.prototype,"content",void 0),i([d.Property("")],v.prototype,"cssClass",void 0),i([d.Property(!1)],v.prototype,"disabled",void 0),i([d.Property("")],v.prototype,"iconCss",void 0),i([d.Property("Left")],v.prototype,"iconPosition",void 0),i([d.Property(!0)],v.prototype,"enableHtmlSanitizer",void 0),i([d.Collection([],p)],v.prototype,"items",void 0),i([d.Property(!1)],v.prototype,"createPopupOnClick",void 0),i([d.Property("")],v.prototype,"target",void 0),i([d.Property("")],v.prototype,"closeActionEvents",void 0),i([d.Property(null)],v.prototype,"itemTemplate",void 0),i([d.Property("auto")],v.prototype,"popupWidth",void 0),i([d.Complex({effect:"None"},W)],v.prototype,"animationSettings",void 0),i([d.Event()],v.prototype,"beforeItemRender",void 0),i([d.Event()],v.prototype,"beforeOpen",void 0),i([d.Event()],v.prototype,"beforeClose",void 0),i([d.Event()],v.prototype,"close",void 0),i([d.Event()],v.prototype,"open",void 0),i([d.Event()],v.prototype,"select",void 0),i([d.Event()],v.prototype,"created",void 0);var f,g=i([d.NotifyPropertyChanges],v);function v(e,t){e=f.call(this,e,t)||this;return e.isPopupCreated=!0,e}b=function(e,t){return(b=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])}))(e,t)};var b,C,t=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,i,r):n(t,i))||r);return 3<o&&r&&Object.defineProperty(t,i,r),r},P="e-rtl",E="EJS-SPLITBUTTON",i=(function(e,t){function i(){this.constructor=e}b(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}(w,C=g),w.prototype.preRender=function(){var e=this.element;if(e.tagName===E){for(var t=d.getValue("ej2_instances",e),i=this.createElement("button",{attrs:{type:"button"}}),s=this.createElement(E,{className:"e-"+this.getModuleName()+"-wrapper"}),n=0,o=e.attributes.length;n<o;n++)i.setAttribute(e.attributes[n].nodeName,e.attributes[n].nodeValue);e.parentNode.insertBefore(s,e),d.detach(e),s.appendChild(e=i),d.setValue("ej2_instances",t,e),this.wrapper=s,this.element=e}this.element.id||(this.element.id=d.getUniqueID("e-"+this.getModuleName()))},w.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},w.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},w.prototype.addItems=function(e,t){C.prototype.addItems.call(this,e,t),this.secondaryBtnObj.items=this.items},w.prototype.removeItems=function(e,t){C.prototype.removeItems.call(this,e,t),this.secondaryBtnObj.items=this.items},w.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(P),this.cssClass&&d.addClass([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},w.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new h.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},w.prototype.createSecondaryButton=function(){var i=this,e=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"}),t=(this.wrapper.appendChild(e),{cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick});t.beforeItemRender=function(e){i.createPopupOnClick&&(i.secondaryBtnObj.dropDown.relateTo=i.wrapper,i.dropDown=i.secondaryBtnObj.dropDown),i.trigger("beforeItemRender",e)},t.open=function(e){i.trigger("open",e)},t.close=function(e){i.trigger("close",e)},t.select=function(e){i.trigger("select",e)},t.beforeOpen=function(e){i.createPopupOnClick&&0===i.items.length&&(i.secondaryBtnObj.dropDown.relateTo=i.wrapper,i.dropDown=i.secondaryBtnObj.dropDown);var t=new k;return i.trigger("beforeOpen",e,function(e){t.resolve(e)}),t},t.beforeClose=function(e){var t=new k;return i.trigger("beforeClose",e,function(e){t.resolve(e)}),t},this.secondaryBtnObj=new g(t),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(e),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},w.prototype.setAria=function(){d.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},w.prototype.getModuleName=function(){return"split-btn"},w.prototype.toggle=function(){this.secondaryBtnObj.toggle()},w.prototype.destroy=function(){var e,t=this,i=[P];this.cssClass&&(i=i.concat(this.cssClass.split(" "))),this.element&&(e=document.getElementById(this.element.id))&&e.parentElement===this.wrapper&&(this.wrapper.tagName===E?(this.wrapper.innerHTML="",d.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),d.removeClass([this.wrapper],this.cssClass.split(" "))):(d.removeClass([this.element],i),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){t.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),d.remove(this.wrapper)),this.unWireEvents()),this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),C.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){t.element.classList.add(e)}),d.setValue("ej2_instances",[this],this.element)),this.wrapper=null},w.prototype.wireEvents=function(){d.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new d.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},w.prototype.unWireEvents=function(){d.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),d.getInstance(this.element,d.KeyboardEvents).destroy()},w.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},w.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},w.prototype.onPropertyChanged=function(e,t){var i;this.primaryBtnObj.setProperties(a(e,["content","iconCss","iconPosition","cssClass","disabled","enableRtl"])),i=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],-1<Object.keys(e).indexOf("items")&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(a(e,i));for(var s=0,n=Object.keys(e);s<n.length;s++)switch(n[s]){case"cssClass":t.cssClass&&d.removeClass([this.wrapper],t.cssClass.split(" ")),d.addClass([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?d.addClass([this.wrapper],P):d.removeClass([this.wrapper],P);break;case"disabled":e.disabled?d.addClass([this.wrapper],"e-splitbtn-disabled"):d.removeClass([this.wrapper],"e-splitbtn-disabled")}},w.prototype.focusIn=function(){this.element.focus()},t([d.Property("")],w.prototype,"content",void 0),t([d.Property("")],w.prototype,"cssClass",void 0),t([d.Property(!1)],w.prototype,"disabled",void 0),t([d.Property("")],w.prototype,"iconCss",void 0),t([d.Property("Left")],w.prototype,"iconPosition",void 0),t([d.Property(!1)],w.prototype,"createPopupOnClick",void 0),t([d.Collection([],p)],w.prototype,"items",void 0),t([d.Property("")],w.prototype,"target",void 0),t([d.Event()],w.prototype,"beforeItemRender",void 0),t([d.Event()],w.prototype,"beforeOpen",void 0),t([d.Event()],w.prototype,"beforeClose",void 0),t([d.Event()],w.prototype,"click",void 0),t([d.Event()],w.prototype,"close",void 0),t([d.Event()],w.prototype,"open",void 0),t([d.Event()],w.prototype,"select",void 0),t([d.Event()],w.prototype,"created",void 0),t([d.NotifyPropertyChanges],w));function w(e,t){return C.call(this,e,t)||this}var k=function(){var i=this;this.promise=new Promise(function(e,t){i.resolve=e,i.reject=t}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)};O=function(e,t){return(O=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])}))(e,t)};var O,S,t=function(e,t){function i(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)},L=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;0<=a;a--)(n=e[a])&&(r=(o<3?n(r):3<o?n(t,i,r):n(t,i))||r);return 3<o&&r&&Object.defineProperty(t,i,r),r},H="e-hide-spinner",z="e-progress",B="e-progress-active",j="e-btn-content",F=(S=d.ChildProperty,t(N,S),L([d.Property(null)],N.prototype,"template",void 0),L([d.Property(16)],N.prototype,"width",void 0),L([d.Property("Left")],N.prototype,"position",void 0),N);function N(){return null!==S&&S.apply(this,arguments)||this}A=d.ChildProperty,t(x,A),L([d.Property(400)],x.prototype,"duration",void 0),L([d.Property("None")],x.prototype,"effect",void 0),L([d.Property("ease")],x.prototype,"easing",void 0);var A,K=x;function x(){return null!==A&&A.apply(this,arguments)||this}D=h.Button,t(U,D),U.prototype.preRender=function(){D.prototype.preRender.call(this)},U.prototype.render=function(){D.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},U.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},U.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},U.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},U.prototype.getModuleName=function(){return"progress-btn"},U.prototype.destroy=function(){var t=this,e=[H,B,"e-round-corner","e-"+D.prototype.getModuleName.call(this)];this.spinSettings.position&&e.push("e-spin-"+this.spinSettings.position.toLowerCase()),D.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(e=e.concat(this.cssClass.split(" "))),d.removeClass([this.element],e),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){t.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},U.prototype.init=function(){this.element.classList.add("e-"+D.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},U.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),r.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},U.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},U.prototype.getProgress=function(){return this.element.getElementsByClassName(z)[0]},U.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(j)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},U.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:z}))},U.prototype.setContent=function(){var e=this.element.innerHTML;this.enableHtmlSanitizer&&(e=d.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:j,innerHTML:e}))},U.prototype.clickHandler=function(){this.element.classList.contains(B)||this.startProgress()},U.prototype.startProgress=function(e,t){var i=this.element.classList,s=i.contains("e-vertical");i.add(B),i.contains(H)||r.showSpinner(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-+this.duration/100:Date.now(),e||0,0,this.step,0,s),this.startContAnimate()},U.prototype.startAnimate=function(e,t,i,s,n,o,r,a){var p=this;try{var l=e-i,c=this.duration*o/100,d=l?l<c?l-c:l%c:0,h=(this.progressTime=t=t+l-d,i=e-d,s+=(l-d)/this.duration*100,{percent:n=(t-r)%c==0||100===s?s:n,currentDuration:t,step:o});this.eIsVertical=a,0===s?this.trigger("begin",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):100===s||t===this.duration?this.trigger("end",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):this.trigger("progress",h,function(e){p.successCallback(e,s,n,t,r,d,i)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},U.prototype.successCallback=function(e,t,i,s,n,o,r){var a=this,p=t,l=i,t=o,c=s,d=n,h=r,u=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(c-d)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[u?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,d=c),this.isPaused||(c<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),c,h,p,l,e.step,d,u)},this.duration/100-t):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[u?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},U.prototype.startContAnimate=function(){var e=this,t=this.element.getElementsByClassName(j)[0];"None"!==this.animationSettings.effect?new d.Animation({}).animate(t,{duration:0===this.animationSettings.duration&&"Enable"===d.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){t.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},U.prototype.finishProgress=function(){for(var e=this.element.classList,t=e.contains("e-vertical"),i=(e.add(B),this.percent);i<100;i++)100<(i+=10)&&(i=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?i+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();e={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",e),this.progressTime=this.percent=0},U.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(j)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},U.prototype.hideSpin=function(){var e,t=this.element.getElementsByClassName(j)[0];this.element.classList.contains(H)||r.hideSpinner(this.element.querySelector(".e-spinner")),this.element.classList.remove(B),"None"!==this.animationSettings.effect&&t.classList.remove("e-animate-end"),"Center"===this.spinSettings.position&&(e=this.getSpinner(),t.classList.remove("e-cont-animate"),e.style.width="auto",e.style.height="auto")},U.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(j)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},U.prototype.setAria=function(){d.attributes(this.element,{"aria-label":this.element.textContent+" progress"})},U.prototype.wireEvents=function(){d.EventHandler.add(this.element,"click",this.clickHandler,this)},U.prototype.unWireEvents=function(){d.EventHandler.remove(this.element,"click",this.clickHandler)},U.prototype.onPropertyChanged=function(e,t){var i=this.element,s=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(s=!0),D.prototype.onPropertyChanged.call(this,e,t);for(var n=0,o=Object.keys(e);n<o.length;n++)switch(o[n]){case"content":this.setContent(),this.createSpinner(),s&&(r.showSpinner(this.element.querySelector(".e-spinner")),s=!1),this.enableProgress&&this.createProgress(),i.setAttribute("aria-label",i.textContent+" progress");break;case"iconCss":t.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":e.enableProgress?this.createProgress():d.remove(this.getProgress());break;case"spinSettings":e.spinSettings.position&&(i.classList.remove("e-spin-"+t.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(e.spinSettings.template||e.spinSettings.width)&&(i.removeChild(this.getSpinner()),this.createSpinner())}},L([d.Property(!(U.prototype.focusIn=function(){this.element.focus()}))],U.prototype,"enableProgress",void 0),L([d.Property(2e3)],U.prototype,"duration",void 0),L([d.Property("Left")],U.prototype,"iconPosition",void 0),L([d.Property("")],U.prototype,"iconCss",void 0),L([d.Property(!1)],U.prototype,"disabled",void 0),L([d.Property(!1)],U.prototype,"isPrimary",void 0),L([d.Property("")],U.prototype,"cssClass",void 0),L([d.Property("")],U.prototype,"content",void 0),L([d.Property(!1)],U.prototype,"isToggle",void 0),L([d.Property(!0)],U.prototype,"enableHtmlSanitizer",void 0),L([d.Complex({},F)],U.prototype,"spinSettings",void 0),L([d.Complex({},K)],U.prototype,"animationSettings",void 0),L([d.Event()],U.prototype,"created",void 0),L([d.Event()],U.prototype,"begin",void 0),L([d.Event()],U.prototype,"progress",void 0),L([d.Event()],U.prototype,"end",void 0),L([d.Event()],U.prototype,"fail",void 0);var D,t=L([d.NotifyPropertyChanges],U);function U(e,t){e=D.call(this,e,t)||this;return e.step=1,e}e.AnimationSettings=K,e.Deferred=k,e.DropDownButton=g,e.DropDownMenuAnimationSettings=W,e.Item=p,e.ProgressButton=t,e.SpinSettings=F,e.SplitButton=i,e.createButtonGroup=function(e,t,i){void 0===t&&(t={}),d.isNullOrUndefined(i)&&(i=d.createElement);var s,n,o,r,a=document.querySelector(e),p=(d.addClass([a],["e-btn-group","e-css"]),a.setAttribute("role","group"),a.children);t.buttons=t.buttons||[];for(var l=0,c=0;c<p.length;l++,c++)s=p[c],null!==(r=t.buttons[l])&&("BUTTON"===s.tagName?n=s:(n=i("label"),(o=p[c+1])?a.insertBefore(n,o):a.appendChild(n),s.id&&n.setAttribute("for",s.id),r&&r.disabled&&(s.disabled=!0),c++),t.cssClass&&r&&!r.cssClass&&(r.cssClass=t.cssClass),new h.Button(r||{},n));return a},e.getModel=a,e.setBlankIconStyle=T,e.upDownKeyHandler=R,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| //# sourceMappingURL=ej2-splitbuttons.umd.min.js.map |
@@ -1,2 +0,11 @@ | ||
| this.ej=this.ej||{},this.ej.splitbuttons=function(e,t,i,s){"use strict";function n(e,i){for(var s=t.extend({},e),n=0,o=Object.keys(s);n<o.length;n++){var r=o[n];i.indexOf(r)<0&&t.deleteObject(s,r)}return s}function o(e,i){var s=40===i?0:e.childElementCount-1,n=s,o=e.querySelector(".e-selected");o&&o.classList.remove("e-selected");for(var a=0,p=e.children.length;a<p;a++)e.children[a].classList.contains("e-focused")&&(n=a,e.children[a].classList.remove("e-focused"),40===i?n++:n--,n===(40===i?e.childElementCount:-1)&&(n=s));-1!==(n=r(e,e.children[n],n,i))&&(t.addClass([e.children[n]],"e-focused"),e.children[n].focus())}function r(e,t,i,s,n){if(void 0===n&&(n=0),(t.classList.contains("e-separator")||t.classList.contains("e-disabled"))&&(i===(40===s?e.childElementCount-1:0)?i=40===s?0:e.childElementCount-1:40===s?i++:i--),(t=e.children[i]).classList.contains("e-separator")||t.classList.contains("e-disabled")){if(++n===e.childElementCount)return i=-1;i=r(e,t,i,s,n)}return i}function a(e,i){var s=[].slice.call(e.getElementsByClassName("e-blank-icon"));if(i&&[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")}),s.length){var n=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)");if(!t.isNullOrUndefined(n)){n.classList.contains("e-url")&&(n=n.querySelector(".e-menu-url"));var o,r=n.querySelector(".e-menu-icon"),a=e.classList.contains("e-rtl");o=a?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"};var p=parseInt(getComputedStyle(r).fontSize,10)+parseInt(getComputedStyle(r)[o.margin],10)+parseInt(getComputedStyle(n).paddingLeft,10)+"px";s.forEach(function(e){e.classList.contains("e-url")&&e.querySelector(".e-menu-url")?e.querySelector(".e-menu-url").style[o.padding]=p:e.style[o.padding]=p})}}}function p(e,s,n){void 0===s&&(s={});var o,r,a,p;t.isNullOrUndefined(n)&&(n=t.createElement);var l=document.querySelector(e);t.addClass([l],["e-btn-group","e-css"]),l.setAttribute("role","group");var c=l.children;s.buttons=s.buttons||[];for(var d=0,h=0;h<c.length;d++,h++)o=c[h],null!==(p=s.buttons[d])&&("BUTTON"===o.tagName?r=o:(r=n("label"),(a=c[h+1])?l.insertBefore(r,a):l.appendChild(r),o.id&&r.setAttribute("for",o.id),p&&p.disabled&&(o.disabled=!0),h++),s.cssClass&&p&&!p.cssClass&&(p.cssClass=s.cssClass),new i.Button(p||{},r));return l}var l=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,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},d=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return l(i,e),c([t.Property("")],i.prototype,"iconCss",void 0),c([t.Property("")],i.prototype,"id",void 0),c([t.Property(!1)],i.prototype,"separator",void 0),c([t.Property("")],i.prototype,"text",void 0),c([t.Property("")],i.prototype,"url",void 0),c([t.Property(!1)],i.prototype,"disabled",void 0),i}(t.ChildProperty),h=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)}}(),u=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},m={DISABLED:"e-disabled",FOCUS:"e-focused",ICON:"e-menu-icon",ITEM:"e-item",POPUP:"e-dropdown-popup",RTL:"e-rtl",SEPARATOR:"e-separator",VERTICAL:"e-vertical",POPUPWIDTH:"e-dropdown-popup-width"},y=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return h(i,e),u([t.Property("SlideDown")],i.prototype,"effect",void 0),u([t.Property(400)],i.prototype,"duration",void 0),u([t.Property("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),f=function(e){function r(t,i){var s=e.call(this,t,i)||this;return s.isPopupCreated=!0,s}return h(r,e),r.prototype.preRender=function(){},r.prototype.getPersistData=function(){return this.addOnPersist([])},r.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},r.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},r.prototype.addItems=function(e,t){for(var i,s=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){s=n;break}for(var r=e.length-1;r>=0;r--)i=new d(this,"items",e[r],!0),this.items.splice(s,0,i);this.canOpen()||this.createItems()},r.prototype.removeItems=function(e,t){for(var i=!1,s=0,n=e.length;s<n;s++)for(var o=0,r=this.items.length;o<r;o++)if(e[s]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),i=!0;break}i&&this.getULElement()&&this.createItems()},r.prototype.createPopup=function(){var e,i=this.createElement("div",{className:"auto"!==this.popupWidth?m.POPUP+" "+m.POPUPWIDTH:m.POPUP,id:this.element.id+"-popup"});if(document.body.appendChild(i),this.dropDown=new s.Popup(i,{width:this.popupWidth,relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),t.isNullOrUndefined(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),t.attributes(this.element,(e={},e["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&t.addClass([i],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0,this.createPopupOnClick){var n=t.getComponent(this.activeElem[0],"split-btn");n&&(n.isPopupCreated=!0)}},r.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||t.isNullOrUndefined(this.popupContent)?"string"==typeof this.target?t.select(this.target):this.target:this.popupContent},r.prototype.createItems=function(e){var i,s,n,o,r=this,p=this.items,l=this.hasIcon(this.items,"iconCss"),c=this.getULElement();if(c?c.innerHTML="":c=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),this.itemTemplate){var d=this.compiletemplate(this.itemTemplate);p.forEach(function(e){var i=r.createElement("li",{className:e.separator?m.ITEM+" "+m.SEPARATOR:m.ITEM,attrs:e.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":e.text},id:e.id?e.id:t.getUniqueID("e-"+r.getModuleName()+"-item")}),s=d(e,r,"template",null,!1,null,i);s&&t.append(s,i),e.disabled&&i.classList.add("e-disabled");var n={item:e,element:i};r.trigger("beforeItemRender",n),n.item.disabled!==e.disabled&&i.classList[n.item.disabled?"add":"remove"]("e-disabled"),c.appendChild(i)}),this.isReact&&this.renderReactTemplates()}else for(var h=0;h<p.length;h++){s=p[h],this.enableHtmlSanitizer&&(s.text=t.SanitizeHtmlHelper.sanitize(s.text));var u=s.text;n=this.createElement("li",{innerHTML:s.url?"":u,className:s.separator?m.ITEM+" "+m.SEPARATOR:m.ITEM,attrs:s.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":u},id:s.id?s.id:t.getUniqueID("e-"+this.getModuleName()+"-item")}),this.enableHtmlSanitizer?n.textContent=s.url?"":u:n.innerHTML=s.url?"":u,s.url&&(n.appendChild(this.createAnchor(s)),n.classList.add("e-url")),s.iconCss?(i=this.createElement("span",{className:m.ICON+" "+s.iconCss}),s.url?n.childNodes[0].appendChild(i):n.insertBefore(i,n.childNodes[0])):l&&!s.separator&&n.classList.add("e-blank-icon");var y=s.disabled;s.disabled&&n.classList.add("e-disabled"),o={item:s,element:n},this.trigger("beforeItemRender",o),y!==o.item.disabled&&(o.item.disabled?n.classList.add("e-disabled"):n.classList.remove("e-disabled")),c.appendChild(n)}e&&this.getPopUpElement().appendChild(c),l&&a(this.getPopUpElement())},r.prototype.compiletemplate=function(e){if(this.itemTemplate)try{if("function"!=typeof this.itemTemplate){var i=document.querySelector(this.itemTemplate);if(i)return t.compile(i.innerHTML.trim())}return t.compile(e)}catch(i){return t.compile(e)}},r.prototype.hasIcon=function(e,t){for(var i=0,s=e.length;i<s;i++)if(e[i][""+t])return!0;return!1},r.prototype.createAnchor=function(e){var t=e.text,i=this.createElement("a",{className:"e-menu-text e-menu-url",attrs:{href:e.url}});return this.enableHtmlSanitizer?i.textContent=t:i.innerHTML=t,i},r.prototype.initialize=function(){this.button=new i.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent?this.element.textContent:"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},r.prototype.isColorPicker=function(){if(!this.element)return!1;var e=this.element.previousSibling;return!!(e&&e.classList&&e.classList.contains("e-split-colorpicker"))},r.prototype.appendArrowSpan=function(){this.cssClass=t.isNullOrUndefined(this.cssClass)?"":this.cssClass,this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(m.VERTICAL)>-1?"bottom":"right")+" e-caret"}))},r.prototype.setActiveElem=function(e){this.activeElem=e},r.prototype.getModuleName=function(){return"dropdown-btn"},r.prototype.canOpen=function(){var e=!1;return this.isPopupCreated&&(e=this.getPopUpElement().classList.contains("e-popup-close")),e},r.prototype.destroy=function(){var i=this;if(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()){var s;this.element.querySelector("span.e-caret")&&t.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(s=this.cssClass.split(" ")),this.button.destroy(),s&&t.removeClass([this.element],s),t.removeClass(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents()}},r.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var e=document.getElementById(this.getPopUpElement().id);e&&(t.removeClass([e],["e-popup-open","e-popup-close"]),t.detach(e))}t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1;var i=t.getComponent(this.activeElem[0],"split-btn");if(this.createPopupOnClick&&i){var s=t.getComponent(this.activeElem[1],"dropdown-btn");s&&(s.isPopupCreated=!1)}},r.prototype.getPopUpElement=function(){var e=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var i=t.getComponent(this.activeElem[1],"dropdown-btn");i&&(this.dropDown=i.dropDown)}return this.dropDown&&(e=this.dropDown.element),e},r.prototype.getULElement=function(){var e=null;return this.getPopUpElement()&&(e=this.getPopUpElement().children[0]),e},r.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(window,"resize",this.windowResize,this)},r.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},r.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&t.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=t.rippleEffect(e,{selector:"."+m.ITEM})},r.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents&&t.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler)),t.isRippleEnabled&&this.rippleFn&&this.rippleFn()},r.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.target&&(e.target.classList.contains("e-item")||e.target.parentElement&&e.target.parentElement.classList.contains("e-split-btn-wrapper"))&&13===e.keyCode&&e.preventDefault(),e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},r.prototype.isSafari=function(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)},r.prototype.upDownKeyHandler=function(e){(!this.target||38!==e.keyCode&&40!==e.keyCode)&&(e.preventDefault(),o(this.getULElement(),e.keyCode))},r.prototype.keyEventHandler=function(e){if(!this.target||13!==e.keyCode&&9!==e.keyCode)return 13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),void this.activeElem[0].focus()):void(e.target&&e.target.className.indexOf("e-edit-template")>-1&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},r.prototype.getLI=function(e){return"LI"===e.tagName?e:t.closest(e,"li")},r.prototype.mousedownHandler=function(e){var i=e.target;!this.dropDown||this.canOpen()||!this.getPopUpElement()||t.closest(i,'[id="'+this.getPopUpElement().id+'"]')||t.closest(i,'[id="'+this.element.id+'"]')||this.closePopup(e)},r.prototype.focusoutHandler=function(e){if(this.isPopupCreated&&!this.canOpen()){var t=e.relatedTarget||e.target;if(t&&t.className.indexOf("e-item")>-1){var i=this.getLI(t);if(i){var s=Array.prototype.indexOf.call(this.getULElement().children,i),n=this.items[s];if(n){var o={element:i,item:n,event:e};this.trigger("select",o)}}}this.closePopup(e)}},r.prototype.clickHandler=function(e){var i=e.target;t.closest(i,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):t.closest(i,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},r.prototype.triggerSelect=function(e){var t,i,s,n=this.getLI(e.target);n&&(i=Array.prototype.indexOf.call(this.getULElement().children,n),(s=this.items[i])&&(t={element:n,item:s,event:e},this.trigger("select",t)))},r.prototype.openPopUp=function(e){var i=this;void 0===e&&(e=null);var s=this.getPopUpElement();if(this.activeElem[0]&&this.activeElem[0].classList.contains("e-dropdown-btn")&&s.style.width&&"auto"!==s.style.width&&this.setWidth(s),this.target)if(this.activeElem.length>1){var n=t.getComponent(this.activeElem[0],"split-btn");n.isReact&&s.childNodes.length<1&&(n.appendReactElement&&n.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&s.childNodes.length<1&&(this.appendReactElement&&this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var o=this.getULElement();this.popupWireEvents();var r={element:o,items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",r,function(e){if(!e.cancel){var s=i.getULElement(),n="None"!==i.animationSettings.effect?{name:i.animationSettings.effect,duration:i.animationSettings.duration,timingFunction:i.animationSettings.easing}:null;if(n&&i.animatePopup(n,s),i.dropDown.show(null,i.element),t.addClass([i.element],"e-active"),i.element.setAttribute("aria-expanded","true"),i.element.setAttribute("aria-owns",i.getPopUpElement().id),s&&!i.isSafari()&&s.focus(),i.enableRtl&&"0px"!==s.parentElement.style.left){var o=void 0;o=i.element.parentElement&&i.element.parentElement.classList.contains("e-split-btn-wrapper")?i.element.parentElement.offsetWidth:i.element.offsetWidth;var r=s.parentElement.offsetWidth-o,a=parseFloat(s.parentElement.style.left)-r;a<0&&(a=0),s.parentElement.style.left=a+"px"}var p={element:s,items:i.items};i.trigger("open",p),s&&i.isSafari()&&s.focus()}})},r.prototype.animatePopup=function(e,i){new t.Animation(e).animate(i,{begin:function(e){e.element.parentElement.style.height=e.element.parentElement.offsetHeight+"px"}})},r.prototype.setWidth=function(e){var i=t.formatUnit(e.style.width);if(i.indexOf("%")>-1){var s=this.element.offsetWidth*parseFloat(i)/100;e.style.width=s+"px"}},r.prototype.closePopup=function(e,i){var s=this;void 0===e&&(e=null);var n=this.getULElement(),o={element:n,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",o,function(o){if(o.cancel)o.element&&n.focus();else{var r=s.getPopUpElement();r&&t.EventHandler.remove(r,"keydown",s.keyBoardHandler),s.popupUnWireEvents();var a=s.getULElement(),p=void 0;a&&(p=a.querySelector(".e-selected")),p&&p.classList.remove("e-selected"),s.dropDown&&s.dropDown.hide(),t.removeClass(s.activeElem,"e-active"),s.element.setAttribute("aria-expanded","false"),s.element.removeAttribute("aria-owns"),i&&(s.isSafari()?i.focus({preventScroll:!0}):s.isColorPicker()&&27===e.keyCode||i.focus());var l={element:a,items:s.items};s.trigger("close",l),!s.target&&a&&t.detach(a),(!s.target||s.isColorPicker()||s.target&&!s.isColorPicker())&&s.createPopupOnClick&&s.destroyPopup()}})},r.prototype.unWireEvents=function(){this.createPopupOnClick||t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),t.EventHandler.remove(window,"resize",this.windowResize)},r.prototype.onPropertyChanged=function(e,i){var s=["content","cssClass","iconCss","iconPosition","disabled","enableRtl"];this.button.setProperties(n(e,s));var o;this.isPopupCreated&&(o=this.getPopUpElement(),this.dropDown.setProperties(n(e,["enableRtl"])));for(var r=0,a=Object.keys(e);r<a.length;r++)switch(a[r]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":if(i.cssClass=t.isNullOrUndefined(i.cssClass)?"":i.cssClass,e.cssClass.indexOf(m.VERTICAL)>-1||i.cssClass.indexOf(m.VERTICAL)>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var p=this.element.querySelector("span.e-caret");e.cssClass.indexOf(m.VERTICAL)>-1?t.classList(p,["e-icon-bottom"],["e-icon-right"]):t.classList(p,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(i.cssClass&&t.removeClass([o],i.cssClass.split(" ")),e.cssClass&&t.addClass([o],e.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}},r.prototype.focusIn=function(){this.element.focus()},u([t.Property("")],r.prototype,"content",void 0),u([t.Property("")],r.prototype,"cssClass",void 0),u([t.Property(!1)],r.prototype,"disabled",void 0),u([t.Property("")],r.prototype,"iconCss",void 0),u([t.Property("Left")],r.prototype,"iconPosition",void 0),u([t.Property(!0)],r.prototype,"enableHtmlSanitizer",void 0),u([t.Collection([],d)],r.prototype,"items",void 0),u([t.Property(!1)],r.prototype,"createPopupOnClick",void 0),u([t.Property("")],r.prototype,"target",void 0),u([t.Property("")],r.prototype,"closeActionEvents",void 0),u([t.Property(null)],r.prototype,"itemTemplate",void 0),u([t.Property("auto")],r.prototype,"popupWidth",void 0),u([t.Complex({effect:"None"},y)],r.prototype,"animationSettings",void 0),u([t.Event()],r.prototype,"beforeItemRender",void 0),u([t.Event()],r.prototype,"beforeOpen",void 0),u([t.Event()],r.prototype,"beforeClose",void 0),u([t.Event()],r.prototype,"close",void 0),u([t.Event()],r.prototype,"open",void 0),u([t.Event()],r.prototype,"select",void 0),u([t.Event()],r.prototype,"created",void 0),r=u([t.NotifyPropertyChanges],r)}(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)}}(),g=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},b="e-rtl",C="EJS-SPLITBUTTON",P=function(e){function s(t,i){return e.call(this,t,i)||this}return v(s,e),s.prototype.preRender=function(){var e=this.element;if(e.tagName===C){for(var i=t.getValue("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),n=this.createElement(C,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)s.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(n,e),t.detach(e),e=s,n.appendChild(e),t.setValue("ej2_instances",i,e),this.wrapper=n,this.element=e}this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},s.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},s.prototype.addItems=function(t,i){e.prototype.addItems.call(this,t,i),this.secondaryBtnObj.items=this.items},s.prototype.removeItems=function(t,i){e.prototype.removeItems.call(this,t,i),this.secondaryBtnObj.items=this.items},s.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(b),this.cssClass&&t.addClass([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},s.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new i.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},s.prototype.createSecondaryButton=function(){var e=this,t=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(t);var i={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick};i.beforeItemRender=function(t){e.createPopupOnClick&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown),e.trigger("beforeItemRender",t)},i.open=function(t){e.trigger("open",t)},i.close=function(t){e.trigger("close",t)},i.select=function(t){e.trigger("select",t)},i.beforeOpen=function(t){e.createPopupOnClick&&0===e.items.length&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown);var i=new E;return e.trigger("beforeOpen",t,function(e){i.resolve(e)}),i},i.beforeClose=function(t){var i=new E;return e.trigger("beforeClose",t,function(e){i.resolve(e)}),i},this.secondaryBtnObj=new f(i),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(t),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},s.prototype.setAria=function(){t.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},s.prototype.getModuleName=function(){return"split-btn"},s.prototype.toggle=function(){this.secondaryBtnObj.toggle()},s.prototype.destroy=function(){var i=this,s=[b];if(this.cssClass&&(s=s.concat(this.cssClass.split(" "))),this.element){var n=document.getElementById(this.element.id);n&&n.parentElement===this.wrapper&&(this.wrapper.tagName===C?(this.wrapper.innerHTML="",t.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),t.removeClass([this.wrapper],this.cssClass.split(" "))):(t.removeClass([this.element],s),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){i.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),t.remove(this.wrapper)),this.unWireEvents())}this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),e.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){i.element.classList.add(e)}),t.setValue("ej2_instances",[this],this.element)),this.wrapper=null},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},s.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),t.getInstance(this.element,t.KeyboardEvents).destroy()},s.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},s.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},s.prototype.onPropertyChanged=function(e,i){var s=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(n(e,s)),s=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],Object.keys(e).indexOf("items")>-1&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(n(e,s));for(var o=0,r=Object.keys(e);o<r.length;o++)switch(r[o]){case"cssClass":i.cssClass&&t.removeClass([this.wrapper],i.cssClass.split(" ")),t.addClass([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?t.addClass([this.wrapper],b):t.removeClass([this.wrapper],b);break;case"disabled":e.disabled?t.addClass([this.wrapper],"e-splitbtn-disabled"):t.removeClass([this.wrapper],"e-splitbtn-disabled")}},s.prototype.focusIn=function(){this.element.focus()},g([t.Property("")],s.prototype,"content",void 0),g([t.Property("")],s.prototype,"cssClass",void 0),g([t.Property(!1)],s.prototype,"disabled",void 0),g([t.Property("")],s.prototype,"iconCss",void 0),g([t.Property("Left")],s.prototype,"iconPosition",void 0),g([t.Property(!1)],s.prototype,"createPopupOnClick",void 0),g([t.Collection([],d)],s.prototype,"items",void 0),g([t.Property("")],s.prototype,"target",void 0),g([t.Event()],s.prototype,"beforeItemRender",void 0),g([t.Event()],s.prototype,"beforeOpen",void 0),g([t.Event()],s.prototype,"beforeClose",void 0),g([t.Event()],s.prototype,"click",void 0),g([t.Event()],s.prototype,"close",void 0),g([t.Event()],s.prototype,"open",void 0),g([t.Event()],s.prototype,"select",void 0),g([t.Event()],s.prototype,"created",void 0),s=g([t.NotifyPropertyChanges],s)}(f),E=function(){function e(){var e=this;this.promise=new Promise(function(t,i){e.resolve=t,e.reject=i}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)}return e}(),w=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)}}(),O=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},k="e-btn-content",S=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return w(i,e),O([t.Property(null)],i.prototype,"template",void 0),O([t.Property(16)],i.prototype,"width",void 0),O([t.Property("Left")],i.prototype,"position",void 0),i}(t.ChildProperty),L=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return w(i,e),O([t.Property(400)],i.prototype,"duration",void 0),O([t.Property("None")],i.prototype,"effect",void 0),O([t.Property("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),H=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.step=1,s}return w(i,e),i.prototype.preRender=function(){e.prototype.preRender.call(this)},i.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},i.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},i.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},i.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},i.prototype.getModuleName=function(){return"progress-btn"},i.prototype.destroy=function(){var i=this,s=["e-hide-spinner","e-progress-active","e-round-corner","e-"+e.prototype.getModuleName.call(this)];this.spinSettings.position&&s.push("e-spin-"+this.spinSettings.position.toLowerCase()),e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(s=s.concat(this.cssClass.split(" "))),t.removeClass([this.element],s),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},i.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},i.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),s.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},i.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},i.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},i.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(k)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},i.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},i.prototype.setContent=function(){var e;e=this.element.innerHTML,this.enableHtmlSanitizer&&(e=t.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:k,innerHTML:e}))},i.prototype.clickHandler=function(){this.element.classList.contains("e-progress-active")||this.startProgress()},i.prototype.startProgress=function(e,t){var i=this.element.classList,n=i.contains("e-vertical");i.add("e-progress-active"),i.contains("e-hide-spinner")||s.showSpinner(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,n),this.startContAnimate()},i.prototype.startAnimate=function(e,t,i,s,n,o,r,a){var p=this;try{var l=e-i,c=this.duration*o/100,d=l?l<c?l-c:l%c:0;this.progressTime=t=t+l-d,i=e-d,s+=(l-d)/this.duration*100;var h={percent:n=(t-r)%c==0||100===s?s:n,currentDuration:t,step:o};this.eIsVertical=a,0===s?this.trigger("begin",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):100===s||t===this.duration?this.trigger("end",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):this.trigger("progress",h,function(e){p.successCallback(e,s,n,t,r,d,i)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},i.prototype.successCallback=function(e,t,i,s,n,o,r){var a=this,p=t,l=i,c=o,d=s,h=n,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(d-h)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,h=d),this.isPaused||(d<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),d,u,p,l,e.step,h,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},i.prototype.startContAnimate=function(){var e=this,i=this.element.getElementsByClassName(k)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(i,{duration:0===this.animationSettings.duration&&"Enable"===t.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){i.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},i.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add("e-progress-active");for(var i=this.percent;i<100;i++)(i+=10)>100&&(i=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?i+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();var s={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",s),this.progressTime=this.percent=0},i.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(k)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},i.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(k)[0];if(this.element.classList.contains("e-hide-spinner")||s.hideSpinner(this.element.querySelector(".e-spinner")),this.element.classList.remove("e-progress-active"),"None"!==this.animationSettings.effect&&e.classList.remove("e-animate-end"),"Center"===this.spinSettings.position){var t=this.getSpinner();e.classList.remove("e-cont-animate"),t.style.width="auto",t.style.height="auto"}},i.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(k)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},i.prototype.setAria=function(){t.attributes(this.element,{"aria-label":this.element.textContent+" progress"})},i.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},i.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},i.prototype.onPropertyChanged=function(i,n){var o=this.element,r=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(r=!0),e.prototype.onPropertyChanged.call(this,i,n);for(var a=0,p=Object.keys(i);a<p.length;a++)switch(p[a]){case"content":this.setContent(),this.createSpinner(),r&&(s.showSpinner(this.element.querySelector(".e-spinner")),r=!1),this.enableProgress&&this.createProgress(),o.setAttribute("aria-label",o.textContent+" progress");break;case"iconCss":n.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":i.enableProgress?this.createProgress():t.remove(this.getProgress());break;case"spinSettings":i.spinSettings.position&&(o.classList.remove("e-spin-"+n.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(i.spinSettings.template||i.spinSettings.width)&&(o.removeChild(this.getSpinner()),this.createSpinner())}},i.prototype.focusIn=function(){this.element.focus()},O([t.Property(!1)],i.prototype,"enableProgress",void 0),O([t.Property(2e3)],i.prototype,"duration",void 0),O([t.Property("Left")],i.prototype,"iconPosition",void 0),O([t.Property("")],i.prototype,"iconCss",void 0),O([t.Property(!1)],i.prototype,"disabled",void 0),O([t.Property(!1)],i.prototype,"isPrimary",void 0),O([t.Property("")],i.prototype,"cssClass",void 0),O([t.Property("")],i.prototype,"content",void 0),O([t.Property(!1)],i.prototype,"isToggle",void 0),O([t.Property(!0)],i.prototype,"enableHtmlSanitizer",void 0),O([t.Complex({},S)],i.prototype,"spinSettings",void 0),O([t.Complex({},L)],i.prototype,"animationSettings",void 0),O([t.Event()],i.prototype,"created",void 0),O([t.Event()],i.prototype,"begin",void 0),O([t.Event()],i.prototype,"progress",void 0),O([t.Event()],i.prototype,"end",void 0),O([t.Event()],i.prototype,"fail",void 0),i=O([t.NotifyPropertyChanges],i)}(i.Button);return e.AnimationSettings=L,e.Deferred=E,e.DropDownButton=f,e.DropDownMenuAnimationSettings=y,e.Item=d,e.ProgressButton=H,e.SpinSettings=S,e.SplitButton=P,e.createButtonGroup=p,e.getModel=n,e.setBlankIconStyle=a,e.upDownKeyHandler=o,e}({},ej.base,ej.buttons,ej.popups),this.ejs=ej; | ||
| /*! | ||
| * filename: ej2-splitbuttons.min.js | ||
| * version : 32.1.22 | ||
| * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved. | ||
| * Use of this code is subject to the terms of our license. | ||
| * A copy of the current license can be obtained at any time by e-mailing | ||
| * licensing@syncfusion.com. Any infringement will be prosecuted under | ||
| * applicable laws. | ||
| */ | ||
| this.ej=this.ej||{},this.ej.splitbuttons=function(e,t,i,s){"use strict";function n(e,i){for(var s=t.extend({},e),n=0,o=Object.keys(s);n<o.length;n++){var r=o[n];i.indexOf(r)<0&&t.deleteObject(s,r)}return s}function o(e,i){var s=40===i?0:e.childElementCount-1,n=s,o=e.querySelector(".e-selected");o&&o.classList.remove("e-selected");for(var a=0,p=e.children.length;a<p;a++)e.children[a].classList.contains("e-focused")&&(n=a,e.children[a].classList.remove("e-focused"),40===i?n++:n--,n===(40===i?e.childElementCount:-1)&&(n=s));-1!==(n=r(e,e.children[n],n,i))&&(t.addClass([e.children[n]],"e-focused"),e.children[n].focus())}function r(e,t,i,s,n){if(void 0===n&&(n=0),(t.classList.contains("e-separator")||t.classList.contains("e-disabled"))&&(i===(40===s?e.childElementCount-1:0)?i=40===s?0:e.childElementCount-1:40===s?i++:i--),(t=e.children[i]).classList.contains("e-separator")||t.classList.contains("e-disabled")){if(++n===e.childElementCount)return i=-1;i=r(e,t,i,s,n)}return i}function a(e,i){var s=[].slice.call(e.getElementsByClassName("e-blank-icon"));if(i&&[].slice.call(e.getElementsByClassName("e-item")).forEach(function(e){(e.style.paddingLeft||e.style.paddingRight)&&e.removeAttribute("style")}),s.length){var n=e.querySelector(".e-item:not(.e-blank-icon):not(.e-separator)");if(!t.isNullOrUndefined(n)){n.classList.contains("e-url")&&(n=n.querySelector(".e-menu-url"));var o,r=n.querySelector(".e-menu-icon"),a=e.classList.contains("e-rtl");o=a?{padding:"paddingRight",margin:"marginLeft"}:{padding:"paddingLeft",margin:"marginRight"};var p=parseInt(getComputedStyle(r).fontSize,10)+parseInt(getComputedStyle(r)[o.margin],10)+parseInt(getComputedStyle(n).paddingLeft,10)+"px";s.forEach(function(e){e.classList.contains("e-url")&&e.querySelector(".e-menu-url")?e.querySelector(".e-menu-url").style[o.padding]=p:e.style[o.padding]=p})}}}function p(e,s,n){void 0===s&&(s={});var o,r,a,p;t.isNullOrUndefined(n)&&(n=t.createElement);var l=document.querySelector(e);t.addClass([l],["e-btn-group","e-css"]),l.setAttribute("role","group");var c=l.children;s.buttons=s.buttons||[];for(var d=0,h=0;h<c.length;d++,h++)o=c[h],null!==(p=s.buttons[d])&&("BUTTON"===o.tagName?r=o:(r=n("label"),(a=c[h+1])?l.insertBefore(r,a):l.appendChild(r),o.id&&r.setAttribute("for",o.id),p&&p.disabled&&(o.disabled=!0),h++),s.cssClass&&p&&!p.cssClass&&(p.cssClass=s.cssClass),new i.Button(p||{},r));return l}var l=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,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},d=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return l(i,e),c([t.Property("")],i.prototype,"iconCss",void 0),c([t.Property("")],i.prototype,"id",void 0),c([t.Property(!1)],i.prototype,"separator",void 0),c([t.Property("")],i.prototype,"text",void 0),c([t.Property("")],i.prototype,"url",void 0),c([t.Property(!1)],i.prototype,"disabled",void 0),i}(t.ChildProperty),h=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)}}(),u=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},m={DISABLED:"e-disabled",FOCUS:"e-focused",ICON:"e-menu-icon",ITEM:"e-item",POPUP:"e-dropdown-popup",RTL:"e-rtl",SEPARATOR:"e-separator",VERTICAL:"e-vertical",POPUPWIDTH:"e-dropdown-popup-width"},y=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return h(i,e),u([t.Property("SlideDown")],i.prototype,"effect",void 0),u([t.Property(400)],i.prototype,"duration",void 0),u([t.Property("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),f=function(e){function r(t,i){var s=e.call(this,t,i)||this;return s.isPopupCreated=!0,s}return h(r,e),r.prototype.preRender=function(){},r.prototype.getPersistData=function(){return this.addOnPersist([])},r.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.createPopupOnClick&&!this.isPopupCreated?(this.createPopup(),this.openPopUp()):this.closePopup()},r.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},r.prototype.addItems=function(e,t){for(var i,s=this.items.length,n=0,o=this.items.length;n<o;n++)if(t===this.items[n].text){s=n;break}for(var r=e.length-1;r>=0;r--)i=new d(this,"items",e[r],!0),this.items.splice(s,0,i);this.canOpen()||this.createItems()},r.prototype.removeItems=function(e,t){for(var i=!1,s=0,n=e.length;s<n;s++)for(var o=0,r=this.items.length;o<r;o++)if(e[s]===(t?this.items[o].id:this.items[o].text)){this.items.splice(o,1),i=!0;break}i&&this.getULElement()&&this.createItems()},r.prototype.createPopup=function(){var e,i=this.createElement("div",{className:"auto"!==this.popupWidth?m.POPUP+" "+m.POPUPWIDTH:m.POPUP,id:this.element.id+"-popup"});if(document.body.appendChild(i),this.dropDown=new s.Popup(i,{width:this.popupWidth,relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),this.dropDown.element.setAttribute("role","dialog"),this.dropDown.element.setAttribute("aria-label","dropdown menu"),t.isNullOrUndefined(this.popupContent)||(this.popupContent.style.display=""),"fixed"===this.dropDown.element.style.position&&this.dropDown.refreshPosition(this.element),this.dropDown.hide(),t.attributes(this.element,(e={},e["aria-haspopup"]=this.items.length||this.target?"true":"false",e["aria-expanded"]="false",e.type="button",e)),this.cssClass&&t.addClass([i],this.cssClass.replace(/\s+/g," ").trim().split(" ")),this.isPopupCreated=!0,this.createPopupOnClick){var n=t.getComponent(this.activeElem[0],"split-btn");n&&(n.isPopupCreated=!0)}},r.prototype.getTargetElement=function(){return!this.createPopupOnClick||this.isColorPicker()||t.isNullOrUndefined(this.popupContent)?"string"==typeof this.target?t.select(this.target):this.target:this.popupContent},r.prototype.createItems=function(e){var i,s,n,o,r=this,p=this.items,l=this.hasIcon(this.items,"iconCss"),c=this.getULElement();if(c?c.innerHTML="":c=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),this.itemTemplate){var d=this.compiletemplate(this.itemTemplate);p.forEach(function(e){var i=r.createElement("li",{className:e.separator?m.ITEM+" "+m.SEPARATOR:m.ITEM,attrs:e.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":e.text},id:e.id?e.id:t.getUniqueID("e-"+r.getModuleName()+"-item")}),s=d(e,r,"template",null,!1,null,i);s&&t.append(s,i),e.disabled&&i.classList.add("e-disabled");var n={item:e,element:i};r.trigger("beforeItemRender",n),n.item.disabled!==e.disabled&&i.classList[n.item.disabled?"add":"remove"]("e-disabled"),c.appendChild(i)}),this.isReact&&this.renderReactTemplates()}else for(var h=0;h<p.length;h++){s=p[h],this.enableHtmlSanitizer&&(s.text=t.SanitizeHtmlHelper.sanitize(s.text));var u=s.text;n=this.createElement("li",{innerHTML:s.url?"":u,className:s.separator?m.ITEM+" "+m.SEPARATOR:m.ITEM,attrs:s.separator?{role:"separator",tabindex:"-1","aria-label":"separator","aria-hidden":"true"}:{role:"menuitem",tabindex:"-1","aria-label":u},id:s.id?s.id:t.getUniqueID("e-"+this.getModuleName()+"-item")}),this.enableHtmlSanitizer?n.textContent=s.url?"":u:n.innerHTML=s.url?"":u,s.url&&(n.appendChild(this.createAnchor(s)),n.classList.add("e-url")),s.iconCss?(i=this.createElement("span",{className:m.ICON+" "+s.iconCss}),s.url?n.childNodes[0].appendChild(i):n.insertBefore(i,n.childNodes[0])):l&&!s.separator&&n.classList.add("e-blank-icon");var y=s.disabled;s.disabled&&n.classList.add("e-disabled"),o={item:s,element:n},this.trigger("beforeItemRender",o),y!==o.item.disabled&&(o.item.disabled?n.classList.add("e-disabled"):n.classList.remove("e-disabled")),c.appendChild(n)}e&&this.getPopUpElement().appendChild(c),l&&a(this.getPopUpElement())},r.prototype.compiletemplate=function(e){if(this.itemTemplate)try{if("function"!=typeof this.itemTemplate){var i=document.querySelector(this.itemTemplate);if(i)return t.compile(i.innerHTML.trim())}return t.compile(e)}catch(i){return t.compile(e)}},r.prototype.hasIcon=function(e,t){for(var i=0,s=e.length;i<s;i++)if(e[i][""+t])return!0;return!1},r.prototype.createAnchor=function(e){var t=e.text,i=this.createElement("a",{className:"e-menu-text e-menu-url",attrs:{href:e.url}});return this.enableHtmlSanitizer?i.textContent=t:i.innerHTML=t,i},r.prototype.initialize=function(){this.button=new i.Button({iconCss:this.iconCss,iconPosition:this.iconPosition,cssClass:this.cssClass,content:this.content,disabled:this.disabled,enableRtl:this.enableRtl,enablePersistence:this.enablePersistence}),this.button.createElement=this.createElement,this.button.appendTo(this.element),this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName())),this.appendArrowSpan(),this.setActiveElem([this.element]),this.element.setAttribute("tabindex","0"),this.element.setAttribute("aria-label",this.element.textContent?this.element.textContent:"dropdownbutton"),this.target&&!this.isColorPicker()&&!this.createPopupOnClick||!this.createPopupOnClick?this.createPopup():(this.isPopupCreated=!1,this.target&&!this.isColorPicker()&&this.createPopupOnClick&&(this.popupContent=this.getTargetElement(),this.popupContent.style.display="none"))},r.prototype.isColorPicker=function(){if(!this.element)return!1;var e=this.element.previousSibling;return!!(e&&e.classList&&e.classList.contains("e-split-colorpicker"))},r.prototype.appendArrowSpan=function(){this.cssClass=t.isNullOrUndefined(this.cssClass)?"":this.cssClass,this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(m.VERTICAL)>-1?"bottom":"right")+" e-caret"}))},r.prototype.setActiveElem=function(e){this.activeElem=e},r.prototype.getModuleName=function(){return"dropdown-btn"},r.prototype.canOpen=function(){var e=!1;return this.isPopupCreated&&(e=this.getPopUpElement().classList.contains("e-popup-close")),e},r.prototype.destroy=function(){var i=this;if(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()){var s;this.element.querySelector("span.e-caret")&&t.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(s=this.cssClass.split(" ")),this.button.destroy(),s&&t.removeClass([this.element],s),t.removeClass(this.activeElem,["e-active"]),(this.element.getAttribute("class")?["aria-haspopup","aria-expanded","aria-owns","type"]:["aria-haspopup","aria-expanded","aria-owns","type","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.popupUnWireEvents(),this.destroyPopup(),this.isPopupCreated=!1,this.disabled||this.unWireEvents()}},r.prototype.destroyPopup=function(){if(this.isPopupCreated){if(this.dropDown.destroy(),this.getPopUpElement()){var e=document.getElementById(this.getPopUpElement().id);e&&(t.removeClass([e],["e-popup-open","e-popup-close"]),t.detach(e))}t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.isPopupCreated&&this.dropDown&&(this.dropDown.element=null,this.dropDown=void 0)}this.isPopupCreated=!1;var i=t.getComponent(this.activeElem[0],"split-btn");if(this.createPopupOnClick&&i){var s=t.getComponent(this.activeElem[1],"dropdown-btn");s&&(s.isPopupCreated=!1)}},r.prototype.getPopUpElement=function(){var e=null;if(!this.dropDown&&this.activeElem[0].classList.contains("e-split-btn")){var i=t.getComponent(this.activeElem[1],"dropdown-btn");i&&(this.dropDown=i.dropDown)}return this.dropDown&&(e=this.dropDown.element),e},r.prototype.getULElement=function(){var e=null;return this.getPopUpElement()&&(e=this.getPopUpElement().children[0]),e},r.prototype.wireEvents=function(){this.delegateMousedownHandler=this.mousedownHandler.bind(this),this.createPopupOnClick||t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(window,"resize",this.windowResize,this)},r.prototype.windowResize=function(){!this.canOpen()&&this.dropDown&&this.dropDown.refreshPosition(this.element)},r.prototype.popupWireEvents=function(){this.delegateMousedownHandler||(this.delegateMousedownHandler=this.mousedownHandler.bind(this));var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),e&&(t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.closeActionEvents&&t.EventHandler.add(e,this.closeActionEvents,this.focusoutHandler,this)),this.rippleFn=t.rippleEffect(e,{selector:"."+m.ITEM})},r.prototype.popupUnWireEvents=function(){var e=this.getPopUpElement();this.createPopupOnClick&&t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),e&&e.parentElement&&(t.EventHandler.remove(e,"click",this.clickHandler),t.EventHandler.remove(e,"keydown",this.keyBoardHandler),this.closeActionEvents&&t.EventHandler.remove(e,this.closeActionEvents,this.focusoutHandler)),t.isRippleEnabled&&this.rippleFn&&this.rippleFn()},r.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(e.target&&(e.target.classList.contains("e-item")||e.target.parentElement&&e.target.parentElement.classList.contains("e-split-btn-wrapper"))&&13===e.keyCode&&e.preventDefault(),e.keyCode){case 38:case 40:!e.altKey||38!==e.keyCode&&40!==e.keyCode?this.upDownKeyHandler(e):this.keyEventHandler(e);break;case 9:case 13:case 27:case 32:this.keyEventHandler(e)}},r.prototype.isSafari=function(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)},r.prototype.upDownKeyHandler=function(e){(!this.target||38!==e.keyCode&&40!==e.keyCode)&&(e.preventDefault(),o(this.getULElement(),e.keyCode))},r.prototype.keyEventHandler=function(e){if(!this.target||13!==e.keyCode&&9!==e.keyCode)return 13===e.keyCode&&this.activeElem[0].classList.contains("e-split-btn")?(this.triggerSelect(e),void this.activeElem[0].focus()):void(e.target&&e.target.className.indexOf("e-edit-template")>-1&&32===e.keyCode||(9!==e.keyCode&&e.preventDefault(),27===e.keyCode||38===e.keyCode||9===e.keyCode?this.canOpen()||this.closePopup(e,this.element):this.clickHandler(e)))},r.prototype.getLI=function(e){return"LI"===e.tagName?e:t.closest(e,"li")},r.prototype.mousedownHandler=function(e){var i=e.target;!this.dropDown||this.canOpen()||!this.getPopUpElement()||t.closest(i,'[id="'+this.getPopUpElement().id+'"]')||t.closest(i,'[id="'+this.element.id+'"]')||this.closePopup(e)},r.prototype.focusoutHandler=function(e){if(this.isPopupCreated&&!this.canOpen()){var t=e.relatedTarget||e.target;if(t&&t.className.indexOf("e-item")>-1){var i=this.getLI(t);if(i){var s=Array.prototype.indexOf.call(this.getULElement().children,i),n=this.items[s];if(n){var o={element:i,item:n,event:e};this.trigger("select",o)}}}this.closePopup(e)}},r.prototype.clickHandler=function(e){var i=e.target;t.closest(i,'[id="'+this.element.id+'"]')?!this.createPopupOnClick||this.target&&""!==this.target&&!this.isColorPicker()&&!this.createPopupOnClick?this.getPopUpElement().classList.contains("e-popup-close")?this.openPopUp(e):this.closePopup(e):this.isPopupCreated?this.closePopup(e,this.activeElem[0]):(this.createPopup(),this.openPopUp(e)):t.closest(i,'[id="'+this.getPopUpElement().id+'"]')&&this.getLI(e.target)&&(this.triggerSelect(e),this.closePopup(e,this.activeElem[0]))},r.prototype.triggerSelect=function(e){var t,i,s,n=this.getLI(e.target);n&&(i=Array.prototype.indexOf.call(this.getULElement().children,n),(s=this.items[i])&&(t={element:n,item:s,event:e},this.trigger("select",t)))},r.prototype.openPopUp=function(e){var i=this;void 0===e&&(e=null);var s=this.getPopUpElement();if(this.activeElem[0]&&this.activeElem[0].classList.contains("e-dropdown-btn")&&s.style.width&&"auto"!==s.style.width&&this.setWidth(s),this.target)if(this.activeElem.length>1){var n=t.getComponent(this.activeElem[0],"split-btn");n.isReact&&s.childNodes.length<1&&(n.appendReactElement&&n.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates())}else this.isReact&&s.childNodes.length<1&&(this.appendReactElement&&this.appendReactElement(this.getTargetElement(),this.getPopUpElement()),this.renderReactTemplates());else this.createItems(!0);var o=this.getULElement();this.popupWireEvents();var r={element:o,items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",r,function(e){if(!e.cancel){var s=i.getULElement(),n="None"!==i.animationSettings.effect?{name:i.animationSettings.effect,duration:i.animationSettings.duration,timingFunction:i.animationSettings.easing}:null;if(n&&i.animatePopup(n,s),i.dropDown.show(null,i.element),t.addClass([i.element],"e-active"),i.element.setAttribute("aria-expanded","true"),i.element.setAttribute("aria-owns",i.getPopUpElement().id),s&&!i.isSafari()&&s.focus(),i.enableRtl&&"0px"!==s.parentElement.style.left){var o=void 0;o=i.element.parentElement&&i.element.parentElement.classList.contains("e-split-btn-wrapper")?i.element.parentElement.offsetWidth:i.element.offsetWidth;var r=s.parentElement.offsetWidth-o,a=parseFloat(s.parentElement.style.left)-r;a<0&&(a=0),s.parentElement.style.left=a+"px"}var p={element:s,items:i.items};i.trigger("open",p),s&&i.isSafari()&&s.focus()}})},r.prototype.animatePopup=function(e,i){new t.Animation(e).animate(i,{begin:function(e){e.element.parentElement.style.height=e.element.parentElement.offsetHeight+"px"}})},r.prototype.setWidth=function(e){var i=t.formatUnit(e.style.width);if(i.indexOf("%")>-1){var s=this.element.offsetWidth*parseFloat(i)/100;e.style.width=s+"px"}},r.prototype.closePopup=function(e,i){var s=this;void 0===e&&(e=null);var n=this.getULElement(),o={element:n,items:this.items,event:e,cancel:!1};this.trigger("beforeClose",o,function(o){if(o.cancel)o.element&&n.focus();else{var r=s.getPopUpElement();r&&t.EventHandler.remove(r,"keydown",s.keyBoardHandler),s.popupUnWireEvents();var a=s.getULElement(),p=void 0;a&&(p=a.querySelector(".e-selected")),p&&p.classList.remove("e-selected"),s.dropDown&&s.dropDown.hide(),t.removeClass(s.activeElem,"e-active"),s.element.setAttribute("aria-expanded","false"),s.element.removeAttribute("aria-owns"),i&&(s.isSafari()?i.focus({preventScroll:!0}):s.isColorPicker()&&27===e.keyCode||i.focus());var l={element:a,items:s.items};s.trigger("close",l),!s.target&&a&&t.detach(a),(!s.target||s.isColorPicker()||s.target&&!s.isColorPicker())&&s.createPopupOnClick&&s.destroyPopup()}})},r.prototype.unWireEvents=function(){this.createPopupOnClick||t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),this.isPopupCreated&&(t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler)),t.EventHandler.remove(window,"resize",this.windowResize.bind(this))},r.prototype.onPropertyChanged=function(e,i){var s=["content","cssClass","iconCss","iconPosition","disabled","enableRtl"];this.button.setProperties(n(e,s));var o;this.isPopupCreated&&(o=this.getPopUpElement(),this.dropDown.setProperties(n(e,["enableRtl"])));for(var r=0,a=Object.keys(e);r<a.length;r++)switch(a[r]){case"content":this.element.querySelector("span.e-caret")||this.appendArrowSpan();break;case"disabled":e.disabled?(this.unWireEvents(),this.isPopupCreated&&!this.canOpen()&&this.closePopup()):this.wireEvents();break;case"cssClass":if(i.cssClass=t.isNullOrUndefined(i.cssClass)?"":i.cssClass,e.cssClass.indexOf(m.VERTICAL)>-1||i.cssClass.indexOf(m.VERTICAL)>-1){this.element.querySelector("span.e-caret")||this.appendArrowSpan();var p=this.element.querySelector("span.e-caret");e.cssClass.indexOf(m.VERTICAL)>-1?t.classList(p,["e-icon-bottom"],["e-icon-right"]):t.classList(p,["e-icon-right"],["e-icon-bottom"])}this.isPopupCreated&&(i.cssClass&&t.removeClass([o],i.cssClass.split(" ")),e.cssClass&&t.addClass([o],e.cssClass.replace(/\s+/g," ").trim().split(" ")));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.isPopupCreated&&this.getULElement()&&this.createItems();break;case"createPopupOnClick":e.createPopupOnClick?this.destroyPopup():this.createPopup()}},r.prototype.focusIn=function(){this.element.focus()},u([t.Property("")],r.prototype,"content",void 0),u([t.Property("")],r.prototype,"cssClass",void 0),u([t.Property(!1)],r.prototype,"disabled",void 0),u([t.Property("")],r.prototype,"iconCss",void 0),u([t.Property("Left")],r.prototype,"iconPosition",void 0),u([t.Property(!0)],r.prototype,"enableHtmlSanitizer",void 0),u([t.Collection([],d)],r.prototype,"items",void 0),u([t.Property(!1)],r.prototype,"createPopupOnClick",void 0),u([t.Property("")],r.prototype,"target",void 0),u([t.Property("")],r.prototype,"closeActionEvents",void 0),u([t.Property(null)],r.prototype,"itemTemplate",void 0),u([t.Property("auto")],r.prototype,"popupWidth",void 0),u([t.Complex({effect:"None"},y)],r.prototype,"animationSettings",void 0),u([t.Event()],r.prototype,"beforeItemRender",void 0),u([t.Event()],r.prototype,"beforeOpen",void 0),u([t.Event()],r.prototype,"beforeClose",void 0),u([t.Event()],r.prototype,"close",void 0),u([t.Event()],r.prototype,"open",void 0),u([t.Event()],r.prototype,"select",void 0),u([t.Event()],r.prototype,"created",void 0),r=u([t.NotifyPropertyChanges],r)}(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)}}(),g=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},b="e-rtl",C="EJS-SPLITBUTTON",P=function(e){function s(t,i){return e.call(this,t,i)||this}return v(s,e),s.prototype.preRender=function(){var e=this.element;if(e.tagName===C){for(var i=t.getValue("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),n=this.createElement(C,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)s.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(n,e),t.detach(e),e=s,n.appendChild(e),t.setValue("ej2_instances",i,e),this.wrapper=n,this.element=e}this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.renderControl()},s.prototype.renderControl=function(){this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},s.prototype.addItems=function(t,i){e.prototype.addItems.call(this,t,i),this.secondaryBtnObj.items=this.items},s.prototype.removeItems=function(t,i){e.prototype.removeItems.call(this,t,i),this.secondaryBtnObj.items=this.items},s.prototype.initWrapper=function(){this.wrapper||(this.wrapper=this.createElement("div",{className:"e-"+this.getModuleName()+"-wrapper"}),this.element.parentNode.insertBefore(this.wrapper,this.element)),this.element.classList.remove("e-"+this.getModuleName()),this.enableRtl&&this.wrapper.classList.add(b),this.cssClass&&t.addClass([this.wrapper],this.cssClass.replace(/\s+/g," ").trim().split(" "))},s.prototype.createPrimaryButton=function(){var e={cssClass:this.cssClass,enableRtl:this.enableRtl,iconCss:this.iconCss,iconPosition:this.iconPosition,content:this.content,disabled:this.disabled};this.primaryBtnObj=new i.Button(e),this.primaryBtnObj.createElement=this.createElement,this.primaryBtnObj.appendTo(this.element),this.element.classList.add("e-"+this.getModuleName()),this.element.type="button",this.wrapper.appendChild(this.element)},s.prototype.createSecondaryButton=function(){var e=this,t=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(t);var i={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,createPopupOnClick:this.createPopupOnClick};i.beforeItemRender=function(t){e.createPopupOnClick&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown),e.trigger("beforeItemRender",t)},i.open=function(t){e.trigger("open",t)},i.close=function(t){e.trigger("close",t)},i.select=function(t){e.trigger("select",t)},i.beforeOpen=function(t){e.createPopupOnClick&&0===e.items.length&&(e.secondaryBtnObj.dropDown.relateTo=e.wrapper,e.dropDown=e.secondaryBtnObj.dropDown);var i=new E;return e.trigger("beforeOpen",t,function(e){i.resolve(e)}),i},i.beforeClose=function(t){var i=new E;return e.trigger("beforeClose",t,function(e){i.resolve(e)}),i},this.secondaryBtnObj=new f(i),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(t),this.createPopupOnClick||(this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown),this.isPopupCreated=this.secondaryBtnObj.isPopupCreated,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right"),this.disabled&&this.wrapper.classList.add("e-splitbtn-disabled")},s.prototype.setAria=function(){t.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent?this.element.textContent+" splitbutton":"splitbutton","aria-owns":this.element.id+"_dropdownbtn-popup"})},s.prototype.getModuleName=function(){return"split-btn"},s.prototype.toggle=function(){this.secondaryBtnObj.toggle()},s.prototype.destroy=function(){var i=this,s=[b];if(this.cssClass&&(s=s.concat(this.cssClass.split(" "))),this.element){var n=document.getElementById(this.element.id);n&&n.parentElement===this.wrapper&&(this.wrapper.tagName===C?(this.wrapper.innerHTML="",t.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),t.removeClass([this.wrapper],this.cssClass.split(" "))):(t.removeClass([this.element],s),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){i.element.removeAttribute(e)}),this.wrapper.parentNode.insertBefore(this.element,this.wrapper),t.remove(this.wrapper)),this.unWireEvents())}this.primaryBtnObj.destroy(),this.secondaryBtnObj.destroy(),e.prototype.destroy.call(this),this.element&&!this.element.getAttribute("class")&&this.element.removeAttribute("class"),this.refreshing&&this.isAngular&&(this.element=this.wrapper,["e-control","e-split-btn","e-lib"].forEach(function(e){i.element.classList.add(e)}),t.setValue("ej2_instances",[this],this.element)),this.wrapper=null},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow",enter:"enter"}})},s.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),t.getInstance(this.element,t.KeyboardEvents).destroy()},s.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},s.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e);break;case"enter":this.clickHandler(e),this.getPopUpElement()&&!this.getPopUpElement().classList.contains("e-popup-close")?(this.element.classList.remove("e-active"),this.secondaryBtnObj.element.classList.add("e-active")):this.secondaryBtnObj.element.classList.remove("e-active")}},s.prototype.onPropertyChanged=function(e,i){var s=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(n(e,s)),s=["beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl","createPopupOnClick"],Object.keys(e).indexOf("items")>-1&&(this.secondaryBtnObj.items=e.items,this.secondaryBtnObj.dataBind()),this.secondaryBtnObj.setProperties(n(e,s));for(var o=0,r=Object.keys(e);o<r.length;o++)switch(r[o]){case"cssClass":i.cssClass&&t.removeClass([this.wrapper],i.cssClass.split(" ")),t.addClass([this.wrapper],e.cssClass.replace(/\s+/g," ").trim().split(" "));break;case"enableRtl":e.enableRtl?t.addClass([this.wrapper],b):t.removeClass([this.wrapper],b);break;case"disabled":e.disabled?t.addClass([this.wrapper],"e-splitbtn-disabled"):t.removeClass([this.wrapper],"e-splitbtn-disabled")}},s.prototype.focusIn=function(){this.element.focus()},g([t.Property("")],s.prototype,"content",void 0),g([t.Property("")],s.prototype,"cssClass",void 0),g([t.Property(!1)],s.prototype,"disabled",void 0),g([t.Property("")],s.prototype,"iconCss",void 0),g([t.Property("Left")],s.prototype,"iconPosition",void 0),g([t.Property(!1)],s.prototype,"createPopupOnClick",void 0),g([t.Collection([],d)],s.prototype,"items",void 0),g([t.Property("")],s.prototype,"target",void 0),g([t.Event()],s.prototype,"beforeItemRender",void 0),g([t.Event()],s.prototype,"beforeOpen",void 0),g([t.Event()],s.prototype,"beforeClose",void 0),g([t.Event()],s.prototype,"click",void 0),g([t.Event()],s.prototype,"close",void 0),g([t.Event()],s.prototype,"open",void 0),g([t.Event()],s.prototype,"select",void 0),g([t.Event()],s.prototype,"created",void 0),s=g([t.NotifyPropertyChanges],s)}(f),E=function(){function e(){var e=this;this.promise=new Promise(function(t,i){e.resolve=t,e.reject=i}),this.catch=this.promise.catch.bind(this.promise),this.then=this.promise.then.bind(this.promise)}return e}(),w=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)}}(),O=function(e,t,i,s){var n,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(o<3?n(r):o>3?n(t,i,r):n(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r},k="e-btn-content",S=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return w(i,e),O([t.Property(null)],i.prototype,"template",void 0),O([t.Property(16)],i.prototype,"width",void 0),O([t.Property("Left")],i.prototype,"position",void 0),i}(t.ChildProperty),L=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return w(i,e),O([t.Property(400)],i.prototype,"duration",void 0),O([t.Property("None")],i.prototype,"effect",void 0),O([t.Property("ease")],i.prototype,"easing",void 0),i}(t.ChildProperty),H=function(e){function i(t,i){var s=e.call(this,t,i)||this;return s.step=1,s}return w(i,e),i.prototype.preRender=function(){e.prototype.preRender.call(this)},i.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},i.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},i.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},i.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},i.prototype.getModuleName=function(){return"progress-btn"},i.prototype.destroy=function(){var i=this,s=["e-hide-spinner","e-progress-active","e-round-corner","e-"+e.prototype.getModuleName.call(this)];this.spinSettings.position&&s.push("e-spin-"+this.spinSettings.position.toLowerCase()),e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(s=s.concat(this.cssClass.split(" "))),t.removeClass([this.element],s),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){i.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},i.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},i.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),s.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},i.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},i.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},i.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(k)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},i.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},i.prototype.setContent=function(){var e;e=this.element.innerHTML,this.enableHtmlSanitizer&&(e=t.SanitizeHtmlHelper.sanitize(this.element.innerHTML)),this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:k,innerHTML:e}))},i.prototype.clickHandler=function(){this.element.classList.contains("e-progress-active")||this.startProgress()},i.prototype.startProgress=function(e,t){var i=this.element.classList,n=i.contains("e-vertical");i.add("e-progress-active"),i.contains("e-hide-spinner")||s.showSpinner(this.element.querySelector(".e-spinner")),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,n),this.startContAnimate()},i.prototype.startAnimate=function(e,t,i,s,n,o,r,a){var p=this;try{var l=e-i,c=this.duration*o/100,d=l?l<c?l-c:l%c:0;this.progressTime=t=t+l-d,i=e-d,s+=(l-d)/this.duration*100;var h={percent:n=(t-r)%c==0||100===s?s:n,currentDuration:t,step:o};this.eIsVertical=a,0===s?this.trigger("begin",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):100===s||t===this.duration?this.trigger("end",h,function(e){p.successCallback(e,s,n,t,r,d,i)}):this.trigger("progress",h,function(e){p.successCallback(e,s,n,t,r,d,i)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},i.prototype.successCallback=function(e,t,i,s,n,o,r){var a=this,p=t,l=i,c=o,d=s,h=n,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(d-h)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,h=d),this.isPaused||(d<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),d,u,p,l,e.step,h,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&a.getProgress()&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},i.prototype.startContAnimate=function(){var e=this,i=this.element.getElementsByClassName(k)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(i,{duration:0===this.animationSettings.duration&&"Enable"===t.animationMode?400:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){i.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},i.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add("e-progress-active");for(var i=this.percent;i<100;i++)(i+=10)>100&&(i=100),this.enableProgress&&this.getProgress()&&(this.getProgress().style[t?"height":"width"]=this.percent<100?i+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin();var s={step:this.step,currentDuration:this.progressTime,percent:100};clearTimeout(this.interval),this.trigger("end",s),this.progressTime=this.percent=0},i.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(k)[0],t=this.getSpinner();t.style.width=Math.max(t.offsetWidth,e.offsetWidth)+"px",t.style.height=Math.max(t.offsetHeight,e.offsetHeight)+"px",e.classList.add("e-cont-animate")},i.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(k)[0];if(this.element.classList.contains("e-hide-spinner")||s.hideSpinner(this.element.querySelector(".e-spinner")),this.element.classList.remove("e-progress-active"),"None"!==this.animationSettings.effect&&e.classList.remove("e-animate-end"),"Center"===this.spinSettings.position){var t=this.getSpinner();e.classList.remove("e-cont-animate"),t.style.width="auto",t.style.height="auto"}},i.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(k)[0],t=this.element.getElementsByClassName("e-btn-icon")[0];!e.childNodes[0]||"Left"!==this.iconPosition&&"Top"!==this.iconPosition?e.appendChild(t):e.insertBefore(t,e.childNodes[0])},i.prototype.setAria=function(){t.attributes(this.element,{"aria-label":this.element.textContent+" progress"})},i.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},i.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},i.prototype.onPropertyChanged=function(i,n){var o=this.element,r=!1;this.element.querySelector(".e-spinner-pane").classList.contains("e-spin-show")&&(r=!0),e.prototype.onPropertyChanged.call(this,i,n);for(var a=0,p=Object.keys(i);a<p.length;a++)switch(p[a]){case"content":this.setContent(),this.createSpinner(),r&&(s.showSpinner(this.element.querySelector(".e-spinner")),r=!1),this.enableProgress&&this.createProgress(),o.setAttribute("aria-label",o.textContent+" progress");break;case"iconCss":n.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":i.enableProgress?this.createProgress():t.remove(this.getProgress());break;case"spinSettings":i.spinSettings.position&&(o.classList.remove("e-spin-"+n.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(i.spinSettings.template||i.spinSettings.width)&&(o.removeChild(this.getSpinner()),this.createSpinner())}},i.prototype.focusIn=function(){this.element.focus()},O([t.Property(!1)],i.prototype,"enableProgress",void 0),O([t.Property(2e3)],i.prototype,"duration",void 0),O([t.Property("Left")],i.prototype,"iconPosition",void 0),O([t.Property("")],i.prototype,"iconCss",void 0),O([t.Property(!1)],i.prototype,"disabled",void 0),O([t.Property(!1)],i.prototype,"isPrimary",void 0),O([t.Property("")],i.prototype,"cssClass",void 0),O([t.Property("")],i.prototype,"content",void 0),O([t.Property(!1)],i.prototype,"isToggle",void 0),O([t.Property(!0)],i.prototype,"enableHtmlSanitizer",void 0),O([t.Complex({},S)],i.prototype,"spinSettings",void 0),O([t.Complex({},L)],i.prototype,"animationSettings",void 0),O([t.Event()],i.prototype,"created",void 0),O([t.Event()],i.prototype,"begin",void 0),O([t.Event()],i.prototype,"progress",void 0),O([t.Event()],i.prototype,"end",void 0),O([t.Event()],i.prototype,"fail",void 0),i=O([t.NotifyPropertyChanges],i)}(i.Button);return e.AnimationSettings=L,e.Deferred=E,e.DropDownButton=f,e.DropDownMenuAnimationSettings=y,e.Item=d,e.ProgressButton=H,e.SpinSettings=S,e.SplitButton=P,e.createButtonGroup=p,e.getModel=n,e.setBlankIconStyle=a,e.upDownKeyHandler=o,e}({},ej.base,ej.buttons,ej.popups),this.ejs=ej; | ||
| //# sourceMappingURL=ej2-splitbuttons.min.js.map |
@@ -0,1 +1,10 @@ | ||
| /*! | ||
| * filename: index.d.ts | ||
| * version : 32.1.22 | ||
| * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved. | ||
| * Use of this code is subject to the terms of our license. | ||
| * A copy of the current license can be obtained at any time by e-mailing | ||
| * licensing@syncfusion.com. Any infringement will be prosecuted under | ||
| * applicable laws. | ||
| */ | ||
| import * as _splitbuttons from '@syncfusion/ej2-splitbuttons'; | ||
@@ -2,0 +11,0 @@ |
+1
-1
| { | ||
| "name": "@syncfusion/ej2-splitbuttons", | ||
| "version": "32.1.19", | ||
| "version": "32.1.22", | ||
| "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.", | ||
@@ -5,0 +5,0 @@ "author": "Syncfusion Inc.", |
+1
-1
@@ -116,2 +116,2 @@ # ej2-splitbuttons | ||
| © Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution. | ||
| © Copyright 2026 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution. |
@@ -852,3 +852,3 @@ var __extends = (this && this.__extends) || (function () { | ||
| // eslint-disable-next-line @typescript-eslint/no-explicit-any | ||
| EventHandler.remove(window, 'resize', this.windowResize); | ||
| EventHandler.remove(window, 'resize', this.windowResize.bind(this)); | ||
| }; | ||
@@ -855,0 +855,0 @@ /** |
@@ -16,10 +16,2 @@ @use 'ej2-base/styles/definition/bootstrap5.3' as *; | ||
| $progress-btn-color: $secondary-text-color !default; | ||
| $progress-btn-bgcolor: rgba($icon-color, .2) !default; | ||
| $progress-btn-bgcolor-normal: rgba($white, .2) !default; | ||
| $progress-btn-warning-progress-color: $progress-btn-bgcolor !default; | ||
| $progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default; | ||
| $progress-btn-flat-success-progress-color: rgba($success-text, 1) !default; | ||
| $progress-btn-flat-info-progress-color: rgba($info-text, 1) !default; | ||
| $progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default; | ||
| $progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default; | ||
| $btn-flat-primary-path-arc: $white; | ||
@@ -26,0 +18,0 @@ $progress-btn-zero-padding-margin: 0 !default; |
| @use 'ej2-base/styles/common/mixin' as *; | ||
| @use './theme-variables' as *; | ||
| @include export-module('progress-button-layout') { | ||
@@ -52,6 +53,31 @@ .e-progress-btn { | ||
| pointer-events: none; | ||
| @if $skin-name == 'bootstrap5.3' { | ||
| .e-progress, | ||
| .e-primary .e-progress, | ||
| .e-success .e-progress, | ||
| .e-danger .e-progress { | ||
| opacity: .3; | ||
| } | ||
| .e-progress { | ||
| opacity: 1; | ||
| .e-warning .e-progress, | ||
| .e-info .e-progress, | ||
| .e-primary.e-outline .e-progress, | ||
| .e-primary.e-flat .e-progress, | ||
| .e-success.e-outline .e-progress, | ||
| .e-success.e-flat .e-progress, | ||
| .e-danger.e-outline .e-progress, | ||
| .e-danger.e-flat .e-progress, | ||
| .e-warning.e-outline .e-progress, | ||
| .e-warning.e-flat .e-progress, | ||
| .e-info.e-outline .e-progress, | ||
| .e-info.e-flat .e-progress { | ||
| opacity: .2; | ||
| } | ||
| } | ||
| @else { | ||
| .e-progress { | ||
| opacity: 1; | ||
| } | ||
| } | ||
@@ -58,0 +84,0 @@ .e-animate-end { |
| @use 'sass:color'; | ||
| @use 'ej2-base/styles/common/mixin' as *; | ||
| @use './theme-variables' as *; | ||
| @include export-module('progress-button-theme') { | ||
@@ -470,3 +471,8 @@ | ||
| .e-progress { | ||
| background: $progress-btn-bgcolor-normal; | ||
| @if $skin-name == 'bootstrap5.3' { | ||
| background: currentColor; | ||
| } | ||
| @else { | ||
| background: $progress-btn-bgcolor-normal; | ||
| } | ||
| } | ||
@@ -478,3 +484,8 @@ | ||
| .e-progress { | ||
| background: $progress-btn-bgcolor; | ||
| @if $skin-name == 'bootstrap5.3' { | ||
| background: currentColor; | ||
| } | ||
| @else { | ||
| background: $progress-btn-bgcolor; | ||
| } | ||
| } | ||
@@ -485,3 +496,6 @@ } | ||
| .e-progress { | ||
| @if $skin-name != 'fluent2' { | ||
| @if $skin-name == 'bootstrap5.3' { | ||
| background: currentColor; | ||
| } | ||
| @else if $skin-name != 'fluent2' { | ||
| background: $progress-btn-bgcolor; | ||
@@ -488,0 +502,0 @@ } |
@@ -165,5 +165,22 @@ | ||
| } | ||
| .e-progress-btn.e-progress-active .e-progress { | ||
| opacity: 1; | ||
| .e-progress-btn.e-progress-active .e-progress, | ||
| .e-progress-btn.e-progress-active .e-primary .e-progress, | ||
| .e-progress-btn.e-progress-active .e-success .e-progress, | ||
| .e-progress-btn.e-progress-active .e-danger .e-progress { | ||
| opacity: 0.3; | ||
| } | ||
| .e-progress-btn.e-progress-active .e-warning .e-progress, | ||
| .e-progress-btn.e-progress-active .e-info .e-progress, | ||
| .e-progress-btn.e-progress-active .e-primary.e-outline .e-progress, | ||
| .e-progress-btn.e-progress-active .e-primary.e-flat .e-progress, | ||
| .e-progress-btn.e-progress-active .e-success.e-outline .e-progress, | ||
| .e-progress-btn.e-progress-active .e-success.e-flat .e-progress, | ||
| .e-progress-btn.e-progress-active .e-danger.e-outline .e-progress, | ||
| .e-progress-btn.e-progress-active .e-danger.e-flat .e-progress, | ||
| .e-progress-btn.e-progress-active .e-warning.e-outline .e-progress, | ||
| .e-progress-btn.e-progress-active .e-warning.e-flat .e-progress, | ||
| .e-progress-btn.e-progress-active .e-info.e-outline .e-progress, | ||
| .e-progress-btn.e-progress-active .e-info.e-flat .e-progress { | ||
| opacity: 0.2; | ||
| } | ||
| .e-progress-btn.e-progress-active .e-animate-end { | ||
@@ -551,3 +568,3 @@ opacity: 0; | ||
| .e-progress { | ||
| background: rgba(var(--color-sf-white), 0.2); | ||
| background: currentColor; | ||
| } | ||
@@ -558,7 +575,7 @@ | ||
| *.e-danger .e-progress { | ||
| background: rgba(var(--color-sf-icon-color), 0.2); | ||
| background: currentColor; | ||
| } | ||
| *.e-info .e-progress { | ||
| background: rgba(var(--color-sf-icon-color), 0.2); | ||
| background: currentColor; | ||
| } | ||
@@ -565,0 +582,0 @@ |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
6472455
0.07%137062
0.06%0
-100%