@sankhyalabs/ezui 5.22.0-dev.2 → 5.22.0-dev.21

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

@@ -0,0 +1 @@
+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,i){t&&"string"!=typeof t?this._processedTabs=t:t!==i&&this.processesTabs()}async goToTab(t,i=!1){const s=this._processedTabs.find((i=>i.index===t));this.handleTabClick(s,!i)}handleTabClick(t,i=!0){this.selectedIndex=t.index,this._focusedIndex=void 0,this.selectedTab=t.tabKey,i&&this.ezChange.emit(t),this.setFocusedBtn(!1,t.index)}componentWillLoad(){this.processesTabs()}processesTabs(){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-c36b7c56.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as o,F as e,H as l,g as p}from"./p-23a36bb6.js";import{KeyboardManager as d,FloatingManager as s}from"@sankhyalabs/core";const n=class{constructor(o){t(this,o),this.ezClosePopup=i(this,"ezClosePopup",7),this.ezPopupAction=i(this,"ezPopupAction",7),this._sizeClasses={"x-small":"col--sd-3 ez-popup__size-limit--x-small",small:"col--sd-5",medium:"col--sd-6",large:"col--sd-9","x-large":"col--sd-11",default:"ez-popup__size-limit--x-small"},this.size="medium",this.opened=!1,this.useHeader=!0,this.heightMode="full",this.ezTitle=void 0,this.enabledScroll=!1}observeConfig(){this.manageOverflow()}componentDidLoad(){this.opened&&this._popupRef&&this._popupRef.focus(),new d({propagate:!1,element:this._element}).bind("Enter",this.ezPopupAction.emit.bind("OK")).bind("Escape",(()=>this.closePopup())).bind("Esc",(()=>this.closePopup()))}closePopup(){this.opened=!1,this.manageOverflow(),this.ezClosePopup.emit()}manageOverflow(){window.document.body.style.overflow=this.opened?"hidden":""}manageOverlay(){this.opened?this._overlayId=s.subscribeOverlayControl(this._popupRef):s.unsubscribeOverlayControl(this._popupRef||this._overlayId)}getGridSize(){return this._sizeClasses[this.size]||this._sizeClasses.medium}handlePopupHeight(){return"auto"===this.heightMode?"popup__container--auto":""}handlePopupOverflowY(){return this.enabledScroll?"popup__overflow-y--auto":""}componentDidRender(){this.manageOverlay()}render(){return o(l,null,this.opened?o("div",{class:"overlay",ref:t=>this._popupRef=t,tabIndex:-1},o("div",{class:"popup col "+this.getGridSize()},o("div",{class:`popup__container ${this.handlePopupHeight()} ${this.handlePopupOverflowY()}`},o("div",{class:"popup__content"},o("div",{class:"popup__header "+(this.useHeader?"popup__header--padding":"")},this.useHeader&&o(e,null,!!this.ezTitle&&o("div",{class:"popup__title"},this.ezTitle),o("button",{class:this.ezTitle?"btn-close":"btn-close btn-close--solo",onClick:()=>{this.opened=!1,this.ezClosePopup.emit()}}))),o("div",{class:"popup__expandable-content"},o("slot",null)))))):void 0)}get _element(){return p(this)}static get watchers(){return{opened:["observeConfig"]}}};n.style=':host{display:flex;--ez-popup-z-index:var(--elevation--24, 24);--ez-popup__container--color:var(--title--primary, #2b3a54);--ez-popup__container--padding:var(--space--large, 24px);--ez-popup__header--padding-bottom:var(--space--medium, 12px);--ez-popup__title--font-family:var(--font-pattern, "Roboto");--ez-popup__title--font-size:var(--title--extra-large, 24px);--ez-popup__title--color:var(--title--primary, #2b3a54);--ez-popup__title--font-weight:var(--text-weight--large, 600);--ez-popup__btn__close--icon-color:var(--title--primary, #2b3a54);--ez-popup__btn__close--icon:url(\'data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M 8.2421753,6.9944578 13.743748,1.4930784 C 13.907781,1.3290628 14,1.1065946 14,0.87462511 14,0.64266712 13.907782,0.42019873 13.743748,0.25617155 13.579712,0.09215597 13.35727,6.48e-8 13.125266,6.48e-8 12.89338,6.48e-8 12.670821,0.09215634 12.506787,0.25617155 L 7.005215,5.7575508 1.5035972,0.25617155 C 1.3395631,0.09215597 1.1170968,6.48e-8 0.88511716,6.48e-8 0.65314917,6.48e-8 0.4306712,0.09215597 0.26663695,0.25617155 0.10260271,0.42019873 0.01045441,0.64266712 0.01045441,0.87462511 c 0,0.23196949 0.0921483,0.45443769 0.25618254,0.61845329 L 5.7682546,6.9944578 0.26663695,12.497027 c -0.0834745,0.08067 -0.15003245,0.1772 -0.19581514,0.283871 C 0.02505077,12.887561 9.831648e-4,13.002399 2.950369e-5,13.118395 -9.2415746e-4,13.234504 0.02125019,13.349689 0.06527245,13.457057 c 0.04401053,0.107479 0.10898307,0.205064 0.1911168,0.287137 0.0821454,0.08208 0.17979645,0.146888 0.28727561,0.190839 0.10747906,0.04395 0.22262954,0.06598 0.33872417,0.06493 0.116095,-10e-4 0.23082547,-0.0253 0.33747687,-0.07112 0.1066637,-0.04593 0.2031133,-0.112615 0.2837313,-0.196086 L 7.005215,8.2313646 12.506787,13.732768 c 0.164034,0.164027 0.386593,0.256125 0.618479,0.256125 0.232004,0 0.454446,-0.09209 0.618482,-0.256125 C 13.907781,13.568741 14,13.346308 14,13.114315 14,12.882323 13.90779,12.659888 13.743748,12.495861 Z"/></svg>\')}.overlay{position:fixed;display:flex;top:0px;z-index:var(--ez-popup-z-index, 24);left:0px;width:100%;align-items:center;justify-content:center;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.popup{display:flex;height:100%;align-items:center;justify-content:center;box-sizing:border-box}.popup__container{width:100%;max-height:90%;height:100%;display:flex;flex-wrap:wrap;overflow:hidden;outline:none;background:#FFFF;color:var(--ez-popup__container--color);border-radius:12px;box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122);box-sizing:border-box;padding:var(--ez-popup__container--padding)}.popup__container--auto{height:auto}.popup__overflow-y--auto{overflow-y:auto}.popup__content{box-sizing:border-box;height:100%;width:100%}.popup__expandable-content{box-sizing:border-box;width:100%;height:calc(100% - 44px)}.popup__header{width:100%;display:flex}.popup__header--padding{padding-bottom:var(--ez-popup__header--padding-bottom)}.popup__title{display:flex;margin:0;width:100%;font-family:var(--ez-popup__title--font-family);font-size:var(--ez-popup__title--font-size);font-weight:var(--ez-popup__title--font-weight);color:var(--ez-popup__title--color);line-height:1.3}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:\'\';display:flex;background-color:var(--ez-popup__btn__close--icon-color);width:14px;height:14px;-webkit-mask-image:var(--ez-popup__btn__close--icon);mask-image:var(--ez-popup__btn__close--icon)}.btn-close--solo{width:100%}.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}.ez-popup__size-limit--x-small{min-width:350px;max-width:560px}@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{n as ez_popup}

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

