@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-6165.0 → 0.0.0-bugfix-dev-KB-17130.0

package/dist/ezui/{p-83885b21.entry.js → p-cc2dc4f4.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as e,g as a}from"./p-e318d280.js";import{ElementIDUtils as o,StringUtils as r}from"@sankhyalabs/core";const n=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.setFocusedParam=t=>{if("Enter"===t.key){const i=this._processedTabs[this._focusedIndex];this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(i.index)}else if("ArrowLeft"===t.key||"ArrowRight"===t.key){let i;if("ArrowLeft"===t.key)i=!1;else{if("ArrowRight"!==t.key)return;i=!0}this._focusedIndex=void 0===this._focusedIndex?!1===i?void 0!==this.selectedIndex?this.selectedIndex-1:void 0:void 0!==this.selectedIndex?this.selectedIndex+1:void 0:!1===i?this._focusedIndex-1:this._focusedIndex+1,this._focusedIndex<0?this._focusedIndex=0:this._focusedIndex>this._processedTabs.length-1&&(this._focusedIndex=this._processedTabs.length-1),this.setFocusedBtn(!0,this._focusedIndex),this.setFocusedTab(this._focusedIndex)}else if("Tab"===t.key||"Escape"===t.key){const i=this._processedTabs[this.selectedIndex];this._focusedIndex=void 0,this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(this.selectedIndex)}},this._processedTabs=void 0,this.selectedIndex=void 0,this.selectedTab=void 0,this.tabs=void 0}observeTabs(t){t&&"string"!=typeof t&&(this._processedTabs=t)}handleTabClick(t){this.selectedIndex=t.index,this._focusedIndex=void 0,this.selectedTab=t.tabKey,this.ezChange.emit(t),this.setFocusedBtn(!1,t.index)}componentWillRender(){this._processedTabs||(this.tabs&&(Array.isArray(this.tabs)?this._processedTabs=[...this.tabs]:(this._processedTabs=[],this.tabs.split(",").forEach((t=>{t=t.trim(),this._processedTabs.push({label:t,tabKey:t,index:this._processedTabs.length}),this.buildElementIdTab(this._processedTabs)})))),this._hostElem.querySelectorAll("ez-tab").forEach((t=>{const i=t.getAttribute("tabKey"),s={label:t.getAttribute("label"),tabKey:i,leftIcon:t.getAttribute("leftIcon"),rightIcon:t.getAttribute("rightIcon"),index:this._processedTabs.length},e=t.firstChild;e&&(e.setAttribute("slot","tab"+s.index),this._hostElem.appendChild(e)),this._processedTabs.push(s),this.buildElementIdTab(this._processedTabs)})))}componentDidRender(){this.updateScroll()}componentDidLoad(){o.addIDInfo(this._hostElem,"itemsSelector"),this._hostElem.shadowRoot.querySelectorAll('button[name="tab-button"]').forEach((t=>{var i;const s=null===(i=t.querySelector("span.tab-label"))||void 0===i?void 0:i.innerText,e={id:`${r.toCamelCase(s)}`};o.addIDInfo(t,"itemSelector",e)}))}handleSlotChange(t){const i=t.target.assignedElements()[0];i&&(i.style.marginLeft="6px")}scrollBackward(){const t=this._scrollContainer;t&&(t.scrollLeft-=t.clientWidth)}scrollFoward(){const t=this._scrollContainer;if(t){let i=null;t.querySelectorAll(".tab").forEach((s=>{s.getBoundingClientRect().right<t.clientWidth&&(i=s)})),t.scrollLeft=i.offsetLeft+i.offsetWidth}}updateScroll(){const t=this._scrollContainer;if(t){const{scrollWidth:i,clientWidth:s,scrollLeft:e}=t,a=i-s-Math.ceil(e);this._startHidden=t.scrollLeft>0,this._endHidden=a>0,this._startHidden?this._backwardButton.classList.remove("hidden"):this._backwardButton.classList.add("hidden"),this._endHidden?this._forwardButton.classList.remove("hidden"):this._forwardButton.classList.add("hidden");const o=["","startHidden","endHidden","middle"],r=o[Number(this._startHidden)|Number(this._endHidden)<<1];o.forEach((i=>{i!==r&&t.classList.contains(i)&&t.classList.remove(i)})),r&&!t.classList.contains(r)&&t.classList.add(r)}}domScrollHandler(){window.clearTimeout(this._scrollCallBack),this._scrollCallBack=window.setTimeout((()=>{this.updateScroll()}),200)}setFocusedTab(t){window.clearTimeout(this._scrollCallBackTest),this._scrollCallBackTest=window.setTimeout((()=>{this._scrollContainer.querySelector(`#tab${t}`).scrollIntoView()}),200)}setFocusedBtn(t,i){this._scrollContainer.querySelectorAll(".tab").forEach((s=>{s.classList.remove("is-focused"),s.id==="tab"+i&&t&&s.classList.add("is-focused")}))}buildElementIdTab(t){t.forEach((t=>{if(!t.hasOwnProperty(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)){const i=`${this._hostElem.getAttribute(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_${r.toCamelCase(t.tabKey)}`;t[o.DATA_ELEMENT_ID_ATTRIBUTE_NAME]=i}}))}render(){return s(e,null,s("button",{class:"backward-button",ref:t=>this._backwardButton=t,onClick:()=>this.scrollBackward()}),s("div",{class:"scroll",ref:t=>this._scrollContainer=t,onScroll:()=>this.domScrollHandler(),onKeyDown:t=>this.setFocusedParam(t)},this._processedTabs.map(((t,i)=>{const e="tab"+i,a=i===this.selectedIndex||this.selectedTab&&t.tabKey===this.selectedTab;return a&&(this.selectedTab=t.tabKey,this.selectedIndex=i),s("button",{id:e,name:"tab-button",class:"tab"+(a?" is-active":""),onClick:()=>this.handleTabClick(t)},t.leftIcon&&s("ez-icon",{iconName:t.leftIcon,class:"left-icon"}),s("span",{class:"tab-label",title:t.label},t.label),t.rightIcon&&s("ez-icon",{iconName:t.rightIcon,class:"right-icon"}),s("slot",{name:e,onSlotchange:t=>{this.handleSlotChange(t)}}))}))),s("button",{class:"forward-button",ref:t=>this._forwardButton=t,onClick:()=>this.scrollFoward()}))}get _hostElem(){return a(this)}static get watchers(){return{tabs:["observeTabs"]}}};n.style='@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}:host{display:flex;position:relative;width:100%;overflow:hidden;--tabselector--backward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z"/></svg>\');--tabselector--forward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z"/></svg>\')}.scroll{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.scroll.startHidden{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px)}.scroll.middle{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px))}.scroll.endHidden{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab{display:flex;border:none;background-color:unset;min-width:100px;max-width:260px;cursor:pointer;padding:6px 12px;align-items:center;justify-content:center;color:var(--text--primary, #626e82);font-family:var(--font-pattern, "Roboto");font-size:var(--title--small, 14px);flex-shrink:0}.tab:focus,.forward-button,.backward-button{outline:none}.is-active{position:relative;color:var(--color--primary, #008561)}.is-active::after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color--primary, #008561);clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out}.is-focused{border:1px dashed var(--color--primary, #000000c5)}.tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--text-shadow);margin-bottom:var(--space--extra-small, 3px)}.forward-button,.backward-button{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.backward-button{left:0px}.forward-button::after,.backward-button::after{content:\'\';display:flex;background-color:var(--text--primary, #008561);width:10px;height:16px}.forward-button::after{-webkit-mask-image:var(--tabselector--forward-icon);mask-image:var(--tabselector--forward-icon)}.backward-button::after{-webkit-mask-image:var(--tabselector--backward-icon);mask-image:var(--tabselector--backward-icon)}.forward-button:hover::after,.backward-button:hover::after{background-color:var(--color--primary, #4e4e4e)}.hidden{display:none}.scroll::-webkit-scrollbar{display:none}.left-icon{padding-right:var(--space--small)}.right-icon{padding-left:var(--space--small)}';export{n as ez_tabselector}
+import{r as t,c as i,h as s,H as e,g as a}from"./p-23a36bb6.js";import{ElementIDUtils as o,StringUtils as r}from"@sankhyalabs/core";const n=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.setFocusedParam=t=>{if("Enter"===t.key){const i=this._processedTabs[this._focusedIndex];this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(i.index)}else if("ArrowLeft"===t.key||"ArrowRight"===t.key){let i;if("ArrowLeft"===t.key)i=!1;else{if("ArrowRight"!==t.key)return;i=!0}this._focusedIndex=void 0===this._focusedIndex?!1===i?void 0!==this.selectedIndex?this.selectedIndex-1:void 0:void 0!==this.selectedIndex?this.selectedIndex+1:void 0:!1===i?this._focusedIndex-1:this._focusedIndex+1,this._focusedIndex<0?this._focusedIndex=0:this._focusedIndex>this._processedTabs.length-1&&(this._focusedIndex=this._processedTabs.length-1),this.setFocusedBtn(!0,this._focusedIndex),this.setFocusedTab(this._focusedIndex)}else if("Tab"===t.key||"Escape"===t.key){const i=this._processedTabs[this.selectedIndex];this._focusedIndex=void 0,this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(this.selectedIndex)}},this._processedTabs=void 0,this.selectedIndex=void 0,this.selectedTab=void 0,this.tabs=void 0}observeTabs(t){t&&"string"!=typeof t&&(this._processedTabs=t)}handleTabClick(t){this.selectedIndex=t.index,this._focusedIndex=void 0,this.selectedTab=t.tabKey,this.ezChange.emit(t),this.setFocusedBtn(!1,t.index)}componentWillRender(){this._processedTabs||(this.tabs&&(Array.isArray(this.tabs)?this._processedTabs=[...this.tabs]:(this._processedTabs=[],this.tabs.split(",").forEach((t=>{t=t.trim(),this._processedTabs.push({label:t,tabKey:t,index:this._processedTabs.length}),this.buildElementIdTab(this._processedTabs)})))),this._hostElem.querySelectorAll("ez-tab").forEach((t=>{const i=t.getAttribute("tabKey"),s={label:t.getAttribute("label"),tabKey:i,leftIcon:t.getAttribute("leftIcon"),rightIcon:t.getAttribute("rightIcon"),index:this._processedTabs.length},e=t.firstChild;e&&(e.setAttribute("slot","tab"+s.index),this._hostElem.appendChild(e)),this._processedTabs.push(s),this.buildElementIdTab(this._processedTabs)})))}componentDidRender(){this.updateScroll()}componentDidLoad(){o.addIDInfo(this._hostElem,"itemsSelector"),this._hostElem.shadowRoot.querySelectorAll('button[name="tab-button"]').forEach((t=>{var i;const s=null===(i=t.querySelector("span.tab-label"))||void 0===i?void 0:i.innerText,e={id:`${r.toCamelCase(s)}`};o.addIDInfo(t,"itemSelector",e)}))}handleSlotChange(t){const i=t.target.assignedElements()[0];i&&(i.style.marginLeft="6px")}scrollBackward(){const t=this._scrollContainer;t&&(t.scrollLeft-=t.clientWidth)}scrollFoward(){const t=this._scrollContainer;if(t){let i=null;t.querySelectorAll(".tab").forEach((s=>{s.getBoundingClientRect().right<t.clientWidth&&(i=s)})),t.scrollLeft=i.offsetLeft+i.offsetWidth}}updateScroll(){const t=this._scrollContainer;if(t){const{scrollWidth:i,clientWidth:s,scrollLeft:e}=t,a=i-s-Math.ceil(e);this._startHidden=t.scrollLeft>0,this._endHidden=a>0,this._startHidden?this._backwardButton.classList.remove("hidden"):this._backwardButton.classList.add("hidden"),this._endHidden?this._forwardButton.classList.remove("hidden"):this._forwardButton.classList.add("hidden");const o=["","startHidden","endHidden","middle"],r=o[Number(this._startHidden)|Number(this._endHidden)<<1];o.forEach((i=>{i!==r&&t.classList.contains(i)&&t.classList.remove(i)})),r&&!t.classList.contains(r)&&t.classList.add(r)}}domScrollHandler(){window.clearTimeout(this._scrollCallBack),this._scrollCallBack=window.setTimeout((()=>{this.updateScroll()}),200)}setFocusedTab(t){window.clearTimeout(this._scrollCallBackTest),this._scrollCallBackTest=window.setTimeout((()=>{this._scrollContainer.querySelector(`#tab${t}`).scrollIntoView()}),200)}setFocusedBtn(t,i){this._scrollContainer.querySelectorAll(".tab").forEach((s=>{s.classList.remove("is-focused"),s.id==="tab"+i&&t&&s.classList.add("is-focused")}))}buildElementIdTab(t){t.forEach((t=>{if(!t.hasOwnProperty(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)){const i=`${this._hostElem.getAttribute(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_${r.toCamelCase(t.tabKey)}`;t[o.DATA_ELEMENT_ID_ATTRIBUTE_NAME]=i}}))}render(){return s(e,null,s("button",{class:"backward-button",ref:t=>this._backwardButton=t,onClick:()=>this.scrollBackward()}),s("div",{class:"scroll",ref:t=>this._scrollContainer=t,onScroll:()=>this.domScrollHandler(),onKeyDown:t=>this.setFocusedParam(t)},this._processedTabs.map(((t,i)=>{const e="tab"+i,a=i===this.selectedIndex||this.selectedTab&&t.tabKey===this.selectedTab;return a&&(this.selectedTab=t.tabKey,this.selectedIndex=i),s("button",{id:e,name:"tab-button",class:"tab"+(a?" is-active":""),onClick:()=>this.handleTabClick(t)},t.leftIcon&&s("ez-icon",{iconName:t.leftIcon,class:"left-icon"}),s("span",{class:"tab-label",title:t.label},t.label),t.rightIcon&&s("ez-icon",{iconName:t.rightIcon,class:"right-icon"}),s("slot",{name:e,onSlotchange:t=>{this.handleSlotChange(t)}}))}))),s("button",{class:"forward-button",ref:t=>this._forwardButton=t,onClick:()=>this.scrollFoward()}))}get _hostElem(){return a(this)}static get watchers(){return{tabs:["observeTabs"]}}};n.style='@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}:host{display:flex;position:relative;width:100%;overflow:hidden;--tabselector--backward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z"/></svg>\');--tabselector--forward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z"/></svg>\')}.scroll{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.scroll.startHidden{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px)}.scroll.middle{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px))}.scroll.endHidden{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab{display:flex;border:none;background-color:unset;min-width:100px;max-width:260px;cursor:pointer;padding:6px 12px;align-items:center;justify-content:center;color:var(--text--primary, #626e82);font-family:var(--font-pattern, "Roboto");font-size:var(--title--small, 14px);flex-shrink:0}.tab:focus,.forward-button,.backward-button{outline:none}.is-active{position:relative;color:var(--color--primary, #008561)}.is-active::after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color--primary, #008561);clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out}.is-focused{border:1px dashed var(--color--primary, #000000c5)}.tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--text-shadow);margin-bottom:var(--space--extra-small, 3px)}.forward-button,.backward-button{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.backward-button{left:0px}.forward-button::after,.backward-button::after{content:\'\';display:flex;background-color:var(--text--primary, #008561);width:10px;height:16px}.forward-button::after{-webkit-mask-image:var(--tabselector--forward-icon);mask-image:var(--tabselector--forward-icon)}.backward-button::after{-webkit-mask-image:var(--tabselector--backward-icon);mask-image:var(--tabselector--backward-icon)}.forward-button:hover::after,.backward-button:hover::after{background-color:var(--color--primary, #4e4e4e)}.hidden{display:none}.scroll::-webkit-scrollbar{display:none}.left-icon{padding-right:var(--space--small)}.right-icon{padding-left:var(--space--small)}';export{n as ez_tabselector}

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

