@sankhyalabs/ezui 6.4.4 → 6.5.0-dev.10

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

@@ -0,0 +1 @@
+import{r as t,c as o,h as i,H as e,g as r}from"./p-e4c7eb39.js";import{ElementIDUtils as n}from"@sankhyalabs/core";import{i as s}from"./p-a61fdd20.js";const l=class{constructor(i){t(this,i),this.buttonClick=o(this,"buttonClick",7),this.dropdownItemClick=o(this,"dropdownItemClick",7),this.dropdownSubActionClick=o(this,"dropdownSubActionClick",7),this.rippleCounter=0,this.eventListeners=new WeakMap,this.createRipple=(t,o)=>{const i=o?this.leftButton:this.rightButton;if(!i||this.isButtonDisabled||this.suppressAnimation)return;const e=this.getEventCoordinates(t),r=i.getBoundingClientRect(),n=Object.assign(Object.assign({},{x:e.x-r.left,y:e.y-r.top}),{id:++this.rippleCounter});this.addRippleToButton(n,o)},this.positionDropdown=()=>{this.rightButton&&this.dropdownParent&&requestAnimationFrame((()=>{const{rightButton:t,dropdownParent:o}=this,i=t.getBoundingClientRect(),e=o.getBoundingClientRect(),r=window.innerHeight,n=window.innerWidth,s=this.calculateDropdownPosition(i,e,r-i.bottom<e.height&&i.top>e.height,n-i.left<e.width&&i.left>e.width);Object.assign(o.style,s)}))},this.removeForcedFocusVisibleLeft=()=>{var t;null===(t=this.leftButton)||void 0===t||t.classList.remove("force-focus-visible")},this.removeForcedFocusVisibleRight=()=>{var t;null===(t=this.rightButton)||void 0===t||t.classList.remove("force-focus-visible")},this.leftRipples=[],this.rightRipples=[],this.isLeftPressed=!1,this.isRightPressed=!1,this.show=!1,this.enabled=!0,this.isDisabled=!1,this.iconName=void 0,this.leftIconName=void 0,this.rightIconName=void 0,this.image=void 0,this.items=void 0,this.label=void 0,this.leftTitle=void 0,this.rightTitle=void 0,this.mode="default",this.size="medium",this.variant=void 0,this.suppressAnimation=!1,this.itemBuilder=void 0}async setBlur(){this.leftButton.blur(),this.rightButton.blur()}async setLeftButtonFocus(){this.leftButton.focus(),this.leftButton.classList.add("force-focus-visible")}async setRightButtonFocus(){this.rightButton.focus(),this.rightButton.classList.add("force-focus-visible")}async toggleDropdown(){this.show=!this.show}async isOpenedDropdown(){return this.show}getEventCoordinates(t){return t instanceof MouseEvent?{x:t.clientX,y:t.clientY}:{x:t.touches[0].clientX,y:t.touches[0].clientY}}addRippleToButton(t,o){o?(this.leftRipples=[...this.leftRipples,t],this.setButtonPressed(!0,!0),this.scheduleRippleCleanup(t,!0)):(this.rightRipples=[...this.rightRipples,t],this.setButtonPressed(!1,!0),this.scheduleRippleCleanup(t,!1))}setButtonPressed(t,o){t?this.isLeftPressed=o:this.isRightPressed=o}scheduleRippleCleanup(t,o){setTimeout((()=>{this.setButtonPressed(o,!1)}),150),setTimeout((()=>{this.removeRipple(t.id,o)}),600)}removeRipple(t,o){o?this.leftRipples=this.leftRipples.filter((o=>o.id!==t)):this.rightRipples=this.rightRipples.filter((o=>o.id!==t))}onMouseDown(t){const o=t.composedPath(),i=o.includes(this.leftButton),e=o.includes(this.rightButton);i?this.createRipple(t,!0):e&&this.createRipple(t,!1)}onTouchStart(t){const o=t.composedPath(),i=o.includes(this.leftButton),e=o.includes(this.rightButton);i?this.createRipple(t,!0):e&&this.createRipple(t,!1)}clickListener(t){(!this.enabled||!0===this.isDisabled||""===this.isDisabled||"full"===this.isDisabled)&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}shouldShowLabelOnLeftButton(){return"icon-only"!==this.mode}shouldShowIconOnLeftButton(){return"default"!==this.mode}getIconSize(t="medium"){var o;const i=null===(o=this.size)||void 0===o?void 0:o.toLowerCase();return["small","medium","large"].includes(i)?i:t}closeDropdown(){this.show=!1}handleButtonClick(){this.buttonClick.emit()}handleDropdownItemClick(t){this.dropdownItemClick.emit(t.detail),t.stopPropagation(),this.closeDropdown()}handleDropdownSubActionClick(t){this.dropdownSubActionClick.emit(t.detail),t.stopPropagation(),this.closeDropdown()}calculateDropdownPosition(t,o,i,e){const r=this.offsetParentRect||{top:0,left:0};return{top:i?"auto":`${t.bottom-r.top+window.scrollY}px`,bottom:i?window.innerHeight-t.top-window.scrollY+"px":"auto",left:e?`${t.right-o.width-r.left+window.scrollX}px`:`${t.left-r.left+window.scrollX}px`,maxHeight:i?t.top-r.top+"px":"none"}}setupEventListeners(){const t=new AbortController,{signal:o}=t;window.addEventListener("scroll",this.positionDropdown,{signal:o,passive:!0}),window.addEventListener("resize",this.positionDropdown,{signal:o,passive:!0}),this.eventListeners.set(this._element,t)}cleanupEventListeners(){const t=this.eventListeners.get(this._element);t&&(t.abort(),this.eventListeners.delete(this._element))}async componentWillLoad(){this.i18n=await s()}componentDidLoad(){this.addElementIDs(),this.setupEventListeners(),this.addBlurListeners(),setTimeout((()=>this.positionDropdown()),0)}disconnectedCallback(){this.cleanupEventListeners(),this.removeBlurListeners()}componentDidUpdate(){this.show&&this.positionDropdown()}addElementIDs(){this._element&&n.addIDInfo(this._element),this.leftButton&&n.addIDInfo(this.leftButton,"leftButton",{id:"embedded"}),this.rightButton&&n.addIDInfo(this.rightButton,"rightButton",{id:"embedded"})}renderRipples(t){return t.map((t=>i("span",{key:t.id,class:"ripple",style:{left:t.x-10+"px",top:t.y-10+"px"}})))}render(){const t=this.shouldShowIconOnLeftButton(),o=this.shouldShowLabelOnLeftButton(),r=this.getIconSize();return i(e,{class:this.variant?`ez-split-button--${this.variant}`:""},i("div",{class:`ez-split-button ${this.size} ${this.mode}`},this.renderLeftButton(t,o,r),this.renderDivider(),this.renderDropdownSection(r)))}renderLeftButton(t,o,e){return i("button",{class:`ez-split-button__left-button ${e} ${this.mode} ${this.isLeftPressed?"pressed":""}`,title:this.leftTitle||this.label,type:"button",disabled:this.isButtonDisabled,"aria-disabled":this.isButtonAriaDisabled,onClick:()=>this.handleButtonClick(),ref:t=>this.leftButton=t},t&&this.renderLeftIcon(e),o&&this.renderLabel(),!this.suppressAnimation&&this.renderRipples(this.leftRipples))}renderDivider(){return i("div",{class:`ez-split-button__divider ${this.mode} ez-split-button__divider--${this.size} ${this.isButtonDisabled?"disabled":""}`,"aria-disabled":this.isButtonAriaDisabled})}renderDropdownSection(t){return i("div",{class:"dropdown"},this.renderRightButton(t),this.renderDropdownContent())}renderRightButton(t){return i("button",{class:`ez-split-button__right-button ${t} ez-split-button__right-button--${t} ${this.isRightPressed?"pressed":""}`,title:this.rightTitle||this.i18n("ez-split-button.moreOptions"),type:"button",disabled:this.isButtonDisabled,"aria-disabled":this.isButtonAriaDisabled,onClick:()=>this.toggleDropdown(),ref:t=>this.rightButton=t},this.renderRightIcon(t),!this.suppressAnimation&&this.renderRipples(this.rightRipples))}renderDropdownContent(){return i("div",{class:`dropdown-content dropdown-content--${this.size}`,ref:t=>this.dropdownParent=t},this.show&&this.renderDropdown())}renderLeftIcon(t){return i("ez-icon",{href:this.image,iconName:this.leftIconName||this.iconName,size:t})}renderLabel(){return i("label",{title:this.leftTitle||this.label},this.label)}renderRightIcon(t){return i("ez-icon",{class:"ez-split-button__right-button-container "+(t?`btn-icon--${t}`:""),iconName:this.rightIconName||"chevron-down",size:t})}renderDropdown(){return i("ez-dropdown",{items:this.items,onClick:t=>t.stopPropagation(),onEzOutsideClick:()=>this.closeDropdown(),onEzClick:t=>this.handleDropdownItemClick(t),onEzSubActionClick:t=>this.handleDropdownSubActionClick(t),itemBuilder:this.itemBuilder})}addBlurListeners(){var t,o;this.removeBlurListeners(),null===(t=this.leftButton)||void 0===t||t.addEventListener("blur",this.removeForcedFocusVisibleLeft),null===(o=this.rightButton)||void 0===o||o.addEventListener("blur",this.removeForcedFocusVisibleRight)}removeBlurListeners(){var t,o;null===(t=this.leftButton)||void 0===t||t.removeEventListener("blur",this.removeForcedFocusVisibleLeft),null===(o=this.rightButton)||void 0===o||o.removeEventListener("blur",this.removeForcedFocusVisibleRight)}connectedCallback(){this.addBlurListeners()}get isButtonDisabled(){return"full"===this.isDisabled||!this.enabled}get isButtonAriaDisabled(){return!0===this.isDisabled||""===this.isDisabled}get _element(){return r(this)}};l.style=':host{--ez-split-button--min-width:var(--space--40, 40px);--ez-split-button--width:auto;--ez-split-button--height:var(--space--32, 32px);--ez-split-button__medium-icon--width:var(--space--40, 40px);--ez-split-button__large-icon--width:var(--space--44, 44px);--ez-split-button__label--padding-top:var(--space--0, 0px);--ez-split-button__label--padding-bottom:var(--space--0, 0px);--ez-split-button__right-button--padding-left:var(--space--8, 8px);--ez-split-button__right-button--padding-right:var(--space--12, 12px);--ez-split-button--color:var(--color--ocean-green-600, #008561);--ez-split-button__left-icon--color:var(--color--ocean-green-600, #008561);--ez-split-button__right-icon--color:var(--color--ocean-green-600, #008561);--ez-split-button--background-color:var(--color--gray-70, #FFFFFF);--ez-split-button--border:1px solid var(--color--gray-90, #EAEAEA);--ez-split-button--font-size:var(--font-size--default, 14px);--ez-split-button--line-height:var(--line-height--28, 28px);--ez-split-button--font-family:var(--font-pattern, Arial);--ez-split-button--font-weight:var(--font-weight--regular,400);--ez-split-button--border-radius:var(--border--radius-24, 24px);--ez-split-button--hover-color:var(--color--primary-600, #007a5a);--ez-split-button--hover--background-color:var(--color--gray-80, #F9F9F9);--ez-split-button--disabled-color:var(--color--gray-400, #77777A);--ez-split-button--disabled--background-color:var(--color--gray-80, #F9F9F9);--ez-split-button--focus--border:var(--border--medium, 2px) var(--color--primary-300);--ez-split-button--focus--box-shadow:none;display:flex;width:fit-content}:host(.ez-split-button--primary){--ez-split-button--color:var(--color--gray-70);--ez-split-button--background-color:var(--color--ocean-green-500);--ez-split-button--font-weight:var(--font-weight--regular);--ez-split-button--border:none;--ez-split-button__left-icon--color:var(--color--gray-70);--ez-split-button__right-icon--color:var(--color--gray-70);--ez-split-button--hover-color:var(--color--gray-70);--ez-split-button--hover--background-color:var(--color--ocean-green-700);--ez-split-button--hover--border:none;--ez-split-button--left-icon--hover-color:var(--color--gray-70);--ez-split-button--right-icon--hover-color:var(--color--gray-70);--ez-split-button--disabled-color:var(--color--gray-70);--ez-split-button--disabled--background-color:var(--color--gray-400);--ez-split-button--disabled--border:none;--ez-split-button--disabled-icon-color:var(--color--gray-200);--ez-split-button__left-icon--disabled-color:var(--color--gray-200);--ez-split-button__right-icon--disabled-color:var(--color--gray-200)}:host(.ez-split-button--secondary){--ez-split-button--color:var(--color--ocean-green-600);--ez-split-button--background-color:var(--color--gray-70);--ez-split-button--border:1px solid var(--color--gray-90);--ez-split-button--left-icon--color:var(--color--ocean-green-600);--ez-split-button--right-icon--color:var(--color--ocean-green-600);--ez-split-button--hover-color:var(--color--ocean-green-600);--ez-split-button--hover--background-color:var(--color--gray-80);--ez-split-button--hover--border:1px solid var(--color--gray-90);--ez-split-button--left-icon--hover-color:var(--color--ocean-green-600);--ez-split-button--right-icon--hover-color:var(--color--ocean-green-600);--ez-split-button--disabled-color:var(--color--gray-400);--ez-split-button--disabled--background-color:var(--color--gray-80);--ez-split-button--disabled--border:1px solid var(--color--gray-200);--ez-split-button--disabled-icon-color:var(--color--gray-400);--ez-split-button__left-icon--disabled-color:var(--color--gray-300);--ez-split-button__right-icon--disabled-color:var(--color--gray-300)}:host(.ez-split-button--tertiary){--ez-split-button--color:var(--color--ocean-green-600);--ez-split-button--background-color:transparent;--ez-split-button--font-weight:var(--font-weight--regular);--ez-split-button--border:none;--ez-split-button--left-icon--color:var(--color--ocean-green-600);--ez-split-button--right-icon--color:var(--color--ocean-green-600);--ez-split-button--hover-color:var(--color--ocean-green-800);--ez-split-button--hover--background-color:transparent;--ez-split-button--hover--border:none;--ez-split-button--left-icon--hover-color:var(--color--ocean-green-800);--ez-split-button--right-icon--hover-color:var(--color--ocean-green-800);--ez-split-button--disabled-color:var(--color--gray-400);--ez-split-button--disabled--background-color:transparent;--ez-split-button--disabled--border:transparent;--ez-split-button--disabled-icon-color:var(--color--gray-200);--ez-split-button__left-icon--disabled-color:var(--color--gray-200);--ez-split-button__right-icon--disabled-color:var(--color--gray-200)}.ez-split-button.large{--ez-split-button--height:var(--space--42, 42px)}.ez-split-button.medium{--ez-split-button--height:var(--space--32, 32px)}ez-icon{--ez-icon--color:inherit}button{position:relative;display:flex;align-items:center;margin:0;cursor:pointer;transition:background-color 0.2s linear, transform 0.15s ease;white-space:nowrap;overflow:hidden;transform:scale(1);min-width:var(--ez-split-button--min-width);width:var(--ez-split-button--width);height:var(--ez-split-button--height);font-family:var(--ez-split-button--font-family);font-size:var(--ez-split-button--font-size);font-weight:var(--ez-split-button--font-weight);padding:var(--ez-split-button__label--padding-top) 0 var(--ez-split-button__label--padding-bottom) 0;border-top-left-radius:var(--ez-split-button--border-radius);border-bottom-left-radius:var(--ez-split-button--border-radius);background-color:var(--ez-split-button--background-color);color:var(--ez-split-button--color);fill:var(--ez-split-button--color);border:none}label{cursor:pointer;line-height:var(--ez-split-button--line-height)}.ez-split-button__left-button{border:var(--ez-split-button--border);border-right:none;outline:none;gap:var(--space--8, 8px);padding-left:var(--space--12, 12px);padding-right:var(--space--8, 8px)}.ez-split-button__right-button{border:var(--ez-split-button--border);border-left:none;outline:none}.ez-split-button__left-button.force-focus-visible,.ez-split-button__left-button:focus-visible{box-shadow:-1px 1px 0px 1px var(--color--gray-70), \n    -1px -1px 0px 1px var(--color--gray-70), \n    -2px -2px 0px 2px var(--color--ocean-green-200), \n    -2px 2px 0px 2px var(--color--ocean-green-200), \n    0px -2px 0px 2px var(--color--ocean-green-200), \n    0px 2px 0px 2px var(--color--ocean-green-200)}.ez-split-button__right-button.force-focus-visible,.ez-split-button__right-button:focus-visible{box-shadow:1px 1px 0px 1px var(--color--gray-70), \n    1px -1px 0px 1px var(--color--gray-70), \n    2px -2px 0px 2px var(--color--ocean-green-200), \n    2px 2px 0px 2px var(--color--ocean-green-200), \n    0px -2px 0px 2px var(--color--ocean-green-200), \n    0px 2px 0px 2px var(--color--ocean-green-200)}.ez-split-button__left-button[aria-disabled].force-focus-visible,.ez-split-button__left-button[aria-disabled]:focus-visible{box-shadow:-1px 1px 0px 1px var(--color--gray-70), \n    -1px -1px 0px 1px var(--color--gray-70), \n    -2px -2px 0px 2px var(--color--petroleum-100), \n    -2px 2px 0px 2px var(--color--petroleum-100), \n    0px -2px 0px 2px var(--color--petroleum-100), \n    0px 2px 0px 2px var(--color--petroleum-100)}.ez-split-button__right-button[aria-disabled].force-focus-visible,.ez-split-button__right-button[aria-disabled]:focus-visible{box-shadow:1px 1px 0px 1px var(--color--gray-70), \n    1px -1px 0px 1px var(--color--gray-70), \n    2px -2px 0px 2px var(--color--petroleum-100), \n    2px 2px 0px 2px var(--color--petroleum-100), \n    0px -2px 0px 2px var(--color--petroleum-100), \n    0px 2px 0px 2px var(--color--petroleum-100)}.ez-split-button__left-button:hover,.ez-split-button__right-button:hover{outline:none;background-color:var(--ez-split-button--hover--background-color);color:var(--ez-split-button--hover-color);fill:var(--ez-split-button--hover-color);--ez-icon--color:var(--ez-split-button--hover-color)}.ez-split-button__left-button:disabled,.ez-split-button__left-button[aria-disabled],.ez-split-button__left-button:disabled label,.ez-split-button__left-button[aria-disabled] label,.ez-split-button__right-button:disabled,.ez-split-button__right-button[aria-disabled]{background-color:var(--ez-split-button--disabled--background-color);color:var(--ez-split-button--disabled-color);fill:var(--ez-split-button--disabled-color);border:none;--ez-icon--color:var(--ez-split-button__left-icon--disabled-color);cursor:not-allowed}.ez-split-button__left-button:disabled,.ez-split-button__left-button[aria-disabled]{--ez-icon--color:var(--ez-split-button__left-icon--disabled-color);border:var(--ez-split-button--disabled-border);border-right:none}.ez-split-button__right-button:disabled,.ez-split-button__right-button[aria-disabled]{--ez-icon--color:var(--ez-split-button__right-icon--disabled-color);border:var(--ez-split-button--disabled-border);border-left:none}.ez-split-button__right-button{border-top-right-radius:var(--ez-split-button--border-radius);border-bottom-right-radius:var(--ez-split-button--border-radius);border-top-left-radius:0;border-bottom-left-radius:0;border-right:var(--ez-split-button--border)}.ez-split-button__divider{width:1px;box-sizing:border-box;position:relative;background-color:var(--ez-split-button--background-color);height:var(--ez-split-button--height);border-top:var(--ez-split-button--border);border-bottom:var(--ez-split-button--border)}.ez-split-button__divider[aria-disabled],.ez-split-button__divider.disabled{cursor:not-allowed;background-color:var(--ez-split-button--disabled--background-color);border-top:var(--ez-split-button--disabled--border);border-bottom:var(--ez-split-button--disabled--border)}.ez-split-button__divider:before{content:"";position:absolute;left:0;border-left:1px solid rgba(0, 0, 0, 10%);border-radius:2px;height:75%;top:10%;bottom:10%}.btn-icon--medium{min-width:--ez-split-button__medium-icon--width}.btn-icon--large{min-width:--ez-split-button__large-icon--width}.ez-split-button__right-button-container{position:absolute;left:0;padding-left:var(--ez-split-button__right-button--padding-left);padding-right:var(--ez-split-button__right-button--padding-right)}.ez-split-button{display:flex;flex-direction:row;align-items:center;color:var(--ez-split-button--color)}.dropdown{display:flex}.dropdown-content{display:block;position:absolute;background-color:#f1f1f1;min-width:160px;z-index:var(--ez-elevation--8);border-radius:var(--ez-split-button--border-radius)}.dropdown-content>ez-dropdown{position:relative}.ripple{position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(255, 255, 255, 0.3);pointer-events:none;transform:scale(0);animation:ripple-animation 0.6s linear;z-index:0}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}:host .ripple,:host(.ez-split-button--secondary) .ripple{background:rgba(0, 133, 97, 0.2)}:host(.ez-split-button--primary) .ripple{background:rgba(255, 255, 255, 0.3)}:host(.ez-split-button--tertiary) .ripple{background:rgba(0, 133, 97, 0.15)}.ez-split-button__left-button.pressed,.ez-split-button__right-button.pressed{transform:scale(0.98)}.ez-split-button__left-button>*:not(.ripple),.ez-split-button__right-button>*:not(.ripple){position:relative;z-index:1}.ez-split-button__left-button:disabled .ripple,.ez-split-button__left-button[aria-disabled] .ripple,.ez-split-button__right-button:disabled .ripple,.ez-split-button__right-button[aria-disabled] .ripple{display:none}.ez-split-button__left-button:disabled,.ez-split-button__left-button[aria-disabled],.ez-split-button__right-button:disabled,.ez-split-button__right-button[aria-disabled]{transform:scale(1) !important}';export{l as ez_split_button}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as e}from"./p-e4c7eb39.js";import{UserInterface as s}from"@sankhyalabs/core";import{a as l}from"./p-b1e45320.js";import{i as o}from"./p-a61fdd20.js";const n=window,a=new CustomEvent("onSubmitFilter",{detail:{showToast:!0}}),r=class{constructor(e){t(this,e),this.applyFilterColumnOptions=i(this,"applyFilterColumnOptions",7),this.opened=!0,this.columnName=void 0,this.columnLabel=void 0,this.gridHeaderHidden=!1,this.noHeaderTaskBar=!1,this.dataSource=void 0,this.dataUnit=void 0,this.options=void 0,this.selectedItems=void 0,this.fieldDescriptor=void 0,this.useOptions=!1,this.isTextSearch=!1}async hide(){await this.ezPopoverElement.hide(),await this.clearConfigs()}async show(t){var i;this.canShow(t)&&(this.fieldDescriptor=null!==(i=t.fieldDescriptor)&&void 0!==i?i:this.dataUnit.getField(t.columnName),this.buildIsTextSearch(),this.columnName=t.columnName,this.columnLabel=t.columnLabel,await this.setOptions(t),await this.ezPopoverElement.showUnder(`filter-column-${t.columnName}-${this.dataUnit.dataUnitId}`))}buildIsTextSearch(){var t,i;const e=null!==(i=null===(t=this.fieldDescriptor)||void 0===t?void 0:t.userInterface)&&void 0!==i?i:s.SHORTTEXT;this.isTextSearch=!(e===s.DECIMALNUMBER||e===s.INTEGERNUMBER)}async clearConfigs(){var t;await(null===(t=this.ezMultiSelectionList)||void 0===t?void 0:t.clearFilteredOptions()),this.options=null,this.columnName=null}canShow(t){return!this.ezPopoverElement.opened||t.columnName!==this.columnName}submit(){this.applyFilterColumnOptions.emit({field:this.columnName,values:this.selectedItems}),n.dispatchEvent(a),this.hide()}changeSelectedItems(t){this.selectedItems=t}hasToUseOptions(){return this.fieldDescriptor.userInterface===s.OPTIONSELECTOR||this.fieldDescriptor.userInterface===s.SWITCH||this.fieldDescriptor.userInterface===s.CHECKBOX}isCheckBoxOrSwitch(){return this.fieldDescriptor.userInterface===s.SWITCH||this.fieldDescriptor.userInterface===s.CHECKBOX}async setOptions(t){var i,e,s,o;const n=t.filteredOptions,a=this.hasToUseOptions();if(a)return this.useOptions=a,void(this.options=a?this.buildOptions(n):null!=n?n:null);let r=this.columnName;const h={onlyLabel:!1};(null===(e=null===(i=t.fieldDescriptor)||void 0===i?void 0:i.properties)||void 0===e?void 0:e[l])&&(r=null===(o=null===(s=t.fieldDescriptor)||void 0===s?void 0:s.properties)||void 0===o?void 0:o[l],h.onlyLabel=!0);const c=await this.dataSource.getStaticOptions(r,h);if(null!=c){const t=new Set((n||[]).filter((t=>t.check)).map((t=>t.label)));return this.useOptions=!0,void(this.options=0===t.size?c:c.map((i=>Object.assign(Object.assign({},i),{check:t.has(i.label)}))))}this.useOptions=!1,this.options=null}buildOptions(t){var i,e;if(t&&t.length>0)return t;if(this.isCheckBoxOrSwitch())return[{label:this.i18n("app.yes"),value:"true",check:!0},{label:this.i18n("app.no"),value:"false",check:!0}];const s=null===(e=null===(i=this.fieldDescriptor)||void 0===i?void 0:i.properties)||void 0===e?void 0:e.options;if(Array.isArray(s))return s.map((t=>({label:t.value,value:t.value,check:!0})));const l=JSON.parse(s);return Object.keys(l).map((t=>({label:l[t],value:t,check:!0})))}handleEzVisibilityChange(t){!1===t.detail&&this.clearConfigs()}async componentWillLoad(){this.i18n=await o()}render(){return e("ez-popover-plus",{ref:t=>this.ezPopoverElement=t,class:"filter-column__popover","overlay-type":"none",autoClose:!0,onEzVisibilityChange:this.handleEzVisibilityChange.bind(this)},e("section",{class:"filter-column"},e("header",{class:"filter-column__header"},e("span",{class:"ez-text ez-text--medium filter-column__header-title"},this.i18n("ez-grid.filterColumnHeader",{columnLabel:this.columnLabel})),e("ez-button",{mode:"icon","icon-name":"close",class:"ez-button--tertiary",onClick:()=>this.hide()})),e("ez-multi-selection-list",{id:"filter-column-selection-list",columnName:this.columnName,dataSource:this.dataSource,options:this.options,useOptions:this.useOptions,ref:t=>this.ezMultiSelectionList=t,onChangeFilteredOptions:t=>this.changeSelectedItems(t.detail),isTextSearch:this.isTextSearch,"data-element-id":this.columnName}),e("footer",{class:"filter-column__footer"},e("ez-button",{label:this.i18n("app.apply"),class:"ez-button--primary",onClick:this.submit.bind(this)}))))}};r.style=".filter-column{padding:var(--space--2xs, 8px);position:relative}.filter-column__header{margin-bottom:var(--space--2xs, 8px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:var(--space--xl, 32px)}.filter-column__footer{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;bottom:0;left:0;padding-top:var(--space--2xs, 8px);border-top:var(--border--medium) var(--color--disable-secondary)}.filter-column__popover{position:absolute}.filter-column__header-title{margin-left:8px}#filter-column-selection-list{--ez-multi-selection-default-height:unset}";export{r as filter_column}

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