@@ -0,0 +1 @@
+import{h as e,r as a,c as t,g as l,H as o}from"./p-23a36bb6.js";import{ObjectUtils as r,UserInterface as n,ElementIDUtils as i}from"@sankhyalabs/core";import{R as s}from"./p-05e1f4e7.js";import{C as d}from"./p-b853763b.js";function c(a,t,l,o,r){return e("div",{class:"ez-col ez-col--sd-12 ez-align--middle ez-padding-horizontal--small ez-padding-bottom--large"},e("ez-check",{enabled:!l,label:t,mode:r?d.SWITCH:d.REGULAR,"data-field-name":a,"data-context-name":o,key:a}))}function m(a,t,l,o,r,n,i){return e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-number-input",{enabled:!l,label:t,precision:o,prettyPrecision:r,"data-field-name":a,"data-context-name":n,key:a,canShowError:i}))}const h=({name:a,label:t,readOnly:l,contextName:o,canShowError:r})=>e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-text-input",{label:t,"data-field-name":a,"data-context-name":o,key:a,enabled:!l,canShowError:r})),p=new Map;p.set(n.CHECKBOX,(e=>c(e.name,e.label,e.readOnly,e.contextName,!1))),p.set(n.SWITCH,(e=>c(e.name,e.label,e.readOnly,e.contextName,!0))),p.set(n.OPTIONSELECTOR,(({name:a,label:t,readOnly:l,required:o,props:r,contextName:n,canShowError:i})=>{const s=null==r?void 0:r.options;let d;if("string"==typeof s){const e=JSON.parse(s);d=Object.keys(e).map((a=>({value:a,label:e[a]})))}else d=s;return e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-combo-box",{enabled:!l,suppressEmptyOption:o,label:t,"data-field-name":a,"data-context-name":n,key:a,options:d,canShowError:i}))})),p.set(n.DATE,(({name:a,label:t,readOnly:l,canShowError:o})=>e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-date-input",{enabled:!l,label:t,"data-field-name":a,key:a,canShowError:o})))),p.set(n.TIME,(({name:a,label:t,readOnly:l,canShowError:o})=>e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-time-input",{enabled:!l,label:t,"data-field-name":a,key:a,canShowError:o})))),p.set(n.DATETIME,(({name:a,label:t,readOnly:l,contextName:o,canShowError:r})=>e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-date-time-input",{enabled:!l,label:t,"data-field-name":a,"data-context-name":o,key:a,canShowError:r})))),p.set(n.FILE,(({name:a,label:t,readOnly:l,contextName:o,props:n})=>{const i=r.removeEmptyValues({subTitle:n.subTitle,requestHeaders:Object.assign(Object.assign({},n.STORAGESTRATEGY&&{STORAGESTRATEGY:n.STORAGESTRATEGY}),n.INTERNAL_FILENAME&&{INTERNAL_FILENAME:n.INTERNAL_FILENAME})});return e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-upload",Object.assign({enabled:!l,label:t,"data-field-name":a,"data-context-name":o,key:a},i)))})),p.set(n.DECIMALNUMBER,(({name:e,label:a,readOnly:t,props:l,contextName:o,canShowError:r})=>{var n,i;const s=Number(null!==(n=null==l?void 0:l.precision)&&void 0!==n?n:2);return m(e,a,t,s,Number(null!==(i=null==l?void 0:l.prettyPrecision)&&void 0!==i?i:s),o,r)})),p.set(n.INTEGERNUMBER,(({name:e,label:a,readOnly:t,contextName:l,canShowError:o})=>m(e,a,t,0,0,l,o))),p.set(n.SEARCH,(({name:a,label:t,readOnly:l,required:o,contextName:r,canShowError:n,optionLoader:i,props:s})=>{var d;return e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small"},e("ez-search",{enabled:!l,suppressEmptyOption:o,label:t,"data-field-name":a,"data-context-name":r,key:a,canShowError:n,optionLoader:i,ignoreLimitCharsToSearch:null!==(d=s.ignoreLimitCharsToSearch)&&void 0!==d&&d}))})),p.set(n.LONGTEXT,(({name:a,label:t,readOnly:l,contextName:o,rows:r,canShowError:n})=>e("div",{class:"ez-col ez-col--sd-12 ez-padding-horizontal--small",key:a},e("ez-text-area",{enabled:!l,label:t,"data-field-name":a,"data-context-name":o,rows:r,canShowError:n}))));const u=e=>{const a=p.get(e.userInterface)||h,t=e.required?`${e.label}${s}`:e.label,l=a(Object.assign(Object.assign({},e),{label:t}));return l.t["data-form-item"]=e.name,l};class z{constructor(e){this.elem=e}addRightElement(e){this.removeRightElement(),e.classList.add("ez-padding-left--small"),e.setAttribute("data-custom-item","true"),this.elem.classList.add("ez-col--nowrap"),this.elem.appendChild(e)}removeRightElement(){Array.from(this.elem.querySelectorAll('[data-custom-item="true"]')).forEach((e=>e.remove()))}get fieldName(){return this.elem.getAttribute("data-form-item")}}class b{constructor(e,a){this.items=new Map,this.formId=a,e.forEach((e=>{const a=new z(e);this.items.set(a.fieldName,a)}))}getItem(e){return this.items.get(e)}get formName(){return this.formId}}const w=class{constructor(e){a(this,e),this.ezContentReady=t(this,"ezContentReady",7),this.formItemsReady=t(this,"formItemsReady",7),this._customEditors=new Map,this.fields=void 0,this.selectedRecord=void 0}async showUp(){this._element.scrollIntoView({behavior:"smooth",block:"start"})}async addCustomEditor(e,a,t){const l=new Map(this._customEditors);l.set(e,{customEditor:a,detailContext:t}),this._customEditors=l}async setFieldProp(e,a,t){const l=this.fields.map((l=>(l.name!==e||!t&&0!==t||(l.props=l.props||{},l.props[a]=t),l)));this.fields=[...l]}groupFields(e){const a=new Map;return e.forEach((e=>{const t=e.group;if(t){let l=a.get(t);null==l&&(l=[],a.set(t,l)),l.push(e)}else a.set(e.name,e)})),a}componentDidRender(){this._formElements=Array.from(this._element.querySelectorAll("[data-field-name]")),this.ezContentReady.emit(this._formElements);const e=new b(Array.from(this._element.querySelectorAll("[data-form-item]")));this.formItemsReady.emit(e)}isItemFullWidth(e){return[n.FILE,n.LONGTEXT].includes(e)}buildFormItemElement(a,t=""){var l;if(this.isItemFullWidth(a.userInterface)&&(t+=" input-full_width"),this._customEditors.has(a.name)){const o=null===(l=this._formElements.map((e=>({name:e.dataset.fieldName,value:e.value}))).find((e=>e.name===a.name)))||void 0===l?void 0:l.value,r=this._customEditors.get(a.name).customEditor;return e("div",{class:t},e("ez-custom-form-input",{"data-field-name":a.name,customEditor:r,formViewField:a,builderFallback:u,value:o,selectedRecord:this.selectedRecord}))}return e("div",{class:t},u(a))}render(){if(i.addIDInfoIfNotExists(this._element,"ezFormView"),null==this.fields)return;let a=[],t=Array.from(this.groupFields(this.fields).entries()).map((([t,l])=>{if(Array.isArray(l))return e("ez-collapsible-box",{id:`group-${t}`,label:t,"header-size":"large",key:t},e("div",{class:"form-view__content"},l.map((e=>this.buildFormItemElement(e)))));a.push(l)})),l=a.map((e=>this.buildFormItemElement(e))),r=e("div",{class:"form-view__content"},l);return e(o,null,r,t)}get _element(){return l(this)}};w.style=".sc-ez-form-view-h{display:flex;flex-wrap:wrap;width:100%;--ez-form-view__item--min-width:220px;--ez-form-view__item--sapce-width:5px}.form-view__content.sc-ez-form-view{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--ez-form-view__item--min-width), 1fr));gap:var(--ez-form-view__item--sapce-width);width:100%}.input-full_width.sc-ez-form-view{grid-column:1 / -1;width:100%}";export{w as ez_form_view}

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