@@ -0,0 +1 @@
+import{r,h as a,H as s}from"./p-23a36bb6.js";const o=class{constructor(a){r(this,a)}render(){return a(s,{class:"box_split-item"})}};o.style=".box_split-item{background-color:var(--background--xlight);padding:var(--space--nano);width:100%;height:100%;border-radius:var(--border--radius-medium);box-shadow:var(--shadow)}";export{o as ez_split_item}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as o,H as n,g as s}from"./p-23a36bb6.js";import{FloatingManager as a,ElementIDUtils as e}from"@sankhyalabs/core";import"./p-2187f86c.js";import{C as c}from"./p-7eb3e1a5.js";import"./p-ab574d59.js";import"./p-b853763b.js";const r=class{constructor(o){t(this,o),this.ezAction=i(this,"ezAction",7),this.ezPopoverOpen=i(this,"ezPopoverOpen",7),this.ezDisconnectedActionButtons=i(this,"ezDisconnectedActionButtons",7),this._arrowOffset=5,this.innerClickCheck=(t,i)=>{var o;if(i&&t){if(i===t)return!0;const n=t.children;for(let t=0;t<n.length;t++)if(null===(o=n[t].shadowRoot)||void 0===o?void 0:o.contains(i))return!0;do{if(t.contains(i))return!0;i=i.offsetParent}while(null!=i&&i!=document.getRootNode())}return!1},this._selectedAction=void 0,this.enabled=!0,this.actions=void 0,this.size="medium",this.showLabel=!1,this.displayIcon=void 0,this.checkOption=!1,this.value=void 0,this.isTransparent=!1,this.arrowActive=!1}async hideActions(){null!=this._floatingID&&a.close(this._floatingID),this._floatingID=void 0}async showActions(){if(!this.enabled)return;const t=this.getFloatOptions();this._floatingID=a.float(this._actionsList,this._listContainer,t);const i=this.getSideLimit();null!=i&&(t.left=i,a.updateFloatPosition(this._actionsList,this._listContainer,t)),window.requestAnimationFrame((()=>{this._actionsList.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})})),this.ezPopoverOpen.emit(this._actionsList)}async isOpened(){return null!=this._floatingID}getFloatOptions(){return{autoClose:!0,innerClickTest:this.innerClickCheck,isFixed:!0,top:this.getPositionTop(),left:this.getPositionLeft(),backClickListener:()=>this._floatingID=void 0}}getSideLimit(){var t;const i=document.body.clientWidth,o=null===(t=this._actionsList)||void 0===t?void 0:t.getBoundingClientRect();if((null==o?void 0:o.right)>i)return i-o.width+"px"}updatePosition(){if(!this.enabled||null==this._floatingID)return;const t=this.getFloatOptions(),i=this.getSideLimit();null!=i&&(t.left=i),a.updateFloatPosition(this._actionsList,this._listContainer,t)}getPositionTop(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.y+i.height+"px"}getBoundingLeft(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.x-(this.arrowActive?this._arrowOffset:0)+"px"}getPositionLeft(){return this.getBoundingLeft()||(this.arrowActive?`-${this._arrowOffset}px`:null)}hasLabelOrCheckOption(){var t;return(this.showLabel||this.checkOption)&&(null===(t=this.actions)||void 0===t?void 0:t.length)>0}hasIconName(){var t;return null===(t=this.actions)||void 0===t?void 0:t.some((t=>null!=t.iconName))}controlScrollPage(){window.removeEventListener("scroll",this.updatePosition.bind(this)),window.addEventListener("scroll",this.updatePosition.bind(this))}handlerButtonClick(){this.showActions()}actionClick(t){this._selectedAction=t,this.hideActions(),this.ezAction.emit(t)}componentWillLoad(){if(null==this.actions){this.actions=[];const t=this._element.querySelectorAll("action");t&&t.forEach((t=>{let i=t.innerText,o=t.getAttribute("value"),n=!("false"===t.getAttribute("enabled"));o||(o=i),this.actions.push({label:i,value:o,enabled:n}),t.hidden=!0}))}}disconnectedCallback(){this.ezDisconnectedActionButtons.emit()}componentDidLoad(){c.applyVarsButton(this._element,this._button),e.addIDInfo(this._element),this.controlScrollPage()}componentDidRender(){var t;null==this._floatingID&&(null===(t=this._actionsList)||void 0===t||t.remove()),this.hasLabelOrCheckOption()&&(this.value?this._selectedAction=this.actions.find((t=>t.value===this.value)):this._selectedAction||(this._selectedAction=this.actions[0]))}buildActionElement(t){var i;if(t){if(null!=t.itemBuilder){const i=t.itemBuilder(this._element,t);return"string"==typeof i?o("div",{class:"ez-actions-button__btn-action",innerHTML:i}):i}return o("ez-button",{size:"small",label:t.label,onClick:()=>this.actionClick(t),enabled:t.enabled,class:"ez-actions-button__btn-action"+(this.checkOption||this.hasIconName()?" ez-actions-button__btn-action--spaced":"")},this.checkOption&&(null===(i=this._selectedAction)||void 0===i?void 0:i.value)===t.value&&o("ez-icon",{class:"ez-actions-button__icon-check",slot:"leftIcon",size:"small",iconName:"check"}),!this.checkOption&&t.iconName&&o("ez-icon",{class:"ez-actions-button__icon-item",slot:"leftIcon",size:"small",iconName:t.iconName}))}}render(){var t;return o(n,null,o("ez-button",{ref:t=>this._button=t,class:(this.isTransparent?"ez-actions-button__btn-transparent":"")+(this.showLabel?" ez-actions-button__btn-label":""),label:this.showLabel&&(null===(t=this._selectedAction)||void 0===t?void 0:t.label),enabled:this.enabled,mode:this.showLabel?void 0:"icon",iconName:this.showLabel?"":this.displayIcon||"dots-vertical",size:this.size,onClick:()=>this.handlerButtonClick()},this.showLabel&&o("ez-icon",{class:"ez-actions-button__icon-right",slot:"rightIcon",iconName:this.displayIcon||"dots-vertical"})),o("section",{class:"ez-actions-button__list-container",ref:t=>this._listContainer=t},this.arrowActive&&o("div",{class:"ez-actions-button__arrow ez-actions-button__arrow--"+(this.size||"small")+(this.isTransparent?" ez-actions-button__arrow--upped":"")}),o("div",{ref:t=>this._actionsList=t,class:"ez-actions-button__actions-list ez-actions-button__actions-list--max-height"+(this.arrowActive&&!this.isTransparent?" ez-actions-button__actions-list--lowered":"")},this.actions.map((t=>this.buildActionElement(t))))))}get _element(){return s(this)}};r.style=":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-list--z-index:var(--ez-elevation--8, 8);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--ez-actions-button__actions-list--z-index);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--ez-actions-button__actions-list--z-index) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}.ez-actions-button--bottom-padding{padding-bottom:var(--space--small, 6px)}";export{r as ez_actions_button}

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

