@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-76362.1 → 0.0.0-bugfix-dev-KB-78242.0

package/dist/ezui/p-dc628ed3.js

@@ -0,0 +1 @@
+class l{static resolveFocus(l,i=!0){var t;l&&(null===(t=l.focus)||void 0===t||t.call(l),l.setFocus?l.setFocus({selectText:i}):this.resolveFocusOnChild(l,i))}static resolveFocusOnChild(l,i=!0){var t,e;if(this.isGridCell(l)&&l.firstElementChild)return void this.resolveFocusOnChild(l.firstElementChild);if(!l||!l.classList.contains("hydrated"))return;const o=l.firstElementChild;((null==o?void 0:o.focus)||(null==o?void 0:o.setFocus))&&(null===(t=null==o?void 0:o.focus)||void 0===t||t.call(o),null===(e=null==o?void 0:o.setFocus)||void 0===e||e.call(o,{selectText:i}))}static isGridCell(l){var i;return"gridcell"===(null===(i=null==l?void 0:l.getAttribute)||void 0===i?void 0:i.call(l,"role"))}}export{l as F}

package/dist/ezui/p-dfca5946.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as i,H as e,g as s}from"./p-e4c7eb39.js";import{FloatingManager as r}from"@sankhyalabs/core";const n=class{constructor(i){t(this,i),this.ezVisibilityChange=o(this,"ezVisibilityChange",7),this._firstRender=!0,this.innerClickTest=(t,o,i)=>{const e=[t];this.innerElement&&("string"==typeof this.innerElement?e.push(document.querySelector(`#${this.innerElement}`)):this.innerElement.forEach((t=>{e.push(document.querySelector(`#${t}`))})));const s=(null==i?void 0:i.composedPath())||[];for(var r=0;r<e.length;r++){let t=e[r];if(null!=t){if(s.includes(t))return!0;if(t.contains(o))return!0;if(i&&"nodeType"in(null==i?void 0:i.target)&&t.contains(i.target))return!0;if(t.shadowRoot&&t.shadowRoot.contains(o))return!0;if(t=this._host,t.lastElementChild.shadowRoot?t.lastElementChild.shadowRoot.contains(o):t.contains(o))return!0}}return!1},this.backClickListener=()=>{this.ezVisibilityChange.emit(!1)},this.autoClose=!0,this.boxWidth="fit-content",this.opened=void 0,this.innerElement=void 0,this.overlayType="light"}observeOpened(t,o){t!=o&&(o?this.hide():this.show(),this.ezVisibilityChange.emit(t))}async updatePosition(t,o){r.updateFloatPosition(this._box,this._container,{autoClose:this.autoClose,top:t,left:o,innerClickTest:this.innerClickTest,backClickListener:this.backClickListener})}async show(t,o){this.float({top:t,left:o})}async showUnder(t,o){t&&this._host?this.float(this.calculatePosition(t,Object.assign({verticalGap:0,horizontalGap:0,fromRight:!1},o))):this.show((null==o?void 0:o.verticalGap)?`${o.verticalGap}px`:void 0,(null==o?void 0:o.horizontalGap)?`${o.horizontalGap}px`:void 0)}calculatePosition(t,o){const i=this._host.getBoundingClientRect(),e=t.getBoundingClientRect(),s=`${(o.fromRight?i.right-e.right:e.x-i.x)+o.horizontalGap}px`;return{top:`${e.bottom-i.y+o.verticalGap}px`,left:o.fromRight?"":s,right:o.fromRight?s:""}}float(t){this._box.style.top="",this._box.style.left="",this._box.style.right="";const o="none"!==this.overlayType,i=`ez-scrim ez-scrim--${this.overlayType}`;let e=Object.assign(Object.assign({},t),{autoClose:this.autoClose,innerClickTest:this.innerClickTest,backClickListener:this.backClickListener});o&&(e=Object.assign(Object.assign({},e),{autoClose:!0,useOverlay:o,overlayClassName:i})),this._floatingID=r.float(this._box,this._container,e),this.opened=!0}async hide(){void 0!==this._floatingID&&(r.close(this._floatingID),this._floatingID=void 0,this.opened=!1)}componentDidRender(){this._firstRender&&(this._box.remove(),this._firstRender=!1)}render(){return i(e,null,i("section",{ref:t=>this._container=t},i("div",{class:"popover__box "+("fit-content"===this.boxWidth?"popover__box--fit-content":"popover__box--full-width"),ref:t=>this._box=t},i("slot",null))))}get _host(){return s(this)}static get watchers(){return{opened:["observeOpened"]}}};n.style=":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--most-visible, 3);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";export{n as ez_popover}