@@ -0,0 +1 @@
+import{r as t,h as i,H as s,c as e,g as o}from"./p-23a36bb6.js";import{C as n}from"./p-4607fb89.js";import{ObjectUtils as l,HTMLBuilder as h,StringUtils as a,ElementIDUtils as d}from"@sankhyalabs/core";import{A as r}from"./p-2187f86c.js";import"./p-ab574d59.js";import"./p-b853763b.js";const c=class{constructor(i){t(this,i),this.gui=void 0,this.customEditor=void 0,this.formViewField=void 0,this.value=void 0,this.detailContext=void 0,this.builderFallback=void 0,this.selectedRecord=void 0}async setFocus(){var t,i;null===(i=null===(t=this.gui)||void 0===t?void 0:t.setFocus)||void 0===i||i.call(t)}async setBlur(){var t,i;null===(i=null===(t=this.gui)||void 0===t?void 0:t.setBlur)||void 0===i||i.call(t)}async isInvalid(){var t,i;return(null===(i=null===(t=this.gui)||void 0===t?void 0:t.isInvalid)||void 0===i?void 0:i.call(t))||!1}watchValue(){this.handleValue(this.gui)}watchCustomEditor(){this.getContent()}watchFormViewField(t,i){l.equals(t,i)||this.getContent()}watchDetailContext(){this.getContent()}watchBuilderFallback(){this.getContent()}watchSelectedRecord(t,i){t.__record__id__!==i.__record__id__&&this.getContent()}getContent(){var t,s;const e=new Map;for(const t in this.formViewField.props)e.set(t,this.formViewField.props[t]);const o={value:this.value,name:this.formViewField.name,currentEditor:this.builderFallback(this.formViewField),setValue:t=>this.setValue(t),getValue:this.getValue,record:this.selectedRecord,editorMetadata:{label:this.formViewField.label,hidden:!1===(null===(t=this.formViewField.props)||void 0===t?void 0:t.visible),userInterface:this.formViewField.userInterface,options:null===(s=this.formViewField.props)||void 0===s?void 0:s.options,props:this.formViewField.props?e:void 0,optionLoader:this.formViewField.optionLoader},source:n.FORM,detailContext:this.detailContext};let l=this.customEditor.getEditorElement(o);return l?l instanceof HTMLElement||"string"==typeof l?("string"==typeof l&&(l=h.parseElement(l)),l.setAttribute("value",this.value),void(this.gui=i("div",{key:a.generateUUID(),ref:t=>t&&t.appendChild(l)}))):(this.handleValue(l),void(this.gui=l)):(l=this.builderFallback(this.formViewField),this.handleValue(l),void(this.gui=l))}setValue(t){this.value=t}getValue(){return this.value}handleValue(t){var i;null===(i=t.t)||void 0===i||i.forEach((t=>{t.i.value=this.value}))}componentWillLoad(){this.getContent()}render(){return i(s,null,this.gui)}static get watchers(){return{value:["watchValue"],customEditor:["watchCustomEditor"],formViewField:["watchFormViewField"],detailContext:["watchDetailContext"],builderFallback:["watchBuilderFallback"],selectedRecord:["watchSelectedRecord"]}}},u=class{constructor(i){t(this,i),this.saveEdition=e(this,"saveEdition",7),this.cancelEdition=e(this,"cancelEdition",7),this._newValue=void 0,this.value=void 0,this.styled=void 0}async applyFocusSelect(){this.calcSizeInput(this.value,!0)}calcSizeInput(t,i=!1){var s,e;const o=null===(e=null===(s=this._inputElement)||void 0===s?void 0:s.shadowRoot)||void 0===e?void 0:e.querySelector("input");if(null!=o){const s=this.getWidthValue(t);o.style.width=s+"px",i&&setTimeout((()=>o.select()),100)}}getWidthValue(t){if(null!=this._valueBasis){const i=this._valueBasis;if(null!=t){const s=2;return i.innerHTML=t,i.clientWidth>0?i.clientWidth+s:s}i.innerHTML=""}return 0}setStyledInput(){var t,i;let s="",e="",o="";null!=this.styled&&(s=this.styled.fontSize,e=this.styled.fontWeight,o=this.styled.fontFamily);const n=null===(i=null===(t=this._inputElement)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("input");null!=n&&(n.style.fontSize=s,n.style.fontWeight=e,n.style.fontFamily=o);const l=this._valueBasis;null!=l&&(l.style.fontSize=s,l.style.fontWeight=e,l.style.fontFamily=o)}handleSaveEdition(){this._newValue?this.saveEdition.emit({value:this.value,newValue:this._newValue}):r.alert("Aviso","Não é possível salvar um campo em branco.").then((()=>{this.setNewValue(this.value,!0)}))}handleCancelEdition(){this.cancelEdition.emit()}setNewValue(t,i=!1){this._newValue=t,this.calcSizeInput(this._newValue,i)}componentDidLoad(){this.applyFocusSelect(),this.setNewValue(this.value)}componentDidRender(){this.setStyledInput()}render(){return d.addIDInfoIfNotExists(this._element,"input"),i(s,null,i("span",{class:"text-edit__hidden-value",ref:t=>this._valueBasis=t}),i("ez-text-input",{"data-element-id":d.getInternalIDInfo("textInput"),onInput:()=>{this.calcSizeInput(this._newValue)},class:"text-edit__form-input",value:this._newValue,ref:t=>this._inputElement=t,mode:"slim",onEzChange:t=>this.setNewValue(null==t?void 0:t.detail),noBorder:!0}),i("ez-button",{class:"text-edit__icon-check",mode:"icon",iconName:"check",size:"small",onClick:()=>{this.handleSaveEdition()}}),i("ez-button",{class:"text-edit__icon-close",mode:"icon",iconName:"close",size:"small",onClick:()=>{this.handleCancelEdition()}}))}get _element(){return o(this)}};u.style=":host{display:flex;align-items:center;gap:5px}.text-edit__form-input{width:auto;--ez-text-input__input--padding:0px}.text-edit__hidden-value{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}";export{c as ez_custom_form_input,u as ez_text_edit}

package/dist/ezui/p-f42855b9.js

@@ -0,0 +1 @@
+import{UserInterface as e}from"@sankhyalabs/core";import{A as s}from"./p-2187f86c.js";const i=(s,i)=>{let r,t,{name:a,label:o,group:n}=Object.assign({},i),{readOnly:l,required:c}=Object.assign({},i);return s&&(o=o||s.label,a=a||s.name,c=s.required||(null==i?void 0:i.required),l=s.readOnly||(null==i?void 0:i.readOnly),r=s.properties,t=s.userInterface),{name:a,label:o,group:n,readOnly:l,required:c,props:r,userInterface:t||e.SHORTTEXT}};class r{constructor(e,s,i){this._dataUnit=e,this._validationSource=s,this._validator=i}validate(e=!0){return new Promise(((s,i)=>{const r=this._dataUnit.getModifiedRecords();for(let s=0;s<r.length;s++){const t=r[s],a=[];let o=this.validateRequired(t);if(o&&!o.isValid&&a.push(o),this._validator&&(o=this._validator.validateRecord(t),o&&!o.isValid&&a.push(o)),a.length>0){if(!e&&a[0].invalidFields.length>0){this._validationSource.markAsInvalid(a[0].invalidFields[0],t.__record__id__),i();break}this.processValidationResult(a,t.__record__id__),i();break}}return s()}))}validateRequired(e){const s=this._validationSource.getRequiredFields(),i=[];if(new Set(s).forEach((s=>{const r=e[s];if(null==r||""===r){const r=this._validationSource.getMessageForField(s,e.__record__id__);i.push(r?{name:s,message:r}:{name:s,message:"Essa informação é obrigatória"})}})),i.length>0)return{isValid:!1,invalidFields:i,infoMessage:"Há pelo menos um campo obrigatório não preenchido."}}processValidationResult(e,i){e.forEach((e=>{const r=e.invalidFields;if(this._dataUnit.savingCanceled(r,i),r&&r.forEach((e=>{this.markAsInvalid(e,i)})),e.infoMessage&&s.info(e.infoMessage),e.errorMessage){const{errorTitle:i,errorMessage:r}=e;s.error(i,r)}}))}markAsInvalid(e,s){this._dataUnit.setInvalidField(e.name,e.message,s),this._validationSource.markAsInvalid(e,s)}}export{r as R,i as b}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,F as e,H as h}from"./p-23a36bb6.js";import{ArrayUtils as l}from"@sankhyalabs/core";var o;!function(t){t.DATASOURCE_RESULTS="DATASOURCE_RESULTS",t.DATASOURCE_RESULTS_EMPTY="DATASOURCE_RESULTS_EMPTY",t.DATASOURCE_INIT="DATASOURCE_INIT",t.OPTIONS_EMPTY="OPTIONS_EMPTY",t.OPTIONS="OPTIONS"}(o||(o={}));const n=class{constructor(s){t(this,s),this.changeFilteredOptions=i(this,"changeFilteredOptions",7),this.columnName=void 0,this.dataSource=void 0,this.useOptions=!1,this.options=void 0,this.isTextSearch=!1,this.filteredOptions=void 0,this.displayOptions=void 0,this.viewScenario=void 0,this.displayOptionToCheckAllItems=!0}async clearFilteredOptions(){this.setInitialScenario(),this.filteredOptions=[],this.searchInput&&(this.searchInput.value=""),this.filterInput&&(this.filterInput.value="")}onChangeUseOptions(){this.setInitialScenario()}onChangeOptions(){this.options&&(this.filteredOptions=this.ordenationByCheckStateAndAlphabetically(this.options)),this.checkInput&&this.changeCheckAllValeuFromFilteredOptions(),this.setInitialScenario()}onChangeFilteredOptions(t){this.displayOptions=this.filteredOptions,this.displayOptionToCheckAllItems=this.filteredOptions.length>1,this.checkInput&&this.changeCheckAllValeuFromFilteredOptions(),this.changeFilteredOptions.emit(t)}componentDidRender(){this.changeCheckAllValeuFromFilteredOptions()}ordenationByCheckStateAndAlphabetically(t){const i=[],s=[];let e;return t.forEach((t=>{null==t.value||""===t.label?e=Object.assign(Object.assign({},t),{label:"(Vazio)"}):t.check?i.push(t):s.push(t)})),(null==e?[]:[e]).concat(null==this.dataSource?l.sortAlphabetically(i):this.dataSource.sortItems(this.columnName,i)).concat(null==this.dataSource?l.sortAlphabetically(s):this.dataSource.sortItems(this.columnName,s))}changeCheckAllValeuFromFilteredOptions(){var t,i,s,e;const h=null===(t=this.filteredOptions)||void 0===t?void 0:t.every((t=>!0===t.check)),l=null===(i=this.filteredOptions)||void 0===i?void 0:i.every((t=>!1===t.check)),o=(null===(s=this.filteredOptions)||void 0===s?void 0:s.some((t=>!1===t.check)))&&(null===(e=this.filteredOptions)||void 0===e?void 0:e.some((t=>!0===t.check)))&&(!h||!l);return this.checkInput&&h?(this.checkInput.indeterminate=!1,void(this.checkInput.value=!0)):this.checkInput&&o?(this.checkInput.indeterminate=!0,void(this.checkInput.value=!1)):this.checkInput&&l?(this.checkInput.indeterminate=!1,void(this.checkInput.value=!1)):void 0}setInitialScenario(){if(this.useOptions)return this.viewScenario=o.OPTIONS,void this.changeCheckAllValeuFromFilteredOptions();this.viewScenario=this.options&&this.options.length>0?o.DATASOURCE_RESULTS:o.DATASOURCE_INIT}async searchWithDataSource(t,i){const{argument:s,mode:e}=t;if("PRELOAD"!==e&&i)return this.dataSource.fetchData(s,i)}handleSearchOnDataSource(t){var i;const s=null!==(i=this.filteredOptions)&&void 0!==i?i:[];t.detail&&!s.some((i=>i.value==t.detail.value))&&(this.filteredOptions=this.ordenationByCheckStateAndAlphabetically([...s,t.detail])),this.viewScenario=o.DATASOURCE_RESULTS,this.searchInput.value=""}handleRemoveItemFromOptions(t){this.filteredOptions=this.ordenationByCheckStateAndAlphabetically(this.filteredOptions.filter((i=>i.value!==t.value))),0===this.filteredOptions.length&&(this.viewScenario=o.DATASOURCE_INIT),this.searchInput&&(this.searchInput.value="")}handleSearchOnOption(t){if(t.detail)return this.displayOptions=l.applyStringFilter(t.detail,this.filteredOptions,!0),void(this.viewScenario=0===this.displayOptions.length?o.OPTIONS_EMPTY:o.OPTIONS);this.displayOptions=this.filteredOptions,this.viewScenario=o.OPTIONS}handleChangeSelectAllItems(t){this.filteredOptions=this.ordenationByCheckStateAndAlphabetically([...this.filteredOptions.map((i=>(i.check=!!t.detail,i)))])}handleChangeSelectedItem(t){const{detail:i}=t;this.filteredOptions.find((t=>t.label===i.label)).check=i.check}buildViewList(t){return s(e,null,this.displayOptionToCheckAllItems&&s("ez-check",{ref:t=>this.checkInput=t,label:"Selecionar todos",class:"multi-selection__select-all",onEzChange:this.handleChangeSelectAllItems.bind(this)}),s("ez-list",{class:"multi-selection__list",dataSource:this.displayOptions,listMode:"check",hoverFeedback:!0,onEzCheckChange:this.handleChangeSelectedItem.bind(this),itemSlotBuilder:t?this.buildDeleteIconSlot.bind(this):null}))}buildDeleteIconSlot(t){return s("ez-icon",{style:{cursor:"pointer"},iconName:"delete",onClick:()=>this.handleRemoveItemFromOptions(t)})}buildInitViewWithDataSource(){return s("multi-selection-box-message",{message:"Selecione os valores a serem filtrados através do campo de busca."})}buildViewEmptyResults(){return s("multi-selection-box-message",{message:"Nenhum resultado encontrado."})}scenarioToDisplay(t){const i={[o.DATASOURCE_INIT]:()=>this.buildInitViewWithDataSource(),[o.DATASOURCE_RESULTS]:()=>this.buildViewList(!0),[o.DATASOURCE_RESULTS_EMPTY]:()=>this.buildViewEmptyResults(),[o.OPTIONS_EMPTY]:()=>this.buildViewEmptyResults(),[o.OPTIONS]:()=>this.buildViewList(!1)}[t];return i?i():void 0}render(){return s(h,null,s("div",{class:"multi-selection"},this.useOptions?s("ez-filter-input",{ref:t=>this.filterInput=t,label:"Buscar..",onEzChange:this.handleSearchOnOption.bind(this)}):s("ez-search",{class:"multi-selection__input",label:"Buscar...",ref:t=>this.searchInput=t,suppressEmptyOption:!0,showOptionValue:!1,showSelectedValue:!1,optionLoader:t=>this.searchWithDataSource(t,this.columnName),onEzChange:this.handleSearchOnDataSource.bind(this),isTextSearch:this.isTextSearch}),s("ez-scroll",{class:"multi-selection__content-options"},this.scenarioToDisplay(this.viewScenario))))}static get watchers(){return{useOptions:["onChangeUseOptions"],options:["onChangeOptions"],filteredOptions:["onChangeFilteredOptions"]}}};n.style=".sc-ez-multi-selection-list-h{--ez-check--outter-gap:0px;display:block;width:304px;height:322px;max-height:calc(100vh - 350px)}.multi-selection__input.sc-ez-multi-selection-list{margin-bottom:var(--space--2xs, 8px)}.multi-selection__content-options.sc-ez-multi-selection-list{position:relative;top:-12px;left:-4px}.multi-selection__select-all.sc-ez-multi-selection-list{height:var(--space--xl);margin:0 var(--space--small, 6px)}.multi-selection__list.sc-ez-multi-selection-list{height:235px;max-height:calc(100vh - 435px);overflow-y:auto;overflow-x:clip}.multi-selection__list.sc-ez-multi-selection-list::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";export{n as ez_multi_selection_list}

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

