Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@syncfusion/ej2-splitbuttons
Advanced tools
@syncfusion/ej2-splitbuttons - npm Package Compare versions
Comparing version 17.2.28-beta to 17.2.29-beta
@@ -5,2 +5,18 @@ # Changelog | ||
| ## 17.2.40 (2019-08-06) | ||
| ### ProgressButton | ||
| #### Bug Fixes | ||
| - Issue with 'progressComplete' method is fixed. | ||
| ## 17.2.39 (2019-07-30) | ||
| ### SplitButton | ||
| #### Bug Fixes | ||
| - Provided support for 'OnOpen' and 'OnClose' events in Blazor. | ||
| ## 17.1.50 (2019-06-04) | ||
@@ -7,0 +23,0 @@ |
@@ -1,11 +0,2 @@ | ||
| /*! | ||
| * filename: ej2-splitbuttons.umd.min.js | ||
| * version : 17.2.28-beta | ||
| * Copyright Syncfusion Inc. 2001 - 2019. 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.ej={},e.ej2Base,e.ej2Buttons,e.ej2Popups)}(this,function(e,t,n,s){"use strict";function i(e,n){for(var s=t.extend({},e),i=0,o=Object.keys(s);i<o.length;i++){var r=o[i];n.indexOf(r)<0&&t.deleteObject(s,r)}return s}var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function s(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(s.prototype=n.prototype,new s)}}(),r=function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},a=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return o(n,e),r([t.Property("")],n.prototype,"iconCss",void 0),r([t.Property("")],n.prototype,"id",void 0),r([t.Property(!1)],n.prototype,"separator",void 0),r([t.Property("")],n.prototype,"text",void 0),r([t.Property("")],n.prototype,"url",void 0),n}(t.ChildProperty),p=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function s(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(s.prototype=n.prototype,new s)}}(),l=function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},c="e-disabled",h="e-focused",d="e-menu-icon",u="e-item",m="e-dropdown-popup",y="e-separator",f="e-vertical",v=function(e){function o(t,n){return e.call(this,t,n)||this}return p(o,e),o.prototype.preRender=function(){},o.prototype.getPersistData=function(){return this.addOnPersist([])},o.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.closePopup()},o.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents()},o.prototype.createPopup=function(){var e,n=this.createElement("div",{className:m,id:this.element.id+"-popup"});document.body.appendChild(n),this.dropDown=new s.Popup(n,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),"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["aria-owns"]=this.getPopUpElement().id,e.type="button",e)),this.cssClass&&t.addClass([n],this.cssClass.split(" "))},o.prototype.getTargetElement=function(){return"string"==typeof this.target?t.select(this.target):this.target},o.prototype.createItems=function(e){for(var n,s,i,o,r=this.hasIcon(e,"iconCss"),a=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),p=0;p<e.length;p++)s=e[p],i=this.createElement("li",{innerHTML:s.url?"":s.text,className:s.separator?u+" "+y:u,attrs:{role:"menuItem",tabindex:"-1"},id:s.id?s.id:t.getUniqueID("e-"+this.getModuleName()+"-item")}),s.iconCss?(n=this.createElement("span",{className:d+" "+s.iconCss}),i.insertBefore(n,i.childNodes[0])):r&&!s.separator&&i.classList.add("e-blank-icon"),s.url&&i.appendChild(this.createAnchor(s)),o={item:s,element:i},this.trigger("beforeItemRender",o),a.appendChild(i);return a},o.prototype.hasIcon=function(e,t){for(var n=0,s=e.length;n<s;n++)if(e[n][t])return!0;return!1},o.prototype.createAnchor=function(e){return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:e.text,attrs:{href:e.url}})},o.prototype.initialize=function(){this.button=new n.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.createPopup(),this.setActiveElem([this.element])},o.prototype.appendArrowSpan=function(){this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(f)>-1?"bottom":"right")+" e-caret"}))},o.prototype.setActiveElem=function(e){this.activeElem=e},o.prototype.getModuleName=function(){return"dropdown-btn"},o.prototype.canOpen=function(){return this.getPopUpElement().classList.contains("e-popup-close")},o.prototype.destroy=function(){var n=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){n.element.removeAttribute(e)}),this.dropDown.destroy();var i=document.getElementById(this.getPopUpElement().id);i&&(t.removeClass([i],["e-popup-open","e-popup-close"]),t.detach(i)),this.disabled||this.unWireEvents()}},o.prototype.getPopUpElement=function(){return this.dropDown.element},o.prototype.getULElement=function(){return this.getPopUpElement().children[0]},o.prototype.wireEvents=function(){var e=this.getPopUpElement();this.delegateMousedownHandler=this.mousedownHandler.bind(this),t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.rippleFn=t.rippleEffect(e,{selector:"."+u})},o.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(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)}},o.prototype.upDownKeyHandler=function(e){if(!this.target||38!==e.keyCode&&40!==e.keyCode){e.preventDefault();var n=this.getULElement(),s=40===e.keyCode?0:n.childElementCount-1,i=s,o=null;this.removeCustomSelection();for(var r=0,a=n.children.length;r<a;r++)n.children[r].classList.contains(h)&&(i=r,(o=n.children[r]).classList.remove(h),40===e.keyCode?i++:i--,i===(40===e.keyCode?n.childElementCount:-1)&&(i=s));o=n.children[i],-1!==(i=this.isValidLI(o,i,e.keyCode))&&(t.addClass([n.children[i]],h),n.children[i].focus())}},o.prototype.removeCustomSelection=function(){var e=this.getULElement().querySelector(".e-selected");e&&e.classList.remove("e-selected")},o.prototype.isValidLI=function(e,t,n,s){if(void 0===s&&(s=0),(e.classList.contains(y)||e.classList.contains(c))&&(t===(40===n?this.items.length-1:0)?t=40===n?0:this.items.length-1:40===n?t++:t--),(e=this.getULElement().children[t]).classList.contains(y)||e.classList.contains(c)){if(++s===this.items.length)return t=-1;t=this.isValidLI(e,t,n,s)}return t},o.prototype.keyEventHandler=function(e){(!this.target||13!==e.keyCode&&9!==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))},o.prototype.getLI=function(e){return"LI"===e.tagName?e:t.closest(e,"li")},o.prototype.mousedownHandler=function(e){var n=e.target;this.canOpen()||t.closest(n,"#"+this.getPopUpElement().id)||t.closest(n,"#"+this.element.id)||this.closePopup(e)},o.prototype.clickHandler=function(e){var n=e.target,s=this.canOpen();if(t.closest(n,"#"+this.element.id))s?this.openPopUp(e):this.closePopup(e,this.activeElem[0]);else if(t.closest(n,"#"+this.getPopUpElement().id)){var i=void 0,o=void 0,r=void 0,a=this.getLI(n);a&&(o=Array.prototype.indexOf.call(this.getULElement().children,a),(r=this.items[o])&&(i={element:a,item:r},this.trigger("select",i)),this.closePopup(e,this.activeElem[0]))}},o.prototype.openPopUp=function(e){var n=this;void 0===e&&(e=null),this.target||this.getPopUpElement().appendChild(this.createItems(this.items));var s={element:this.getULElement(),items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",s,function(e){if(!e.cancel){var s=n.getULElement();n.dropDown.show(null,n.element),t.addClass([n.element],"e-active"),n.element.setAttribute("aria-expanded","true"),s.focus();var i={element:s,items:n.items};n.trigger("open",i)}})},o.prototype.closePopup=function(e,n){var s=this;void 0===e&&(e=null);var i={element:this.getULElement(),items:this.items,event:e,cancel:!1};this.trigger("beforeClose",i,function(e){if(!e.cancel){var i=s.getULElement();s.removeCustomSelection(),s.dropDown.hide(),t.removeClass(s.activeElem,"e-active"),s.element.setAttribute("aria-expanded","false"),n&&n.focus();var o={element:i,items:s.items};s.trigger("close",o),!s.target&&i&&t.detach(i)}})},o.prototype.unWireEvents=function(){t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.rippleFn()},o.prototype.onPropertyChanged=function(e,n){this.button.setProperties(i(e,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"])),this.dropDown.setProperties(i(e,["enableRtl"]));for(var s=this.getPopUpElement(),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.canOpen()||this.closePopup()):this.wireEvents();break;case"cssClass":if(e.cssClass.indexOf(f)>-1){var a=this.element.querySelector("span.e-caret");t.classList(a,["e-icon-bottom"],["e-icon-right"])}n.cssClass&&t.removeClass([s],n.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.dropDown.refresh(),s.classList.contains("e-popup-open")&&t.classList(s,["e-popup-close"],["e-popup-open"])}}},o.prototype.focusIn=function(){this.element.focus()},l([t.Property("")],o.prototype,"content",void 0),l([t.Property("")],o.prototype,"cssClass",void 0),l([t.Property(!1)],o.prototype,"disabled",void 0),l([t.Property("")],o.prototype,"iconCss",void 0),l([t.Property("Left")],o.prototype,"iconPosition",void 0),l([t.Collection([],a)],o.prototype,"items",void 0),l([t.Property("")],o.prototype,"target",void 0),l([t.Event()],o.prototype,"beforeItemRender",void 0),l([t.Event()],o.prototype,"beforeOpen",void 0),l([t.Event()],o.prototype,"beforeClose",void 0),l([t.Event()],o.prototype,"close",void 0),l([t.Event()],o.prototype,"open",void 0),l([t.Event()],o.prototype,"select",void 0),l([t.Event()],o.prototype,"created",void 0),o=l([t.NotifyPropertyChanges],o)}(t.Component),g=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function s(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(s.prototype=n.prototype,new s)}}(),b=function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},C="EJS-SPLITBUTTON",P=function(e){function s(t,n){return e.call(this,t,n)||this}return g(s,e),s.prototype.preRender=function(){var e=this.element;if(e.tagName===C){for(var n=t.getValue("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),i=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(i,e),t.detach(e),e=s,i.appendChild(e),t.setValue("ej2_instances",n,e),this.wrapper=i,this.element=e}this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents()},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("e-rtl"),this.cssClass&&t.addClass([this.wrapper],this.cssClass.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 n.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,n=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(n);var s={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,beforeItemRender:function(t){e.trigger("beforeItemRender",t)},beforeOpen:function(t){e.trigger("beforeOpen",t,function(e){t=e})},beforeClose:function(t){e.trigger("beforeClose",t,function(e){t=e})},open:function(t){e.trigger("open",t)},close:function(t){e.trigger("close",t)},select:function(t){e.trigger("select",t)}};this.secondaryBtnObj=new v(s),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(n),this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],t.EventHandler.remove(this.getPopUpElement(),"keydown",this.secondaryBtnObj.keyBoardHandler),this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right")},s.prototype.setAria=function(){t.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent+" splitbutton","aria-owns":this.secondaryBtnObj.dropDown.element.id})},s.prototype.getModuleName=function(){return"split-btn"},s.prototype.toggle=function(){this.secondaryBtnObj.toggle()},s.prototype.destroy=function(){var n=this,s=["e-rtl"],i=document.getElementById(this.element.id);this.cssClass&&(s=s.concat(this.cssClass.split(" "))),i&&i.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){n.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.getAttribute("class")||this.element.removeAttribute("class")},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),t.EventHandler.add(this.getPopUpElement(),"keydown",this.keyBoardHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow"}})},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)}},s.prototype.onPropertyChanged=function(e,n){var s=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(i(e,s)),s=["items","beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl"],this.secondaryBtnObj.setProperties(i(e,s));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"cssClass":n.cssClass&&t.removeClass([this.wrapper],n.cssClass.split(" ")),t.addClass([this.wrapper],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?t.addClass([this.wrapper],"e-rtl"):t.removeClass([this.wrapper],"e-rtl")}}},s.prototype.focusIn=function(){this.element.focus()},b([t.Property("")],s.prototype,"content",void 0),b([t.Property("")],s.prototype,"cssClass",void 0),b([t.Property(!1)],s.prototype,"disabled",void 0),b([t.Property("")],s.prototype,"iconCss",void 0),b([t.Property("Left")],s.prototype,"iconPosition",void 0),b([t.Collection([],a)],s.prototype,"items",void 0),b([t.Property("")],s.prototype,"target",void 0),b([t.Event()],s.prototype,"beforeItemRender",void 0),b([t.Event()],s.prototype,"beforeOpen",void 0),b([t.Event()],s.prototype,"beforeClose",void 0),b([t.Event()],s.prototype,"click",void 0),b([t.Event()],s.prototype,"close",void 0),b([t.Event()],s.prototype,"open",void 0),b([t.Event()],s.prototype,"select",void 0),b([t.Event()],s.prototype,"created",void 0),s=b([t.NotifyPropertyChanges],s)}(v),w=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function s(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(s.prototype=n.prototype,new s)}}(),E=function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},k="e-hide-spinner",O="e-progress-active",S="e-btn-content",B=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return w(n,e),E([t.Property(null)],n.prototype,"template",void 0),E([t.Property(16)],n.prototype,"width",void 0),E([t.Property("Left")],n.prototype,"position",void 0),n}(t.ChildProperty),L=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return w(n,e),E([t.Property(400)],n.prototype,"duration",void 0),E([t.Property("None")],n.prototype,"effect",void 0),E([t.Property("ease")],n.prototype,"easing",void 0),n}(t.ChildProperty),j=function(e){function n(t,n){var s=e.call(this,t,n)||this;return s.step=1,s}return w(n,e),n.prototype.preRender=function(){e.prototype.preRender.call(this)},n.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria()},n.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},n.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},n.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},n.prototype.getModuleName=function(){return"progress-btn"},n.prototype.destroy=function(){var n=this,s=[k,O,"e-round-corner","e-"+e.prototype.getModuleName.call(this),"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){n.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},n.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},n.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)},n.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},n.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},n.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(S)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},n.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},n.prototype.setContent=function(){var e=this.element.innerHTML;this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:S,innerHTML:e}))},n.prototype.clickHandler=function(){this.element.classList.contains(O)||this.startProgress()},n.prototype.startProgress=function(e,t){var n=this.element.classList,i=n.contains("e-vertical");n.add(O),n.contains(k)||s.showSpinner(this.element),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,i),this.startContAnimate()},n.prototype.startAnimate=function(e,t,n,s,i,o,r,a){var p=this;try{var l=void 0,c=e-n,h=this.duration*o/100,d=c?c<h?c-h:c%h:0;this.progressTime=t=t+c-d,n=e-d,s+=(c-d)/this.duration*100,l={percent:i=(t-r)%h==0||100===s?s:i,currentDuration:t,step:o},this.eIsVertical=a,0===s?this.trigger("begin",l,function(e){p.successCallback(e,s,i,t,r,d,n)}):100===s||t===this.duration?this.trigger("end",l,function(e){p.successCallback(e,s,i,t,r,d,n)}):this.trigger("progress",l,function(e){p.successCallback(e,s,i,t,r,d,n)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},n.prototype.successCallback=function(e,t,n,s,i,o,r){var a=this,p=t,l=n,c=o,h=s,d=i,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(h-d)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,d=h),this.isPaused||(h<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),h,u,p,l,e.step,d,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},n.prototype.startContAnimate=function(){var e=this,n=this.element.getElementsByClassName(S)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(n,{duration:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){n.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},n.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add(O);for(var n,s=this.percent;s<100;s++)s+=10,this.enableProgress&&(this.getProgress().style[t?"height":"width"]=this.percent<100?s+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin(),n={step:this.step,currentDuration:this.progressTime,percent:100},clearTimeout(this.interval),this.trigger("end",n),this.progressTime=this.percent=0},n.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(S)[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")},n.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(S)[0];if(this.element.classList.contains(k)||s.hideSpinner(this.element),this.element.classList.remove(O),"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"}},n.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(S)[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])},n.prototype.setAria=function(){t.attributes(this.element,{"aria-label":this.element.textContent+" progress","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":"0"})},n.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},n.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},n.prototype.onPropertyChanged=function(n,s){var i=this.element;e.prototype.onPropertyChanged.call(this,n,s);for(var o=0,r=Object.keys(n);o<r.length;o++){switch(r[o]){case"content":this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress(),i.setAttribute("aria-label",i.textContent+" progress");break;case"iconCss":s.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":n.enableProgress?this.createProgress():t.remove(this.getProgress());break;case"spinSettings":n.spinSettings.position&&(i.classList.remove("e-spin-"+s.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(n.spinSettings.template||n.spinSettings.width)&&(i.removeChild(this.getSpinner()),this.createSpinner())}}},n.prototype.focusIn=function(){this.element.focus()},E([t.Property(!1)],n.prototype,"enableProgress",void 0),E([t.Property(2e3)],n.prototype,"duration",void 0),E([t.Property("Left")],n.prototype,"iconPosition",void 0),E([t.Property("")],n.prototype,"iconCss",void 0),E([t.Property(!1)],n.prototype,"disabled",void 0),E([t.Property(!1)],n.prototype,"isPrimary",void 0),E([t.Property("")],n.prototype,"cssClass",void 0),E([t.Property("")],n.prototype,"content",void 0),E([t.Property(!1)],n.prototype,"isToggle",void 0),E([t.Complex({},B)],n.prototype,"spinSettings",void 0),E([t.Complex({},L)],n.prototype,"animationSettings",void 0),E([t.Event()],n.prototype,"created",void 0),E([t.Event()],n.prototype,"begin",void 0),E([t.Event()],n.prototype,"progress",void 0),E([t.Event()],n.prototype,"end",void 0),E([t.Event()],n.prototype,"fail",void 0),n=E([t.NotifyPropertyChanges],n)}(n.Button);e.getModel=i,e.Item=a,e.DropDownButton=v,e.SplitButton=P,e.createButtonGroup=function(e,s,i){void 0===s&&(s={});var o,r,a,p;t.isNullOrUndefined(i)&&(i=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 h=0,d=0;d<c.length;h++,d++)o=c[d],null!==(p=s.buttons[h])&&("BUTTON"===o.tagName?r=o:(r=i("label"),(a=c[d+1])?l.insertBefore(r,a):l.appendChild(r),o.id&&r.setAttribute("for",o.id),p&&p.disabled&&(o.disabled=!0),d++),s.cssClass&&p&&!p.cssClass&&(p.cssClass=s.cssClass),new n.Button(p||{},r));return l},e.SpinSettings=B,e.AnimationSettings=L,e.ProgressButton=j,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| !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.ej={},e.ej2Base,e.ej2Buttons,e.ej2Popups)}(this,function(e,t,n,s){"use strict";function i(e,n){for(var s=t.extend({},e),i=0,o=Object.keys(s);i<o.length;i++){var r=o[i];n.indexOf(r)<0&&t.deleteObject(s,r)}return s}var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function s(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(s.prototype=n.prototype,new s)}}(),r=function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},a=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return o(n,e),r([t.Property("")],n.prototype,"iconCss",void 0),r([t.Property("")],n.prototype,"id",void 0),r([t.Property(!1)],n.prototype,"separator",void 0),r([t.Property("")],n.prototype,"text",void 0),r([t.Property("")],n.prototype,"url",void 0),n}(t.ChildProperty),p=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function s(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(s.prototype=n.prototype,new s)}}(),l=function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},c="e-disabled",h="e-focused",d="e-menu-icon",u="e-item",m="e-dropdown-popup",y="e-separator",f="e-vertical",v=function(e){function o(t,n){return e.call(this,t,n)||this}return p(o,e),o.prototype.preRender=function(){},o.prototype.getPersistData=function(){return this.addOnPersist([])},o.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.closePopup()},o.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},o.prototype.createPopup=function(){var e,n=this.createElement("div",{className:m,id:this.element.id+"-popup"});document.body.appendChild(n),this.dropDown=new s.Popup(n,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),"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["aria-owns"]=this.getPopUpElement().id,e.type="button",e)),this.cssClass&&t.addClass([n],this.cssClass.split(" "))},o.prototype.getTargetElement=function(){return"string"==typeof this.target?t.select(this.target):this.target},o.prototype.createItems=function(e){for(var n,s,i,o,r=this.hasIcon(e,"iconCss"),a=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),p=0;p<e.length;p++)s=e[p],i=this.createElement("li",{innerHTML:s.url?"":s.text,className:s.separator?u+" "+y:u,attrs:{role:"menuItem",tabindex:"-1"},id:s.id?s.id:t.getUniqueID("e-"+this.getModuleName()+"-item")}),s.iconCss?(n=this.createElement("span",{className:d+" "+s.iconCss}),i.insertBefore(n,i.childNodes[0])):r&&!s.separator&&i.classList.add("e-blank-icon"),s.url&&i.appendChild(this.createAnchor(s)),o={item:s,element:i},this.trigger("beforeItemRender",o),a.appendChild(i);return a},o.prototype.hasIcon=function(e,t){for(var n=0,s=e.length;n<s;n++)if(e[n][t])return!0;return!1},o.prototype.createAnchor=function(e){return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:e.text,attrs:{href:e.url}})},o.prototype.initialize=function(){this.button=new n.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.createPopup(),this.setActiveElem([this.element])},o.prototype.appendArrowSpan=function(){this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(f)>-1?"bottom":"right")+" e-caret"}))},o.prototype.setActiveElem=function(e){this.activeElem=e},o.prototype.getModuleName=function(){return"dropdown-btn"},o.prototype.canOpen=function(){return this.getPopUpElement().classList.contains("e-popup-close")},o.prototype.destroy=function(){var n=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){n.element.removeAttribute(e)}),this.dropDown.destroy();var i=document.getElementById(this.getPopUpElement().id);i&&(t.removeClass([i],["e-popup-open","e-popup-close"]),t.detach(i)),this.disabled||this.unWireEvents()}},o.prototype.getPopUpElement=function(){return this.dropDown.element},o.prototype.getULElement=function(){return this.getPopUpElement().children[0]},o.prototype.wireEvents=function(){var e=this.getPopUpElement();this.delegateMousedownHandler=this.mousedownHandler.bind(this),t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.rippleFn=t.rippleEffect(e,{selector:"."+u})},o.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(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)}},o.prototype.upDownKeyHandler=function(e){if(!this.target||38!==e.keyCode&&40!==e.keyCode){e.preventDefault();var n=this.getULElement(),s=40===e.keyCode?0:n.childElementCount-1,i=s,o=null;this.removeCustomSelection();for(var r=0,a=n.children.length;r<a;r++)n.children[r].classList.contains(h)&&(i=r,(o=n.children[r]).classList.remove(h),40===e.keyCode?i++:i--,i===(40===e.keyCode?n.childElementCount:-1)&&(i=s));o=n.children[i],-1!==(i=this.isValidLI(o,i,e.keyCode))&&(t.addClass([n.children[i]],h),n.children[i].focus())}},o.prototype.removeCustomSelection=function(){var e=this.getULElement().querySelector(".e-selected");e&&e.classList.remove("e-selected")},o.prototype.isValidLI=function(e,t,n,s){if(void 0===s&&(s=0),(e.classList.contains(y)||e.classList.contains(c))&&(t===(40===n?this.items.length-1:0)?t=40===n?0:this.items.length-1:40===n?t++:t--),(e=this.getULElement().children[t]).classList.contains(y)||e.classList.contains(c)){if(++s===this.items.length)return t=-1;t=this.isValidLI(e,t,n,s)}return t},o.prototype.keyEventHandler=function(e){(!this.target||13!==e.keyCode&&9!==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))},o.prototype.getLI=function(e){return"LI"===e.tagName?e:t.closest(e,"li")},o.prototype.mousedownHandler=function(e){var n=e.target;this.canOpen()||t.closest(n,"#"+this.getPopUpElement().id)||t.closest(n,"#"+this.element.id)||this.closePopup(e)},o.prototype.clickHandler=function(e){var n=e.target,s=this.canOpen();if(t.closest(n,"#"+this.element.id))s?this.openPopUp(e):this.closePopup(e,this.activeElem[0]);else if(t.closest(n,"#"+this.getPopUpElement().id)){var i=void 0,o=void 0,r=void 0,a=this.getLI(n);a&&(o=Array.prototype.indexOf.call(this.getULElement().children,a),(r=this.items[o])&&(i={element:a,item:r},this.trigger("select",i)),this.closePopup(e,this.activeElem[0]))}},o.prototype.openPopUp=function(e){var n=this;void 0===e&&(e=null),this.target||this.getPopUpElement().appendChild(this.createItems(this.items));var s={element:this.getULElement(),items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",s,function(e){if(!e.cancel){var s=n.getULElement();n.dropDown.show(null,n.element),t.addClass([n.element],"e-active"),n.element.setAttribute("aria-expanded","true"),s.focus();var i={element:s,items:n.items};n.trigger("open",i)}})},o.prototype.closePopup=function(e,n){var s=this;void 0===e&&(e=null);var i={element:this.getULElement(),items:this.items,event:e,cancel:!1};this.trigger("beforeClose",i,function(e){if(!e.cancel){var i=s.getULElement();s.removeCustomSelection(),s.dropDown.hide(),t.removeClass(s.activeElem,"e-active"),s.element.setAttribute("aria-expanded","false"),n&&n.focus();var o={element:i,items:s.items};s.trigger("close",o),!s.target&&i&&t.detach(i)}})},o.prototype.unWireEvents=function(){t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.rippleFn()},o.prototype.onPropertyChanged=function(e,n){this.button.setProperties(i(e,["content","cssClass","iconCss","iconPosition","disabled","enableRtl"])),this.dropDown.setProperties(i(e,["enableRtl"]));for(var s=this.getPopUpElement(),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.canOpen()||this.closePopup()):this.wireEvents();break;case"cssClass":if(e.cssClass.indexOf(f)>-1){var a=this.element.querySelector("span.e-caret");t.classList(a,["e-icon-bottom"],["e-icon-right"])}n.cssClass&&t.removeClass([s],n.cssClass.split(" ")),e.cssClass&&t.addClass([s],e.cssClass.split(" "));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.dropDown.refresh(),s.classList.contains("e-popup-open")&&t.classList(s,["e-popup-close"],["e-popup-open"])}}},o.prototype.focusIn=function(){this.element.focus()},l([t.Property("")],o.prototype,"content",void 0),l([t.Property("")],o.prototype,"cssClass",void 0),l([t.Property(!1)],o.prototype,"disabled",void 0),l([t.Property("")],o.prototype,"iconCss",void 0),l([t.Property("Left")],o.prototype,"iconPosition",void 0),l([t.Collection([],a)],o.prototype,"items",void 0),l([t.Property("")],o.prototype,"target",void 0),l([t.Event()],o.prototype,"beforeItemRender",void 0),l([t.Event()],o.prototype,"beforeOpen",void 0),l([t.Event()],o.prototype,"beforeClose",void 0),l([t.Event()],o.prototype,"close",void 0),l([t.Event()],o.prototype,"open",void 0),l([t.Event()],o.prototype,"select",void 0),l([t.Event()],o.prototype,"created",void 0),o=l([t.NotifyPropertyChanges],o)}(t.Component),g=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function s(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(s.prototype=n.prototype,new s)}}(),b=function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},C="EJS-SPLITBUTTON",P=function(e){function s(t,n){return e.call(this,t,n)||this}return g(s,e),s.prototype.preRender=function(){var e=this.element;if(e.tagName===C){for(var n=t.getValue("ej2_instances",e),s=this.createElement("button",{attrs:{type:"button"}}),i=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(i,e),t.detach(e),e=s,i.appendChild(e),t.setValue("ej2_instances",n,e),this.wrapper=i,this.element=e}this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},s.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},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("e-rtl"),this.cssClass&&t.addClass([this.wrapper],this.cssClass.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 n.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,n=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(n);var s={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,beforeItemRender:function(t){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)}};s.beforeOpen=function(t){var n=new w;return e.trigger("beforeOpen",t,function(e){n.resolve(e)}),n},s.beforeClose=function(t){var n=new w;return e.trigger("beforeClose",t,function(e){n.resolve(e)}),n},this.secondaryBtnObj=new v(s),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(n),this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],t.EventHandler.remove(this.getPopUpElement(),"keydown",this.secondaryBtnObj.keyBoardHandler),this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right")},s.prototype.setAria=function(){t.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent+" splitbutton","aria-owns":this.secondaryBtnObj.dropDown.element.id})},s.prototype.getModuleName=function(){return"split-btn"},s.prototype.toggle=function(){this.secondaryBtnObj.toggle()},s.prototype.destroy=function(){var n=this,s=["e-rtl"],i=document.getElementById(this.element.id);this.cssClass&&(s=s.concat(this.cssClass.split(" "))),i&&i.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){n.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.getAttribute("class")||this.element.removeAttribute("class")},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),t.EventHandler.add(this.getPopUpElement(),"keydown",this.keyBoardHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow"}})},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)}},s.prototype.onPropertyChanged=function(e,n){var s=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(i(e,s)),s=["items","beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl"],this.secondaryBtnObj.setProperties(i(e,s));for(var o=0,r=Object.keys(e);o<r.length;o++){switch(r[o]){case"cssClass":n.cssClass&&t.removeClass([this.wrapper],n.cssClass.split(" ")),t.addClass([this.wrapper],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?t.addClass([this.wrapper],"e-rtl"):t.removeClass([this.wrapper],"e-rtl")}}},s.prototype.focusIn=function(){this.element.focus()},b([t.Property("")],s.prototype,"content",void 0),b([t.Property("")],s.prototype,"cssClass",void 0),b([t.Property(!1)],s.prototype,"disabled",void 0),b([t.Property("")],s.prototype,"iconCss",void 0),b([t.Property("Left")],s.prototype,"iconPosition",void 0),b([t.Collection([],a)],s.prototype,"items",void 0),b([t.Property("")],s.prototype,"target",void 0),b([t.Event()],s.prototype,"beforeItemRender",void 0),b([t.Event()],s.prototype,"beforeOpen",void 0),b([t.Event()],s.prototype,"beforeClose",void 0),b([t.Event()],s.prototype,"click",void 0),b([t.Event()],s.prototype,"close",void 0),b([t.Event()],s.prototype,"open",void 0),b([t.Event()],s.prototype,"select",void 0),b([t.Event()],s.prototype,"created",void 0),s=b([t.NotifyPropertyChanges],s)}(v),w=function(){return function(){var e=this;this.promise=new Promise(function(t,n){e.resolve=t,e.reject=n}),this.then=this.promise.then.bind(this.promise),this.catch=this.promise.catch.bind(this.promise)}}(),E=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function s(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(s.prototype=n.prototype,new s)}}(),k=function(e,t,n,s){var i,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,n):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,s);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,n,r):i(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},O="e-hide-spinner",S="e-progress-active",B="e-btn-content",L=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return E(n,e),k([t.Property(null)],n.prototype,"template",void 0),k([t.Property(16)],n.prototype,"width",void 0),k([t.Property("Left")],n.prototype,"position",void 0),n}(t.ChildProperty),j=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return E(n,e),k([t.Property(400)],n.prototype,"duration",void 0),k([t.Property("None")],n.prototype,"effect",void 0),k([t.Property("ease")],n.prototype,"easing",void 0),n}(t.ChildProperty),H=function(e){function n(t,n){var s=e.call(this,t,n)||this;return s.step=1,s}return E(n,e),n.prototype.preRender=function(){e.prototype.preRender.call(this)},n.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},n.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},n.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},n.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},n.prototype.getModuleName=function(){return"progress-btn"},n.prototype.destroy=function(){var n=this,s=[O,S,"e-round-corner","e-"+e.prototype.getModuleName.call(this),"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){n.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},n.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},n.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)},n.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},n.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},n.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(B)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},n.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},n.prototype.setContent=function(){var e=this.element.innerHTML;this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:B,innerHTML:e}))},n.prototype.clickHandler=function(){this.element.classList.contains(S)||this.startProgress()},n.prototype.startProgress=function(e,t){var n=this.element.classList,i=n.contains("e-vertical");n.add(S),n.contains(O)||s.showSpinner(this.element),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,i),this.startContAnimate()},n.prototype.startAnimate=function(e,t,n,s,i,o,r,a){var p=this;try{var l=void 0,c=e-n,h=this.duration*o/100,d=c?c<h?c-h:c%h:0;this.progressTime=t=t+c-d,n=e-d,s+=(c-d)/this.duration*100,l={percent:i=(t-r)%h==0||100===s?s:i,currentDuration:t,step:o},this.eIsVertical=a,0===s?this.trigger("begin",l,function(e){p.successCallback(e,s,i,t,r,d,n)}):100===s||t===this.duration?this.trigger("end",l,function(e){p.successCallback(e,s,i,t,r,d,n)}):this.trigger("progress",l,function(e){p.successCallback(e,s,i,t,r,d,n)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},n.prototype.successCallback=function(e,t,n,s,i,o,r){var a=this,p=t,l=n,c=o,h=s,d=i,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(h-d)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,d=h),this.isPaused||(h<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),h,u,p,l,e.step,d,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},n.prototype.startContAnimate=function(){var e=this,n=this.element.getElementsByClassName(B)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(n,{duration:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){n.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},n.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add(S);for(var n,s=this.percent;s<100;s++)(s+=10)>100&&(s=100),this.enableProgress&&(this.getProgress().style[t?"height":"width"]=this.percent<100?s+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin(),n={step:this.step,currentDuration:this.progressTime,percent:100},clearTimeout(this.interval),this.trigger("end",n),this.progressTime=this.percent=0},n.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(B)[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")},n.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(B)[0];if(this.element.classList.contains(O)||s.hideSpinner(this.element),this.element.classList.remove(S),"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"}},n.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(B)[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])},n.prototype.setAria=function(){t.attributes(this.element,{"aria-label":this.element.textContent+" progress","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":"0"})},n.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},n.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},n.prototype.onPropertyChanged=function(n,s){var i=this.element;e.prototype.onPropertyChanged.call(this,n,s);for(var o=0,r=Object.keys(n);o<r.length;o++){switch(r[o]){case"content":this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress(),i.setAttribute("aria-label",i.textContent+" progress");break;case"iconCss":s.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":n.enableProgress?this.createProgress():t.remove(this.getProgress());break;case"spinSettings":n.spinSettings.position&&(i.classList.remove("e-spin-"+s.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(n.spinSettings.template||n.spinSettings.width)&&(i.removeChild(this.getSpinner()),this.createSpinner())}}},n.prototype.focusIn=function(){this.element.focus()},k([t.Property(!1)],n.prototype,"enableProgress",void 0),k([t.Property(2e3)],n.prototype,"duration",void 0),k([t.Property("Left")],n.prototype,"iconPosition",void 0),k([t.Property("")],n.prototype,"iconCss",void 0),k([t.Property(!1)],n.prototype,"disabled",void 0),k([t.Property(!1)],n.prototype,"isPrimary",void 0),k([t.Property("")],n.prototype,"cssClass",void 0),k([t.Property("")],n.prototype,"content",void 0),k([t.Property(!1)],n.prototype,"isToggle",void 0),k([t.Complex({},L)],n.prototype,"spinSettings",void 0),k([t.Complex({},j)],n.prototype,"animationSettings",void 0),k([t.Event()],n.prototype,"created",void 0),k([t.Event()],n.prototype,"begin",void 0),k([t.Event()],n.prototype,"progress",void 0),k([t.Event()],n.prototype,"end",void 0),k([t.Event()],n.prototype,"fail",void 0),n=k([t.NotifyPropertyChanges],n)}(n.Button);e.getModel=i,e.Item=a,e.DropDownButton=v,e.SplitButton=P,e.Deferred=w,e.createButtonGroup=function(e,s,i){void 0===s&&(s={});var o,r,a,p;t.isNullOrUndefined(i)&&(i=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 h=0,d=0;d<c.length;h++,d++)o=c[d],null!==(p=s.buttons[h])&&("BUTTON"===o.tagName?r=o:(r=i("label"),(a=c[d+1])?l.insertBefore(r,a):l.appendChild(r),o.id&&r.setAttribute("for",o.id),p&&p.disabled&&(o.disabled=!0),d++),s.cssClass&&p&&!p.cssClass&&(p.cssClass=s.cssClass),new n.Button(p||{},r));return l},e.SpinSettings=L,e.AnimationSettings=j,e.ProgressButton=H,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| //# sourceMappingURL=ej2-splitbuttons.umd.min.js.map |
@@ -111,2 +111,3 @@ import { Animation, ChildProperty, Collection, Complex, Component, Event, EventHandler, KeyboardEvents, NotifyPropertyChanges, Property, addClass, attributes, classList, closest, createElement, deleteObject, detach, extend, getInstance, getUniqueID, getValue, isNullOrUndefined, remove, removeClass, rippleEffect, select, setValue } from '@syncfusion/ej2-base'; | ||
| } | ||
| this.renderComplete(); | ||
| } | ||
@@ -628,2 +629,3 @@ createPopup() { | ||
| this.wireEvents(); | ||
| this.renderComplete(); | ||
| } | ||
@@ -675,12 +677,2 @@ initWrapper() { | ||
| }, | ||
| beforeOpen: (args) => { | ||
| this.trigger('beforeOpen', args, (observedArgs) => { | ||
| args = observedArgs; | ||
| }); | ||
| }, | ||
| beforeClose: (args) => { | ||
| this.trigger('beforeClose', args, (observedArgs) => { | ||
| args = observedArgs; | ||
| }); | ||
| }, | ||
| open: (args) => { | ||
@@ -696,2 +688,16 @@ this.trigger('open', args); | ||
| }; | ||
| dropDownBtnModel.beforeOpen = (args) => { | ||
| let callBackPromise = new Deferred(); | ||
| this.trigger('beforeOpen', args, (observedArgs) => { | ||
| callBackPromise.resolve(observedArgs); | ||
| }); | ||
| return callBackPromise; | ||
| }; | ||
| dropDownBtnModel.beforeClose = (args) => { | ||
| let callBackPromise = new Deferred(); | ||
| this.trigger('beforeClose', args, (observedArgs) => { | ||
| callBackPromise.resolve(observedArgs); | ||
| }); | ||
| return callBackPromise; | ||
| }; | ||
| this.secondaryBtnObj = new DropDownButton(dropDownBtnModel); | ||
@@ -869,2 +875,24 @@ this.secondaryBtnObj.createElement = this.createElement; | ||
| ], SplitButton); | ||
| /** | ||
| * Deferred is used to handle asynchronous operation. | ||
| */ | ||
| class Deferred { | ||
| constructor() { | ||
| /** | ||
| * Promise is an object that represents a value that may not be available yet, but will be resolved at some point in the future. | ||
| */ | ||
| this.promise = new Promise((resolve, reject) => { | ||
| this.resolve = resolve; | ||
| this.reject = reject; | ||
| }); | ||
| /** | ||
| * Defines the callback function triggers when the Deferred object is resolved. | ||
| */ | ||
| this.then = this.promise.then.bind(this.promise); | ||
| /** | ||
| * Defines the callback function triggers when the Deferred object is rejected. | ||
| */ | ||
| this.catch = this.promise.catch.bind(this.promise); | ||
| } | ||
| } | ||
@@ -1016,2 +1044,3 @@ /** | ||
| this.setAria(); | ||
| this.renderComplete(); | ||
| } | ||
@@ -1235,2 +1264,5 @@ /** | ||
| i += 10; | ||
| if (i > 100) { | ||
| i = 100; | ||
| } | ||
| if (this.enableProgress) { | ||
@@ -1409,3 +1441,3 @@ this.getProgress().style[isVertical ? 'height' : 'width'] = (this.percent < 100) ? (i + '%') : '100%'; | ||
| export { getModel, Item, DropDownButton, SplitButton, createButtonGroup, SpinSettings, AnimationSettings, ProgressButton }; | ||
| export { getModel, Item, DropDownButton, SplitButton, Deferred, createButtonGroup, SpinSettings, AnimationSettings, ProgressButton }; | ||
| //# sourceMappingURL=ej2-splitbuttons.es2015.js.map |
@@ -144,2 +144,3 @@ import { Animation, ChildProperty, Collection, Complex, Component, Event, EventHandler, KeyboardEvents, NotifyPropertyChanges, Property, addClass, attributes, classList, closest, createElement, deleteObject, detach, extend, getInstance, getUniqueID, getValue, isNullOrUndefined, remove, removeClass, rippleEffect, select, setValue } from '@syncfusion/ej2-base'; | ||
| } | ||
| this.renderComplete(); | ||
| }; | ||
@@ -681,2 +682,3 @@ DropDownButton.prototype.createPopup = function () { | ||
| this.wireEvents(); | ||
| this.renderComplete(); | ||
| }; | ||
@@ -729,12 +731,2 @@ SplitButton.prototype.initWrapper = function () { | ||
| }, | ||
| beforeOpen: function (args) { | ||
| _this.trigger('beforeOpen', args, function (observedArgs) { | ||
| args = observedArgs; | ||
| }); | ||
| }, | ||
| beforeClose: function (args) { | ||
| _this.trigger('beforeClose', args, function (observedArgs) { | ||
| args = observedArgs; | ||
| }); | ||
| }, | ||
| open: function (args) { | ||
@@ -750,2 +742,16 @@ _this.trigger('open', args); | ||
| }; | ||
| dropDownBtnModel.beforeOpen = function (args) { | ||
| var callBackPromise = new Deferred(); | ||
| _this.trigger('beforeOpen', args, function (observedArgs) { | ||
| callBackPromise.resolve(observedArgs); | ||
| }); | ||
| return callBackPromise; | ||
| }; | ||
| dropDownBtnModel.beforeClose = function (args) { | ||
| var callBackPromise = new Deferred(); | ||
| _this.trigger('beforeClose', args, function (observedArgs) { | ||
| callBackPromise.resolve(observedArgs); | ||
| }); | ||
| return callBackPromise; | ||
| }; | ||
| this.secondaryBtnObj = new DropDownButton(dropDownBtnModel); | ||
@@ -926,2 +932,26 @@ this.secondaryBtnObj.createElement = this.createElement; | ||
| }(DropDownButton)); | ||
| /** | ||
| * Deferred is used to handle asynchronous operation. | ||
| */ | ||
| var Deferred = /** @__PURE__ @class */ (function () { | ||
| function Deferred() { | ||
| var _this = this; | ||
| /** | ||
| * Promise is an object that represents a value that may not be available yet, but will be resolved at some point in the future. | ||
| */ | ||
| this.promise = new Promise(function (resolve, reject) { | ||
| _this.resolve = resolve; | ||
| _this.reject = reject; | ||
| }); | ||
| /** | ||
| * Defines the callback function triggers when the Deferred object is resolved. | ||
| */ | ||
| this.then = this.promise.then.bind(this.promise); | ||
| /** | ||
| * Defines the callback function triggers when the Deferred object is rejected. | ||
| */ | ||
| this.catch = this.promise.catch.bind(this.promise); | ||
| } | ||
| return Deferred; | ||
| }()); | ||
@@ -1099,2 +1129,3 @@ /** | ||
| this.setAria(); | ||
| this.renderComplete(); | ||
| }; | ||
@@ -1322,2 +1353,5 @@ /** | ||
| i += 10; | ||
| if (i > 100) { | ||
| i = 100; | ||
| } | ||
| if (this.enableProgress) { | ||
@@ -1498,3 +1532,3 @@ this.getProgress().style[isVertical ? 'height' : 'width'] = (this.percent < 100) ? (i + '%') : '100%'; | ||
| export { getModel, Item, DropDownButton, SplitButton, createButtonGroup, SpinSettings, AnimationSettings, ProgressButton }; | ||
| export { getModel, Item, DropDownButton, SplitButton, Deferred, createButtonGroup, SpinSettings, AnimationSettings, ProgressButton }; | ||
| //# sourceMappingURL=ej2-splitbuttons.es5.js.map |
@@ -1,11 +0,2 @@ | ||
| /*! | ||
| * filename: ej2-splitbuttons.min.js | ||
| * version : 17.2.28-beta | ||
| * Copyright Syncfusion Inc. 2001 - 2019. 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,s,n){"use strict";function i(e,s){for(var n=t.extend({},e),i=0,o=Object.keys(n);i<o.length;i++){var r=o[i];s.indexOf(r)<0&&t.deleteObject(n,r)}return n}function o(e,n,i){void 0===n&&(n={});var o,r,a,p;t.isNullOrUndefined(i)&&(i=t.createElement);var l=document.querySelector(e);t.addClass([l],["e-btn-group","e-css"]),l.setAttribute("role","group");var c=l.children;n.buttons=n.buttons||[];for(var h=0,d=0;d<c.length;h++,d++)o=c[d],null!==(p=n.buttons[h])&&("BUTTON"===o.tagName?r=o:(r=i("label"),(a=c[d+1])?l.insertBefore(r,a):l.appendChild(r),o.id&&r.setAttribute("for",o.id),p&&p.disabled&&(o.disabled=!0),d++),n.cssClass&&p&&!p.cssClass&&(p.cssClass=n.cssClass),new s.Button(p||{},r));return l}var r=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function n(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(n.prototype=s.prototype,new n)}}(),a=function(e,t,s,n){var i,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,s):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,s,r):i(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},p=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return r(s,e),a([t.Property("")],s.prototype,"iconCss",void 0),a([t.Property("")],s.prototype,"id",void 0),a([t.Property(!1)],s.prototype,"separator",void 0),a([t.Property("")],s.prototype,"text",void 0),a([t.Property("")],s.prototype,"url",void 0),s}(t.ChildProperty),l=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function n(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(n.prototype=s.prototype,new n)}}(),c=function(e,t,s,n){var i,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,s):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,s,r):i(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},h={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"},d=function(e){function o(t,s){return e.call(this,t,s)||this}return l(o,e),o.prototype.preRender=function(){},o.prototype.getPersistData=function(){return this.addOnPersist([])},o.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.closePopup()},o.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents()},o.prototype.createPopup=function(){var e,s=this.createElement("div",{className:h.POPUP,id:this.element.id+"-popup"});document.body.appendChild(s),this.dropDown=new n.Popup(s,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),"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["aria-owns"]=this.getPopUpElement().id,e.type="button",e)),this.cssClass&&t.addClass([s],this.cssClass.split(" "))},o.prototype.getTargetElement=function(){return"string"==typeof this.target?t.select(this.target):this.target},o.prototype.createItems=function(e){for(var s,n,i,o,r=this.hasIcon(e,"iconCss"),a=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),p=0;p<e.length;p++)n=e[p],i=this.createElement("li",{innerHTML:n.url?"":n.text,className:n.separator?h.ITEM+" "+h.SEPARATOR:h.ITEM,attrs:{role:"menuItem",tabindex:"-1"},id:n.id?n.id:t.getUniqueID("e-"+this.getModuleName()+"-item")}),n.iconCss?(s=this.createElement("span",{className:h.ICON+" "+n.iconCss}),i.insertBefore(s,i.childNodes[0])):r&&!n.separator&&i.classList.add("e-blank-icon"),n.url&&i.appendChild(this.createAnchor(n)),o={item:n,element:i},this.trigger("beforeItemRender",o),a.appendChild(i);return a},o.prototype.hasIcon=function(e,t){for(var s=0,n=e.length;s<n;s++)if(e[s][t])return!0;return!1},o.prototype.createAnchor=function(e){return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:e.text,attrs:{href:e.url}})},o.prototype.initialize=function(){this.button=new s.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.createPopup(),this.setActiveElem([this.element])},o.prototype.appendArrowSpan=function(){this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(h.VERTICAL)>-1?"bottom":"right")+" e-caret"}))},o.prototype.setActiveElem=function(e){this.activeElem=e},o.prototype.getModuleName=function(){return"dropdown-btn"},o.prototype.canOpen=function(){return this.getPopUpElement().classList.contains("e-popup-close")},o.prototype.destroy=function(){var s=this;if(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()){var n;this.element.querySelector("span.e-caret")&&t.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(n=this.cssClass.split(" ")),this.button.destroy(),n&&t.removeClass([this.element],n),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.dropDown.destroy();var i=document.getElementById(this.getPopUpElement().id);i&&(t.removeClass([i],["e-popup-open","e-popup-close"]),t.detach(i)),this.disabled||this.unWireEvents()}},o.prototype.getPopUpElement=function(){return this.dropDown.element},o.prototype.getULElement=function(){return this.getPopUpElement().children[0]},o.prototype.wireEvents=function(){var e=this.getPopUpElement();this.delegateMousedownHandler=this.mousedownHandler.bind(this),t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.rippleFn=t.rippleEffect(e,{selector:"."+h.ITEM})},o.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(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)}},o.prototype.upDownKeyHandler=function(e){if(!this.target||38!==e.keyCode&&40!==e.keyCode){e.preventDefault();var s=this.getULElement(),n=40===e.keyCode?0:s.childElementCount-1,i=n,o=null;this.removeCustomSelection();for(var r=0,a=s.children.length;r<a;r++)s.children[r].classList.contains(h.FOCUS)&&(i=r,(o=s.children[r]).classList.remove(h.FOCUS),40===e.keyCode?i++:i--,i===(40===e.keyCode?s.childElementCount:-1)&&(i=n));o=s.children[i],-1!==(i=this.isValidLI(o,i,e.keyCode))&&(t.addClass([s.children[i]],h.FOCUS),s.children[i].focus())}},o.prototype.removeCustomSelection=function(){var e=this.getULElement().querySelector(".e-selected");e&&e.classList.remove("e-selected")},o.prototype.isValidLI=function(e,t,s,n){if(void 0===n&&(n=0),(e.classList.contains(h.SEPARATOR)||e.classList.contains(h.DISABLED))&&(t===(40===s?this.items.length-1:0)?t=40===s?0:this.items.length-1:40===s?t++:t--),(e=this.getULElement().children[t]).classList.contains(h.SEPARATOR)||e.classList.contains(h.DISABLED)){if(++n===this.items.length)return t=-1;t=this.isValidLI(e,t,s,n)}return t},o.prototype.keyEventHandler=function(e){(!this.target||13!==e.keyCode&&9!==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))},o.prototype.getLI=function(e){return"LI"===e.tagName?e:t.closest(e,"li")},o.prototype.mousedownHandler=function(e){var s=e.target;this.canOpen()||t.closest(s,"#"+this.getPopUpElement().id)||t.closest(s,"#"+this.element.id)||this.closePopup(e)},o.prototype.clickHandler=function(e){var s=e.target,n=this.canOpen();if(t.closest(s,"#"+this.element.id))n?this.openPopUp(e):this.closePopup(e,this.activeElem[0]);else if(t.closest(s,"#"+this.getPopUpElement().id)){var i=void 0,o=void 0,r=void 0,a=this.getLI(s);a&&(o=Array.prototype.indexOf.call(this.getULElement().children,a),(r=this.items[o])&&(i={element:a,item:r},this.trigger("select",i)),this.closePopup(e,this.activeElem[0]))}},o.prototype.openPopUp=function(e){var s=this;void 0===e&&(e=null),this.target||this.getPopUpElement().appendChild(this.createItems(this.items));var n={element:this.getULElement(),items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",n,function(e){if(!e.cancel){var n=s.getULElement();s.dropDown.show(null,s.element),t.addClass([s.element],"e-active"),s.element.setAttribute("aria-expanded","true"),n.focus();var i={element:n,items:s.items};s.trigger("open",i)}})},o.prototype.closePopup=function(e,s){var n=this;void 0===e&&(e=null);var i={element:this.getULElement(),items:this.items,event:e,cancel:!1};this.trigger("beforeClose",i,function(e){if(!e.cancel){var i=n.getULElement();n.removeCustomSelection(),n.dropDown.hide(),t.removeClass(n.activeElem,"e-active"),n.element.setAttribute("aria-expanded","false"),s&&s.focus();var o={element:i,items:n.items};n.trigger("close",o),!n.target&&i&&t.detach(i)}})},o.prototype.unWireEvents=function(){t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.rippleFn()},o.prototype.onPropertyChanged=function(e,s){var n=["content","cssClass","iconCss","iconPosition","disabled","enableRtl"];this.button.setProperties(i(e,n)),this.dropDown.setProperties(i(e,["enableRtl"]));for(var o=this.getPopUpElement(),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.canOpen()||this.closePopup()):this.wireEvents();break;case"cssClass":if(e.cssClass.indexOf(h.VERTICAL)>-1){var p=this.element.querySelector("span.e-caret");t.classList(p,["e-icon-bottom"],["e-icon-right"])}s.cssClass&&t.removeClass([o],s.cssClass.split(" ")),e.cssClass&&t.addClass([o],e.cssClass.split(" "));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.dropDown.refresh(),o.classList.contains("e-popup-open")&&t.classList(o,["e-popup-close"],["e-popup-open"])}},o.prototype.focusIn=function(){this.element.focus()},c([t.Property("")],o.prototype,"content",void 0),c([t.Property("")],o.prototype,"cssClass",void 0),c([t.Property(!1)],o.prototype,"disabled",void 0),c([t.Property("")],o.prototype,"iconCss",void 0),c([t.Property("Left")],o.prototype,"iconPosition",void 0),c([t.Collection([],p)],o.prototype,"items",void 0),c([t.Property("")],o.prototype,"target",void 0),c([t.Event()],o.prototype,"beforeItemRender",void 0),c([t.Event()],o.prototype,"beforeOpen",void 0),c([t.Event()],o.prototype,"beforeClose",void 0),c([t.Event()],o.prototype,"close",void 0),c([t.Event()],o.prototype,"open",void 0),c([t.Event()],o.prototype,"select",void 0),c([t.Event()],o.prototype,"created",void 0),o=c([t.NotifyPropertyChanges],o)}(t.Component),u=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function n(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(n.prototype=s.prototype,new n)}}(),m=function(e,t,s,n){var i,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,s):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,s,r):i(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},y="e-rtl",f="EJS-SPLITBUTTON",v=function(e){function n(t,s){return e.call(this,t,s)||this}return u(n,e),n.prototype.preRender=function(){var e=this.element;if(e.tagName===f){for(var s=t.getValue("ej2_instances",e),n=this.createElement("button",{attrs:{type:"button"}}),i=this.createElement(f,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)n.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(i,e),t.detach(e),e=n,i.appendChild(e),t.setValue("ej2_instances",s,e),this.wrapper=i,this.element=e}this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},n.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents()},n.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(y),this.cssClass&&t.addClass([this.wrapper],this.cssClass.split(" "))},n.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 s.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)},n.prototype.createSecondaryButton=function(){var e=this,s=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(s);var n={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,beforeItemRender:function(t){e.trigger("beforeItemRender",t)},beforeOpen:function(t){e.trigger("beforeOpen",t,function(e){t=e})},beforeClose:function(t){e.trigger("beforeClose",t,function(e){t=e})},open:function(t){e.trigger("open",t)},close:function(t){e.trigger("close",t)},select:function(t){e.trigger("select",t)}};this.secondaryBtnObj=new d(n),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(s),this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],t.EventHandler.remove(this.getPopUpElement(),"keydown",this.secondaryBtnObj.keyBoardHandler),this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right")},n.prototype.setAria=function(){t.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent+" splitbutton","aria-owns":this.secondaryBtnObj.dropDown.element.id})},n.prototype.getModuleName=function(){return"split-btn"},n.prototype.toggle=function(){this.secondaryBtnObj.toggle()},n.prototype.destroy=function(){var s=this,n=[y],i=document.getElementById(this.element.id);this.cssClass&&(n=n.concat(this.cssClass.split(" "))),i&&i.parentElement===this.wrapper&&(this.wrapper.tagName===f?(this.wrapper.innerHTML="",t.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),t.removeClass([this.wrapper],this.cssClass.split(" "))):(t.removeClass([this.element],n),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){s.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.getAttribute("class")||this.element.removeAttribute("class")},n.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),t.EventHandler.add(this.getPopUpElement(),"keydown",this.keyBoardHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow"}})},n.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),t.getInstance(this.element,t.KeyboardEvents).destroy()},n.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},n.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e)}},n.prototype.onPropertyChanged=function(e,s){var n=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(i(e,n)),n=["items","beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl"],this.secondaryBtnObj.setProperties(i(e,n));for(var o=0,r=Object.keys(e);o<r.length;o++)switch(r[o]){case"cssClass":s.cssClass&&t.removeClass([this.wrapper],s.cssClass.split(" ")),t.addClass([this.wrapper],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?t.addClass([this.wrapper],y):t.removeClass([this.wrapper],y)}},n.prototype.focusIn=function(){this.element.focus()},m([t.Property("")],n.prototype,"content",void 0),m([t.Property("")],n.prototype,"cssClass",void 0),m([t.Property(!1)],n.prototype,"disabled",void 0),m([t.Property("")],n.prototype,"iconCss",void 0),m([t.Property("Left")],n.prototype,"iconPosition",void 0),m([t.Collection([],p)],n.prototype,"items",void 0),m([t.Property("")],n.prototype,"target",void 0),m([t.Event()],n.prototype,"beforeItemRender",void 0),m([t.Event()],n.prototype,"beforeOpen",void 0),m([t.Event()],n.prototype,"beforeClose",void 0),m([t.Event()],n.prototype,"click",void 0),m([t.Event()],n.prototype,"close",void 0),m([t.Event()],n.prototype,"open",void 0),m([t.Event()],n.prototype,"select",void 0),m([t.Event()],n.prototype,"created",void 0),n=m([t.NotifyPropertyChanges],n)}(d),g=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function n(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(n.prototype=s.prototype,new n)}}(),b=function(e,t,s,n){var i,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,s):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,s,r):i(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},C="e-btn-content",P=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return g(s,e),b([t.Property(null)],s.prototype,"template",void 0),b([t.Property(16)],s.prototype,"width",void 0),b([t.Property("Left")],s.prototype,"position",void 0),s}(t.ChildProperty),E=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return g(s,e),b([t.Property(400)],s.prototype,"duration",void 0),b([t.Property("None")],s.prototype,"effect",void 0),b([t.Property("ease")],s.prototype,"easing",void 0),s}(t.ChildProperty),w=function(e){function s(t,s){var n=e.call(this,t,s)||this;return n.step=1,n}return g(s,e),s.prototype.preRender=function(){e.prototype.preRender.call(this)},s.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria()},s.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},s.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},s.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},s.prototype.getModuleName=function(){return"progress-btn"},s.prototype.destroy=function(){var s=this,n=["e-hide-spinner","e-progress-active","e-round-corner","e-"+e.prototype.getModuleName.call(this),"e-spin-"+this.spinSettings.position.toLowerCase()];e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(n=n.concat(this.cssClass.split(" "))),t.removeClass([this.element],n),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){s.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},s.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},s.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),n.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},s.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},s.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},s.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(C)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},s.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},s.prototype.setContent=function(){var e=this.element.innerHTML;this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:C,innerHTML:e}))},s.prototype.clickHandler=function(){this.element.classList.contains("e-progress-active")||this.startProgress()},s.prototype.startProgress=function(e,t){var s=this.element.classList,i=s.contains("e-vertical");s.add("e-progress-active"),s.contains("e-hide-spinner")||n.showSpinner(this.element),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,i),this.startContAnimate()},s.prototype.startAnimate=function(e,t,s,n,i,o,r,a){var p=this;try{var l=void 0,c=e-s,h=this.duration*o/100,d=c?c<h?c-h:c%h:0;this.progressTime=t=t+c-d,s=e-d,n+=(c-d)/this.duration*100,l={percent:i=(t-r)%h==0||100===n?n:i,currentDuration:t,step:o},this.eIsVertical=a,0===n?this.trigger("begin",l,function(e){p.successCallback(e,n,i,t,r,d,s)}):100===n||t===this.duration?this.trigger("end",l,function(e){p.successCallback(e,n,i,t,r,d,s)}):this.trigger("progress",l,function(e){p.successCallback(e,n,i,t,r,d,s)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},s.prototype.successCallback=function(e,t,s,n,i,o,r){var a=this,p=t,l=s,c=o,h=n,d=i,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(h-d)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,d=h),this.isPaused||(h<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),h,u,p,l,e.step,d,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},s.prototype.startContAnimate=function(){var e=this,s=this.element.getElementsByClassName(C)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(s,{duration:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){s.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},s.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add("e-progress-active");for(var s,n=this.percent;n<100;n++)n+=10,this.enableProgress&&(this.getProgress().style[t?"height":"width"]=this.percent<100?n+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin(),s={step:this.step,currentDuration:this.progressTime,percent:100},clearTimeout(this.interval),this.trigger("end",s),this.progressTime=this.percent=0},s.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(C)[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")},s.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(C)[0];if(this.element.classList.contains("e-hide-spinner")||n.hideSpinner(this.element),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"}},s.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(C)[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])},s.prototype.setAria=function(){t.attributes(this.element,{"aria-label":this.element.textContent+" progress","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":"0"})},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},s.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},s.prototype.onPropertyChanged=function(s,n){var i=this.element;e.prototype.onPropertyChanged.call(this,s,n);for(var o=0,r=Object.keys(s);o<r.length;o++)switch(r[o]){case"content":this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress(),i.setAttribute("aria-label",i.textContent+" progress");break;case"iconCss":n.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":s.enableProgress?this.createProgress():t.remove(this.getProgress());break;case"spinSettings":s.spinSettings.position&&(i.classList.remove("e-spin-"+n.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(s.spinSettings.template||s.spinSettings.width)&&(i.removeChild(this.getSpinner()),this.createSpinner())}},s.prototype.focusIn=function(){this.element.focus()},b([t.Property(!1)],s.prototype,"enableProgress",void 0),b([t.Property(2e3)],s.prototype,"duration",void 0),b([t.Property("Left")],s.prototype,"iconPosition",void 0),b([t.Property("")],s.prototype,"iconCss",void 0),b([t.Property(!1)],s.prototype,"disabled",void 0),b([t.Property(!1)],s.prototype,"isPrimary",void 0),b([t.Property("")],s.prototype,"cssClass",void 0),b([t.Property("")],s.prototype,"content",void 0),b([t.Property(!1)],s.prototype,"isToggle",void 0),b([t.Complex({},P)],s.prototype,"spinSettings",void 0),b([t.Complex({},E)],s.prototype,"animationSettings",void 0),b([t.Event()],s.prototype,"created",void 0),b([t.Event()],s.prototype,"begin",void 0),b([t.Event()],s.prototype,"progress",void 0),b([t.Event()],s.prototype,"end",void 0),b([t.Event()],s.prototype,"fail",void 0),s=b([t.NotifyPropertyChanges],s)}(s.Button);return e.getModel=i,e.Item=p,e.DropDownButton=d,e.SplitButton=v,e.createButtonGroup=o,e.SpinSettings=P,e.AnimationSettings=E,e.ProgressButton=w,e}({},ej.base,ej.buttons,ej.popups),this.ejs=ej; | ||
| this.ej=this.ej||{},this.ej.splitbuttons=function(e,t,s,n){"use strict";function i(e,s){for(var n=t.extend({},e),i=0,o=Object.keys(n);i<o.length;i++){var r=o[i];s.indexOf(r)<0&&t.deleteObject(n,r)}return n}function o(e,n,i){void 0===n&&(n={});var o,r,a,p;t.isNullOrUndefined(i)&&(i=t.createElement);var l=document.querySelector(e);t.addClass([l],["e-btn-group","e-css"]),l.setAttribute("role","group");var c=l.children;n.buttons=n.buttons||[];for(var h=0,d=0;d<c.length;h++,d++)o=c[d],null!==(p=n.buttons[h])&&("BUTTON"===o.tagName?r=o:(r=i("label"),(a=c[d+1])?l.insertBefore(r,a):l.appendChild(r),o.id&&r.setAttribute("for",o.id),p&&p.disabled&&(o.disabled=!0),d++),n.cssClass&&p&&!p.cssClass&&(p.cssClass=n.cssClass),new s.Button(p||{},r));return l}var r=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function n(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(n.prototype=s.prototype,new n)}}(),a=function(e,t,s,n){var i,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,s):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,s,r):i(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},p=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return r(s,e),a([t.Property("")],s.prototype,"iconCss",void 0),a([t.Property("")],s.prototype,"id",void 0),a([t.Property(!1)],s.prototype,"separator",void 0),a([t.Property("")],s.prototype,"text",void 0),a([t.Property("")],s.prototype,"url",void 0),s}(t.ChildProperty),l=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function n(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(n.prototype=s.prototype,new n)}}(),c=function(e,t,s,n){var i,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,s):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,s,r):i(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},h={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"},d=function(e){function o(t,s){return e.call(this,t,s)||this}return l(o,e),o.prototype.preRender=function(){},o.prototype.getPersistData=function(){return this.addOnPersist([])},o.prototype.toggle=function(){this.canOpen()?this.openPopUp():this.closePopup()},o.prototype.render=function(){this.initialize(),this.disabled||this.wireEvents(),this.renderComplete()},o.prototype.createPopup=function(){var e,s=this.createElement("div",{className:h.POPUP,id:this.element.id+"-popup"});document.body.appendChild(s),this.dropDown=new n.Popup(s,{relateTo:this.element,collision:{X:"fit",Y:"flip"},position:{X:"left",Y:"bottom"},targetType:"relative",content:this.target?this.getTargetElement():"",enableRtl:this.enableRtl}),"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["aria-owns"]=this.getPopUpElement().id,e.type="button",e)),this.cssClass&&t.addClass([s],this.cssClass.split(" "))},o.prototype.getTargetElement=function(){return"string"==typeof this.target?t.select(this.target):this.target},o.prototype.createItems=function(e){for(var s,n,i,o,r=this.hasIcon(e,"iconCss"),a=this.createElement("ul",{attrs:{role:"menu",tabindex:"0"}}),p=0;p<e.length;p++)n=e[p],i=this.createElement("li",{innerHTML:n.url?"":n.text,className:n.separator?h.ITEM+" "+h.SEPARATOR:h.ITEM,attrs:{role:"menuItem",tabindex:"-1"},id:n.id?n.id:t.getUniqueID("e-"+this.getModuleName()+"-item")}),n.iconCss?(s=this.createElement("span",{className:h.ICON+" "+n.iconCss}),i.insertBefore(s,i.childNodes[0])):r&&!n.separator&&i.classList.add("e-blank-icon"),n.url&&i.appendChild(this.createAnchor(n)),o={item:n,element:i},this.trigger("beforeItemRender",o),a.appendChild(i);return a},o.prototype.hasIcon=function(e,t){for(var s=0,n=e.length;s<n;s++)if(e[s][t])return!0;return!1},o.prototype.createAnchor=function(e){return this.createElement("a",{className:"e-menu-text e-menu-url",innerHTML:e.text,attrs:{href:e.url}})},o.prototype.initialize=function(){this.button=new s.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.createPopup(),this.setActiveElem([this.element])},o.prototype.appendArrowSpan=function(){this.element.appendChild(this.createElement("span",{className:"e-btn-icon e-icons e-icon-"+(this.cssClass.indexOf(h.VERTICAL)>-1?"bottom":"right")+" e-caret"}))},o.prototype.setActiveElem=function(e){this.activeElem=e},o.prototype.getModuleName=function(){return"dropdown-btn"},o.prototype.canOpen=function(){return this.getPopUpElement().classList.contains("e-popup-close")},o.prototype.destroy=function(){var s=this;if(e.prototype.destroy.call(this),"dropdown-btn"===this.getModuleName()){var n;this.element.querySelector("span.e-caret")&&t.detach(this.element.querySelector("span.e-caret")),this.cssClass&&(n=this.cssClass.split(" ")),this.button.destroy(),n&&t.removeClass([this.element],n),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.dropDown.destroy();var i=document.getElementById(this.getPopUpElement().id);i&&(t.removeClass([i],["e-popup-open","e-popup-close"]),t.detach(i)),this.disabled||this.unWireEvents()}},o.prototype.getPopUpElement=function(){return this.dropDown.element},o.prototype.getULElement=function(){return this.getPopUpElement().children[0]},o.prototype.wireEvents=function(){var e=this.getPopUpElement();this.delegateMousedownHandler=this.mousedownHandler.bind(this),t.EventHandler.add(document,"mousedown touchstart",this.delegateMousedownHandler,this),t.EventHandler.add(this.element,"click",this.clickHandler,this),t.EventHandler.add(e,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.keyBoardHandler,this),t.EventHandler.add(e,"keydown",this.keyBoardHandler,this),this.rippleFn=t.rippleEffect(e,{selector:"."+h.ITEM})},o.prototype.keyBoardHandler=function(e){if(e.target!==this.element||9!==e.keyCode&&(e.altKey||40!==e.keyCode)&&38!==e.keyCode)switch(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)}},o.prototype.upDownKeyHandler=function(e){if(!this.target||38!==e.keyCode&&40!==e.keyCode){e.preventDefault();var s=this.getULElement(),n=40===e.keyCode?0:s.childElementCount-1,i=n,o=null;this.removeCustomSelection();for(var r=0,a=s.children.length;r<a;r++)s.children[r].classList.contains(h.FOCUS)&&(i=r,(o=s.children[r]).classList.remove(h.FOCUS),40===e.keyCode?i++:i--,i===(40===e.keyCode?s.childElementCount:-1)&&(i=n));o=s.children[i],-1!==(i=this.isValidLI(o,i,e.keyCode))&&(t.addClass([s.children[i]],h.FOCUS),s.children[i].focus())}},o.prototype.removeCustomSelection=function(){var e=this.getULElement().querySelector(".e-selected");e&&e.classList.remove("e-selected")},o.prototype.isValidLI=function(e,t,s,n){if(void 0===n&&(n=0),(e.classList.contains(h.SEPARATOR)||e.classList.contains(h.DISABLED))&&(t===(40===s?this.items.length-1:0)?t=40===s?0:this.items.length-1:40===s?t++:t--),(e=this.getULElement().children[t]).classList.contains(h.SEPARATOR)||e.classList.contains(h.DISABLED)){if(++n===this.items.length)return t=-1;t=this.isValidLI(e,t,s,n)}return t},o.prototype.keyEventHandler=function(e){(!this.target||13!==e.keyCode&&9!==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))},o.prototype.getLI=function(e){return"LI"===e.tagName?e:t.closest(e,"li")},o.prototype.mousedownHandler=function(e){var s=e.target;this.canOpen()||t.closest(s,"#"+this.getPopUpElement().id)||t.closest(s,"#"+this.element.id)||this.closePopup(e)},o.prototype.clickHandler=function(e){var s=e.target,n=this.canOpen();if(t.closest(s,"#"+this.element.id))n?this.openPopUp(e):this.closePopup(e,this.activeElem[0]);else if(t.closest(s,"#"+this.getPopUpElement().id)){var i=void 0,o=void 0,r=void 0,a=this.getLI(s);a&&(o=Array.prototype.indexOf.call(this.getULElement().children,a),(r=this.items[o])&&(i={element:a,item:r},this.trigger("select",i)),this.closePopup(e,this.activeElem[0]))}},o.prototype.openPopUp=function(e){var s=this;void 0===e&&(e=null),this.target||this.getPopUpElement().appendChild(this.createItems(this.items));var n={element:this.getULElement(),items:this.items,event:e,cancel:!1};this.trigger("beforeOpen",n,function(e){if(!e.cancel){var n=s.getULElement();s.dropDown.show(null,s.element),t.addClass([s.element],"e-active"),s.element.setAttribute("aria-expanded","true"),n.focus();var i={element:n,items:s.items};s.trigger("open",i)}})},o.prototype.closePopup=function(e,s){var n=this;void 0===e&&(e=null);var i={element:this.getULElement(),items:this.items,event:e,cancel:!1};this.trigger("beforeClose",i,function(e){if(!e.cancel){var i=n.getULElement();n.removeCustomSelection(),n.dropDown.hide(),t.removeClass(n.activeElem,"e-active"),n.element.setAttribute("aria-expanded","false"),s&&s.focus();var o={element:i,items:n.items};n.trigger("close",o),!n.target&&i&&t.detach(i)}})},o.prototype.unWireEvents=function(){t.EventHandler.remove(document,"mousedown touchstart",this.delegateMousedownHandler),t.EventHandler.remove(this.element,"click",this.clickHandler),t.EventHandler.remove(this.getPopUpElement(),"click",this.clickHandler),t.EventHandler.remove(this.element,"keydown",this.keyBoardHandler),t.EventHandler.remove(this.getPopUpElement(),"keydown",this.keyBoardHandler),this.rippleFn()},o.prototype.onPropertyChanged=function(e,s){var n=["content","cssClass","iconCss","iconPosition","disabled","enableRtl"];this.button.setProperties(i(e,n)),this.dropDown.setProperties(i(e,["enableRtl"]));for(var o=this.getPopUpElement(),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.canOpen()||this.closePopup()):this.wireEvents();break;case"cssClass":if(e.cssClass.indexOf(h.VERTICAL)>-1){var p=this.element.querySelector("span.e-caret");t.classList(p,["e-icon-bottom"],["e-icon-right"])}s.cssClass&&t.removeClass([o],s.cssClass.split(" ")),e.cssClass&&t.addClass([o],e.cssClass.split(" "));break;case"target":this.dropDown.content=this.getTargetElement(),this.dropDown.dataBind();break;case"items":this.dropDown.refresh(),o.classList.contains("e-popup-open")&&t.classList(o,["e-popup-close"],["e-popup-open"])}},o.prototype.focusIn=function(){this.element.focus()},c([t.Property("")],o.prototype,"content",void 0),c([t.Property("")],o.prototype,"cssClass",void 0),c([t.Property(!1)],o.prototype,"disabled",void 0),c([t.Property("")],o.prototype,"iconCss",void 0),c([t.Property("Left")],o.prototype,"iconPosition",void 0),c([t.Collection([],p)],o.prototype,"items",void 0),c([t.Property("")],o.prototype,"target",void 0),c([t.Event()],o.prototype,"beforeItemRender",void 0),c([t.Event()],o.prototype,"beforeOpen",void 0),c([t.Event()],o.prototype,"beforeClose",void 0),c([t.Event()],o.prototype,"close",void 0),c([t.Event()],o.prototype,"open",void 0),c([t.Event()],o.prototype,"select",void 0),c([t.Event()],o.prototype,"created",void 0),o=c([t.NotifyPropertyChanges],o)}(t.Component),u=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function n(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(n.prototype=s.prototype,new n)}}(),m=function(e,t,s,n){var i,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,s):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,s,r):i(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},y="e-rtl",f="EJS-SPLITBUTTON",v=function(e){function n(t,s){return e.call(this,t,s)||this}return u(n,e),n.prototype.preRender=function(){var e=this.element;if(e.tagName===f){for(var s=t.getValue("ej2_instances",e),n=this.createElement("button",{attrs:{type:"button"}}),i=this.createElement(f,{className:"e-"+this.getModuleName()+"-wrapper"}),o=0,r=e.attributes.length;o<r;o++)n.setAttribute(e.attributes[o].nodeName,e.attributes[o].nodeValue);e.parentNode.insertBefore(i,e),t.detach(e),e=n,i.appendChild(e),t.setValue("ej2_instances",s,e),this.wrapper=i,this.element=e}this.element.id||(this.element.id=t.getUniqueID("e-"+this.getModuleName()))},n.prototype.render=function(){this.initWrapper(),this.createPrimaryButton(),this.createSecondaryButton(),this.setActiveElem([this.element,this.secondaryBtnObj.element]),this.setAria(),this.wireEvents(),this.renderComplete()},n.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(y),this.cssClass&&t.addClass([this.wrapper],this.cssClass.split(" "))},n.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 s.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)},n.prototype.createSecondaryButton=function(){var e=this,s=this.createElement("button",{className:"e-icon-btn",attrs:{tabindex:"-1"},id:this.element.id+"_dropdownbtn"});this.wrapper.appendChild(s);var n={cssClass:this.cssClass,disabled:this.disabled,enableRtl:this.enableRtl,items:this.items,target:this.target,beforeItemRender:function(t){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)}};n.beforeOpen=function(t){var s=new g;return e.trigger("beforeOpen",t,function(e){s.resolve(e)}),s},n.beforeClose=function(t){var s=new g;return e.trigger("beforeClose",t,function(e){s.resolve(e)}),s},this.secondaryBtnObj=new d(n),this.secondaryBtnObj.createElement=this.createElement,this.secondaryBtnObj.appendTo(s),this.secondaryBtnObj.dropDown.relateTo=this.wrapper,this.dropDown=this.secondaryBtnObj.dropDown,this.secondaryBtnObj.activeElem=[this.element,this.secondaryBtnObj.element],t.EventHandler.remove(this.getPopUpElement(),"keydown",this.secondaryBtnObj.keyBoardHandler),this.secondaryBtnObj.element.querySelector(".e-btn-icon").classList.remove("e-icon-right")},n.prototype.setAria=function(){t.attributes(this.element,{"aria-expanded":"false","aria-haspopup":"true","aria-label":this.element.textContent+" splitbutton","aria-owns":this.secondaryBtnObj.dropDown.element.id})},n.prototype.getModuleName=function(){return"split-btn"},n.prototype.toggle=function(){this.secondaryBtnObj.toggle()},n.prototype.destroy=function(){var s=this,n=[y],i=document.getElementById(this.element.id);this.cssClass&&(n=n.concat(this.cssClass.split(" "))),i&&i.parentElement===this.wrapper&&(this.wrapper.tagName===f?(this.wrapper.innerHTML="",t.removeClass([this.wrapper],["e-rtl","e-"+this.getModuleName()+"-wrapper"]),t.removeClass([this.wrapper],this.cssClass.split(" "))):(t.removeClass([this.element],n),["aria-label","aria-haspopup","aria-expanded","aria-owns","type"].forEach(function(e){s.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.getAttribute("class")||this.element.removeAttribute("class")},n.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.primaryBtnClickHandler,this),t.EventHandler.add(this.getPopUpElement(),"keydown",this.keyBoardHandler,this),new t.KeyboardEvents(this.element,{keyAction:this.btnKeyBoardHandler.bind(this),keyConfigs:{altdownarrow:"alt+downarrow"}})},n.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.primaryBtnClickHandler),t.getInstance(this.element,t.KeyboardEvents).destroy()},n.prototype.primaryBtnClickHandler=function(){this.trigger("click",{element:this.element})},n.prototype.btnKeyBoardHandler=function(e){switch(e.action){case"altdownarrow":this.clickHandler(e)}},n.prototype.onPropertyChanged=function(e,s){var n=["content","iconCss","iconPosition","cssClass","disabled","enableRtl"];this.primaryBtnObj.setProperties(i(e,n)),n=["items","beforeOpen","beforeItemRender","select","open","close","cssClass","disabled","enableRtl"],this.secondaryBtnObj.setProperties(i(e,n));for(var o=0,r=Object.keys(e);o<r.length;o++)switch(r[o]){case"cssClass":s.cssClass&&t.removeClass([this.wrapper],s.cssClass.split(" ")),t.addClass([this.wrapper],e.cssClass.split(" "));break;case"enableRtl":e.enableRtl?t.addClass([this.wrapper],y):t.removeClass([this.wrapper],y)}},n.prototype.focusIn=function(){this.element.focus()},m([t.Property("")],n.prototype,"content",void 0),m([t.Property("")],n.prototype,"cssClass",void 0),m([t.Property(!1)],n.prototype,"disabled",void 0),m([t.Property("")],n.prototype,"iconCss",void 0),m([t.Property("Left")],n.prototype,"iconPosition",void 0),m([t.Collection([],p)],n.prototype,"items",void 0),m([t.Property("")],n.prototype,"target",void 0),m([t.Event()],n.prototype,"beforeItemRender",void 0),m([t.Event()],n.prototype,"beforeOpen",void 0),m([t.Event()],n.prototype,"beforeClose",void 0),m([t.Event()],n.prototype,"click",void 0),m([t.Event()],n.prototype,"close",void 0),m([t.Event()],n.prototype,"open",void 0),m([t.Event()],n.prototype,"select",void 0),m([t.Event()],n.prototype,"created",void 0),n=m([t.NotifyPropertyChanges],n)}(d),g=function(){function e(){var e=this;this.promise=new Promise(function(t,s){e.resolve=t,e.reject=s}),this.then=this.promise.then.bind(this.promise),this.catch=this.promise.catch.bind(this.promise)}return e}(),b=function(){var e=function(t,s){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])})(t,s)};return function(t,s){function n(){this.constructor=t}e(t,s),t.prototype=null===s?Object.create(s):(n.prototype=s.prototype,new n)}}(),C=function(e,t,s,n){var i,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,s):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(r=(o<3?i(r):o>3?i(t,s,r):i(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r},P="e-btn-content",E=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return b(s,e),C([t.Property(null)],s.prototype,"template",void 0),C([t.Property(16)],s.prototype,"width",void 0),C([t.Property("Left")],s.prototype,"position",void 0),s}(t.ChildProperty),w=function(e){function s(){return null!==e&&e.apply(this,arguments)||this}return b(s,e),C([t.Property(400)],s.prototype,"duration",void 0),C([t.Property("None")],s.prototype,"effect",void 0),C([t.Property("ease")],s.prototype,"easing",void 0),s}(t.ChildProperty),O=function(e){function s(t,s){var n=e.call(this,t,s)||this;return n.step=1,n}return b(s,e),s.prototype.preRender=function(){e.prototype.preRender.call(this)},s.prototype.render=function(){e.prototype.render.call(this),this.init(),this.wireEvents(),this.setAria(),this.renderComplete()},s.prototype.start=function(e){this.isPaused=!1,this.startProgress(e||this.percent,this.progressTime)},s.prototype.stop=function(){this.isPaused=!0,cancelAnimationFrame(this.timerId)},s.prototype.progressComplete=function(){this.isPaused=!1,this.finishProgress()},s.prototype.getModuleName=function(){return"progress-btn"},s.prototype.destroy=function(){var s=this,n=["e-hide-spinner","e-progress-active","e-round-corner","e-"+e.prototype.getModuleName.call(this),"e-spin-"+this.spinSettings.position.toLowerCase()];e.prototype.destroy.call(this),this.unWireEvents(),this.element.innerHTML="",this.cssClass&&(n=n.concat(this.cssClass.split(" "))),t.removeClass([this.element],n),(this.element.getAttribute("class")?["aria-label","aria-valuemin","aria-valuemax","aria-valuenow"]:["aria-label","aria-valuemin","aria-valuemax","aria-valuenow","class"]).forEach(function(e){s.element.removeAttribute(e)}),this.disabled&&this.element.removeAttribute("disabled")},s.prototype.init=function(){this.element.classList.add("e-"+e.prototype.getModuleName.call(this)),this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress()},s.prototype.createSpinner=function(){var e=this.createElement("span",{className:"e-spinner"});this.setSpinPosition(e),n.createSpinner({target:e,width:this.spinSettings.width||16,template:this.spinSettings.template},this.createElement)},s.prototype.getSpinner=function(){return this.element.getElementsByClassName("e-spinner")[0]},s.prototype.getProgress=function(){return this.element.getElementsByClassName("e-progress")[0]},s.prototype.setSpinPosition=function(e){var t=this.spinSettings.position||"Left";"Left"===t||"Top"===t?this.element.insertBefore(e,this.element.getElementsByClassName(P)[0]):this.element.appendChild(e),this.element.classList.add("e-spin-"+t.toLowerCase())},s.prototype.createProgress=function(){this.element.appendChild(this.createElement("span",{className:"e-progress"}))},s.prototype.setContent=function(){var e=this.element.innerHTML;this.element.innerHTML="",this.element.appendChild(this.createElement("span",{className:P,innerHTML:e}))},s.prototype.clickHandler=function(){this.element.classList.contains("e-progress-active")||this.startProgress()},s.prototype.startProgress=function(e,t){var s=this.element.classList,i=s.contains("e-vertical");s.add("e-progress-active"),s.contains("e-hide-spinner")||n.showSpinner(this.element),this.startAnimate(Date.now(),t||0,t?Date.now()-1*this.duration/100:Date.now(),e||0,0,this.step,0,i),this.startContAnimate()},s.prototype.startAnimate=function(e,t,s,n,i,o,r,a){var p=this;try{var l=void 0,c=e-s,h=this.duration*o/100,d=c?c<h?c-h:c%h:0;this.progressTime=t=t+c-d,s=e-d,n+=(c-d)/this.duration*100,l={percent:i=(t-r)%h==0||100===n?n:i,currentDuration:t,step:o},this.eIsVertical=a,0===n?this.trigger("begin",l,function(e){p.successCallback(e,n,i,t,r,d,s)}):100===n||t===this.duration?this.trigger("end",l,function(e){p.successCallback(e,n,i,t,r,d,s)}):this.trigger("progress",l,function(e){p.successCallback(e,n,i,t,r,d,s)})}catch(e){cancelAnimationFrame(this.timerId),this.trigger("fail",e)}},s.prototype.successCallback=function(e,t,s,n,i,o,r){var a=this,p=t,l=s,c=o,h=n,d=i,u=r,m=this.eIsVertical;p!==e.percent&&e.percent!==l&&(p=e.percent),this.percent=p,this.step=e.step,(h-d)%(this.duration*e.step/100)!=0&&100!==p||(this.timerId=requestAnimationFrame(function(){a.enableProgress&&(a.getProgress().style[m?"height":"width"]=p+"%"),a.element.setAttribute("aria-valuenow",p.toString())}),l=p,d=h),this.isPaused||(h<this.duration&&p<100?this.interval=window.setTimeout(function(){a.startAnimate(Date.now(),h,u,p,l,e.step,d,m)},this.duration/100-c):this.interval=window.setTimeout(function(){a.progressTime=a.percent=0,a.enableProgress&&(a.getProgress().style[m?"height":"width"]="0%"),a.element.setAttribute("aria-valuenow","0"),a.hideSpin()},100))},s.prototype.startContAnimate=function(){var e=this,s=this.element.getElementsByClassName(P)[0];"None"!==this.animationSettings.effect?new t.Animation({}).animate(s,{duration:this.animationSettings.duration,name:"Progress"+this.animationSettings.effect,timingFunction:this.animationSettings.easing,begin:function(){"Center"===e.spinSettings.position&&e.setSpinnerSize()},end:function(){s.classList.add("e-animate-end")}}):"Center"===this.spinSettings.position&&this.setSpinnerSize()},s.prototype.finishProgress=function(){var e=this.element.classList,t=e.contains("e-vertical");e.add("e-progress-active");for(var s,n=this.percent;n<100;n++)(n+=10)>100&&(n=100),this.enableProgress&&(this.getProgress().style[t?"height":"width"]=this.percent<100?n+"%":"100%");this.element.setAttribute("aria-valuenow","0"),this.hideSpin(),s={step:this.step,currentDuration:this.progressTime,percent:100},clearTimeout(this.interval),this.trigger("end",s),this.progressTime=this.percent=0},s.prototype.setSpinnerSize=function(){var e=this.element.getElementsByClassName(P)[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")},s.prototype.hideSpin=function(){var e=this.element.getElementsByClassName(P)[0];if(this.element.classList.contains("e-hide-spinner")||n.hideSpinner(this.element),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"}},s.prototype.setIconSpan=function(){var e=this.element.getElementsByClassName(P)[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])},s.prototype.setAria=function(){t.attributes(this.element,{"aria-label":this.element.textContent+" progress","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":"0"})},s.prototype.wireEvents=function(){t.EventHandler.add(this.element,"click",this.clickHandler,this)},s.prototype.unWireEvents=function(){t.EventHandler.remove(this.element,"click",this.clickHandler)},s.prototype.onPropertyChanged=function(s,n){var i=this.element;e.prototype.onPropertyChanged.call(this,s,n);for(var o=0,r=Object.keys(s);o<r.length;o++)switch(r[o]){case"content":this.setContent(),this.createSpinner(),this.enableProgress&&this.createProgress(),i.setAttribute("aria-label",i.textContent+" progress");break;case"iconCss":n.iconCss||this.setIconSpan();break;case"iconPosition":this.setIconSpan();break;case"enableProgress":s.enableProgress?this.createProgress():t.remove(this.getProgress());break;case"spinSettings":s.spinSettings.position&&(i.classList.remove("e-spin-"+n.spinSettings.position.toLowerCase()),this.setSpinPosition(this.getSpinner())),(s.spinSettings.template||s.spinSettings.width)&&(i.removeChild(this.getSpinner()),this.createSpinner())}},s.prototype.focusIn=function(){this.element.focus()},C([t.Property(!1)],s.prototype,"enableProgress",void 0),C([t.Property(2e3)],s.prototype,"duration",void 0),C([t.Property("Left")],s.prototype,"iconPosition",void 0),C([t.Property("")],s.prototype,"iconCss",void 0),C([t.Property(!1)],s.prototype,"disabled",void 0),C([t.Property(!1)],s.prototype,"isPrimary",void 0),C([t.Property("")],s.prototype,"cssClass",void 0),C([t.Property("")],s.prototype,"content",void 0),C([t.Property(!1)],s.prototype,"isToggle",void 0),C([t.Complex({},E)],s.prototype,"spinSettings",void 0),C([t.Complex({},w)],s.prototype,"animationSettings",void 0),C([t.Event()],s.prototype,"created",void 0),C([t.Event()],s.prototype,"begin",void 0),C([t.Event()],s.prototype,"progress",void 0),C([t.Event()],s.prototype,"end",void 0),C([t.Event()],s.prototype,"fail",void 0),s=C([t.NotifyPropertyChanges],s)}(s.Button);return e.getModel=i,e.Item=p,e.DropDownButton=d,e.SplitButton=v,e.Deferred=g,e.createButtonGroup=o,e.SpinSettings=E,e.AnimationSettings=w,e.ProgressButton=O,e}({},ej.base,ej.buttons,ej.popups),this.ejs=ej; | ||
| //# sourceMappingURL=ej2-splitbuttons.min.js.map |
@@ -1,10 +0,1 @@ | ||
| /*! | ||
| * filename: index.d.ts | ||
| * version : 17.2.28-beta | ||
| * Copyright Syncfusion Inc. 2001 - 2019. 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'; | ||
@@ -11,0 +2,0 @@ |
| { | ||
| "_from": "@syncfusion/ej2-splitbuttons@*", | ||
| "_id": "@syncfusion/ej2-splitbuttons@17.1.1", | ||
| "_id": "@syncfusion/ej2-splitbuttons@17.2.34", | ||
| "_inBundle": false, | ||
| "_integrity": "sha512-rv2EsdSm0zyCsVqvrMSYvVOYQQUyWEiRLwmySzcLKcpRFvyyyXg8lK9CY0lN0wxE6WfW/i/4mvc2ryjpo7ggfA==", | ||
| "_integrity": "sha512-7NehBk/XITCHTdIlUJR3cSDVwL5M01yROes/U95vMo2unI7mrDFpVDe3V22ZV6GwyktTQHytJkWGTNlLWu937g==", | ||
| "_location": "/@syncfusion/ej2-splitbuttons", | ||
@@ -32,4 +32,4 @@ "_phantomChildren": {}, | ||
| ], | ||
| "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-17.1.1.tgz", | ||
| "_shasum": "a4d4befcd5e75cb75827b2361ea250f304910e25", | ||
| "_resolved": "http://nexus.syncfusion.com/repository/ej2-production/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-17.2.34.tgz", | ||
| "_shasum": "75367a493f0ade519f6f470344ca254e3c91aaa4", | ||
| "_spec": "@syncfusion/ej2-splitbuttons@*", | ||
@@ -45,4 +45,4 @@ "_where": "/jenkins/workspace/ation_hotfix_16.4.0.42_Vol4-CJVRBFC7Z7RSISPRJNEMNQSRMCB6XTG67IJD6R2DVNXFIKQEITTQ/packages/included", | ||
| "dependencies": { | ||
| "@syncfusion/ej2-base": "~17.2.28-beta", | ||
| "@syncfusion/ej2-popups": "~17.2.28-beta" | ||
| "@syncfusion/ej2-base": "17.2.29-beta", | ||
| "@syncfusion/ej2-popups": "17.2.29-beta" | ||
| }, | ||
@@ -89,4 +89,5 @@ "deprecated": false, | ||
| }, | ||
| "version": "17.2.28-beta", | ||
| "typings": "index.d.ts", | ||
| "version": "17.2.29-beta", | ||
| "sideEffects": false | ||
| } |
@@ -87,2 +87,3 @@ var __extends = (this && this.__extends) || (function () { | ||
| } | ||
| this.renderComplete(); | ||
| }; | ||
@@ -89,0 +90,0 @@ DropDownButton.prototype.createPopup = function () { |
@@ -30,2 +30,3 @@ import { Button, IconPosition } from '@syncfusion/ej2-buttons';import { EventHandler, Property, INotifyPropertyChanged, NotifyPropertyChanges, Animation, Effect, attributes } from '@syncfusion/ej2-base';import { EmitType, Event, BaseEventArgs, remove, removeClass, Complex, ChildProperty } from '@syncfusion/ej2-base';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups'; | ||
| * @aspType Syncfusion.EJ2.SplitButtons.SpinPosition | ||
| * @blazorType Syncfusion.EJ2.SplitButtons.SpinPosition | ||
| * @isEnumeration true | ||
@@ -52,2 +53,3 @@ */ | ||
| * @aspType Syncfusion.EJ2.SplitButtons.AnimationEffect | ||
| * @blazorType Syncfusion.EJ2.SplitButtons.AnimationEffect | ||
| * @isEnumeration true | ||
@@ -54,0 +56,0 @@ */ |
@@ -25,2 +25,3 @@ import { Button, IconPosition } from '@syncfusion/ej2-buttons'; | ||
| * @aspType Syncfusion.EJ2.SplitButtons.SpinPosition | ||
| * @blazorType Syncfusion.EJ2.SplitButtons.SpinPosition | ||
| * @isEnumeration true | ||
@@ -40,2 +41,3 @@ */ | ||
| * @aspType Syncfusion.EJ2.SplitButtons.AnimationEffect | ||
| * @blazorType Syncfusion.EJ2.SplitButtons.AnimationEffect | ||
| * @isEnumeration true | ||
@@ -42,0 +44,0 @@ */ |
@@ -100,2 +100,3 @@ var __extends = (this && this.__extends) || (function () { | ||
| this.setAria(); | ||
| this.renderComplete(); | ||
| }; | ||
@@ -323,2 +324,5 @@ /** | ||
| i += 10; | ||
| if (i > 100) { | ||
| i = 100; | ||
| } | ||
| if (this.enableProgress) { | ||
@@ -325,0 +329,0 @@ this.getProgress().style[isVertical ? 'height' : 'width'] = (this.percent < 100) ? (i + '%') : '100%'; |
@@ -80,3 +80,3 @@ import { Event, EmitType, remove, addClass, removeClass, detach, getValue, setValue } from '@syncfusion/ej2-base';import { EventHandler, Collection, BaseEventArgs, NotifyPropertyChanges, INotifyPropertyChanged, Property } from '@syncfusion/ej2-base';import { attributes, getUniqueID, getInstance, KeyboardEvents, KeyboardEventArgs } from '@syncfusion/ej2-base';import { Button, ButtonModel } from '@syncfusion/ej2-buttons';import { MenuEventArgs, BeforeOpenCloseMenuEventArgs, OpenCloseMenuEventArgs } from './../common/common';import { getModel, SplitButtonIconPosition, Item } from './../common/common';import { DropDownButton } from '../drop-down-button/drop-down-button';import { ItemModel } from './../common/common-model'; | ||
| * @event | ||
| * @blazorProperty 'OnClick' | ||
| * @blazorProperty 'Clicked' | ||
| */ | ||
@@ -113,2 +113,9 @@ click?: EmitType<ClickEventArgs>; | ||
| } | ||
| /** | ||
| * Interface for a class Deferred | ||
| */ | ||
| export interface DeferredModel { | ||
| } |
@@ -87,3 +87,3 @@ /// <reference path="../drop-down-button/drop-down-button-model.d.ts" /> | ||
| * @event | ||
| * @blazorProperty 'OnClick' | ||
| * @blazorProperty 'Clicked' | ||
| */ | ||
@@ -164,1 +164,26 @@ click: EmitType<ClickEventArgs>; | ||
| } | ||
| /** | ||
| * Deferred is used to handle asynchronous operation. | ||
| */ | ||
| export declare class Deferred { | ||
| /** | ||
| * Resolve a Deferred object and call doneCallbacks with the given args. | ||
| */ | ||
| resolve: Function; | ||
| /** | ||
| * Reject a Deferred object and call failCallbacks with the given args. | ||
| */ | ||
| reject: Function; | ||
| /** | ||
| * Promise is an object that represents a value that may not be available yet, but will be resolved at some point in the future. | ||
| */ | ||
| promise: Promise<Object>; | ||
| /** | ||
| * Defines the callback function triggers when the Deferred object is resolved. | ||
| */ | ||
| then: Function; | ||
| /** | ||
| * Defines the callback function triggers when the Deferred object is rejected. | ||
| */ | ||
| catch: Function; | ||
| } |
@@ -85,2 +85,3 @@ var __extends = (this && this.__extends) || (function () { | ||
| this.wireEvents(); | ||
| this.renderComplete(); | ||
| }; | ||
@@ -133,12 +134,2 @@ SplitButton.prototype.initWrapper = function () { | ||
| }, | ||
| beforeOpen: function (args) { | ||
| _this.trigger('beforeOpen', args, function (observedArgs) { | ||
| args = observedArgs; | ||
| }); | ||
| }, | ||
| beforeClose: function (args) { | ||
| _this.trigger('beforeClose', args, function (observedArgs) { | ||
| args = observedArgs; | ||
| }); | ||
| }, | ||
| open: function (args) { | ||
@@ -154,2 +145,16 @@ _this.trigger('open', args); | ||
| }; | ||
| dropDownBtnModel.beforeOpen = function (args) { | ||
| var callBackPromise = new Deferred(); | ||
| _this.trigger('beforeOpen', args, function (observedArgs) { | ||
| callBackPromise.resolve(observedArgs); | ||
| }); | ||
| return callBackPromise; | ||
| }; | ||
| dropDownBtnModel.beforeClose = function (args) { | ||
| var callBackPromise = new Deferred(); | ||
| _this.trigger('beforeClose', args, function (observedArgs) { | ||
| callBackPromise.resolve(observedArgs); | ||
| }); | ||
| return callBackPromise; | ||
| }; | ||
| this.secondaryBtnObj = new DropDownButton(dropDownBtnModel); | ||
@@ -331,1 +336,26 @@ this.secondaryBtnObj.createElement = this.createElement; | ||
| export { SplitButton }; | ||
| /** | ||
| * Deferred is used to handle asynchronous operation. | ||
| */ | ||
| var Deferred = /** @class */ (function () { | ||
| function Deferred() { | ||
| var _this = this; | ||
| /** | ||
| * Promise is an object that represents a value that may not be available yet, but will be resolved at some point in the future. | ||
| */ | ||
| this.promise = new Promise(function (resolve, reject) { | ||
| _this.resolve = resolve; | ||
| _this.reject = reject; | ||
| }); | ||
| /** | ||
| * Defines the callback function triggers when the Deferred object is resolved. | ||
| */ | ||
| this.then = this.promise.then.bind(this.promise); | ||
| /** | ||
| * Defines the callback function triggers when the Deferred object is rejected. | ||
| */ | ||
| this.catch = this.promise.catch.bind(this.promise); | ||
| } | ||
| return Deferred; | ||
| }()); | ||
| export { Deferred }; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.64%
1977304
- Lines of code
- increased by0.34%
38390
Dependency changes
+ Added@syncfusion/ej2-base@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-buttons@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-icons@17.2.29-beta(transitive)
+ Added@syncfusion/ej2-popups@17.2.29-beta(transitive)
- Removed@syncfusion/ej2-base@17.2.49(transitive)
- Removed@syncfusion/ej2-buttons@17.2.47(transitive)
- Removed@syncfusion/ej2-icons@17.2.47(transitive)
- Removed@syncfusion/ej2-popups@17.2.47(transitive)