package/dist/ezui/p-efbe0b73.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,f as o,h as a,g as e}from"./p-e4c7eb39.js";import{D as l}from"./p-ab574d59.js";import{FloatingManager as d,ElementIDUtils as n}from"@sankhyalabs/core";import{F as r}from"./p-dc628ed3.js";class c{constructor(i,t,o,a,e,l,d,n,r,c){this.title=i,this.message=t,this.dialogType=o,this.confirm=a,this.icon=e,this.labelCancel=l,this.labelConfirm=d,this.btnConfirmDanger=n,this.callBack=r,this.beforeClose=c}}const s=class{constructor(o){i(this,o),this.ezCancel=t(this,"ezCancel",7),this.ezAccept=t(this,"ezAccept",7),this.PRIMARY_BUTTON_ID="EZ_DIALOG_PRIMARY_BUTTON",this.labelConfirm="Sim",this.labelCancel="Não",this.btnConfirmDanger=!1,this._messageQueue=[],this._canFocusOnPrimaryBtn=!1,this.confirm=!1,this.dialogType=void 0,this.message=void 0,this.opened=!1,this.personalizedIconPath=void 0,this.ezTitle=void 0,this.beforeClose=void 0}observeConfig(i,t){this.manageOverflow(),i&&!t&&(this._canFocusOnPrimaryBtn=!0)}handleKeyDown(i){"Escape"!==i.key&&"Esc"!==i.key||this.handleButtonClick(!1)}manageOverflow(){window.document.body.style.overflow=this.opened?"hidden":""}manageOverlay(){this.opened?this._overlayId=d.subscribeOverlayControl(this._overlayRef):d.unsubscribeOverlayControl(this._overlayRef||this._overlayId)}handleButtonClick(i){this._currentMessage.beforeClose&&!1===this._currentMessage.beforeClose(i)||(this.opened=this._messageQueue.length>0,this._currentMessage.callBack&&this._currentMessage.callBack(i),i?this.ezAccept.emit(i):this.ezCancel.emit(i),this._currentMessage=this._messageQueue.shift(),o(this))}async show(i,t,o,a,e,l,d,n,r){return this.opened=!0,new Promise((s=>{this._messageQueue.push(new c(i,t,o,a,e,l,d,n,s,r))}))}isCritical(i){return i===l.CRITICAL}getIconElement(i){if(i.dialogType!==l.DEFAULT)return a("ez-icon",{class:"changeable__icon "+this.getIconClass(i.dialogType),size:"small",iconName:this.getIconName(i)})}getIconClass(i){return this.isCritical(i)?"title-icon--critical":i===l.SUCCESS?"title-icon--success":i===l.WARN?"title-icon--warn":""}getIconName(i){return i.icon?i.icon:this.isCritical(i.dialogType)?"alert-circle-inverted":i.dialogType===l.WARN?"warning-outline":i.dialogType===l.SUCCESS?"check":void 0}getTypeIndicatorElement(i){if(i.dialogType!==l.DEFAULT)return a("div",{class:this.getClassIconIndicator(i.dialogType)})}getClassIconIndicator(i){return this.isCritical(i)?"dialog__critical--indicator":i==l.SUCCESS?"dialog__success--indicator":i==l.WARN?"dialog__warning--indicator":""}getClassContainer(i){return(i.dialogType||l.DEFAULT)===l.DEFAULT?"dialog__container dialog__container--default":"dialog__container"}getClassTitleLabel(i){return null==this.getIconElement(i)?"title title__label title__label--no-icon":"title title__label"}componentWillRender(){this._currentMessage||(this._messageQueue.length>0?this._currentMessage=this._messageQueue.pop():this.opened&&(this._currentMessage=new c(this.ezTitle,this.message,this.dialogType,this.confirm,this.personalizedIconPath,this.labelCancel,this.labelConfirm,this.btnConfirmDanger,null,this.beforeClose)))}componentDidLoad(){n.addIDInfo(this._element)}componentDidRender(){this.manageOverlay(),this.focusOnDialog(),this.handleFocusOnPrimaryButton()}focusOnDialog(){const i=this._element.shadowRoot.querySelector(".overlay .dialog");i instanceof HTMLDivElement&&(i.style.outline="none",this._lastActiveElement=document.activeElement,i.focus())}handleFocusOnPrimaryButton(){this._canFocusOnPrimaryBtn&&(this.focusOnPrimaryButton(),this._canFocusOnPrimaryBtn=!1)}focusOnPrimaryButton(){const i=this._element.shadowRoot.querySelector(`#${this.PRIMARY_BUTTON_ID}`),t=null==i?void 0:i.shadowRoot.querySelector("button");requestAnimationFrame((()=>{null==t||t.focus()}))}disconnectedCallback(){r.resolveFocus(this._lastActiveElement),this._lastActiveElement=void 0}render(){return this.opened&&this._currentMessage?a("div",{class:"overlay",ref:i=>this._overlayRef=i},a("div",{tabindex:"-1",class:"dialog"},this.getTypeIndicatorElement(this._currentMessage),a("div",{class:this.getClassContainer(this._currentMessage)},a("div",{class:"title__container"},a("div",{class:"title__box"},this.getIconElement(this._currentMessage),a("div",{class:this.getClassTitleLabel(this._currentMessage),innerHTML:this._currentMessage.title,"data-element-id":n.getInternalIDInfo("title")})),a("button",{class:"btn-close",onClick:()=>this.handleButtonClick(!1),"data-element-id":n.getInternalIDInfo("buttonClose")})),a("div",{class:"message",innerHTML:this._currentMessage.message,"data-element-id":n.getInternalIDInfo("message")}),this._currentMessage.confirm&&a("div",{class:"button-yes-no__container"},a("ez-button",{class:"button__cancel","data-element-id":n.getInternalIDInfo("cancel"),label:this._currentMessage.labelCancel,onClick:()=>this.handleButtonClick(!1)}),a("ez-button",{id:this.PRIMARY_BUTTON_ID,class:this._currentMessage.btnConfirmDanger?"button__confirm--danger":"button__confirm","data-element-id":n.getInternalIDInfo("confirm"),label:this._currentMessage.labelConfirm,onClick:()=>this.handleButtonClick(!0)})),!this._currentMessage.confirm&&a("div",{class:"button__confirm--container"},a("ez-button",{id:this.PRIMARY_BUTTON_ID,label:"Ok","data-element-id":n.getInternalIDInfo("ok"),class:"button__confirm",onClick:()=>this.handleButtonClick(!0)}))))):null}get _element(){return e(this)}static get watchers(){return{opened:["observeConfig"]}}};s.style=':host{--dialog__container-padding:var(--space--md, 20px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__btn__close__image:url(\'data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>\');--dialog__title--font-pattern:var(--font-pattern, "Roboto");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, "Roboto");--dialog__body--text-shadow:var(--text-shadow, "0 0 0 #353535, 0 0 1px transparent");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--medium, 12px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog__success--background-color:var(--color--alert-success-500, #00523c);--dialog-z-index:var(--elevation--100, 100);--dialog--warning__image:url(\'data: image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895"/></svg>\');--dialog--critical__image:url(\'data: image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"><path d="M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z"/></svg>\')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;background-color:rgba(var(--rgb-background--overlay), var(--opacity--soft));backdrop-filter:blur(var(--background-blur--medium))}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__container--default{border-radius:6px 6px 6px 6px}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.dialog__success--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__success--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:var(--space--medium);overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);--ez-icon--color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:0;color:var(--title--primary)}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title__label{padding-left:var(--dialog__title--padding-left)}.title__label--no-icon{padding-left:0}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.title-icon--success{background-color:var(--dialog__success--background-color)}.title-icon--warn{background-color:var(--dialog__warning--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:\'\';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__cancel{padding-right:var(--dialog__btn__no--padding-right)}.button__confirm{--ez-button--background-color:var(--color--primary);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color--primary-600);--ez-button--hover-color:var(--color--inverted)}.button__confirm--danger{--ez-button--background-color:var(--color--alert-error-800, #BD0025);--ez-button--color:var(--color--inverted);--ez-button--hover--background-color:var(--color-alert--error-900, #a10020);--ez-button--hover-color:var(--color--inverted)}.button__confirm--container{display:flex;justify-content:flex-end}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}';export{s as ez_dialog}