@@ -39,10 +39,16 @@ export declare class EzCustomFormInput {
    * Retorna se o conteúdo é inválido.
    */
   isInvalid(): Promise<boolean>;
+  watchValue(): void;
+  watchCustomEditor(): void;
+  watchFormViewField(newValue: IFormViewField | string, oldValue: IFormViewField): void;
+  watchDetailContext(): void;
+  watchBuilderFallback(): void;
+  watchSelectedRecord(newValue: Record | string, oldValue: Record): void;
   private getContent;
   private setValue;
   private getValue;
   private handleValue;
-  componentWillRender(): void;
+  componentWillLoad(): void;
   render(): any;
 }

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

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

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

@@ -1,7 +1,7 @@
-import { DataUnit, Filter } from '@sankhyalabs/core';
+import { Action, DataUnit, Filter } from '@sankhyalabs/core';
 import { Components } from '../../../components';
 import FilterCollumn = Components.FilterColumn;
-import { IRecordValidator } from '../../../utils/form/interfaces';
+import { IInvalidField, IRecordValidator } from '../../../utils/form/interfaces';
 import { ICustomEditorInfo } from '../../../utils/customEditor/interfaces/ICustomEditorInfo';
 import { ICustomRenderInfo } from '../../../utils/customRender/interfaces/ICustomRenderInfo';
 import { ICustomFormatter } from '../interfaces';