@@ -0,0 +1 @@
+import{r as t,h as i,H as s,g as h}from"./p-23a36bb6.js";import{StringUtils as n}from"@sankhyalabs/core";var r=function(t,i){return Number(t.slice(0,-1*i.length))},e=function(t){return t.endsWith("px")?{value:t,type:"px",numeric:r(t,"px")}:t.endsWith("fr")?{value:t,type:"fr",numeric:r(t,"fr")}:t.endsWith("%")?{value:t,type:"%",numeric:r(t,"%")}:"auto"===t?{value:t,type:"auto"}:null},o=function(t){return t.split(" ").map(e)},u=function(t,i,s){return i.concat(s).map((function(i){return i.style[t]})).filter((function(t){return void 0!==t&&""!==t}))},c=function(t){for(var i=0;i<t.length;i++)if(t[i].numeric>0)return i;return null},a=function(){return!1},f=function(t,i,s){t.style[i]=s},l=function(t,i,s){var h=t[i];return void 0!==h?h:s};function d(t){var i;return(i=[]).concat.apply(i,Array.from(t.ownerDocument.styleSheets).map((function(t){var i=[];try{i=Array.from(t.cssRules||[])}catch(t){}return i}))).filter((function(i){var s=!1;try{s=t.matches(i.selectorText)}catch(t){}return s}))}var m=function(t,i,s){this.direction=t,this.element=i.element,this.track=i.track,"column"===t?(this.gridTemplateProp="grid-template-columns",this.gridGapProp="grid-column-gap",this.cursor=l(s,"columnCursor",l(s,"cursor","col-resize")),this.snapOffset=l(s,"columnSnapOffset",l(s,"snapOffset",30)),this.dragInterval=l(s,"columnDragInterval",l(s,"dragInterval",1)),this.clientAxis="clientX",this.optionStyle=l(s,"gridTemplateColumns")):"row"===t&&(this.gridTemplateProp="grid-template-rows",this.gridGapProp="grid-row-gap",this.cursor=l(s,"rowCursor",l(s,"cursor","row-resize")),this.snapOffset=l(s,"rowSnapOffset",l(s,"snapOffset",30)),this.dragInterval=l(s,"rowDragInterval",l(s,"dragInterval",1)),this.clientAxis="clientY",this.optionStyle=l(s,"gridTemplateRows")),this.onDragStart=l(s,"onDragStart",a),this.onDragEnd=l(s,"onDragEnd",a),this.onDrag=l(s,"onDrag",a),this.writeStyle=l(s,"writeStyle",f),this.startDragging=this.startDragging.bind(this),this.stopDragging=this.stopDragging.bind(this),this.drag=this.drag.bind(this),this.minSizeStart=i.minSizeStart,this.minSizeEnd=i.minSizeEnd,i.element&&(this.element.addEventListener("mousedown",this.startDragging),this.element.addEventListener("touchstart",this.startDragging))};m.prototype.getDimensions=function(){var t=this.grid.getBoundingClientRect(),i=t.width,s=t.height,h=t.bottom,n=t.left,r=t.right;"column"===this.direction?(this.start=t.top,this.end=h,this.size=s):"row"===this.direction&&(this.start=n,this.end=r,this.size=i)},m.prototype.getSizeAtTrack=function(t,i){return function(t,i,s,h){return void 0===s&&(s=0),void 0===h&&(h=!1),i.slice(0,h?t+1:t).reduce((function(t,i){return t+i.numeric}),0)+(s?t*s:0)}(t,this.computedPixels,this.computedGapPixels,i)},m.prototype.getSizeOfTrack=function(t){return this.computedPixels[t].numeric},m.prototype.getRawTracks=function(){var t=u(this.gridTemplateProp,[this.grid],d(this.grid));if(!t.length){if(this.optionStyle)return this.optionStyle;throw Error("Unable to determine grid template tracks from styles.")}return t[0]},m.prototype.getGap=function(){var t=u(this.gridGapProp,[this.grid],d(this.grid));return t.length?t[0]:null},m.prototype.getRawComputedTracks=function(){return window.getComputedStyle(this.grid)[this.gridTemplateProp]},m.prototype.getRawComputedGap=function(){return window.getComputedStyle(this.grid)[this.gridGapProp]},m.prototype.setTracks=function(t){this.tracks=t.split(" "),this.trackValues=o(t)},m.prototype.setComputedTracks=function(t){this.computedTracks=t.split(" "),this.computedPixels=o(t)},m.prototype.setGap=function(t){this.gap=t},m.prototype.setComputedGap=function(t){var i;this.computedGap=t,this.computedGapPixels=((i=this.computedGap).endsWith("px")?Number(i.slice(0,-1*"px".length)):null)||0},m.prototype.getMousePosition=function(t){return"touches"in t?t.touches[0][this.clientAxis]:t[this.clientAxis]},m.prototype.startDragging=function(t){if(!("button"in t)||0===t.button){t.preventDefault(),this.grid=this.element?this.element.parentNode:t.target.parentNode,this.getDimensions(),this.setTracks(this.getRawTracks()),this.setComputedTracks(this.getRawComputedTracks()),this.setGap(this.getGap()),this.setComputedGap(this.getRawComputedGap());var i=this.trackValues.filter((function(t){return"%"===t.type})),s=this.trackValues.filter((function(t){return"fr"===t.type}));if(this.totalFrs=s.length,this.totalFrs){var h=c(s);null!==h&&(this.frToPixels=this.computedPixels[h].numeric/s[h].numeric)}if(i.length){var n=c(i);null!==n&&(this.percentageToPixels=this.computedPixels[n].numeric/i[n].numeric)}var r=this.getSizeAtTrack(this.track,!1)+this.start;if(this.dragStartOffset=this.getMousePosition(t)-r,this.aTrack=this.track-1,!(this.track<this.tracks.length-1))throw Error("Invalid track index: "+this.track+". Track must be between two other tracks and only "+this.tracks.length+" tracks were found.");this.bTrack=this.track+1,this.aTrackStart=this.getSizeAtTrack(this.aTrack,!1)+this.start,this.bTrackEnd=this.getSizeAtTrack(this.bTrack,!0)+this.start,this.dragging=!0,window.addEventListener("mouseup",this.stopDragging),window.addEventListener("touchend",this.stopDragging),window.addEventListener("touchcancel",this.stopDragging),window.addEventListener("mousemove",this.drag),window.addEventListener("touchmove",this.drag),this.grid.addEventListener("selectstart",a),this.grid.addEventListener("dragstart",a),this.grid.style.userSelect="none",this.grid.style.webkitUserSelect="none",this.grid.style.MozUserSelect="none",this.grid.style.pointerEvents="none",this.grid.style.cursor=this.cursor,window.document.body.style.cursor=this.cursor,this.onDragStart(this.direction,this.track)}},m.prototype.stopDragging=function(){this.dragging=!1,this.cleanup(),this.onDragEnd(this.direction,this.track),this.needsDestroy&&(this.element&&(this.element.removeEventListener("mousedown",this.startDragging),this.element.removeEventListener("touchstart",this.startDragging)),this.destroyCb(),this.needsDestroy=!1,this.destroyCb=null)},m.prototype.drag=function(t){var i=this.getMousePosition(t),s=this.getSizeOfTrack(this.track),h=this.aTrackStart+this.minSizeStart+this.dragStartOffset+this.computedGapPixels,n=this.bTrackEnd-this.minSizeEnd-this.computedGapPixels-(s-this.dragStartOffset);i<h+this.snapOffset&&(i=h),i>n-this.snapOffset&&(i=n),i<h?i=h:i>n&&(i=n);var r=i-this.aTrackStart-this.dragStartOffset-this.computedGapPixels,e=this.bTrackEnd-i+this.dragStartOffset-s-this.computedGapPixels;if(this.dragInterval>1){var o=Math.round(r/this.dragInterval)*this.dragInterval;e-=o-r,r=o}r<this.minSizeStart&&(r=this.minSizeStart),e<this.minSizeEnd&&(e=this.minSizeEnd),"px"===this.trackValues[this.aTrack].type?this.tracks[this.aTrack]=r+"px":"fr"===this.trackValues[this.aTrack].type?this.tracks[this.aTrack]=1===this.totalFrs?"1fr":r/this.frToPixels+"fr":"%"===this.trackValues[this.aTrack].type&&(this.tracks[this.aTrack]=r/this.percentageToPixels+"%"),"px"===this.trackValues[this.bTrack].type?this.tracks[this.bTrack]=e+"px":"fr"===this.trackValues[this.bTrack].type?this.tracks[this.bTrack]=1===this.totalFrs?"1fr":e/this.frToPixels+"fr":"%"===this.trackValues[this.bTrack].type&&(this.tracks[this.bTrack]=e/this.percentageToPixels+"%");var u=this.tracks.join(" ");this.writeStyle(this.grid,this.gridTemplateProp,u),this.onDrag(this.direction,this.track,u)},m.prototype.cleanup=function(){window.removeEventListener("mouseup",this.stopDragging),window.removeEventListener("touchend",this.stopDragging),window.removeEventListener("touchcancel",this.stopDragging),window.removeEventListener("mousemove",this.drag),window.removeEventListener("touchmove",this.drag),this.grid&&(this.grid.removeEventListener("selectstart",a),this.grid.removeEventListener("dragstart",a),this.grid.style.userSelect="",this.grid.style.webkitUserSelect="",this.grid.style.MozUserSelect="",this.grid.style.pointerEvents="",this.grid.style.cursor=""),window.document.body.style.cursor=""},m.prototype.destroy=function(t,i){void 0===t&&(t=!0),t||!1===this.dragging?(this.cleanup(),this.element&&(this.element.removeEventListener("mousedown",this.startDragging),this.element.removeEventListener("touchstart",this.startDragging)),i&&i()):(this.needsDestroy=!0,i&&(this.destroyCb=i))};var w=function(t,i,s){return i in t?t[i]:s},v=function(t,i){return function(s){if(s.track<1)throw Error("Invalid track index: "+s.track+". Track must be between two other tracks.");var h="column"===t?i.columnMinSizes||{}:i.rowMinSizes||{},n="column"===t?"columnMinSize":"rowMinSize";return new m(t,Object.assign({},{minSizeStart:w(h,s.track-1,l(i,n,l(i,"minSize",0))),minSizeEnd:w(h,s.track+1,l(i,n,l(i,"minSize",0)))},s),i)}},p=function(t){var i=this;this.columnGutters={},this.rowGutters={},this.options=Object.assign({},{columnGutters:t.columnGutters||[],rowGutters:t.rowGutters||[],columnMinSizes:t.columnMinSizes||{},rowMinSizes:t.rowMinSizes||{}},t),this.options.columnGutters.forEach((function(t){i.columnGutters[t.track]=v("column",i.options)(t)})),this.options.rowGutters.forEach((function(t){i.rowGutters[t.track]=v("row",i.options)(t)}))};p.prototype.addColumnGutter=function(t,i){this.columnGutters[i]&&this.columnGutters[i].destroy(),this.columnGutters[i]=v("column",this.options)({element:t,track:i})},p.prototype.addRowGutter=function(t,i){this.rowGutters[i]&&this.rowGutters[i].destroy(),this.rowGutters[i]=v("row",this.options)({element:t,track:i})},p.prototype.removeColumnGutter=function(t,i){var s=this;void 0===i&&(i=!0),this.columnGutters[t]&&this.columnGutters[t].destroy(i,(function(){delete s.columnGutters[t]}))},p.prototype.removeRowGutter=function(t,i){var s=this;void 0===i&&(i=!0),this.rowGutters[t]&&this.rowGutters[t].destroy(i,(function(){delete s.rowGutters[t]}))},p.prototype.handleDragStart=function(t,i,s){"column"===i?(this.columnGutters[s]&&this.columnGutters[s].destroy(),this.columnGutters[s]=v("column",this.options)({track:s}),this.columnGutters[s].startDragging(t)):"row"===i&&(this.rowGutters[s]&&this.rowGutters[s].destroy(),this.rowGutters[s]=v("row",this.options)({track:s}),this.rowGutters[s].startDragging(t))},p.prototype.destroy=function(t){var i=this;void 0===t&&(t=!0),Object.keys(this.columnGutters).forEach((function(s){return i.columnGutters[s].destroy(t,(function(){delete i.columnGutters[s]}))})),Object.keys(this.rowGutters).forEach((function(s){return i.rowGutters[s].destroy(t,(function(){delete i.rowGutters[s]}))}))};const g=class{constructor(i){t(this,i),this._items=[],this.direction="column"}componentDidLoad(){this._panelID=n.generateUUID(),this._element.dataset.panelId=this._panelID;let t=Array.from(this._element.children);this._items=t.filter((t=>{var i;return"EZ-SPLIT-ITEM"===(null===(i=t.tagName)||void 0===i?void 0:i.toUpperCase())}));let i=1;this._items.forEach(((t,s)=>{t.dataset.trackNumber=i.toString(),this._items.length>1&&s!=this._items.length-1&&this.addItemGutter(t),i+=2})),this.initSplit()}initSplit(){var t;this._items.length&&(this._element.style["row"==this.direction?"grid-template-rows":"grid-template-columns"]=this.getGridTemplate(),t=this.getGutters(),new p(t))}getGutters(){const t={columnGutters:[],rowGutters:[]};if(!this._items.length)return t;const i="row"==this.direction?"rowGutters":"columnGutters";return this._items.forEach(((s,h)=>{if(h==this._items.length-1)return;let n=s.dataset.trackNumber;h===this._items.length-1&&(n=this._items.length.toString()),t[i].push({track:Number(n),element:this._element.querySelector(`ez-split-panel[data-panel-id="${this._panelID}"] > [data-item-track="${s.dataset.trackNumber}"]`)})})),t}addItemGutter(t){const i=document.createElement("div");i.classList.add("ez-split-gutter"),i.classList.add(this.direction),i.dataset.itemTrack=`${t.dataset.trackNumber}`,i.dataset.trackNumber=(Number(t.dataset.trackNumber)+1).toString(),t.parentNode.insertBefore(i,t.nextSibling)}getElementStyle(){return{display:"grid",height:"100%",width:"100%"}}getGridTemplate(){let t="";return this._items.forEach(((i,s)=>{t+=s!==this._items.length-1?0!==s?" 1fr 5px":"1fr 5px":" 1fr"})),t}render(){return i(s,{style:this.getElementStyle()})}get _element(){return h(this)}};g.style=".ez-split-gutter{cursor:grab;background-color:transparent}";export{g as ez_split_panel}

