@sankhyalabs/ezui 7.3.5-dev.1 → 7.3.5

package/dist/ezui/{p-efea2c79.entry.js → p-fa6732f2.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as h,g as r}from"./p-23a36bb6.js";import{StringUtils as e}from"@sankhyalabs/core";var n=function(t,i){return Number(t.slice(0,-1*i.length))},o=function(t){return t.endsWith("px")?{value:t,type:"px",numeric:n(t,"px")}:t.endsWith("fr")?{value:t,type:"fr",numeric:n(t,"fr")}:t.endsWith("%")?{value:t,type:"%",numeric:n(t,"%")}:"auto"===t?{value:t,type:"auto"}:null},u=function(t){return t.split(" ").map(o)},a=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},l=function(){return!1},d=function(t,i,s){t.style[i]=s},f=function(t,i,s){var h=t[i];return void 0!==h?h:s};function p(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 w=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=f(s,"columnCursor",f(s,"cursor","col-resize")),this.snapOffset=f(s,"columnSnapOffset",f(s,"snapOffset",30)),this.dragInterval=f(s,"columnDragInterval",f(s,"dragInterval",1)),this.clientAxis="clientX",this.optionStyle=f(s,"gridTemplateColumns")):"row"===t&&(this.gridTemplateProp="grid-template-rows",this.gridGapProp="grid-row-gap",this.cursor=f(s,"rowCursor",f(s,"cursor","row-resize")),this.snapOffset=f(s,"rowSnapOffset",f(s,"snapOffset",30)),this.dragInterval=f(s,"rowDragInterval",f(s,"dragInterval",1)),this.clientAxis="clientY",this.optionStyle=f(s,"gridTemplateRows")),this.onDragStart=f(s,"onDragStart",l),this.onDragEnd=f(s,"onDragEnd",l),this.onDrag=f(s,"onDrag",l),this.writeStyle=f(s,"writeStyle",d),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))};w.prototype.getDimensions=function(){var t=this.grid.getBoundingClientRect(),i=t.width,s=t.height,h=t.bottom,r=t.left,e=t.right;"column"===this.direction?(this.start=t.top,this.end=h,this.size=s):"row"===this.direction&&(this.start=r,this.end=e,this.size=i)},w.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)},w.prototype.getSizeOfTrack=function(t){return this.computedPixels[t].numeric},w.prototype.getRawTracks=function(){var t=a(this.gridTemplateProp,[this.grid],p(this.grid));if(!t.length){if(this.optionStyle)return this.optionStyle;throw Error("Unable to determine grid template tracks from styles.")}return t[0]},w.prototype.getGap=function(){var t=a(this.gridGapProp,[this.grid],p(this.grid));return t.length?t[0]:null},w.prototype.getRawComputedTracks=function(){return window.getComputedStyle(this.grid)[this.gridTemplateProp]},w.prototype.getRawComputedGap=function(){return window.getComputedStyle(this.grid)[this.gridGapProp]},w.prototype.setTracks=function(t){this.tracks=t.split(" "),this.trackValues=u(t)},w.prototype.setComputedTracks=function(t){this.computedTracks=t.split(" "),this.computedPixels=u(t)},w.prototype.setGap=function(t){this.gap=t},w.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},w.prototype.getMousePosition=function(t){return"touches"in t?t.touches[0][this.clientAxis]:t[this.clientAxis]},w.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 r=c(i);null!==r&&(this.percentageToPixels=this.computedPixels[r].numeric/i[r].numeric)}var e=this.getSizeAtTrack(this.track,!1)+this.start;if(this.dragStartOffset=this.getMousePosition(t)-e,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",l),this.grid.addEventListener("dragstart",l),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)}},w.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)},w.prototype.drag=function(t){var i=this.getMousePosition(t),s=this.getSizeOfTrack(this.track),h=this.aTrackStart+this.minSizeStart+this.dragStartOffset+this.computedGapPixels,r=this.bTrackEnd-this.minSizeEnd-this.computedGapPixels-(s-this.dragStartOffset);i<h+this.snapOffset&&(i=h),i>r-this.snapOffset&&(i=r),i<h?i=h:i>r&&(i=r);var e=i-this.aTrackStart-this.dragStartOffset-this.computedGapPixels,n=this.bTrackEnd-i+this.dragStartOffset-s-this.computedGapPixels;if(this.dragInterval>1){var o=Math.round(e/this.dragInterval)*this.dragInterval;n-=o-e,e=o}e<this.minSizeStart&&(e=this.minSizeStart),n<this.minSizeEnd&&(n=this.minSizeEnd),"px"===this.trackValues[this.aTrack].type?this.tracks[this.aTrack]=e+"px":"fr"===this.trackValues[this.aTrack].type?this.tracks[this.aTrack]=1===this.totalFrs?"1fr":e/this.frToPixels+"fr":"%"===this.trackValues[this.aTrack].type&&(this.tracks[this.aTrack]=e/this.percentageToPixels+"%"),"px"===this.trackValues[this.bTrack].type?this.tracks[this.bTrack]=n+"px":"fr"===this.trackValues[this.bTrack].type?this.tracks[this.bTrack]=1===this.totalFrs?"1fr":n/this.frToPixels+"fr":"%"===this.trackValues[this.bTrack].type&&(this.tracks[this.bTrack]=n/this.percentageToPixels+"%");var u=this.tracks.join(" ");this.writeStyle(this.grid,this.gridTemplateProp,u),this.onDrag(this.direction,this.track,u)},w.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",l),this.grid.removeEventListener("dragstart",l),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=""},w.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 m=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||{},r="column"===t?"columnMinSize":"rowMinSize";return new w(t,Object.assign({},{minSizeStart:m(h,s.track-1,f(i,r,f(i,"minSize",0))),minSizeEnd:m(h,s.track+1,f(i,r,f(i,"minSize",0)))},s),i)}},g=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)}))};g.prototype.addColumnGutter=function(t,i){this.columnGutters[i]&&this.columnGutters[i].destroy(),this.columnGutters[i]=v("column",this.options)({element:t,track:i})},g.prototype.addRowGutter=function(t,i){this.rowGutters[i]&&this.rowGutters[i].destroy(),this.rowGutters[i]=v("row",this.options)({element:t,track:i})},g.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]}))},g.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]}))},g.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))},g.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 b=class{constructor(s){t(this,s),this.resizeEnd=i(this,"resizeEnd",7),this._items=[],this._buildInProgress=!1,this.direction="column",this.anchorToExpand=!1,this.structural=!1,this.showGutter=!1}rebuildLayout(){Array.from(this._element.querySelectorAll(".ez-split-gutter")).reverse().forEach((t=>{t.remove()})),Array.from(this._element.getElementsByTagName("EzSplitPanel")).reverse().forEach((t=>{t.rebuildLayout()})),this.buildItems(),this.initSplit()}buildItems(){this._panelID=e.generateUUID(),this._element.dataset.panelId=this._panelID,this._element.dataset.uniqueId="EzSplitPanel";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}))}componentDidLoad(){this.buildItems(),this.initSplit(),this._mutationObserver=new MutationObserver((t=>{for(const i of t)if("childList"===i.type&&!this._buildInProgress){this._buildInProgress=!0,window.requestAnimationFrame((()=>{this.rebuildLayout()})),window.requestAnimationFrame((()=>this._buildInProgress=!1));break}})),this._mutationObserver.observe(this._element,{childList:!0,subtree:!1})}disconnectedCallback(){null!=this._mutationObserver&&this._mutationObserver.disconnect()}initSplit(){var t;this._items.length&&(this._element.style["row"===this.direction?"grid-template-rows":"grid-template-columns"]=this.getGridTemplate(),this.removeGuttersMargin(),t=this.getGutters(),new g(t))}handlePanelDragEnd(){const t=this._items.map((t=>({id:t.id,height:t.clientHeight,width:t.clientWidth})));this.resizeEnd.emit({panelId:this._element.id,items:t})}getGutters(){const t={columnGutters:[],rowGutters:[],onDragEnd:()=>this.handlePanelDragEnd()};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 r=s.dataset.trackNumber;h===this._items.length-1&&(r=this._items.length.toString()),t[i].push({track:Number(r),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.classList.add("row"===this.direction?"ez-split-gutter__row":"ez-split-gutter__column"),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%",position:this.anchorToExpand?"relative":"unset"}}calcFreeSpacePercentage(){const t=this._items.reduce(((t,i)=>{var s;return t+((null===(s=i.size)||void 0===s?void 0:s.includes("%"))?Number(i.size.replace("%","")):0)}),0),i=this._items.filter((t=>void 0===t.size)).length;return i&&t?(100-t)/i:null}getGridTemplate(){let t="";const i=this.showGutter?"12px":"5px",s=this.calcFreeSpacePercentage();return this._items.forEach(((h,r)=>{let e=h.size||"1fr";!h.size&&s&&(e=`${s}%`),t+=r!==this._items.length-1?0!==r?` ${e} ${i}`:`${e} ${i}`:` ${e}`})),t}removeGuttersMargin(){this._items.length<=1||("column"!=this.direction?"row"!=this.direction||this.removeGuttersMarginRow():this.removeGuttersMarginColumn())}removeGuttersMarginColumn(){this._items.forEach(((t,i)=>{0!=i?i!==this._items.length-1?(t.style.marginRight="0",t.style.marginLeft="0"):t.style.marginLeft="0":t.style.marginRight="0"}))}removeGuttersMarginRow(){this._items.length<=1||this._items.forEach(((t,i)=>{0!=i?i!==this._items.length-1?(t.style.marginBottom="0",t.style.marginTop="0"):t.style.marginTop="0":t.style.marginBottom="0"}))}render(){return s(h,{class:`${this.structural?"structural__panel":"content__panel"}${this.showGutter?" ez-split-panel--gutter":""}`,style:this.getElementStyle()})}get _element(){return r(this)}};b.style='.ez-split-gutter{cursor:grab;background-color:transparent;max-width:100%}.ez-split-gutter__row{cursor:ns-resize}.ez-split-gutter__column{cursor:ew-resize}.structural__panel{background:none;box-shadow:none;outline:none;padding:0;margin:0;border:0}.ez-split-panel--gutter .ez-split-gutter{display:flex;align-items:center;justify-content:center}.ez-split-panel--gutter .ez-split-gutter::before{content:"";border-radius:var(--border--radius-2, 2px);background:var(--color--strokes, #E1E2E5);transition:background 0.15s ease, width 0.15s ease, height 0.15s ease}.ez-split-panel--gutter .ez-split-gutter__row::before{width:var(--space--48, 48px);height:var(--space--4, 4px)}.ez-split-panel--gutter .ez-split-gutter__column::before{width:var(--space--4, 4px);height:var(--space--48, 48px)}.ez-split-panel--gutter .ez-split-gutter__row:hover::before{width:72px;background:var(--color--ocean-green-600, #008561)}.ez-split-panel--gutter .ez-split-gutter__column:hover::before{height:72px;background:var(--color--ocean-green-600, #008561)}';export{b as ez_split_panel}
+import{r as t,c as i,h as s,H as h,g as n}from"./p-23a36bb6.js";import{StringUtils as r}from"@sankhyalabs/core";var e=function(t,i){return Number(t.slice(0,-1*i.length))},o=function(t){return t.endsWith("px")?{value:t,type:"px",numeric:e(t,"px")}:t.endsWith("fr")?{value:t,type:"fr",numeric:e(t,"fr")}:t.endsWith("%")?{value:t,type:"%",numeric:e(t,"%")}:"auto"===t?{value:t,type:"auto"}:null},u=function(t){return t.split(" ").map(o)},c=function(t,i,s){return i.concat(s).map((function(i){return i.style[t]})).filter((function(t){return void 0!==t&&""!==t}))},a=function(t){for(var i=0;i<t.length;i++)if(t[i].numeric>0)return i;return null},l=function(){return!1},d=function(t,i,s){t.style[i]=s},f=function(t,i,s){var h=t[i];return void 0!==h?h:s};function m(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 w=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=f(s,"columnCursor",f(s,"cursor","col-resize")),this.snapOffset=f(s,"columnSnapOffset",f(s,"snapOffset",30)),this.dragInterval=f(s,"columnDragInterval",f(s,"dragInterval",1)),this.clientAxis="clientX",this.optionStyle=f(s,"gridTemplateColumns")):"row"===t&&(this.gridTemplateProp="grid-template-rows",this.gridGapProp="grid-row-gap",this.cursor=f(s,"rowCursor",f(s,"cursor","row-resize")),this.snapOffset=f(s,"rowSnapOffset",f(s,"snapOffset",30)),this.dragInterval=f(s,"rowDragInterval",f(s,"dragInterval",1)),this.clientAxis="clientY",this.optionStyle=f(s,"gridTemplateRows")),this.onDragStart=f(s,"onDragStart",l),this.onDragEnd=f(s,"onDragEnd",l),this.onDrag=f(s,"onDrag",l),this.writeStyle=f(s,"writeStyle",d),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))};w.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)},w.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)},w.prototype.getSizeOfTrack=function(t){return this.computedPixels[t].numeric},w.prototype.getRawTracks=function(){var t=c(this.gridTemplateProp,[this.grid],m(this.grid));if(!t.length){if(this.optionStyle)return this.optionStyle;throw Error("Unable to determine grid template tracks from styles.")}return t[0]},w.prototype.getGap=function(){var t=c(this.gridGapProp,[this.grid],m(this.grid));return t.length?t[0]:null},w.prototype.getRawComputedTracks=function(){return window.getComputedStyle(this.grid)[this.gridTemplateProp]},w.prototype.getRawComputedGap=function(){return window.getComputedStyle(this.grid)[this.gridGapProp]},w.prototype.setTracks=function(t){this.tracks=t.split(" "),this.trackValues=u(t)},w.prototype.setComputedTracks=function(t){this.computedTracks=t.split(" "),this.computedPixels=u(t)},w.prototype.setGap=function(t){this.gap=t},w.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},w.prototype.getMousePosition=function(t){return"touches"in t?t.touches[0][this.clientAxis]:t[this.clientAxis]},w.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=a(s);null!==h&&(this.frToPixels=this.computedPixels[h].numeric/s[h].numeric)}if(i.length){var n=a(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",l),this.grid.addEventListener("dragstart",l),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)}},w.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)},w.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)},w.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",l),this.grid.removeEventListener("dragstart",l),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=""},w.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 v=function(t,i,s){return i in t?t[i]:s},p=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 w(t,Object.assign({},{minSizeStart:v(h,s.track-1,f(i,n,f(i,"minSize",0))),minSizeEnd:v(h,s.track+1,f(i,n,f(i,"minSize",0)))},s),i)}},g=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]=p("column",i.options)(t)})),this.options.rowGutters.forEach((function(t){i.rowGutters[t.track]=p("row",i.options)(t)}))};g.prototype.addColumnGutter=function(t,i){this.columnGutters[i]&&this.columnGutters[i].destroy(),this.columnGutters[i]=p("column",this.options)({element:t,track:i})},g.prototype.addRowGutter=function(t,i){this.rowGutters[i]&&this.rowGutters[i].destroy(),this.rowGutters[i]=p("row",this.options)({element:t,track:i})},g.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]}))},g.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]}))},g.prototype.handleDragStart=function(t,i,s){"column"===i?(this.columnGutters[s]&&this.columnGutters[s].destroy(),this.columnGutters[s]=p("column",this.options)({track:s}),this.columnGutters[s].startDragging(t)):"row"===i&&(this.rowGutters[s]&&this.rowGutters[s].destroy(),this.rowGutters[s]=p("row",this.options)({track:s}),this.rowGutters[s].startDragging(t))},g.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 b=class{constructor(s){t(this,s),this.resizeEnd=i(this,"resizeEnd",7),this._items=[],this._buildInProgress=!1,this.direction="column",this.anchorToExpand=!1,this.structural=!1}rebuildLayout(){Array.from(this._element.querySelectorAll(".ez-split-gutter")).reverse().forEach((t=>{t.remove()})),Array.from(this._element.getElementsByTagName("EzSplitPanel")).reverse().forEach((t=>{t.rebuildLayout()})),this.buildItems(),this.initSplit()}buildItems(){this._panelID=r.generateUUID(),this._element.dataset.panelId=this._panelID,this._element.dataset.uniqueId="EzSplitPanel";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}))}componentDidLoad(){this.buildItems(),this.initSplit(),this._mutationObserver=new MutationObserver((t=>{for(const i of t)if("childList"===i.type&&!this._buildInProgress){this._buildInProgress=!0,window.requestAnimationFrame((()=>{this.rebuildLayout()})),window.requestAnimationFrame((()=>this._buildInProgress=!1));break}})),this._mutationObserver.observe(this._element,{childList:!0,subtree:!1})}disconnectedCallback(){null!=this._mutationObserver&&this._mutationObserver.disconnect()}initSplit(){var t;this._items.length&&(this._element.style["row"===this.direction?"grid-template-rows":"grid-template-columns"]=this.getGridTemplate(),this.removeGuttersMargin(),t=this.getGutters(),new g(t))}handlePanelDragEnd(){const t=this._items.map((t=>({id:t.id,height:t.clientHeight,width:t.clientWidth})));this.resizeEnd.emit({panelId:this._element.id,items:t})}getGutters(){const t={columnGutters:[],rowGutters:[],onDragEnd:()=>this.handlePanelDragEnd()};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.classList.add("row"===this.direction?"ez-split-gutter__row":"ez-split-gutter__column"),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%",position:this.anchorToExpand?"relative":"unset"}}calcFreeSpacePercentage(){const t=this._items.reduce(((t,i)=>{var s;return t+((null===(s=i.size)||void 0===s?void 0:s.includes("%"))?Number(i.size.replace("%","")):0)}),0),i=this._items.filter((t=>void 0===t.size)).length;return i&&t?(100-t)/i:null}getGridTemplate(){let t="";const i=this.calcFreeSpacePercentage();return this._items.forEach(((s,h)=>{let n=s.size||"1fr";!s.size&&i&&(n=`${i}%`),t+=h!==this._items.length-1?0!==h?` ${n} 5px`:`${n} 5px`:` ${n}`})),t}removeGuttersMargin(){this._items.length<=1||("column"!=this.direction?"row"!=this.direction||this.removeGuttersMarginRow():this.removeGuttersMarginColumn())}removeGuttersMarginColumn(){this._items.forEach(((t,i)=>{0!=i?i!==this._items.length-1?(t.style.marginRight="0",t.style.marginLeft="0"):t.style.marginLeft="0":t.style.marginRight="0"}))}removeGuttersMarginRow(){this._items.length<=1||this._items.forEach(((t,i)=>{0!=i?i!==this._items.length-1?(t.style.marginBottom="0",t.style.marginTop="0"):t.style.marginTop="0":t.style.marginBottom="0"}))}render(){return s(h,{class:this.structural?"structural__panel":"content__panel",style:this.getElementStyle()})}get _element(){return n(this)}};b.style=".ez-split-gutter{cursor:grab;background-color:transparent;max-width:100%}.ez-split-gutter__row{cursor:ns-resize}.ez-split-gutter__column{cursor:ew-resize}.structural__panel{background:none;box-shadow:none;outline:none;padding:0;margin:0;border:0}";export{b as ez_split_panel}

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

@@ -13,27 +13,21 @@ export declare class EzClassicComboBox {
   filteredOptions: Array<IOption>;
   inputValue: string;
   /** Valor do combo box. */
-  value?: IOption | string;
+  value?: IOption;
   /** Texto do label exibido acima do combo box. */
   label?: string;
   /** Placeholder do combo box */
   placeholder?: string;
   /** Define se o combo box está habilitado. */
   enabled?: boolean;
-  /** Define se o input é obrigatório (visualmente) */
-  required?: boolean;
   /** Define se o combo box é somente leitura. */
   readonly?: boolean;
   /** Nome do combo box. */
   name?: string;
   /** Estado visual do combo box: default, error, success ou warning. */
   state?: "default" | "error" | "success" | "warning";
-  /** Tamanho do input */
-  size?: "default" | "small" | "xsmall";
   /** Texto de ajuda exibido abaixo do combo box. */
   helpText?: string;
-  /** Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. */
-  errorMessage: string;
   /** Nome do ícone. */
   iconName?: string;
   /** Título do ícone (tooltip). */
@@ -91,13 +85,11 @@ export declare class EzClassicComboBox {
    * Oculta o popover.
    */
   hidePopover(): Promise<void>;
-  private getFullOption;
-  private getOptionValue;
   private compareOptionValues;
   private setEmptyValue;
-  setValue(option: IOption | string): Promise<void>;
+  setValue(option: IOption): Promise<void>;
   optionsChanged(): Promise<void>;
-  valueChanged(newValue: IOption | string, oldValue: IOption | string): Promise<void>;
+  valueChanged(newValue: IOption): Promise<void>;
   private handleIconClick;
   private handleEzChange;
   private handleEzBlur;

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

@@ -13,20 +13,14 @@ export declare class EzClassicInput {
   label?: string;
   /** Texto de ajuda exibido abaixo do input */
   helpText?: string;
-  /** Texto de erro exibido abaixo do input */
-  errorMessage?: string;
   /** Placeholder do input */
   placeholder?: string;
   /** Define se o input está habilitado */
   enabled?: boolean;
   /** Define se o input é somente leitura */
   readonly?: boolean;
-  /** Define se o input é obrigatório (visualmente) */
-  required?: boolean;
   /** Nome do input */
   name?: string;
-  /** Tamanho do input */
-  size?: "default" | "small" | "xsmall";
   /** Tamanho mínimo do valor */
   minlength?: number;
   /** Tamanho máximo do valor */
@@ -80,29 +74,12 @@ export declare class EzClassicInput {
    */
   setBlur(): Promise<void>;
   syncValue(): Promise<void>;
-  observeErrorMessage(newValue: string): Promise<void>;
   private onInput;
-  private processInputWithMask;
-  private processCgcCpfMask;
-  private processRegularMask;
-  private isDataChar;
-  private countDataCharsBefore;
-  private skipLeadingSeparators;
-  private findPositionAfterDataChars;
-  private getCursorPositionAfterFormat;
-  private restoreCursorSelection;
-  private updateInputValue;
-  private updateInputValueWithoutMask;
   private onBlur;
   private onFocus;
   private handleIconClick;
   private addInfoId;
-  private buildPlaceholder;
-  private buildMaskFormatter;
-  private getMaskToBuilder;
-  private getPhoneMask;
-  private getCGCCpfMask;
-  componentDidRender(): void;
+  componentWillLoad(): void;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-classic-text-area/ez-classic-text-area.d.ts

@@ -13,8 +13,6 @@ export declare class EzClassicTextArea {
   value?: string;
   /** Texto de ajuda exibido abaixo da textarea */
   helpText?: string;
-  /** Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido */
-  errorMessage?: string;
   /** Estado visual da textarea: default, error, success ou warning */
   state?: "default" | "error" | "success" | "warning";
   /** Define se a textarea está habilitada */
@@ -54,7 +52,6 @@ export declare class EzClassicTextArea {
   setFocus(option?: OptionsSetFocus): Promise<void>;
   /** Remove o foco do campo. */
   setBlur(): Promise<void>;
-  observeErrorMessage(newValue: string): Promise<void>;
   private onBlur;
   private handleInput;
   private handleIconClick;

package/dist/types/components/ez-empty-card/ez-empty-card.d.ts

@@ -8,11 +8,11 @@ export declare class EzEmptyCard {
   /**
    * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
    */
-  height?: number | string;
+  height?: number;
   /**
    * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
    */
-  width?: number | string;
+  width?: number;
   componentDidRender(): void;
   render(): any;
 }

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

@@ -4,7 +4,6 @@ import { ICustomEditor } from "../../utils/customEditor/interfaces/ICustomEditor
 import { IFieldConfig, IFormConfig, IRecordValidator } from '../../utils/form/interfaces';
 import { FormItems } from "../ez-form-view/structure";
 import { Tab } from "../ez-tabselector/ez-tabselector";
-import { UiFieldBuilders } from "../ez-form-view/fieldbuilder/FieldBuilder";
 export declare class EzForm {
   private _element;
   private _formView;
@@ -20,7 +19,6 @@ export declare class EzForm {
   private _i18n;
   private _fieldsProps;
   private _singleColumn;
-  private _formLayout;
   /**
    * Unidade de dados. Responsável pelo controle de edição de registros e
    * informações pertinentes aos campos.
@@ -50,10 +48,6 @@ export declare class EzForm {
    * Define uma ancoragem
    */
   elementFocusSearchField: HTMLElement;
-  /**
-   * Define construtores customizados para tipos de campos específicos
-   */
-  customUiBuilders: UiFieldBuilders;
   /**
    * Emitido quando o campo recebe foco
    */

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

@@ -1,13 +1,10 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IFormViewField } from './interfaces/IFormViewField';
-import { UiFieldBuilders } from './fieldbuilder/FieldBuilder';
 import { Record, UserInterface } from '@sankhyalabs/core';
 import { FormItems } from './structure';
 import { ICustomEditor } from '../../utils/customEditor/interfaces/ICustomEditor';
-import { FormLayout } from '../../utils/form/interfaces/FormLayout';
 export declare class EzFormView {
   private _formElements;
-  private MAIN_GROUP_NAME;
   private _customEditors;
   _element: HTMLEzFormViewElement;
   /**
@@ -30,13 +27,6 @@ export declare class EzFormView {
    * Define se o formulario deve possuir apenas 1 coluna.
    */
   singleColumn: boolean;
-  /**
-   * Define o layout do formulário.
-   */
-  formLayout?: FormLayout;
-  /** Define construtores customizados para tipos de campos específicos
-   */
-  customUiBuilders: UiFieldBuilders;
   showUp(): Promise<void>;
   /**
    * Registra um editor customizado para campos da grade e formulário.
@@ -46,7 +36,6 @@ export declare class EzFormView {
    * Altera/adiciona uma propriedade nos metados do campo.
    */
   setFieldProp(fieldName: string, propName: string, value: any): Promise<void>;
-  private getGroupByField;
   private groupFields;
   componentDidRender(): void;
   isItemFullWidth(userInterface: UserInterface): boolean;

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

@@ -1,4 +1,3 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-import { IFieldBuilderContext } from "../FieldBuilder";
-export declare const buildSwitch: (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
-export declare const buildCheckBox: (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildSwitch: (field: IFormViewField) => HTMLElement;
+export declare const buildCheckBox: (field: IFormViewField) => HTMLElement;

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

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

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

@@ -1,6 +1,5 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-import { IFieldBuilderContext } from "../FieldBuilder";
-export declare const buildDate: ({ name, label, readOnly, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
-export declare const buildTime: ({ name, label, readOnly, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
-export declare const buildTimeSeconds: ({ name, label, readOnly, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
-export declare const buildDateTime: ({ name, label, readOnly, contextName, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildDate: ({ name, label, readOnly, canShowError }: IFormViewField) => HTMLElement;
+export declare const buildTime: ({ name, label, readOnly, canShowError, props }: IFormViewField) => HTMLElement;
+export declare const buildTimeSeconds: ({ name, label, readOnly, canShowError }: IFormViewField) => HTMLElement;
+export declare const buildDateTime: ({ name, label, readOnly, contextName, canShowError }: IFormViewField) => HTMLElement;

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

@@ -1,3 +1,2 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-import { IFieldBuilderContext } from "../FieldBuilder";
-export declare const buildFile: ({ name, label, readOnly, contextName, props }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildFile: ({ name, label, readOnly, contextName, props }: IFormViewField) => HTMLElement;

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

@@ -1,4 +1,3 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-import { IFieldBuilderContext } from "../FieldBuilder";
-export declare const buildDecimal: ({ name, label, readOnly, props, contextName, canShowError, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
-export declare const buildInteger: ({ name, label, readOnly, contextName, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildDecimal: ({ name, label, readOnly, props, contextName, canShowError }: IFormViewField) => HTMLElement;
+export declare const buildInteger: ({ name, label, readOnly, contextName, canShowError }: IFormViewField) => HTMLElement;

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

@@ -1,3 +1,2 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-import { IFieldBuilderContext } from "../FieldBuilder";
-export declare const buildRichText: ({ name, label, readOnly, contextName, rows, canShowError }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildRichText: ({ name, label, readOnly, contextName, rows, canShowError }: IFormViewField) => HTMLElement;

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

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

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

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

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

@@ -1,3 +1,2 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-import { IFieldBuilderContext } from "../FieldBuilder";
-export declare const buildTextArea: ({ name, label, readOnly, rows, contextName, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildTextArea: ({ name, label, readOnly, contextName, rows, canShowError }: IFormViewField) => HTMLElement;

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

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

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

@@ -6,7 +6,6 @@ import { ICustomRenderInfo } from '../../../utils/customRender/interfaces/ICusto
 import { ICustomFormatter } from '../interfaces';
 import FilterCollumn = Components.FilterColumn;
 import { TFunction } from 'i18next';
-import { AggFunc } from '../interfaces/IAggegationFunc';
 /**
  * O intuito desta abstração, é isolar o componente EzGrid de uma implementação
  * específica, permitindo que usemos componentes de terceiros sem um acoplamento
@@ -342,7 +341,6 @@ export interface EzGridColumn {
    * [Opcional] Define propriedades especiais da coluna
    */
   props?: Map<string, any>;
-  aggFunc?: string | AggFunc;
 }
 /**
  * Interface utilizada para se inserir menus personalizados no cabeçalho das colunas.

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

@@ -10,7 +10,6 @@ export default class AgGridController implements EzGridController, SortingProvid
   private readonly DEFAULT_HEADER_ROW_HEIGHT;
   private readonly CHECK_BOX_COL_ID;
   private readonly STATUS_COL_ID;
-  private readonly COLUMN_FOOTER_OPER;
   private readonly RECORD_ARCHIVE_COL_ID;
   private readonly BLOCK_LOAD_DEBOUNCE;
   private readonly DEFAULT_FONT_SIZE;
@@ -49,10 +48,6 @@ export default class AgGridController implements EzGridController, SortingProvid
   private _lastColsConfig;
   private _i18n;
   private _horizontalWheelHandler?;
-  private _bottomPinnedRowSubscriber;
-  private _pinnedBottomDebounceTimer?;
-  private _pinnedBottomDebounceDelay;
-  private _pinnedBottomPendingArgs?;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
   clearFilter(): void;
@@ -66,10 +61,6 @@ export default class AgGridController implements EzGridController, SortingProvid
   private getExpression;
   private resolveColumnFilterValues;
   initDatagrid(container: HTMLElement, options: EzGridOptions): void;
-  private onGridReady;
-  private scheduleSetPinnedBottomRow;
-  private setPinnedBottomRow;
-  private getAllRecordsToAggregate;
   /**
    * Habilita o scroll horizontal com a roda do mouse enquanto o ponteiro está sobre a grade.
    * O AG Grid usa uma barra horizontal "fake" e mantém o corpo sem overflow rolável no eixo X,
@@ -142,7 +133,6 @@ export default class AgGridController implements EzGridController, SortingProvid
   setSelectedIndex(index: number): void;
   hasFilterColumn(columnName: string): boolean;
   private buildColDef;
-  private getAggFunc;
   private setHTMLRender;
   setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
   refreshSelectedRows(): void;
@@ -167,14 +157,10 @@ export default class AgGridController implements EzGridController, SortingProvid
   clearInvalidCells(stopEdition?: boolean): void;
   processContinuousInsert(): void;
   destroy(): void;
-  private handleDestroyBottomPinnedRowSubscriber;
-  private handleDestroySetBottomPinnedRowDebounce;
   registryListeners(): void;
   resetPaginationState(): void;
   stopEdit(): void;
   private getColumnWidth;
-  private getInitialColumnWidth;
-  private getDefaultWidthByUserInterface;
   private getColumnWidthByLabel;
   private getCodeColFromDescriptionCol;
 }

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

@@ -10,16 +10,19 @@ export declare class EzGrid {
   private i18n;
   private _container;
   private _ezPopoverSearchColumn;
+  private _cancelPaginationPopoverElement;
   private _refPaginationControl;
   private _gridController;
   private _gridSelectionCounter;
   private _resizeObserver;
   private _filterColumn;
+  private _refPaginationLabel;
+  private _refPaginationLabelTooltip;
+  private _headerOverflowWatcher;
   private _customEditor;
   private _customRenders;
   private _keyboardManager;
   private _columnSearch;
-  private _refGridPagination;
   _element: HTMLElement;
   private _paginationInfo;
   private _paginationChangedByKeyboard;
@@ -111,7 +114,7 @@ export declare class EzGrid {
    */
   autoFocus?: boolean;
   /**
-  * Define a forma como a paginação irá se comportar.
+  * Define se a grid será focada ao ser carregada.
   */
   paginationCounterMode?: 'show' | 'hidden' | 'auto';
   /**
@@ -157,10 +160,6 @@ export declare class EzGrid {
    * Define o modo de uso da grade
    */
   mode: IGridMode;
-  /**
-   * Esconder paginação.
-   */
-  hidePagination: boolean;
   /**
    * Aplica a definição de colunas.
    */
@@ -239,11 +238,9 @@ export declare class EzGrid {
    */
   stopEdit(): Promise<void>;
   checkStopEditOutsideClick(event: MouseEvent): Promise<void>;
-  /**
-   * Manipula a mudança de página da grid.
-   */
-  handlePageChange(): Promise<void>;
   observeConfig(config: IGridConfig): void;
+  updatePaginationTooltip(): void;
+  observePaginationCounterMode(newValue: any): void;
   observeModeChange(newMode?: IGridMode): Promise<void>;
   handleApplyFilterColumn(): Promise<void>;
   onSelectionChange(evt: CustomEvent): void;
@@ -260,11 +257,31 @@ export declare class EzGrid {
   private configSelectionCounter;
   private onColumnStateChange;
   private buildDataElementId;
+  private handlePageChange;
+  private previousPage;
+  private nextPage;
   private nextRecord;
   private previousRecord;
   private resetPaginationState;
+  private resolvePaginationClassMode;
+  private handleCancelPagination;
+  private renderCancelPagination;
+  private handleShowCancelPagination;
+  private getPaginationControl;
+  private shouldPresentPaginationLabel;
   componentDidLoad(): void;
   private handlePaginationChange;
+  private _getActualPageLabel;
+  private _getRemainingPageLabel;
+  private _hasToShowCancelPagination;
+  private _getPaginationTooltip;
+  private _initHeaderOverflowWatcher;
+  private buildOverFlowWatcherParams;
+  private handleOverFlow;
+  private _getPaginationDescriptionWidth;
+  private _getElementMargins;
+  private _hidePaginationDescription;
+  private _showPaginationDescription;
   disconnectedCallback(): void;
   connectedCallback(): void;
   componentWillRender(): void;

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

@@ -1,2 +1 @@
 export * from './ColumnFilterManager';
-export * from '../controller/ag-grid/gridColumnDefaultWidths';

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

@@ -40,15 +40,6 @@ export declare class EzPopover {
    * Exibe o ez-popover.
    */
   show(top?: string, left?: string): Promise<void>;
-  /**
-   * Exibe o ez-popover ancorado acima da posição de origem (usa `bottom` em vez de `top`).
-   * Aceita opcionalmente `left` ou `right` para alinhamento horizontal.
-   */
-  showAbove(offsets?: {
-    bottom?: string;
-    left?: string;
-    right?: string;
-  }): Promise<void>;
   /**
    * Ancora a exibição do popOver a um elemento HTML.
    */

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

@@ -1,15 +1,13 @@
 import { EzScrollDirection } from './EzScrollDirection';
-import { EzScrollNavigationMode } from './EzScrollNavigationMode';
 export declare class EzScroller {
   private _container;
   private _wrapper;
   private _controller;
+  private _startHidden;
+  private _endHidden;
   private _resizeObserver;
   private _shadowStart;
   private _shadowEnd;
-  private i18n;
-  private _startHidden;
-  private _endHidden;
   isActive: boolean;
   /**
    * Define a direção em que haverá scroll.
@@ -23,16 +21,6 @@ export declare class EzScroller {
    * Define se haverá efeito de sombreado.
    */
   activeShadow: boolean;
-  /**
-   * Define o modo de navegação: 'scrollbar' (padrão) ou 'buttons' (botões de carrossel).
-   */
-  navigationMode: EzScrollNavigationMode;
-  /**
-   * Define a quantidade de pixels que será rolado ao clicar nos botões de navegação.
-   */
-  scrollAmount: number;
-  private scrollToPrevious;
-  private scrollToNext;
   private getContainerClass;
   private getWrapperClass;
   private finishDrag;
@@ -41,12 +29,10 @@ export declare class EzScroller {
   private configResize;
   private getContainerElement;
   private isActiveScroller;
-  private renderNavigationButtons;
   clickListener(evt: MouseEvent): void;
   mouseDownHandler(evt: MouseEvent): void;
   mouseUpHandler(): void;
   mouseMoveHandler(evt: MouseEvent): void;
-  componentWillLoad(): Promise<void>;
   componentDidRender(): void;
   render(): any;
 }

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

@@ -125,15 +125,7 @@ export declare class EzSearch {
    */
   alternativePlaceholder: string;
   /**
-   * Informa se deve exibir a opção de mostrar mais resultados.
-   */
-  showMore: boolean;
-  /**
-   * Informa se o valor da opção selecionada deve persistir no input de texto.
-   */
-  suppressInputPersist: boolean;
-  /**
-   * Se true o campo de descrição não será exibido.
+   * Se true o campo de de apresentação não será exibido.
    */
   hideDescriptionInput: boolean;
   observeErrorMessage(): void;
@@ -186,7 +178,6 @@ export declare class EzSearch {
   private showNoResultMessage;
   private getFieldLabel;
   private resetOptions;
-  private handleResetOptionsWithShowMoreVisible;
   private handleInitialValue;
   componentWillLoad(): Promise<void>;
   componentDidRender(): void;
@@ -202,8 +193,6 @@ export declare class EzSearch {
   private canShowListOptions;
   private canShowLoadSpinDescription;
   private onChangePreSelection;
-  private handleClickShowMore;
-  private renderShowMore;
   render(): any;
 }
 export interface IOption {

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

@@ -178,7 +178,6 @@ export declare class EzSearchPlus {
   private setLatestFocusedInputElement;
   private handleCodeInputFocus;
   private handleDescriptionInputFocus;
-  private cleanFieldsRef;
   private getRightIconElement;
   private getLeftIconElement;
   private handleOnEzVisibilityChange;