@@ -89,7 +89,11 @@ export default interface EzGridController {
   /**
    * Método responsável por atualizar as linhas da grade
    */
-  refresh(): void;
+  refresh(scrollToSelectedRow?: boolean): void;
+  /**
+   * Método responsável limpar celulas invalidas
+   */
+  clearInvalidCells(action: Action): void;
   /**
    * Método responsável por atualizar as linhas selecionadas da grade
    */
@@ -107,9 +111,22 @@ export default interface EzGridController {
    */
   setFocusFirstRow(): void;
   /**
-   * Define se a grade será focada automaticamente.
+   * Foca em uma linha específica, garante que ela está visível e inicia edição.
+   */
+  startEditionOnRowByIndex(index: number): void;
+  /**
+   *  Define se a grade será focada automaticamente.
    */
   setAutoFocus(autoFocus: boolean): void;
+  /**
+   * Ativa inserção de registros no modo grade.
+   */
+  setEnableGridInsert(enable: boolean): void;
+  /**
+   * Ativa/desativa a inserção continua na grade
+   * Só funciona quando a prop enableGridInsert está ativa
+  */
+  setEnableContinuousInsert(enable: boolean): void;
   /**
    * Método responsável por retornar a configuração da grade.
    */
@@ -132,6 +149,8 @@ export default interface EzGridController {
   clearFilter(): void;
   setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
   setFocus(): void;
+  savingCanceled(fields: Array<IInvalidField>, recordId: string): void;
+  destroy(): void;
 }
 /**
  * Carrega as informações necessárias para contextualizar corretamente a instância.
@@ -206,6 +225,15 @@ export interface EzGridOptions {
    * Define se a grid será focada ao ser carregada.
    */
   autoFocus: boolean;
+  /**
+   * Ativa inserção de registros no modo grade.
+   */
+  enableGridInsert?: boolean;
+  /**
+   * Ativa/desativa a inserção continua na grade
+   * Só funciona quando a prop enableGridInsert está ativa
+  */
+  enableContinuousInsert?: boolean;
 }
 /**
  * Representa cada coluna da grade.

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

@@ -1,9 +1,10 @@
-import { Sort, SortingProvider } from '@sankhyalabs/core';
+import { Action, Sort, SortingProvider } from '@sankhyalabs/core';
 import { Filter, FilterProvider } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumnMenuItemDef, EzGridOptions } from '../EzGridController';
 import { ICustomEditorInfo } from '../../../../utils/customEditor/interfaces/ICustomEditorInfo';
 import { ICustomRenderInfo } from '../../../../utils/customRender/interfaces/ICustomRenderInfo';
 import { ICustomFormatter } from '../../interfaces';
+import { IInvalidField } from '../../../../utils/form/interfaces';
 export default class AgGridController implements EzGridController, SortingProvider, FilterProvider {
   private readonly DEFAULT_ROW_HEIGHT;
   private readonly DEFAULT_HEADER_ROW_HEIGHT;
@@ -36,6 +37,9 @@ export default class AgGridController implements EzGridController, SortingProvid
   private _customFormatters;
   private _container;
   private _options;
+  private observer;
+  private _gridShowDom;
+  private peddingExecutionsOnGridShow;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
   clearFilter(): void;
@@ -64,18 +68,28 @@ export default class AgGridController implements EzGridController, SortingProvid
   private updateSelectionForAll;
   setData(data: Array<any>): void;
   addRows(): void;
-  updateRows(): void;
+  updateRows(rows?: Array<any>): void;
+  private updateRowData;
   selectAll(quietly?: boolean): void;
   selectRows(rowIds: Array<string>, quietly?: boolean): void;
   removeRows(): void;
   changeValues(changes: any, rowIds?: Array<string>): void;
-  refresh(): void;
+  savingCanceled(fields: Array<IInvalidField>, recordId: string): void;
+  refresh(scrollToSelectedRow?: boolean): void;
+  private scrollToSelectedRow;
   private focusOnGridContainer;
   setFocus(): void;
   setAutoFocus(autoFocus: boolean): void;
+  setEnableGridInsert(enable: boolean): void;
+  setEnableContinuousInsert(enable: boolean): void;
   setFocusFirstRow(): void;
   setFocusLastRow(): void;
+  startEditionOnRowByIndex(rowIndex: number): void;
+  private startEdition;
+  private getFirstEditableColl;
+  private isColumnEditable;
   private setFocusOnRow;
+  private focusByCollAndRow;
   setColumnsDef(cols: Array<EzGridColumn>): void;
   getColumnsDef(): Array<EzGridColumn>;
   setColumnsState(state: Array<EzGridColumnConfig>): void;
@@ -101,4 +115,6 @@ export default class AgGridController implements EzGridController, SortingProvid
   private conditionalSet;
   setCellEditors(customEditors: Map<string, ICustomEditorInfo>): void;
   setCellRenders(customRenders: Map<string, ICustomRenderInfo>): void;
+  clearInvalidCells(action: Action): void;
+  destroy(): void;
 }

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

@@ -10,12 +10,30 @@ export default class DataSource implements IServerSideDatasource {
   quickFilter: QuickFilter;
   readonly RECORD_ARCHIVE = "__RECORD_ARCHIVE__";
   private duObserver;
+  private handleSavingCanceled;
+  private handleDataChanged;
+  /**
+   *  Nesse ponto, o registro já se encontra atualizado no DU,
+   *  basta então passar seu valor para que a garde possa atualizar sua linha.
+  */
+  private updateGridRowNodes;
+  private getRecordById;
+  /**
+   * Em caso de necessidade de reload (isWaitingToReload), eh preciso chamar o dataUnit.gotoPage, pois ele aplica tambem a ordenacao dos registros,
+   * enquanto que o _controller.refresh apenas recarrega os dados na ordem que atua.
+   */
+  private handleRefreshOrReload;
+  private handleReload;
+  private handleRefresh;
+  private handleRecordsAdded;
+  private focusOnNewRecord;
   private updateLoadedRecords;
   private handleFocusFirstRow;
   private isSilentChange;
   constructor(dataUnit: DataUnit, controller: EzGridController, options: EzGridOptions);
   private updateSelection;
   setAutoFocus(autoFocus: boolean): void;
+  setEnableGridInsert(enable: boolean): void;
   getRows(params: IServerSideGetRowsParams): void;
   needReload(currentLoading: IServerSideGetRowsParams): boolean;
   private callbackGetRows;

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

@@ -1,8 +1,9 @@
-import { DataUnit } from "@sankhyalabs/core";
+import { Action, DataUnit } from "@sankhyalabs/core";
 import { CellPosition, ColDef, GridApi, GridOptions } from "ag-grid-community";
 import { IRecordValidator } from "../../../../utils/form/interfaces";
 import { ICustomEditorInfo } from "../../../../utils/customEditor/interfaces/ICustomEditorInfo";
 import { ICustomRenderInfo } from "../../../../utils/customRender/interfaces/ICustomRenderInfo";
+import { IInvalidCell } from "../../../../utils/validators/recordvalidator/IInvalidCells";
 export default class GridEditionManager {
   private _dataUnit;
   private _lastCellClicked;
@@ -15,9 +16,13 @@ export default class GridEditionManager {
   private _isGridEdition;
   private _customEditors;
   private _customRenders;
-  constructor(dataUnit: DataUnit, useEnterLikeTab: boolean, recordsValidator: IRecordValidator, editionIsDisabled: () => boolean, customEditors?: Map<string, ICustomEditorInfo>, customRenders?: Map<string, ICustomRenderInfo>);
+  private _enableContinuousInsert;
+  private _invalidCell;
+  constructor(dataUnit: DataUnit, useEnterLikeTab: boolean, recordsValidator: IRecordValidator, editionIsDisabled: () => boolean, customEditors?: Map<string, ICustomEditorInfo>, customRenders?: Map<string, ICustomRenderInfo>, enableContinuousInsert?: boolean);
   configureGrid(options: GridOptions): GridOptions;
+  private canContinuousInsert;
   proceedAutoSave(): void;
+  recordValidate(): Promise<void>;
   navigateByEnterKey(keyboardEvent: KeyboardEvent): void;
   getComponents(): {
     [p: string]: any;
@@ -41,4 +46,10 @@ export default class GridEditionManager {
   private onCellEditRequest;
   setCellEditors(customEditors: Map<string, ICustomEditorInfo>): void;
   setCellRenders(customRenders: Map<string, ICustomRenderInfo>): void;
+  private setInvalidCell;
+  getInvalidCell(): IInvalidCell;
+  clearInvalidCells(action: Action): void;
+  setEnableContinuousInsert(enable: boolean): void;
+  hasInvalidField(fieldName: string, recordId: string): boolean;
+  hasInvalidCell(): boolean;
 }

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

@@ -10,6 +10,7 @@ export default class EzGridCustomCellEditor extends EzCellEditor {
   private _params;
   private _defaultGui;
   private _value;
+  private _customGui;
   init(params: ICellEditorParams & CustomParamsEditor): void;
   private getDefaultGui;
   getGui(): HTMLElement;

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

@@ -94,6 +94,15 @@ export declare class EzGrid {
    * Define se a grid será focada ao ser carregada.
    */
   autoFocus?: boolean;
+  /**
+   * Ativa inserção de registros no modo grade.
+   */
+  enableGridInsert?: boolean;
+  /**
+   * Ativa/desativa a inserção continua na grade
+   * Só funciona quando a prop enableGridInsert está ativa
+   */
+  enableContinuousInsert?: boolean;
   /**
    * Aplica a definição de colunas.
    */

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

@@ -31,6 +31,10 @@ export declare class EzModal {
    * Define se o modal será fechado ao clicar fora do conteúdo.
    */
   closeOutsideClick: boolean;
+  /**
+   * Define se o modal será fechado se o mouse sair para fora do conteúdo.
+   */
+  closeOutsideLeave?: boolean;
   /**
    * Define o tipo de scrim a ser aplicado no overlay do modal
    */
@@ -57,5 +61,6 @@ export declare class EzModal {
   componentDidLoad(): void;
   componentDidRender(): void;
   onMouseDownHandler(event: any): void;
+  onMouseLeaveHandler(): void;
   render(): any;
 }

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

@@ -32,6 +32,10 @@ export declare class EzModalContainer {
    * Define o estado do botão de confirmação.
    */
   okButtonStatus: "HIDDEN" | "ENABLED" | "DISABLED";
+  /**
+  * Define a visibilidade do botão de fechar.
+  */
+  showCloseButton?: boolean;
   /**
    * Representa a interação com o usuário.
    * OK - Quando o botão é acionado

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

@@ -24,6 +24,10 @@ export declare class EzPopup {
    * Texto a ser apresentado como título do componente.
    */
   ezTitle: string;
+  /**
+   * Possibilita scroll vertical no conteúdo interno do componente
+   */
+  enabledScroll: boolean;
   /**
    * Evento emitido ao clicar no botão de fechar (onEzClosePopup).
    */
@@ -38,6 +42,8 @@ export declare class EzPopup {
   private manageOverflow;
   private manageOverlay;
   getGridSize(): string;
+  private handlePopupHeight;
+  private handlePopupOverflowY;
   componentDidRender(): void;
   render(): any;
 }

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

@@ -94,6 +94,10 @@ export declare class EzSearch {
    * Se true desabilita a digitação dentro do componente.
    */
   suppressSearch: boolean;
+  /**
+   * Informa se o componente está instanciado de dentro de uma grade
+   */
+  fromGrid: boolean;
   observeErrorMessage(): void;
   private validateNewValue;
   observeValue(newValue: IOption | string, oldValue: IOption | string): Promise<void>;

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

@@ -27,7 +27,8 @@ export declare class EzTabselector {
    */
   ezChange: EventEmitter<Tab>;
   observeTabs(newValue: string | Array<Tab>, oldValue: string | Array<Tab>): void;
-  handleTabClick(tab: Tab): void;
+  goToTab(tabIndex: number, silent?: boolean): Promise<void>;
+  handleTabClick(tab: Tab, emitChange?: boolean): void;
   componentWillLoad(): void;
   private processesTabs;
   componentDidRender(): void;

package/dist/types/components.d.ts

@@ -825,6 +825,14 @@ export namespace Components {
           * Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos.
          */
         "dataUnit": DataUnit;
+        /**
+          * Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa
+         */
+        "enableContinuousInsert"?: boolean;
+        /**
+          * Ativa inserção de registros no modo grade.
+         */
+        "enableGridInsert"?: boolean;
         /**
           * Usa um argumento para filtrar as colunas po label
          */
@@ -1049,6 +1057,10 @@ export namespace Components {
           * Define se o modal será fechado ao clicar fora do conteúdo.
          */
         "closeOutsideClick": boolean;
+        /**
+          * Define se o modal será fechado se o mouse sair para fora do conteúdo.
+         */
+        "closeOutsideLeave"?: boolean;
         /**
           * Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível.
          */
@@ -1091,6 +1103,10 @@ export namespace Components {
           * Define o estado do botão de confirmação.
          */
         "okButtonStatus": "HIDDEN"|"ENABLED"|"DISABLED";
+        /**
+          * Define a visibilidade do botão de fechar.
+         */
+        "showCloseButton"?: boolean;
         /**
           * Define se o cabeçalho será mostrado.
          */
@@ -1205,6 +1221,10 @@ export namespace Components {
         "updatePosition": (top?: string, left?: string) => Promise<void>;
     }
     interface EzPopup {
+        /**
+          * Possibilita scroll vertical no conteúdo interno do componente
+         */
+        "enabledScroll": boolean;
         /**
           * Texto a ser apresentado como título do componente.
          */
@@ -1279,6 +1299,10 @@ export namespace Components {
           * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
          */
         "errorMessage": string;
+        /**
+          * Informa se o componente está instanciado de dentro de uma grade
+         */
+        "fromGrid": boolean;
         "getValueAsync": () => Promise<unknown>;
         /**
           * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
@@ -1500,6 +1524,7 @@ export namespace Components {
         "rebuildLayout": () => Promise<void>;
     }
     interface EzTabselector {
+        "goToTab": (tabIndex: number, silent?: boolean) => Promise<void>;
         /**
           * Define o index da aba selecionada.
          */
@@ -3137,6 +3162,14 @@ declare namespace LocalJSX {
           * Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos.
          */
         "dataUnit"?: DataUnit;
+        /**
+          * Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa
+         */
+        "enableContinuousInsert"?: boolean;
+        /**
+          * Ativa inserção de registros no modo grade.
+         */
+        "enableGridInsert"?: boolean;
         /**
           * Habilita a seleção de várias linhas.
          */
@@ -3283,6 +3316,10 @@ declare namespace LocalJSX {
           * Define se o modal será fechado ao clicar fora do conteúdo.
          */
         "closeOutsideClick"?: boolean;
+        /**
+          * Define se o modal será fechado se o mouse sair para fora do conteúdo.
+         */
+        "closeOutsideLeave"?: boolean;
         /**
           * Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível.
          */
@@ -3341,6 +3378,10 @@ declare namespace LocalJSX {
           * Representa a interação com o usuário. OK - Quando o botão é acionado CANCEL - Quando o botão de cancelar é acionado CLOSE - Quando o botão de fechar é acionado. LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico)
          */
         "onEzModalAction"?: (event: EzModalContainerCustomEvent<string>) => void;
+        /**
+          * Define a visibilidade do botão de fechar.
+         */
+        "showCloseButton"?: boolean;
         /**
           * Define se o cabeçalho será mostrado.
          */
@@ -3445,6 +3486,10 @@ declare namespace LocalJSX {
         "overlayType"?: "medium" | "light" | "none";
     }
     interface EzPopup {
+        /**
+          * Possibilita scroll vertical no conteúdo interno do componente
+         */
+        "enabledScroll"?: boolean;
         /**
           * Texto a ser apresentado como título do componente.
          */
@@ -3527,6 +3572,10 @@ declare namespace LocalJSX {
           * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
          */
         "errorMessage"?: string;
+        /**
+          * Informa se o componente está instanciado de dentro de uma grade
+         */
+        "fromGrid"?: boolean;
         /**
           * Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
          */

package/dist/types/utils/customEditor/interfaces/ICustomEditor.d.ts

@@ -15,6 +15,8 @@ export declare enum CustomEditorSource {
   FORM = "FORM"
 }
 export interface ICustomEditorParams {
+  cellPossition?: number | undefined;
+  eGridCell?: HTMLElement;
   value: any;
   name: string;
   currentEditor: HTMLElement;

package/dist/types/utils/form/DataBinder.d.ts

@@ -3,11 +3,13 @@ import { IInvalidField } from "./interfaces";
 import { IRecordValidator } from "../../utils/form/interfaces";
 import { FormMetadata } from "./FormMetadata";
 export default class DataBinder implements DUActionInterceptor {
+  private _uuid;
   private _dataUnit;
   private _fields;
   private _formMetadata;
   private _recordValidatorProcessor;
   constructor(dataUnit: DataUnit);
+  get dataBinderId(): string;
   private setContextDataBinder;
   private applyDefaultValues;
   bind(fields: Array<HTMLElement>, currentContextName: string, formMetadata: FormMetadata, recordsValidator: IRecordValidator): void;

package/dist/types/utils/validators/recordvalidator/IInvalidCells.d.ts

@@ -0,0 +1,5 @@
+import { IInvalidField } from "./IInvalidField";
+export interface IInvalidCell {
+  field: IInvalidField;
+  recordId: string;
+}

package/dist/types/utils/validators/recordvalidator/RecordValidationProcessor.d.ts

@@ -6,7 +6,7 @@ export declare class RecordValidationProcessor {
   private _validationSource;
   private _validator;
   constructor(dataUnit: DataUnit, validationSource: IValidationSource, validator: IRecordValidator);
-  validate(): Promise<void>;
+  validate(isSaving?: boolean): Promise<void>;
   private validateRequired;
   private processValidationResult;
   private markAsInvalid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "5.22.0-dev.2",
+  "version": "5.22.0-dev.21",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/dist/ezui/p-04f24913.js

@@ -1 +0,0 @@
-import{UserInterface as e}from"@sankhyalabs/core";import{A as s}from"./p-2187f86c.js";const r=(s,r)=>{let t,i,{name:o,label:a,group:n}=Object.assign({},r),{readOnly:l,required:c}=Object.assign({},r);return s&&(a=a||s.label,o=o||s.name,c=s.required||(null==r?void 0:r.required),l=s.readOnly||(null==r?void 0:r.readOnly),t=s.properties,i=s.userInterface),{name:o,label:a,group:n,readOnly:l,required:c,props:t,userInterface:i||e.SHORTTEXT}};class t{constructor(e,s,r){this._dataUnit=e,this._validationSource=s,this._validator=r}validate(){return new Promise(((e,s)=>{const r=this._dataUnit.getModifiedRecords();for(let e=0;e<r.length;e++){const t=r[e],i=[];let o=this.validateRequired(t);if(o&&!o.isValid&&i.push(o),this._validator&&(o=this._validator.validateRecord(t),o&&!o.isValid&&i.push(o)),i.length>0){this.processValidationResult(i,t.__record__id__),s();break}}return e()}))}validateRequired(e){const s=this._validationSource.getRequiredFields(),r=[];if(new Set(s).forEach((s=>{const t=e[s];if(null==t||""===t){const t=this._validationSource.getMessageForField(s,e.__record__id__);r.push(t?{name:s,message:t}:{name:s,message:"Essa informação é obrigatória"})}})),r.length>0)return{isValid:!1,invalidFields:r,infoMessage:"Há pelo menos um campo obrigatório não preenchido."}}processValidationResult(e,r){e.forEach((e=>{const t=e.invalidFields;if(t&&t.forEach((e=>{this.markAsInvalid(e,r)})),e.infoMessage&&s.info(e.infoMessage),e.errorMessage){const{errorTitle:r,errorMessage:t}=e;s.error(r,t)}}))}markAsInvalid(e,s){this._dataUnit.setInvalidField(e.name,e.message,s),this._validationSource.markAsInvalid(e,s)}}export{t as R,r as b}