@@ -0,0 +1 @@
+import{r as e,c as a,h as i,H as t,g as s}from"./p-e4c7eb39.js";import{ElementIDUtils as r}from"@sankhyalabs/core";import{E as o}from"./p-98bb8b16.js";import{i as n}from"./p-a61fdd20.js";var d,l,h;!function(e){e.FLOAT="float",e.FIXED="fixed"}(d||(d={})),function(e){e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg"}(l||(l={})),function(e){e.FLOAT="float",e.FIXED="fixed",e.DYNAMIC="dynamic"}(h||(h={}));const b=class{constructor(i){e(this,i),this.ezChangeMode=a(this,"ezChangeMode",7),this.handleToggleSidebar=()=>{this.open=!this.open},this.handleToggleMode=()=>{this.mode=this.mode===d.FIXED?d.FLOAT:d.FIXED,this.ezChangeMode.emit(this.mode)},this.type=h.DYNAMIC,this.mode=d.FLOAT,this.size=l.SMALL,this.isResponsive=!1,this.titleMenu="",this.showCollapseMenu=!0,this.showFixedButton=!0,this.open=!1}async changeModeMenu(){this.type===h.DYNAMIC&&this.handleToggleMode()}async closeSidebar(){this.open=!1}async openSidebar(){this.open=!0}async componentWillLoad(){this.i18n=await n()}componentDidLoad(){this.type===h.FIXED&&(this.mode=d.FIXED,this.open=!0)}render(){return r.addIDInfoIfNotExists(this._element),i(t,null,i("ez-sidebar-button",{class:this.open?"hidden":"",onEzClick:this.mode===d.FIXED?this.handleToggleSidebar:void 0,onMouseEnter:this.mode===d.FLOAT?this.handleToggleSidebar:void 0,"aria-controls":"navigator","aria-expanded":this.open,"data-element-id":r.getInternalIDInfo("openButton")}),this.open?i("aside",{tabIndex:-1,id:"navigator",class:`ez-col ez-col--sd-12 ez-col--tb-3 ez-sidebar-navigator ${this.mode===d.FLOAT?"dynamic":"fixed"} ${this.isResponsive?"responsive":this.size} ${this.open?"show":"hidden"}`,"data-element-id":r.getInternalIDInfo("sidebar"),onMouseLeave:this.type!==h.FIXED&&this.mode===d.FLOAT?this.handleToggleSidebar:void 0},i("header",{class:"ez-sidebar-navigator__header"},i("slot",{name:"start"}),""!==this.titleMenu&&i("div",{class:"ez-sidebar-navigator__title",title:this.titleMenu},this.titleMenu),!this.titleMenu&&i("slot",{name:"content"}),i("div",{class:"ez-sidebar-navigator__end"},i("slot",{name:"end"}),this.type===h.DYNAMIC&&this.showFixedButton&&i("ez-button",{onClick:this.handleToggleMode,mode:"icon",size:"small",iconName:this.mode===d.FIXED?"un-pin":"push-pin",title:this.i18n(this.mode===d.FIXED?"ez-sidebar.unPinMenu":"ez-sidebar.pushPinMenu"),"aria-label":this.i18n(this.mode===d.FIXED?"ez-sidebar.unPinMenu":"ez-sidebar.pushPinMenu"),"aria-controls":"navigator","data-element-id":r.getInternalIDInfo("pinButton")}),this.mode===d.FIXED&&this.showCollapseMenu&&i("ez-button",{onClick:this.handleToggleSidebar,class:"inverted",mode:"icon",size:"small",iconName:"show_menu",title:this.i18n("ez-sidebar.hideMenu"),"aria-label":this.i18n("ez-sidebar.hideMenu"),"aria-controls":"navigator","data-element-id":r.getInternalIDInfo("closeButton")}))),this.titleMenu&&i("slot",{name:"content"}),i("ez-scroller",{class:"ez-sidebar-navigator__content",direction:o.VERTICAL,activeShadow:!0},i("slot",null)),i("footer",{class:"ez-sidebar-navigator__footer"},i("slot",{name:"footer"}))):void 0)}get _element(){return s(this)}};b.style=':host{--ez-sidebar-navigator--padding-left:var(--space--xs, 12px);--ez-sidebar-navigator--padding-right:var(--space--xs, 12px);--ez-sidebar-navigator--gap:var(--space--xs, 12px);--ez-sidebar-navigator--box-shadow:var(--shadow, 0px 0px 24px 0px #000);--ez-sidebar-navigator--background-color:var(--color--inverted);--ez-sidebar-navigator--border-radius:0px var(--border--radius-medium) var(--border--radius-medium) 0px;--ez-sidebar-navigator--height:calc(100vh - var(--space--lg, 24px));--ez-sidebar-navigator--z-index:var(--elevation--20, 20);--ez-sidebar-navigator--header-gap:var(--space--xs, 12px);--ez-sidebar-navigator--footer-gap:var(--space--xs, 12px);--ez-ez-sidebar-navigator__title--font-family:var(--font-pattern, "Roboto");--ez-ez-sidebar-navigator__title--font-size:var(--title--medium, 16px);--ez-ez-sidebar-navigator__title--color:var(--title--primary, #2b3a54);--ez-ez-sidebar-navigator__title--font-weight:var(--text-weight--extra-large, 700)}.inverted{transform:rotate(180deg)}.ez-sidebar-navigator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:var(--ez-sidebar-navigator--height);padding-top:var(--space--xs, 12px);padding-bottom:var(--space--xs, 12px);outline:none;gap:var(--ez-sidebar-navigator--gap);padding-left:var(--ez-sidebar-navigator--padding-left);padding-right:var(--ez-sidebar-navigator--padding-right);background-color:var(--ez-sidebar-navigator--background-color);-webkit-box-shadow:var(--ez-sidebar-navigator--box-shadow);box-shadow:var(--ez-sidebar-navigator--box-shadow);border-radius:var(--ez-sidebar-navigator--border-radius)}.ez-sidebar-navigator__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;gap:var(--ez-sidebar-navigator--header-gap)}.ez-sidebar-navigator__content{height:100%}.ez-sidebar-navigator__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--ez-sidebar-navigator--footer-gap)}.ez-sidebar-navigator__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:var(--ez-ez-sidebar-navigator__title--font-family);font-size:var(--ez-ez-sidebar-navigator__title--font-size);font-weight:var(--ez-ez-sidebar-navigator__title--font-weight);color:var(--ez-ez-sidebar-navigator__title--color)}.ez-sidebar-navigator__end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;gap:var(--ez-sidebar-navigator--gap)}.dynamic{position:absolute;z-index:var(--ez-sidebar-navigator--z-index)}.fixed{position:relative}.hidden{display:none}.show{animation:fadeIn .1s ease-in-out 1}@keyframes fadeIn{from{transform:translate(-100%)}}.sm{width:240px}.md{width:280px}.lg{width:320px}@media screen and (max-width: 991px){.responsive{width:240px}}@media screen and (min-width: 992px){.responsive{width:280px}}@media screen and (min-width: 1200px){.responsive{width:320px}}';export{b as ez_sidebar_navigator}

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

@@ -4,6 +4,7 @@ export declare class EzAlertList {
   private _container;
   private _overlayId;
   private _overlayRef;
+  private i18n;
   /**
    * Lista de alertas que devem ser apresentados no componente.
    */
@@ -71,7 +72,7 @@ export declare class EzAlertList {
   private getBoundingBottom;
   private dataElementId;
   componentDidLoad(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   render(): any;
 }
 export interface AlertItem {

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

@@ -1,10 +1,14 @@
 export declare class EzAvatar {
   private readonly DECIMAL_PARSE_BASE;
   private readonly FONT_SIZE_BASE_CALC;
+  private readonly DEFAULT_ICON_NAME;
+  private i18n;
   /** Nome do usuário para exibição da inicial. */
   name?: string;
   /** URL da imagem do Avatar. */
   imageSrc?: string;
+  /** Nome do ícone que deve ser exibido no avatar. */
+  iconName?: string;
   /**
    * Tamanho do Avatar (valores permitidos):
    * '320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200',
@@ -20,5 +24,6 @@ export declare class EzAvatar {
   private calcFontSize;
   private getClass;
   private renderAvatarContent;
+  componentWillLoad(): Promise<void>;
   render(): any;
 }

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

@@ -1,14 +1,28 @@
+interface RippleType {
+  x: number;
+  y: number;
+  id: number;
+}
+type SizeIconType = "x-small" | "small" | "medium" | "large" | "x-large";
 export declare class EzButton {
   _element: HTMLElement;
   private _button;
+  ripples: RippleType[];
+  isPressed: boolean;
   /**
    * Texto a ser apresentado como título do botão.
    */
   label: string;
   /**
    * Se false o usuário não pode interagir com o botão.
+   * @deprecated Use `isDisabled` prop instead.
    */
   enabled: boolean;
+  /**
+   * Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional.
+   * Se full, o usuário não pode interagir com o botão.
+   */
+  isDisabled: boolean | "full" | "";
   /**
    * Define o modo de uso do botão.
    */
@@ -24,7 +38,30 @@ export declare class EzButton {
   /**
    * Define o tamanho do ez-button.
    */
-  size: "x-small" | "small" | "medium" | "large" | undefined;
+  size: "x-small" | "small" | "medium" | "large";
+  /**
+   * Define a variante do ez-button.
+   */
+  variant?: "primary" | "secondary" | "tertiary";
+  /**
+   * Define o tipo do botão.
+   * Pode ser `button`, `submit` ou `reset`.
+   */
+  type?: string;
+  /**
+   * Define o ícone esquerdo do ez-button.
+   * Tem prioridade sobre o slot `leftIcon`.
+   */
+  leftIconName?: string;
+  /**
+   * Define o ícone direto do ez-button.
+   * Tem prioridade sobre o slot `rightIcon`.
+   */
+  rightIconName?: string;
+  /**
+   * Se verdadeiro, desabilita a animação de ripple.
+   */
+  suppressAnimation?: boolean;
   /**
    * Aplica o foco no botão.
    */
@@ -33,10 +70,19 @@ export declare class EzButton {
    * Remove o foco do botão.
    */
   setBlur(): Promise<void>;
+  private createRipple;
+  onMouseDown(event: MouseEvent): void;
+  onTouchStart(event: TouchEvent): void;
   clickListener(evt: MouseEvent): void;
+  removeForcedFocusVisible(): void;
+  connectedCallback(): void;
   componentDidLoad(): void;
+  disconnectCallback(): void;
   getButtonSize(sizeParam?: string): string;
-  getIconSize(sizeParam?: string): string;
+  getButtonSizeClass(): string;
+  getIconSize(): SizeIconType;
   handleSlotChange(ev: Event): void;
+  private renderRipples;
   render(): any;
 }
+export {};

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

@@ -7,9 +7,6 @@ export declare class EzCalendar {
   private _calendarWidth;
   private _currentPosition;
   private _firstRender;
-  private _todayLabel;
-  private _weekDayLabels;
-  private _monthLabels;
   private _hoursLabel;
   private _minutosLabel;
   private _hoursSelect;
@@ -18,6 +15,7 @@ export declare class EzCalendar {
   private _hoursScroll;
   private _minutesScroll;
   private _secondsScroll;
+  private i18n;
   _hostElem: HTMLEzCalendarElement;
   /**
    * Define o valor do calendário.
@@ -67,6 +65,7 @@ export declare class EzCalendar {
   private selectMinutes;
   private selectSeconds;
   updateScroll(element: HTMLElement): void;
+  componentWillLoad(): Promise<void>;
   componentDidRender(): void;
   componentDidLoad(): void;
   private scroll;

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

@@ -32,6 +32,35 @@ export declare class EzChip {
    * Desabilita a alteração da propriedade value ao clicar.
    */
   disableAutoUpdateValue: boolean;
+  /**
+   * Define o tamanho máximo do chip.
+   */
+  maxWidth: string;
+  /**
+   * Define o tamanho do chip.
+   */
+  size: 'default' | 'medium' | 'large';
+  /**
+   * Define o icone esquerdo.
+   */
+  iconNameLeft: string;
+  /**
+   * Define o icone direito.
+   */
+  iconNameRight: string;
+  /**
+   * Define o tipo de estilização do chip.
+   */
+  type: 'primary' | 'secondary';
+  /**
+   * Define o tabindex do chip.
+   * Por padrão é 0, permitindo que o chip seja focável.
+   */
+  tabIndex: number;
+  /**
+   * Define se o chip deve ser removido ao pressionar a tecla Enter quando focado.
+   */
+  removeWithKeyboard: boolean;
   /**
    * Emitido quando acontece a alteração de valor do ez-chip.
    */
@@ -44,6 +73,12 @@ export declare class EzChip {
    * Emitido no modo "action" quando o usuário clica no ez-chip.
    */
   actionClick: EventEmitter<void>;
+  /**
+   * Emitido quando o icone é acionado.
+   */
+  iconClick: EventEmitter<{
+    icon: "left" | "right";
+  }>;
   /**
    * Aplica o foco no ez-chip.
    */
@@ -52,13 +87,15 @@ export declare class EzChip {
    * Remove o foco do ez-chip.
    */
   setBlur(): Promise<void>;
-  handleSlotChange(ev: Event): void;
+  private _isOverflowing;
   handleValueChange(): void;
-  handleClick(ev: Event): void | CustomEvent<void>;
-  swichState(): void;
-  formatLabel(): string;
-  observeValue(): void;
-  observeEnabled(): void;
+  private handleClick;
+  private handleClickRemoveButton;
+  private handleIconClick;
+  private swichState;
+  private checkIsOverflowing;
+  private handleDeleteKey;
+  private handleKeyDown;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzCollapsibleBox {
   private _refLabel;
   private _refTextEdit;
+  private i18n;
   private _hostElement;
   private _activeEditText;
   /**
@@ -86,6 +87,7 @@ export declare class EzCollapsibleBox {
     fontWeight: string;
     fontFamily: string;
   };
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -2,6 +2,7 @@ import { IOption } from "../ez-combo-box";
 export declare class EzComboBoxList {
   private _optionsList;
   private _listWrapper;
+  private i18n;
   /**
   * Indica se o indicador de carregamento deve ser exibido.
   *
@@ -98,6 +99,7 @@ export declare class EzComboBoxList {
   handleKeyDown(event: KeyboardEvent): void;
   private buildItem;
   private scrollToOption;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
   render(): any;

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzComboBox {
+  private i18n;
   private _textInput;
   private _comboBoxList;
   private _popover;
@@ -10,7 +11,6 @@ export declare class EzComboBox {
   private _deboucingTime;
   private _maxWidthValue;
   private _tabPressed;
-  private _textEmptyList;
   private _lookupMode;
   private _resizeObserver;
   isOpen: boolean;
@@ -93,6 +93,10 @@ export declare class EzComboBox {
    * Se true o campo de texto receberá o foco ao ser renderizado.
    */
   autoFocus: boolean;
+  /**
+   * Se true, impede que o campo de texto receba foco automaticamente ao abrir as opções.
+   */
+  preventAutoFocus: boolean;
   /**
    * Texto alternativo a ser apresentado como título do campo.
    */
@@ -143,7 +147,7 @@ export declare class EzComboBox {
   private clearSearch;
   private resetOptions;
   private sanitizeValue;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   private setResizeObserver;
   connectedCallback(): void;
   componentDidLoad(): void;

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

@@ -8,6 +8,7 @@ export declare class EzDateInput {
   private _focused;
   private _valuePromiseCallbacks;
   private _popover;
+  private i18n;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -76,6 +77,7 @@ export declare class EzDateInput {
   private handleInput;
   private setInputValue;
   disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -8,6 +8,7 @@ export declare class EzDateTimeInput {
   private _focused;
   private _valuePromiseCallbacks;
   private _popover;
+  private i18n;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -84,6 +85,7 @@ export declare class EzDateTimeInput {
   private handleInput;
   private setInputValue;
   disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -16,8 +16,6 @@ declare class Message {
 export declare class EzDialog {
   _element: HTMLElement;
   private readonly PRIMARY_BUTTON_ID;
-  private labelConfirm;
-  private labelCancel;
   private btnConfirmDanger;
   private _messageQueue;
   private _currentMessage;
@@ -26,6 +24,7 @@ export declare class EzDialog {
   private _canFocusOnPrimaryBtn;
   private _lastActiveElement;
   private _keyboardManager;
+  private i18n;
   /**
    * Define se o ez-dialog será utilizado no modo de confirmação.
    */
@@ -78,6 +77,7 @@ export declare class EzDialog {
   getClassIconIndicator(dialogType: DialogType): string;
   getClassContainer(message: Message): "dialog__container dialog__container--default" | "dialog__container";
   getClassTitleLabel(message: Message): "title title__label title__label--no-icon" | "title title__label";
+  componentWillLoad(): Promise<void>;
   componentWillRender(): void;
   componentDidLoad(): void;
   componentDidRender(): void;

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

@@ -87,6 +87,8 @@ export declare class EzDoubleList {
   observeRightList(newValue: any, oldValue: any): void;
   private leftEzListInstance;
   private rightEzListInstance;
+  private i18n;
+  componentWillLoad(): Promise<void>;
   handleChangeLeft({ detail }: CustomEvent): Promise<void>;
   handleChangeRight({ detail }: CustomEvent): Promise<void>;
   private reorderArray;

package/dist/types/components/ez-file-item/ez-file-item.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzFileItem {
+  private i18n;
   _element: HTMLElement;
   /**
    * Define se o usuário pode remover o arquivo que está sendo apresentado.
@@ -32,5 +33,6 @@ export declare class EzFileItem {
   observeProgress(newProgress: number): void;
   private getFileSize;
   private getIconName;
+  componentWillLoad(): Promise<void>;
   render(): any;
 }

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

@@ -16,6 +16,7 @@ export declare class EzForm {
   private _ezPopoverSearchField;
   private _container;
   private _keyboardManager;
+  private _i18n;
   private _fieldsProps;
   private _singleColumn;
   /**

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

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

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

@@ -5,6 +5,7 @@ import { ICustomEditorInfo } from '../../../utils/customEditor/interfaces/ICusto
 import { ICustomRenderInfo } from '../../../utils/customRender/interfaces/ICustomRenderInfo';
 import { ICustomFormatter } from '../interfaces';
 import FilterCollumn = Components.FilterColumn;
+import { TFunction } from 'i18next';
 /**
  * O intuito desta abstração, é isolar o componente EzGrid de uma implementação
  * específica, permitindo que usemos componentes de terceiros sem um acoplamento
@@ -281,6 +282,10 @@ export interface EzGridOptions {
    * Define se a grade deve suprimir o scroll horizontal.
    */
   suppressHorizontalScroll?: boolean;
+  /**
+   * Define a função de intercionalização.
+   */
+  i18n: TFunction;
   /**
    * Define se a grade deve suprimir o filtro de coluna.
    */

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

@@ -43,6 +43,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private _gridShowDom;
   private peddingExecutionsOnGridShow;
   private _lastColsConfig;
+  private _i18n;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
   clearFilter(): void;
@@ -113,6 +114,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   setSelectedIndex(index: number): void;
   hasFilterColumn(columnName: string): boolean;
   private buildColDef;
+  private setHTMLRender;
   setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
   refreshSelectedRows(): void;
   private getInitCellStyle;

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

@@ -54,6 +54,7 @@ export default class GridEditionManager {
   private finishEdition;
   private canEdit;
   private isColEditable;
+  private isTypeFile;
   private isSecondClick;
   private onCellEditRequest;
   private handlePromiseValue;

package/dist/types/components/ez-grid/controller/ag-grid/test/constants/GridEditionMock.d.ts

@@ -3,4 +3,4 @@ export declare const gridEditionImplementation: {
   getComponents: () => {};
   configureGrid: (option: any) => any;
 };
-export declare function buildOptions(dataUnit: DataUnit): any;
+export declare function buildOptions(dataUnit: DataUnit): Promise<any>;

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

@@ -0,0 +1,67 @@
+import { TFunction } from "i18next";
+export declare function buildLocaleText(i18n: TFunction): {
+  page: string;
+  more: string;
+  to: string;
+  of: string;
+  next: string;
+  previous: string;
+  loadingOoo: string;
+  noRowsToShow: string;
+  pinColumn: string;
+  unpinColumn: string;
+  filterOoo: string;
+  sortAscending: string;
+  sortDescending: string;
+  last: string;
+  first: string;
+  selectAll: string;
+  searchOoo: string;
+  blanks: string;
+  applyFilter: string;
+  equals: string;
+  lessThan: string;
+  greaterThan: string;
+  contains: string;
+  startsWith: string;
+  endsWith: string;
+  group: string;
+  columns: string;
+  rowGroupColumns: string;
+  rowGroupColumnsEmptyMessage: string;
+  valueColumns: string;
+  pivotMode: string;
+  groups: string;
+  values: string;
+  pivots: string;
+  valueColumnsEmptyMessage: string;
+  pivotColumnsEmptyMessage: string;
+  toolPanelButton: string;
+  valueAggregation: string;
+  autosizeThiscolumn: string;
+  autosizeAllColumns: string;
+  groupBy: string;
+  ungroupBy: string;
+  resetColumns: string;
+  expandAll: string;
+  collapseAll: string;
+  toolPanel: string;
+  export: string;
+  csvExport: string;
+  excelExport: string;
+  pinLeft: string;
+  pinRight: string;
+  noPin: string;
+  sum: string;
+  min: string;
+  max: string;
+  none: string;
+  count: string;
+  average: string;
+  copy: string;
+  copyWithHeaders: string;
+  copyWithGroupHeaders: string;
+  ctrlC: string;
+  paste: string;
+  ctrlV: string;
+};

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

@@ -7,6 +7,7 @@ import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from '
 import { ICustomEditor } from '../../utils/customEditor/interfaces/ICustomEditor';
 import { ICustomRender } from '../../utils/customRender/interfaces/ICustomRender';
 export declare class EzGrid {
+  private i18n;
   private _container;
   private _ezPopoverSearchColumn;
   private _cancelPaginationPopoverElement;
@@ -14,7 +15,6 @@ export declare class EzGrid {
   private _gridController;
   private _gridSelectionCounter;
   private _resizeObserver;
-  private _messageFilterAppliedSuccess;
   private _filterColumn;
   private _refPaginationLabel;
   private _refPaginationLabelTooltip;
@@ -282,7 +282,7 @@ export declare class EzGrid {
   connectedCallback(): void;
   componentWillRender(): void;
   componentDidRender(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidUpdate(): void;
   private getDataSource;
   private hideHeader;

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

@@ -5,6 +5,7 @@ import { IMultiSelectionOption } from '../../ez-multi-selection-list/interfaces/
 export declare class FilterColumn {
   private ezPopoverElement;
   private ezMultiSelectionList;
+  private i18n;
   applyFilterColumnOptions: EventEmitter<IAppliedFilterColumnOptions>;
   opened: boolean;
   columnName: string;
@@ -34,6 +35,7 @@ export declare class FilterColumn {
   private setOptions;
   private buildOptions;
   private handleEzVisibilityChange;
+  componentWillLoad(): Promise<void>;
   render(): any;
 }
 export interface IFilterColumnConfigs {

package/dist/types/components/ez-grid/subcomponents/selection-counter.d.ts

@@ -1,11 +1,13 @@
 import { PaginationInfo } from "@sankhyalabs/core";
 import { FunctionalComponent } from "../../../stencil-public-runtime";
+import { TFunction } from 'i18next';
 interface SelectionCounterProps {
   selectionCount: number;
   allRecordSelected: boolean;
   currentPageSelected: boolean;
   canSelectAll: boolean;
   paginationInfo: PaginationInfo;
+  i18n: TFunction;
   onSelectAll: () => void;
   onSelectPage: () => void;
   onClearAll: () => void;

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

@@ -1,4 +1,4 @@
 export declare function enableSelectAll(total: any): boolean;
-export declare function buildSelectAllLabel(allRecordSelected: any, count: any, total: any): string;
-export declare function buildSelectAllTitle(total: any): string;
+export declare function buildSelectAllLabel(allRecordSelected: boolean, count: number, total: number): string;
+export declare function buildSelectAllTitle(total: number): string;
 export declare function getText(selectionCount: number, allSelectedRecords: boolean): string;