package/dist/types/components/ez-actions-button/ez-actions-button.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { IAction } from '../../utils';
 export declare class EzActionsButton {
   private _actionsList;
   private _listContainer;
@@ -48,10 +49,22 @@ export declare class EzActionsButton {
    * Emitido ao acionar uma ação.
    */
   ezAction: EventEmitter<IAction>;
+  /**
+  * Emitido ao mostrar a lista de ações
+  */
+  ezPopoverOpen: EventEmitter<HTMLElement>;
+  /**
+   * Emitido quando componente é desconectado da DOM
+   */
+  ezDisconnectedActionButtons: EventEmitter<void>;
   /**
    * Oculta a lista de ações.
    */
   hideActions(): Promise<void>;
+  /**
+   * Apresenta a lista de ações.
+   */
+  showActions(): Promise<void>;
   /**
    * Verifica se a lista de ações está aberta.
    */
@@ -59,7 +72,6 @@ export declare class EzActionsButton {
   innerClickCheck: (floatingContainer: HTMLElement, node: HTMLElement) => boolean;
   private getFloatOptions;
   private getSideLimit;
-  private showActions;
   private updatePosition;
   private getPositionTop;
   private getBoundingLeft;
@@ -70,13 +82,9 @@ export declare class EzActionsButton {
   private handlerButtonClick;
   private actionClick;
   componentWillLoad(): void;
+  disconnectedCallback(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  buildActionElement(action: IAction): HTMLElement;
   render(): any;
 }
-export interface IAction {
-  value: string;
-  label: string;
-  enabled?: boolean;
-  iconName?: string;
-}

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

@@ -0,0 +1,76 @@
+import { SlotBuilder } from '../ez-list/ez-list';
+export declare class EzAlertList {
+  _element: HTMLElement;
+  private _container;
+  private _overlayId;
+  private _overlayRef;
+  /**
+   * Lista de alertas que devem ser apresentados no componente.
+   */
+  alerts: AlertItem[];
+  /**
+   * Define se o componente pode ser arrastado na tela.
+   */
+  enableDragAndDrop: boolean;
+  /**
+   * Define se o componente pode ser expandido.
+   */
+  enableExpand: boolean;
+  /**
+   * Define builder para elementos a direita do componente
+   */
+  itemRightSlotBuilder: SlotBuilder;
+  /**
+   * Define se o componente está aberto.
+   */
+  opened: boolean;
+  /**
+   * Define se o componente está expandido.
+   */
+  expanded: boolean;
+  observeOpened(): void;
+  /**
+   * Retorna o id do alerta a partir do título e do índice.
+   */
+  private alertId;
+  /**
+   * Retorna o título do alerta a partir do id.
+   */
+  private getAlertTitle;
+  /**
+    * Retorna o texto do título do alerta.
+    */
+  private getTitleText;
+  /**
+   * Gerencia a exibição do conteúdo expandido.
+   */
+  private toggleExpandContainer;
+  /**
+   * Gerencia a exibição do overlay usando FloatingManager do Core.
+   */
+  private manageOverlay;
+  /**
+   * Atualiza a posição da lista.
+   */
+  private updatePosition;
+  /**
+   * Retorna valores padrões do componente
+   */
+  private getFloatOptions;
+  /**
+   * Retorna o valor para o alinhamento horizontal do componente.
+   */
+  private getBoundingRight;
+  /**
+   * Retorna o valor para o alinhamento vertical do componente.
+   */
+  private getBoundingBottom;
+  private dataElementId;
+  componentDidRender(): void;
+  componentWillLoad(): void;
+  render(): any;
+}
+export interface AlertItem {
+  title: string;
+  detail?: string;
+}

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

@@ -8,12 +8,10 @@ export declare class EzComboBox {
   private _floatingID;
   private _source;
   private _changeDeboucingTimeout;
-  private _limitCharsToSearch;
   private _deboucingTime;
   private _maxWidthValue;
   private _tabPressed;
   private _textEmptyList;
-  private _textEmptySearch;
   private _lookupMode;
   private _resizeObserver;
   private el;
@@ -22,6 +20,10 @@ export declare class EzComboBox {
   private _startLoading;
   private _showLoading;
   private _criteria;
+  /**
+   * Define o limite de caracteres mínimo para realizar uma pesquisa
+   */
+  limitCharsToSearch: number;
   /**
    * Define o valor do campo.
    */
@@ -43,10 +45,6 @@ export declare class EzComboBox {
    * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
    */
   errorMessage: string;
-  /**
-   * Se true ativa o modo pesquisa do ez-combo-box.
-   */
-  searchMode: boolean;
   /**
    * Se true a opção selecionada exibe o `value` junto com `label`.
    */
@@ -75,10 +73,18 @@ export declare class EzComboBox {
    * Define o tamanho do campo.
    */
   mode: "slim" | "regular";
+  /**
+   * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
+   */
+  hideErrorOnFocusOut: boolean;
   /**
    * Define um posicionamento fixo para a lista de opções do CheckBox.
    */
   listOptionsPosition: IEzCheckBoxListPosition;
+  /**
+   * Informa se a pesquisa é do tipo texto.
+   */
+  isTextSearch: boolean;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */
@@ -122,20 +128,11 @@ export declare class EzComboBox {
   private scrollToOption;
   private selectCurrentOption;
   private updateSource;
-  private clearSource;
   private selectOption;
   private loadOptions;
   private cancelPreselection;
   private setInputValue;
   private clearSearch;
-  private controlListWithOnlyOne;
-  private controlEmptySearch;
-  private validateDescriptionValue;
-  private loadDescriptionValue;
-  private setDescriptionValue;
-  private loadOptionValue;
-  private showNoResultMessage;
-  private getFieldLabel;
   private resetOptions;
   componentWillLoad(): void;
   componentDidRender(): void;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from '../../stencil-public-runtime';
 import { DialogType } from "./DialogType";
 declare class Message {
   title: string;
@@ -15,6 +15,7 @@ declare class Message {
 }
 export declare class EzDialog {
   _element: HTMLElement;
+  private readonly PRIMARY_BUTTON_ID;
   private labelConfirm;
   private labelCancel;
   private btnConfirmDanger;
@@ -22,6 +23,7 @@ export declare class EzDialog {
   private _currentMessage;
   private _overlayRef;
   private _overlayId;
+  private _canFocusOnPrimaryBtn;
   /**
    * Define se o ez-dialog será utilizado no modo de confirmação.
    */
@@ -58,7 +60,8 @@ export declare class EzDialog {
   * Define função a ser executada antes de fechar o modal
   */
   beforeClose: Function;
-  observeConfig(): void;
+  observeConfig(newValue: boolean, oldValue: boolean): void;
+  handleKeyDown(event: KeyboardEvent): void;
   manageOverflow(): void;
   private manageOverlay;
   private handleButtonClick;
@@ -77,6 +80,9 @@ export declare class EzDialog {
   componentWillRender(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  private focusOnDialog;
+  private handleFocusOnPrimaryButton;
+  private focusOnPrimaryButton;
   render(): any;
 }
 export {};

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

@@ -34,6 +34,11 @@ export declare class EzDropdown {
    * o IDropdownSubAction deve ser enviado como data do evento.
    */
   ezSubActionClick: EventEmitter<IDropdownSubAction>;
+  /**
+   * Emitido quando ocorrer um click fora do componente.
+   */
+  ezOutsideClick: EventEmitter<void>;
+  handleClickOutside(event: MouseEvent): void;
   private defaultItemBuilder;
   private getMaxOrder;
   private hasIcon;

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

@@ -1,7 +1,8 @@
 import { DataUnit } from "@sankhyalabs/core";
 import { EventEmitter } from "../../stencil-public-runtime";
 import { Tab } from "../ez-tabselector/ez-tabselector";
-import { IFormConfig, IRecordValidator } from "../../utils/form/interfaces";
+import { IFieldConfig, IFormConfig, IRecordValidator } from '../../utils/form/interfaces';
+import { FormItems } from "../ez-form-view/structure";
 export declare class EzForm {
   private _element;
   private _store;
@@ -20,10 +21,26 @@ export declare class EzForm {
    * Define um validador responsável pela integridade dos registros.
    */
   recordsValidator: IRecordValidator;
+  /**
+   * Determina o campo que deve ficar em evidência.
+   */
+  fieldToFocus: string;
+  /**
+   * Emitido quando o campo recebe foco
+   */
+  ezFormRequestClearFieldToFocus: EventEmitter<void>;
+  /**
+   * Emitido quando o campo recebe foco
+   */
+  ezFormSetFields: EventEmitter<Array<IFieldConfig>>;
   /**
    * Evento disparado quando o formulário está disponível na DOM.
    */
   ezReady: EventEmitter<void>;
+  /**
+   * Responsável por notificar quando ocorrer a renderização de itens do formulário.
+   */
+  formItemsReady: EventEmitter<FormItems>;
   /**
    * Realiza validação no conteúdo de todos os campos.
    */
@@ -36,6 +53,7 @@ export declare class EzForm {
   componentWillLoad(): void;
   onDataUnitAction: (action: any) => void;
   componentDidRender(): void;
+  private handleFieldToFocus;
   disconnectedCallback(): void;
   buildIdTabSelector(tabs: Array<Tab>): Array<Tab>;
   render(): any;

package/dist/types/components/ez-form-view/ez-form-view.d.ts

@@ -1,11 +1,16 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IFormViewField } from './interfaces/IFormViewField';
+import { FormItems } from './structure';
 export declare class EzFormView {
   _element: HTMLEzFormViewElement;
   /**
    * Evento emitido quando o componente foi totalmente carregado na DOM.
    */
   ezContentReady: EventEmitter<Array<HTMLElement>>;
+  /**
+   * Responsável por notificar quando ocorrer a renderização de itens do formulário.
+   */
+  formItemsReady: EventEmitter<FormItems>;
   /**
    * Define a lista de metadados usada para criar os campos de user interface.
    */

package/dist/types/components/ez-form-view/structure/index.d.ts

@@ -0,0 +1,15 @@
+declare class FormItem {
+  private elem;
+  constructor(elem: HTMLElement);
+  addRightElement(el: Element): void;
+  removeRightElement(): void;
+  get fieldName(): string;
+}
+export declare class FormItems {
+  items: Map<string, FormItem>;
+  private formId;
+  constructor(items: Array<HTMLElement>, formId?: string);
+  getItem(name: string): FormItem;
+  get formName(): string;
+}
+export {};

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

@@ -2,7 +2,6 @@ import { DataUnit, Filter } from '@sankhyalabs/core';
 import { Components } from '../../../components';
 import FilterCollumn = Components.FilterColumn;
 import { IRecordValidator } from '../../../utils/form/interfaces';
-import { GridApi } from 'ag-grid-community';
 /**
  * O intuito desta abstração, é isolar o componente EzGrid de uma implementação
  * específica, permitindo que usemos componentes de terceiros sem um acoplamento
@@ -22,10 +21,6 @@ export default interface EzGridController {
    * @param options - A contextualização dessa instância de grade.
   */
   initDatagrid(container: HTMLElement, options: EzGridOptions): void;
-  /**
-   * Chamado pelo EzGrid para retornar a api de manipulação da grade.
-   */
-  getGridApi(): GridApi;
   /**
    * Método responsável por receber a definição das colunas.
    * @param cols - Array contendo a definição de todas as colunas.
@@ -108,6 +103,10 @@ export default interface EzGridController {
    * Método responsável por retornar a configuração da grade.
    */
   getGridConfig(): Array<EzGridColumnConfig>;
+  /**
+   * Localiza determinada coluna tornando-a visível.
+   */
+  locateColumn(columnName: string): void;
   configFilterColumn(filterColumn: FilterCollumn): any;
   getFilter(): Array<Filter> | undefined;
 }
@@ -124,10 +123,14 @@ export interface EzGridOptions {
    */
   onSelectionChange: Function;
   /**
-  * Callback para reagir à paginação
+  * Callback para reagir à troca de páginas
   */
   onPaginationChange: Function;
   /**
+  * Callback para reagir à atualização da paginação vinda do Parallel Loader
+  */
+  onPaginationUpdate: Function;
+  /**
   * Callback para reagir ao clique duplo na linha
   */
   onDoubleClick: Function;

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

@@ -1,6 +1,5 @@
 import { Sort, SortingProvider } from '@sankhyalabs/core';
 import { Filter, FilterProvider } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { GridApi } from 'ag-grid-community';
 import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumnMenuItemDef, EzGridOptions } from '../EzGridController';
 export default class AgGridController implements EzGridController, SortingProvider, FilterProvider {
   private readonly DEFAULT_ROW_HEIGHT;
@@ -36,8 +35,8 @@ export default class AgGridController implements EzGridController, SortingProvid
   private showFilterColumn;
   constructor(enterprise: boolean);
   getGridConfig(): Array<EzGridColumnConfig>;
-  getGridApi(): GridApi;
-  getSort(): Array<Sort>;
+  locateColumn(columnName: string): void;
+  getSort(_dataUnitName: string, defaultSorting: Array<Sort>): Array<Sort>;
   getFilter(): Array<Filter> | undefined;
   initDatagrid(container: HTMLElement, options: EzGridOptions): void;
   private setFilterColumnLeftPosition;

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

@@ -10,6 +10,7 @@ export default class DataSource implements IServerSideDatasource {
   quickFilter: QuickFilter;
   readonly RECORD_ARCHIVE = "__RECORD_ARCHIVE__";
   private duObserver;
+  private isSilentChange;
   constructor(dataUnit: DataUnit, controller: EzGridController, options: EzGridOptions);
   private updateSelection;
   getRows(params: IServerSideGetRowsParams): void;

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

@@ -2,7 +2,7 @@ import { IHeaderParams } from 'ag-grid-community';
 export interface IEzGridCustomHeaderParams {
   tooltip?: string;
   hasFilter?: () => boolean;
-  showColumnFilter?: (leftPosition: string) => void;
+  showColumnFilter?: (leftPosition: string, fromIcon: boolean) => void;
 }
 export declare class EzGridCustomHeader {
   private params;

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

@@ -1,7 +1,7 @@
 import { DataUnit } from '@sankhyalabs/core';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IMultiSelectionListDataSource } from '../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
-import { EzGridColumStateEvent, EzGridColumn, EzGridColumnConfig, IGridConfig, IStatusResolver, StatusResolverFunction } from './controller/EzGridController';
+import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver, StatusResolverFunction } from './controller/EzGridController';
 import { ISelection, ISelectionToastConfig } from './interfaces';
 import { IRecordValidator } from '../../utils/form/interfaces';
 export declare class EzGrid {
@@ -11,6 +11,7 @@ export declare class EzGrid {
   private _gridSelectionCounter;
   private _resizeObserver;
   private _messageFilterAppliedSuccess;
+  private _gridApi;
   private _filterColumn;
   _element: HTMLElement;
   private _paginationInfo;
@@ -19,7 +20,7 @@ export declare class EzGrid {
   private _isAllSelection;
   private _currentPageSelected;
   private _selectionCount;
-  private _originalRecords;
+  private _hasLeftButtons;
   /**
    * Emitido quando acontece a alteração de estado das colunas do grid: Ordenação, largura, etc.
    */
@@ -113,6 +114,14 @@ export declare class EzGrid {
    * Aplica um filtro rápido.
    */
   quickFilter(term: string): Promise<void>;
+  /**
+   * Localiza determinada coluna tornando-a visível.
+   */
+  locateColumn(columnName: string): Promise<void>;
+  /**
+   * Usa um argumento para filtrar as colunas po label
+   */
+  filterColumns(search: string): Promise<Array<EzGridColumn>>;
   observeConfig(config: IGridConfig): void;
   onSelectionChange(evt: CustomEvent): void;
   private setSelection;
@@ -128,14 +137,13 @@ export declare class EzGrid {
   private buildDataElementId;
   private previousPage;
   private nextPage;
+  private resetPaginationState;
   private getPaginationControl;
   componentDidLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;
   componentWillLoad(): void;
-  onDataUnitAction: (action: any) => void;
   private getDataSource;
-  private buildDefaultDataSource;
-  private formatLabel;
+  private hideHeader;
   render(): any;
 }

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

@@ -0,0 +1,4 @@
+import { Filter } from "@sankhyalabs/core";
+export interface IColumnFilter extends Filter {
+  columnName: string;
+}

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

@@ -1,2 +1,3 @@
 export * from './ISelection';
 export * from './ISelectionToastConfig';
+export * from './IColumnFilter';

package/dist/types/components/ez-grid/subcomponents/filter-column.d.ts

@@ -5,6 +5,8 @@ import { IMultiSelectionOption } from '../../ez-multi-selection-list/interfaces/
 export declare class FilterColumn {
   private readonly TOP_POSITION;
   private readonly TOP_POSITION_HEADER_HIDDEN;
+  private readonly TOP_POSITION_NO_TASKBAR;
+  private readonly TOP_POSITION_NO_TASKBAR_HEADER_HIDDEN;
   private readonly DEFAULT_HEIGHT;
   private ezPopoverElement;
   private ezMultiSelectionList;
@@ -13,19 +15,24 @@ export declare class FilterColumn {
   columnName: string;
   columnLabel: string;
   gridHeaderHidden: boolean;
+  noHeaderTaskBar: boolean;
   dataSource: IMultiSelectionListDataSource;
   dataUnit: DataUnit;
   options: IMultiSelectionOption[];
   selectedItems: IMultiSelectionOption[];
   fieldDescriptor: FieldDescriptor;
   useOptions: boolean;
+  isTextSearch: boolean;
   hide(): Promise<void>;
   /**
    * Abre o filtro de coluna.
    * @Params IFilterColumnConfigs informações para configurar o filtro
    */
   show(configs: IFilterColumnConfigs): Promise<void>;
+  private calculateLeftPosition;
+  private buildIsTextSearch;
   private calcTopPosition;
+  private buildReferenceTopPosition;
   private clearConfigs;
   private canShow;
   private submit;
@@ -42,6 +49,7 @@ export interface IFilterColumnConfigs {
   columnLabel: string;
   leftPosition: string;
   filteredOptions?: IMultiSelectionOption[];
+  fromIcon?: boolean;
 }
 export interface IAppliedFilterColumnOptions {
   field: string;

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

@@ -0,0 +1,9 @@
+import { DataUnit, Filter, Record } from "@sankhyalabs/core";
+import { IColumnFilter } from "../interfaces/IColumnFilter";
+import { IMultiSelectionOption } from "../../ez-multi-selection-list/interfaces/IMultiSelectionOption";
+export declare class ColumnFilterManager {
+  static getColumnFilters(filters: Array<Filter>, fieldName: string): Map<string, IColumnFilter>;
+  static getFilterFunction(dataUnit: DataUnit, filters?: Array<IColumnFilter>): (record: Record) => boolean;
+  private static recordMatchesFilter;
+  static compileDistinct(fieldName: string, dataUnit: DataUnit): Array<IMultiSelectionOption>;
+}