package/dist/types/components/ez-combo-box/ez-combo-box.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzComboBox {
   private _textInput;
   private _optionsList;
@@ -89,6 +90,10 @@ export declare class EzComboBox {
    * Informa se a pesquisa é do tipo texto.
    */
   isTextSearch: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */
@@ -100,7 +105,7 @@ export declare class EzComboBox {
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */
@@ -132,6 +137,7 @@ export declare class EzComboBox {
   private previousOption;
   private scrollToOption;
   private selectCurrentOption;
+  private controlListWithOnlyOne;
   private updateSource;
   private selectOption;
   private loadOptions;

package/dist/types/components/ez-date-input/ez-date-input.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { WaitingChange } from '@sankhyalabs/core';
+import { TFocusOptions } from '../ez-text-input/ez-text-input';
 export declare class EzDateInput {
   private _calendar;
   private _textInput;
@@ -43,13 +44,17 @@ export declare class EzDateInput {
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
   canShowError: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: Date, oldValue: Date): void;
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */

package/dist/types/components/ez-date-time-input/ez-date-time-input.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { WaitingChange } from '@sankhyalabs/core';
+import { TFocusOptions } from '../ez-text-input/ez-text-input';
 export declare class EzDateTimeInput {
   private _calendar;
   private _textInput;
@@ -47,13 +48,17 @@ export declare class EzDateTimeInput {
    * Se false deixa de exibir a mensagem de erro dentro do campo.
    */
   canShowError: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: Date, oldValue: Date): void;
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */

package/dist/types/components/ez-dialog/ez-dialog.d.ts

@@ -24,6 +24,7 @@ export declare class EzDialog {
   private _overlayRef;
   private _overlayId;
   private _canFocusOnPrimaryBtn;
+  private _lastActiveElement;
   /**
    * Define se o ez-dialog será utilizado no modo de confirmação.
    */
@@ -83,6 +84,7 @@ export declare class EzDialog {
   private focusOnDialog;
   private handleFocusOnPrimaryButton;
   private focusOnPrimaryButton;
+  disconnectedCallback(): void;
   render(): any;
 }
 export {};

package/dist/types/components/ez-filter-input/ez-filter-input.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzFilterInput {
   private _elem;
   private _textInput;
@@ -15,10 +16,6 @@ export declare class EzFilterInput {
    * Emitido quando acontece o foco no campo.
    */
   ezFocusIn: EventEmitter<void>;
-  /**
-   * Emitido quando tem interação com o Ícone de pesquisa
-   */
-  ezIconClick: EventEmitter<boolean>;
   /**
   * Texto a ser apresentado como título do campo.
   */
@@ -52,16 +49,16 @@ export declare class EzFilterInput {
    */
   canShowError: boolean;
   /**
-   * Se true permite ao usuário interagir com o ícone de pesquisa
+   * Se true o campo de texto receberá o foco ao ser renderizado.
    */
-  enabledIconClick: boolean;
+  autoFocus: boolean;
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: string, oldValue: string): void;
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */
@@ -78,10 +75,6 @@ export declare class EzFilterInput {
    * Método responsável por resetar o valor do campo para o ultimo valor inputado.
    */
   endSearch(): Promise<void>;
-  /**
-   * Método usado para emitir o evento de clique no ícone
-   */
-  handleIconClick(): Promise<void>;
   handleChange(evt: CustomEvent<string>): void;
   handleFocus: () => void;
   componentDidLoad(): void;

package/dist/types/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.d.ts

@@ -1,2 +1,2 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildTextInput: ({ name, label, readOnly, contextName, canShowError }: IFormViewField) => HTMLElement;
+export declare const buildTextInput: ({ name, label, readOnly, contextName, canShowError, props }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-grid/controller/EzGridController.d.ts

@@ -163,6 +163,17 @@ export default interface EzGridController {
   setFocus(): void;
   savingCanceled(fields: Array<IInvalidField>, recordId: string): void;
   destroy(): void;
+  registryListeners(): void;
+  resetPaginationState(): void;
+  stopEdit(): void;
+  /**
+   Remove coluna de seleção por checkbox
+  */
+  hideSelectionColumn(): void;
+  /**
+   Mostra coluna de seleção por checkbox
+  */
+  showSelectionColumn(): void;
 }
 /**
  * Carrega as informações necessárias para contextualizar corretamente a instância.
@@ -246,6 +257,7 @@ export interface EzGridOptions {
    * Só funciona quando a prop enableGridInsert está ativa
   */
   enableContinuousInsert?: boolean;
+  enableLockManger?: boolean;
 }
 /**
  * Representa cada coluna da grade.

package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts

@@ -18,7 +18,6 @@ export default class AgGridController implements EzGridController, SortingProvid
   private _columnStateChangeCallback;
   private _selectionChangeCallback;
   private _doubleClickCallBack;
-  private _enterprise;
   private _menuItems;
   private _multipleSelection;
   private _dataUnit;
@@ -44,7 +43,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private handleFilteredColumnsChanged;
   clearFilter(): void;
   private showFilterColumn;
-  constructor(enterprise: boolean);
+  constructor(_enterprise: boolean);
   getGridConfig(): Array<EzGridColumnConfig>;
   locateColumn(columnName: string): void;
   getSort(_dataUnitName: string, defaultSorting: Array<Sort>): Array<Sort>;
@@ -86,12 +85,15 @@ export default class AgGridController implements EzGridController, SortingProvid
   setFocusLastRow(): void;
   startEditionOnRowByIndex(rowIndex: number): void;
   startEditionOnLastRow(): void;
+  private syncSelectWithDataUnit;
   private startEdition;
   private getFirstEditableColl;
   private isColumnEditable;
   private setFocusOnRow;
   private focusByCollAndRow;
   setColumnsDef(cols: Array<EzGridColumn>): void;
+  hideSelectionColumn(): void;
+  showSelectionColumn(): void;
   getColumnsDef(): Array<EzGridColumn>;
   setColumnsState(state: Array<EzGridColumnConfig>): void;
   private getAdaptiveWidth;
@@ -124,4 +126,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   clearInvalidCells(stopEdition?: boolean): void;
   processContinuousInsert(): void;
   destroy(): void;
+  registryListeners(): void;
+  resetPaginationState(): void;
+  stopEdit(): void;
 }

package/dist/types/components/ez-grid/controller/ag-grid/DataSource.d.ts

@@ -1,4 +1,4 @@
-import { IServerSideDatasource, IServerSideGetRowsParams } from "ag-grid-community";
+import { IServerSideDatasource, IServerSideGetRowsParams } from "@ag-grid-community/core";
 import { DataUnit, QuickFilter } from '@sankhyalabs/core';
 import EzGridController, { EzGridColumn, EzGridOptions } from "../EzGridController";
 export default class DataSource implements IServerSideDatasource {
@@ -41,5 +41,6 @@ export default class DataSource implements IServerSideDatasource {
   needReload(currentLoading: IServerSideGetRowsParams): boolean;
   private callbackGetRows;
   destroy(): void;
+  registryListeners(): void;
   buildColumnDefs(): Array<EzGridColumn>;
 }

package/dist/types/components/ez-grid/controller/ag-grid/GridEditionManager.d.ts

@@ -1,5 +1,5 @@
 import { DataUnit, Record } from '@sankhyalabs/core';
-import { CellPosition, ColDef, GridApi, GridOptions } from 'ag-grid-community';
+import { CellPosition, ColDef, GridApi, GridOptions } from "@ag-grid-community/core";
 import { IRecordValidator } from '../../../../utils/form/interfaces';
 import { ICustomEditorInfo } from '../../../../utils/customEditor/interfaces/ICustomEditorInfo';
 import { ICustomRenderInfo } from '../../../../utils/customRender/interfaces/ICustomRenderInfo';
@@ -8,6 +8,7 @@ export default class GridEditionManager {
   private _dataUnit;
   private _lastCellClicked;
   private _lastCellEdited;
+  private _lastCellOpened;
   private _targetEditionCell;
   private _recordValidationProcessor;
   private _gridOptions;
@@ -18,12 +19,19 @@ export default class GridEditionManager {
   private _customRenders;
   private _enableContinuousInsert;
   private _enableGridInsert;
-  private _invalidCell;
-  constructor(dataUnit: DataUnit, useEnterLikeTab: boolean, recordsValidator: IRecordValidator, editionIsDisabled: () => boolean, customEditors?: Map<string, ICustomEditorInfo>, customRenders?: Map<string, ICustomRenderInfo>, enableContinuousInsert?: boolean, enableGridInsert?: boolean);
+  private _invalidCells;
+  private _nextInvalidCell;
+  private _currentEditLock;
+  private _lockerId;
+  constructor(dataUnit: DataUnit, useEnterLikeTab: boolean, recordsValidator: IRecordValidator, editionIsDisabled: () => boolean, customEditors?: Map<string, ICustomEditorInfo>, customRenders?: Map<string, ICustomRenderInfo>, enableContinuousInsert?: boolean, enableGridInsert?: boolean, lockerId?: string);
   configureGrid(options: GridOptions): GridOptions;
   updateCurrentEditorGuiValue(updatedRowValue: Record): void;
+  private lockFocusWhenAddRow;
+  private handleCellEditingStartedRowAdd;
+  private isSelectableRow;
   private canContinuousInsert;
-  proceedAutoSave(): void;
+  proceedAutoSave(): Promise<boolean>;
+  private saveDataUnit;
   recordValidate(): Promise<void>;
   navigateByEnterKey(keyboardEvent: KeyboardEvent): void;
   getComponents(): {
@@ -32,6 +40,7 @@ export default class GridEditionManager {
   verifyClickToEdition(api: GridApi, cellClicked: CellPosition): void;
   configureColumn(col: ColDef): ColDef;
   private getRequiredFields;
+  private getFormRequiredFields;
   private saveSuccess;
   private saveFail;
   private focusOnCell;
@@ -46,11 +55,14 @@ export default class GridEditionManager {
   private isColEditable;
   private isSecondClick;
   private onCellEditRequest;
+  private handlePromiseValue;
+  private updateCellValue;
   setCellEditors(customEditors: Map<string, ICustomEditorInfo>): void;
   setCellRenders(customRenders: Map<string, ICustomRenderInfo>): void;
-  private setInvalidCell;
-  getInvalidCell(): IInvalidCell;
-  processContinuousInsert(): void;
+  private pushInvalidCell;
+  getInvalidCells(): Array<IInvalidCell>;
+  getNextInvalidCell(): IInvalidCell;
+  processContinuousInsert(): Promise<void>;
   clearInvalidCells(stopEdition?: boolean): void;
   setEnableContinuousInsert(enable: boolean): void;
   hasInvalidField(fieldName: string, recordId: string): boolean;

package/dist/types/components/ez-grid/controller/ag-grid/components/EzGridCustomCellEditor.d.ts

@@ -1,4 +1,4 @@
-import { ICellEditorParams } from "ag-grid-community";
+import { ICellEditorParams } from "@ag-grid-community/core";
 import { ICustomEditorInfo } from "../../../../../utils/customEditor/interfaces/ICustomEditorInfo";
 import EzCellEditor from "../editor/EzCellEditor";
 interface CustomParamsEditor {
@@ -16,5 +16,7 @@ export default class EzGridCustomCellEditor extends EzCellEditor {
   getGui(): HTMLElement;
   private setValue;
   getValue(): any;
+  afterGuiAttached(): void;
+  focusIn(): void;
 }
 export {};

package/dist/types/components/ez-grid/controller/ag-grid/components/EzGridCustomCellRender.d.ts

@@ -1,4 +1,4 @@
-import { ICellRendererParams } from "ag-grid-community";
+import { ICellRendererParams } from "@ag-grid-community/core";
 import EzCellRender from "../editor/EzCellRender";
 import { ICustomRenderInfo } from "../../../../../utils/customRender/interfaces/ICustomRenderInfo";
 interface CustomParamsRender {

package/dist/types/components/ez-grid/controller/ag-grid/components/EzGridCustomHeader.d.ts

@@ -1,4 +1,4 @@
-import { IHeaderParams } from 'ag-grid-community';
+import { IHeaderParams } from "@ag-grid-community/core";
 export interface IEzGridCustomHeaderParams {
   tooltip?: string;
   hasFilter?: () => boolean;

package/dist/types/components/ez-grid/controller/ag-grid/components/cellRendererStatus.d.ts

@@ -1,4 +1,4 @@
-import { ICellRendererComp, ICellRendererParams } from "ag-grid-community";
+import { ICellRendererComp, ICellRendererParams } from "@ag-grid-community/core";
 export declare class CellRendererStatus implements ICellRendererComp {
   private readonly DEFAULT_COLOR;
   private _eGui;

package/dist/types/components/ez-grid/controller/ag-grid/components/selectionHeader.d.ts

@@ -1,4 +1,4 @@
-import { IHeaderParams, IHeaderComp } from "ag-grid-community";
+import { IHeaderParams, IHeaderComp } from "@ag-grid-community/core";
 export default class SelectionHeader implements IHeaderComp {
   private element;
   private checkBox;

package/dist/types/components/ez-grid/controller/ag-grid/editor/EzCellEditor.d.ts

@@ -1,4 +1,4 @@
-import { ICellEditorComp, ICellEditorParams } from "ag-grid-community";
+import { ICellEditorComp, ICellEditorParams } from "@ag-grid-community/core";
 import { Record } from "@sankhyalabs/core";
 import { IEditorMetadata } from "./IEditorMetadata";
 export default class EzCellEditor implements ICellEditorComp {

package/dist/types/components/ez-grid/controller/ag-grid/editor/EzCellRender.d.ts

@@ -1,4 +1,4 @@
-import { ICellRendererComp, ICellRendererParams } from "ag-grid-community";
+import { ICellRendererComp, ICellRendererParams } from "@ag-grid-community/core";
 import { IEditorMetadata } from "./IEditorMetadata";
 export default class EzCellRender implements ICellRendererComp {
   private _gui;

package/dist/types/components/ez-grid/controller/ag-grid/editor/IUICellEditor.d.ts

@@ -4,6 +4,7 @@ export interface IUICellEditor extends HTMLElement {
   valueSetter?: (value: any) => void;
   valueGetter?: () => any;
   isPopUp?: boolean;
+  autoFocus?: boolean;
 }
 export interface IFocusOptions {
   selectText: boolean;

package/dist/types/components/ez-grid/controller/ag-grid/mock/Server.d.ts

@@ -1,4 +1,4 @@
-import { IServerSideGetRowsRequest, LoadSuccessParams } from "ag-grid-community";
+import { IServerSideGetRowsRequest, LoadSuccessParams } from "@ag-grid-community/core";
 export default class Server {
   private _data;
   constructor(data: Array<any>);

package/dist/types/components/ez-grid/ez-grid.d.ts

@@ -13,7 +13,6 @@ export declare class EzGrid {
   private _gridSelectionCounter;
   private _resizeObserver;
   private _messageFilterAppliedSuccess;
-  private _gridApi;
   private _filterColumn;
   private _refPaginationLabel;
   private _refPaginationLabelTooltip;
@@ -107,6 +106,16 @@ export declare class EzGrid {
    * Só funciona quando a prop enableGridInsert está ativa
    */
   enableContinuousInsert?: boolean;
+  /**
+   * Ativa inserção de registros no modo grade.
+   */
+  enableLockManger?: boolean;
+  /**
+  * Altera visualmente as sombras e bordas do componente
+  * Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout)
+  * Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
+  */
+  boxShadow?: boolean;
   /**
    * Aplica a definição de colunas.
    */
@@ -175,10 +184,16 @@ export declare class EzGrid {
    * Atribui o foco para a grade.
    */
   setFocus(): Promise<void>;
+  /**
+   * Para a edição da grade.
+   */
+  stopEdit(): Promise<void>;
+  checkStopEditOutsideClick(event: MouseEvent): Promise<void>;
   observeConfig(config: IGridConfig): void;
   updatePaginationTooltip(): void;
   observePaginationCounterMode(newValue: any): void;
   onSelectionChange(evt: CustomEvent): void;
+  handleClick(event: MouseEvent): Promise<void>;
   private setSelection;
   private onSelectAllRecords;
   private onSelectPageRecords;
@@ -207,6 +222,7 @@ export declare class EzGrid {
   private _hidePaginationDescription;
   private _showPaginationDescription;
   disconnectedCallback(): void;
+  connectedCallback(): void;
   componentWillRender(): void;
   componentDidRender(): void;
   componentWillLoad(): void;

package/dist/types/components/ez-list/ez-list.d.ts

@@ -24,7 +24,6 @@ export type SlotBuilder = (item: ListItem, group?: ListGroup) => HTMLElement | s
 export declare class EzList {
   _listItems: ListItem[];
   _listGroupItems: ListGroup[];
-  _selectedItem: ListItem;
   private _dragStartItem;
   private _listItemsHistory;
   private _groupContainer;
@@ -32,7 +31,6 @@ export declare class EzList {
   private _itemContainer;
   private _draggingElement;
   private _changeDeboucingTimeout;
-  private _keyboardManager;
   /**
    * Define a lista inicial do componente.
    */
@@ -67,10 +65,6 @@ export declare class EzList {
    * Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista.
    */
   hoverFeedback: boolean;
-  /**
-   * Desabilita os atalhos de teclado.
-   */
-  disableShortcuts: boolean;
   /**
    * Emitido quando acontece a alteração de estado da lista.
    */
@@ -79,10 +73,6 @@ export declare class EzList {
    * Emitido sempre que um item da lista for selecionado.
    */
   ezSelectItem: EventEmitter<ListItem>;
-  /**
-   * Emitido sempre que um item da lista for clicado.
-   */
-  ezClickItem: EventEmitter<ListItem>;
   /**
    * Emitido quando acontece a alteração de um item do checkbox.
    */
@@ -91,14 +81,6 @@ export declare class EzList {
    * Emitido quando ocorre um duplo clique em um item da lista.
    */
   ezDoubleClick?: EventEmitter<ListItem>;
-  /**
-   * Seleciona o próximo item.
-   */
-  selectNextItem(): Promise<void>;
-  /**
-   * Seleciona o item anterior.
-   */
-  selectPreviousItem(): Promise<void>;
   /**
    * Limpa o histórico da lista.
    */
@@ -130,7 +112,6 @@ export declare class EzList {
   componentWillLoad(): void;
   componentWillRender(): void;
   componentDidLoad(): void;
-  disconnectCallback(): void;
   onDrop(ev: any, dragEndItem: ListItemGroup): void;
   onDropLastIndex(ev: any, groupDropped?: any): void;
   onDropGroup(groupSelected: any): void;
@@ -141,12 +122,9 @@ export declare class EzList {
   removeOverGroupClass(ev: any, group: any): void;
   onDragStart(item: any, group?: any, index?: any): void;
   selectFirstItem(): void;
-  private getFlatedItems;
-  private getSelectedIndex;
-  nextOption(): void;
-  previousOption(): void;
-  private bindKeyboardManager;
-  private unbindKeyboardManager;
+  nextOption(selectedItem: ListItem): void;
+  previousOption(selectedItem: ListItem): void;
+  private keyDownHandler;
   getDivGroupId(groupName: String): string;
   getGroupOverlayId(groupName: string): string;
   onDragOverGroup(event: DragEvent, group: ListGroup): void;
@@ -156,6 +134,5 @@ export declare class EzList {
   hideOverlays(): void;
   getContainerItemBuilder(slotPosition: 'left' | 'right', item: ListItem, group?: ListGroup, className?: string): HTMLElement;
   doubleClickItem(item: ListItem): void;
-  onClickItem(item: ListItem): void;
   render(): any;
 }

package/dist/types/components/ez-modal/ez-modal.d.ts

@@ -38,7 +38,7 @@ export declare class EzModal {
   /**
    * Define o tipo de scrim a ser aplicado no overlay do modal
    */
-  scrim: "medium" | "light";
+  scrim: "medium" | "light" | "none";
   private _element;
   /**
    * Emitido quando o modal é fechado.

package/dist/types/components/ez-number-input/ez-number-input.d.ts

@@ -57,6 +57,10 @@ export declare class EzNumberInput {
    * Define o tamanho do campo.
    */
   mode: "slim" | "regular";
+  /**
+  * Se true o campo de texto receberá o foco ao ser renderizado.
+  */
+  autoFocus: boolean;
   /**
    * Aplica o foco no campo.
    */

package/dist/types/components/ez-search/ez-search.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
+import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzSearch {
   private _textInput;
   private _optionsList;
@@ -107,7 +108,12 @@ export declare class EzSearch {
    * Se true, desabilita pré-load das opções ao carregar componente
    */
   suppressPreLoad: boolean;
+  /**
+   * Se true o campo de texto receberá o foco ao ser renderizado.
+   */
+  autoFocus: boolean;
   observeErrorMessage(): void;
+  private getValue;
   private validateNewValue;
   observeValue(newValue: IOption | string, oldValue: IOption | string): Promise<void>;
   observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
@@ -115,7 +121,7 @@ export declare class EzSearch {
   /**
    * Aplica o foco no campo.
    */
-  setFocus(): Promise<void>;
+  setFocus(options?: TFocusOptions): Promise<void>;
   /**
    * Remove o foco do campo.
    */
@@ -166,9 +172,11 @@ export declare class EzSearch {
   private showNoResultMessage;
   private getFieldLabel;
   private resetOptions;
+  private handleInitialValue;
   componentWillLoad(): void;
   componentDidRender(): void;
-  componentDidLoad(): void;
+  componentDidLoad(): Promise<void>;
+  disconnectedCallback(): void;
   private handlerIconClick;
   private buildNumberArgument;
   private onTextInputChangeHandler;

package/dist/types/components/ez-split-panel/ez-split-panel.d.ts

@@ -1,4 +1,6 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { SplitOptions } from 'split-grid';
+import IPanelSizeInfo from './interfaces/IPanelSizeInfo';
 export declare class SplitPanel {
   direction: 'row' | 'column';
   /**
@@ -10,11 +12,13 @@ export declare class SplitPanel {
   _panelID: string;
   _mutationObserver: MutationObserver;
   _buildInProgress: boolean;
+  resizeEnd: EventEmitter<IPanelSizeInfo>;
   rebuildLayout(): void;
   private buildItems;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   initSplit(): void;
+  handlePanelDragEnd(): void;
   getGutters(): SplitOptions;
   addItemGutter(item: HTMLEzSplitItemElement): void;
   getElementStyle(): {