@sankhyalabs/ezui 1.1.160 → 1.1.161

package/dist/ezui/p-988ff301.entry.js

@@ -0,0 +1 @@
+import{r as i,c as e,h as t,H as s}from"./p-139ed2f6.js";import{StringUtils as a}from"@sankhyalabs/core";import{A as r}from"./p-0cd386db.js";let o=class{constructor(t){i(this,t),this.configFinish=e(this,"configFinish",7),this.configCancel=e(this,"configCancel",7),this._orderListItems=[],this._orderPriorityList=[],this._columListItems=[],this._selectedIndex=-1,this._dataChanged=!1,this._componenteInternalKey=Date.now(),this.selectedTab="Colunas"}createOrderList(){let i=[];this.columns.filter((i=>{var e;return a.getBooleanValue(null===(e=null==i?void 0:i.props)||void 0===e?void 0:e.get("sortable"),!0)})).forEach((e=>{var t;let s=null===(t=this.config)||void 0===t?void 0:t.columns.find((i=>i.name===e.name)),a={name:e.name,label:e.label};s&&(a.orderIndex=s.orderIndex,a.ascending=s.ascending),e.hidden||i.push(a)})),i.sort(((i,e)=>0!=i.orderIndex||0!=e.orderIndex||null==i.ascending&&null==e.ascending?null!=i.ascending&&null!=e.ascending?i.orderIndex-e.orderIndex:null!=i.ascending||null!=e.ascending?null!=i.ascending?-1:null!=e.ascending?1:0:i.orderIndex-e.orderIndex:null!=i.ascending?-1:null!=e.ascending?1:0)),this._orderListItems=i}createColumnList(){let i={group:"Visíveis",items:[]},e={group:"Ocultas",items:[],sort:"ASC"};this.columns.forEach((t=>{let s={label:t.label};t.hidden?e.items.push(s):i.items.push(s)})),this._columListItems=[i,e]}buildColumnListSlot(i,e){return t("div",null,t("ez-check",{mode:"switch",id:"switch"+i+e,value:"Visíveis"===e.group,onEzChange:e=>{this.switchColumnGroup(e,i)}}))}buildOrderListSlot(i){let e="na";return null!=(null==i?void 0:i.ascending)&&(e=1==i.ascending?"asc":"desc"),t("div",null,t("ez-select-box",{selectedOption:e,key:"ez-select-box-"+this._componenteInternalKey+"-"+i,onEzChange:e=>{e.stopPropagation(),this.updateOrder(e.detail,i.label)}}))}updateOrder(i,e){var t;this._dataChanged=!0;let s,a=[...this.columns],r=a.find((i=>i.label===e));r&&(r.sort="na"===i.value?void 0:i.value),(null===(t=this._orderPriorityList)||void 0===t?void 0:t.length)>0?(this._orderPriorityList.find((i=>i.label===r.label)).sort=i,this._orderPriorityList.filter((i=>i.sort)).map(((i,e)=>{i.label===r.label&&(r.sortIndex=e)}))):(s=a.filter((i=>i.sort&&!0!==i.hidden)).map(((i,e)=>({label:i.label,orderIndex:e}))),s.forEach((i=>{a.find((e=>e.label===i.label)).sortIndex=i.orderIndex}))),this.columns=a}switchColumnGroup(i,e){i.stopPropagation();let t=[...this._columListItems];if(this._dataChanged=!0,!0===i.detail){let i=t.find((i=>"Ocultas"===i.group)),s=i.items.findIndex((i=>i.label===e.label));s>=0&&i.items.splice(s,1),t.find((i=>"Visíveis"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}else if(!1===i.detail){let i=t.find((i=>"Visíveis"===i.group)),s=i.items.findIndex((i=>i.label===e.label));s>=0&&i.items.splice(s,1),t.find((i=>"Ocultas"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}}finish(){let i=[];this._columListItems.forEach((e=>{e.items.forEach((t=>{const s=this.columns.find((i=>i.label===t.label));let a=Object.assign({},s);a.hidden="Ocultas"===e.group,i.push(a)}))})),this.columns=i,this._dataChanged=!1,this.closeConfig(),r.info("As configurações foram salvas com sucesso!"),this.save()}save(){var i;let e;e=this.config?this.config:this.createConfigFromState(this.columns);let t,s=[];if((null===(i=this._orderPriorityList)||void 0===i?void 0:i.length)>0){t=this.columns.filter((i=>i.sort&&!0!==i.hidden)).map((i=>({label:i.label,orderIndex:0})));let i=0,e=[];this._orderPriorityList.forEach((s=>{let a=t.find((i=>i.label===s.label));a&&(a.orderIndex=i,e.push(a),i++)})),e.length>0&&(t=e)}for(let i=0;i<this.columns.length;i++){const r=this.columns[i];let o=e.columns.find((i=>r.name===i.name));!0===r.hidden&&o||(o?o.width=r.width:!1===r.hidden&&(o={name:r.name,width:r.width,orderIndex:0}),o&&(r.sort?(o.ascending="ASC"===r.sort.toUpperCase(),t?a(r,o):o.orderIndex=r.sortIndex):(delete o.ascending,o.orderIndex=0),s.push(o)))}function a(i,e){if(t){let s=t.find((e=>e.label===i.label));s&&(e.orderIndex=s.orderIndex)}}e.columns=s,this.configFinish.emit(e),this._orderList.clearHistory()}createConfigFromState(i){let e={columns:[]};return i.forEach((i=>{if(!i.hidden){let t={name:i.name};i.width&&(t.width=i.width),i.sort?(t.ascending="ASC"===i.sort.toUpperCase(),t.orderIndex=i.sortIndex):t.orderIndex=0,t&&e.columns.push(t)}})),e}async locateColumn(i,e){var t;const s="Enter"===i.key;e||(e=null===(t=i.currentTarget)||void 0===t?void 0:t.value);let a=-1;if("Ordenação das linhas"===this.selectedTab)if(e){const i=[];let t,r;if(await this._orderList.getList().then((s=>{t=s,t.forEach(((t,s)=>{this.compareWords(t,e)&&i.push(s)}))})),i.length>0){if(s)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){a=i[e];break}-1===a&&(a=i[0])}this._selectedIndex=a,r=t[a],r?this._orderList.setSelection({label:r.label},!0):this._orderList.setSelection(void 0)}else this._orderList.setSelection(void 0);else if(e){const i=[];if(this.columns.forEach(((t,s)=>{this.compareWords(t,e)&&i.push(s)})),i.length>0){if(s)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){a=i[e];break}-1===a&&(a=i[0])}this._selectedIndex=a;let t=this.columns[a];t?this._columnList.setSelection({label:t.label},!0):this._columnList.setSelection(void 0)}else this._columnList.setSelection(void 0)}compareWords(i,e){return a.replaceAccentuatedChars(i.label).indexOf(a.replaceAccentuatedChars(e))>-1}closeConfig(){this._orderList.scrollToTop(),this._columnList.scrollToTop(),this._searchElement.value="",this._dataChanged?r.confirm("Aviso","As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?",null,!1,{canClose:!1,labelCancel:"Descartar",labelConfirm:"Salvar",btnConfirmDanger:!1}).then((i=>{i?this.finish():(this._dataChanged=!1,this.configCancel.emit(),this._orderList.clearHistory(),this._componenteInternalKey=Date.now())})):(this.configCancel.emit(),this._orderList.clearHistory())}handleTabChange(i){var e;(null===(e=null==i?void 0:i.target)||void 0===e?void 0:e.selectedTab)&&(this.selectedTab!==i.target.selectedTab&&("Colunas"===i.target.selectedTab?this._orderList.scrollToTop():"Ordenação das linhas"===i.target.selectedTab&&this._columnList.scrollToTop(),this._searchElement.value=""),"Ordenação das linhas"===i.target.selectedTab&&this.createOrderList(),this.selectedTab=i.target.selectedTab)}handleColumnListChange(i){var e;if(i.detail){let t=null===(e=i.detail.find((i=>"Visíveis"===i.group)))||void 0===e?void 0:e.items;t&&(this._dataChanged=!0,this._orderListItems=t)}}handleOrderListChange(i){if(i.detail){let e=i.detail;e&&(this._dataChanged=!0,this._orderPriorityList=e)}}componentWillRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.createColumnList()}componentDidRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.locateColumn(new KeyboardEvent("arrow-right",{key:"ArrowRight"}),this._searchElement.value)}render(){return t(s,null,t("div",{class:"grid-config__header"},t("div",{class:"title-container"},t("div",{class:""},t("label",{class:"title"},"Configuração da Grade"),t("label",{class:"subtitle"},"Defina visibilidade e ordem das colunas.")),t("div",{class:"button-close"},t("ez-button",{mode:"icon",iconName:"close",size:"medium",onClick:()=>this.closeConfig()}))),t("div",{class:"tabselector-container"},t("ez-tabselector",{selectedTab:this.selectedTab,selectedIndex:0,onEzChange:i=>{this.handleTabChange(i)},tabs:"Colunas, Ordenação das linhas"})),t("div",null,t("ez-text-input",{ref:i=>this._searchElement=i,label:"Localizar coluna",onKeyUp:i=>this.locateColumn(i)},t("ez-icon",{slot:"leftIcon",size:"medium",iconName:"search"})))),t("div",{class:"grid-config__main"},t("ez-list",{ref:i=>this._columnList=i,class:"Colunas"===this.selectedTab?"":"hidden",dataSource:this._columListItems,onEzChange:i=>this.handleColumnListChange(i),ezDraggable:!0,ezSelectable:!0,itemSlotBuilder:(i,e)=>this.buildColumnListSlot(i,e),useGroups:!0}),t("div",{class:"Ordenação das linhas"===this.selectedTab?"group-name":"hidden"},"Sequência da ordenação"),t("ez-list",{ref:i=>this._orderList=i,class:"Ordenação das linhas"===this.selectedTab?"height-calc":"hidden",dataSource:this._orderListItems,ezSelectable:!0,onEzChange:i=>this.handleOrderListChange(i),ezDraggable:!0,itemSlotBuilder:i=>this.buildOrderListSlot(i)})),t("div",{class:"grid-config__footer"},t("ez-button",{class:"padding-right--medium",label:"Cancelar",onClick:()=>this.closeConfig()}),t("ez-button",{label:"Concluir",class:"ez-button--primary",onClick:()=>this.finish()})))}static get assetsDirs(){return["../assets"]}};o.style='.sc-ez-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--ez-grid-config__subtitle--font-family:var(--font-pattern, "Sora");--ez-grid-config__title--font-family:var(--font-pattern, "Sora");--ez-grid-config__title--font-weight:var(--text-weight--large, 700);--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__scrollbar--background-color:var(--text--primary, #626e82);--ez-grid-config__scrollbar--border-radius:var(--border--radius-medium, 12px);--ez-grid-config__group--font-family:var(--font-pattern, "Sora");--ez-grid-config__group--font-size:var(--text--medium, 14px);--ez-grid-config__group--font-weight:var(--text-weight--large, 600);--ez-grid-config__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-ez-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-ez-grid-config{padding-right:var(--space--medium)}ez-list.sc-ez-grid-config{height:100%}.height-calc.sc-ez-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-ez-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--ez-grid-config__footer--padding-top)}.hidden.sc-ez-grid-config{display:none}.grid-config__main.sc-ez-grid-config{overflow-y:auto;padding-right:var(--ez-grid-config__main--padding-right)}.tabselector-container.sc-ez-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-ez-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-ez-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.subtitle.sc-ez-grid-config{font-family:var(--ez-grid-config__subtitle--font-family);font-size:var(--ez-grid-config__subtitle--font-size);color:var(--text--primary)}.title.sc-ez-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--title--primary);font-family:var(--ez-grid-config__title--font-family);font-size:var(--title--large);font-weight:var(--ez-grid-config__title--font-weight)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-track{background-color:#f0f2f5}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__scrollbar--background-color);border-radius:var(--ez-grid-config__scrollbar--border-radius)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar{background-color:#f0f2f5;width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width)}.group-name.sc-ez-grid-config{font-family:var(--ez-grid-config__group--font-family);font-size:var(--ez-grid-config__group--font-size);font-weight:var(--ez-grid-config__group--font-weight);padding-bottom:var(--ez-grid-config__group--padding-bottom)}';export{o as ez_grid_config}

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

@@ -0,0 +1 @@
+import{r as o,c as i,h as t,H as s,g as e}from"./p-139ed2f6.js";import{FloatingManager as r}from"@sankhyalabs/core";import{A as a}from"./p-0cd386db.js";import{C as l}from"./p-933a7475.js";let n=class{constructor(t){o(this,t),this.ezChange=i(this,"ezChange",7),this._changeDeboucingTimeout=null,this._limitCharsToSearch=3,this._deboucingTime=300,this._maxWidthValue=0,this._tabPressed=!1,this._textEmptyList="Nenhum resultado encontrado",this._startLoading=!1,this._showLoading=!0,this.enabled=!0,this.showSelectedValue=!1,this.showOptionValue=!1,this.suppressSearch=!1,this.suppressEmptyOption=!1,this.canShowError=!0,this.mode="regular"}observeErrorMessage(){var o;this._textInput&&(this._textInput.errorMessage=this.errorMessage,(null===(o=this.errorMessage)||void 0===o?void 0:o.trim())||this.setInputValue())}observeValue(o,i){var t,s,e,r;if(this._textInput&&o!=i){const a=this.getSelectedOption(o),l=this.getSelectedOption(i),n=this.getSelectedOption(this.value);(null===(t=null==n?void 0:n.value)||void 0===t?void 0:t.toString())!=(null===(s=null==a?void 0:a.value)||void 0===s?void 0:s.toString())&&(this.value=a),(null===(e=null==a?void 0:a.value)||void 0===e?void 0:e.toString())!==(null===(r=null==l?void 0:l.value)||void 0===r?void 0:r.toString())&&(this.setInputValue(),this.ezChange.emit(null===a?void 0:a)),this.hideOptions(),this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions()}}async setFocus(){this._textInput.setFocus()}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}getText(){let o="";const i=this.getSelectedOption(this.value);return i&&(o=this.showSelectedValue?`${i.value} - ${i.label}`:i.label),o}getSelectedOption(o){return"string"==typeof o||o instanceof String?this._visibleOptions.find((i=>i.value===o)):o}updateVisibleOptions(){let o=this._source||[];if(!this.searchMode&&this._criteria){const i=this._criteria.toUpperCase();o=o.filter((o=>o.label.toLocaleUpperCase().indexOf(i)>-1))}this._visibleOptions=this.suppressEmptyOption?o:[{value:void 0,label:""}].concat(o),this._maxWidthValue=this.getMaxWidthValue()}getMaxWidthValue(){var o;if(this.showOptionValue){const i=[];return null===(o=this._visibleOptions)||void 0===o||o.forEach((o=>{const t=this.getWidthValue(o.value);i.includes(t)||i.push(t)})),i.length>1?Math.max(...i):0}return 0}getWidthValue(o){if(this._itemValueBasis){const i=this._itemValueBasis;if(o)return i.innerHTML=o,i.clientWidth>0?i.clientWidth+1:0;i.innerHTML=""}return 0}buildItem(o,i){return t("li",{class:i===this._preSelection?"item preselected":"item",id:`item_${o.value}`,onMouseDown:()=>this.selectOption(o),onMouseOver:()=>this._preSelection=void 0},this.showOptionValue?t("span",{class:"item__value",title:o.value,style:{width:this.showOptionValue&&this._maxWidthValue>0?`${this._maxWidthValue}px`:""}},o.value):void 0,t("span",{class:"item__label",title:o.label},o.label))}showOptions(){this.enabled&&(this._floatingID=r.float(this._listWrapper,this._listContainer,{autoClose:!0,top:this.errorMessage||!this.canShowError||"slim"===this.mode?"0px":"-19px"}),window.requestAnimationFrame((()=>{this._listWrapper.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})})))}hideOptions(){void 0!==this._floatingID&&r.close(this._floatingID),this._floatingID=void 0}isOptionsVisible(){return void 0!==this._floatingID&&r.isFloating(this._floatingID)}nextOption(){this.searchMode&&!this.isOptionsVisible()||(this.showOptions(),this._preSelection=void 0===this._preSelection?0:Math.min(this._preSelection+1,this._visibleOptions.length-1),this.scrollToOption(this._visibleOptions[this._preSelection],!0))}previousOption(){this._preSelection=void 0===this._preSelection?0:Math.max(this._preSelection-1,0),this.scrollToOption(this._visibleOptions[this._preSelection],!1)}scrollToOption(o,i){window.requestAnimationFrame((()=>{const t=this._optionsList.querySelector(`li#item_${o.value}`);if(t){const o=t.parentElement,s=o.getBoundingClientRect(),e=t.getBoundingClientRect();i&&e.bottom>s.bottom?o.scrollTop=e.top:!i&&e.top<s.top&&(o.scrollTop=0)}}))}selectCurrentOption(){void 0!==this._preSelection?(this.selectOption(this._visibleOptions[this._preSelection]),this._preSelection=void 0):this.controlListWithOnlyOne()}updateSource(o){this._startLoading=!1,o instanceof Promise?(this._showLoading=!0,o.then((o=>{this._showLoading=!1,this.updateSource(o)})).catch((()=>this._showLoading=!1)),this.updateVisibleOptions()):(this._showLoading=!1,Array.isArray(o)?(this._source=o,this.updateVisibleOptions(),this._tabPressed&&(this._tabPressed=!1,this.controlEmptySearch())):this.selectOption(o))}clearSource(){this._source=[],this.updateVisibleOptions()}selectOption(o){var i,t;const s=this.getSelectedOption(this.value);(null===(i=null==s?void 0:s.value)||void 0===i?void 0:i.toString())!==(null===(t=null==o?void 0:o.value)||void 0===t?void 0:t.toString())?this.value=(null==o?void 0:o.value)?o:void 0:this.setInputValue(),this.searchMode&&(this._visibleOptions=[])}loadOptions(o,i=""){this._criteria=i,this._startLoading=!0,this.updateSource(this.optionLoader?this.optionLoader({mode:o,argument:i}):this.options)}cancelPreselection(){!this._textInput.value&&this.value?this.selectOption(void 0):this.setInputValue()}setInputValue(o=!0){const i=this.getText();(this._textInput.value||"")!==i&&(this._textInput.value=i,o&&(this.errorMessage=""))}clearSearch(){this.value=null}controlListWithOnlyOne(){if(this.searchMode){const o=this._visibleOptions;1===(null==o?void 0:o.length)&&this.selectOption(o[0])}}controlEmptySearch(){var o;this.searchMode&&((null===(o=this._visibleOptions)||void 0===o?void 0:o.length)?this.controlListWithOnlyOne():(this.clearSearch(),a.info(this._textEmptyList)))}componentWillLoad(){if(void 0===this.options){this.options=[];const o=this.el.querySelectorAll("option");o&&o.forEach((o=>{let i=o.innerText,t=o.getAttribute("value");t||(t=i),this.options.push({label:i,value:t}),o.hidden=!0}))}this.searchMode?this.updateSource([]):this.loadOptions("PRELOAD")}componentDidRender(){void 0===this._floatingID&&this._listWrapper.remove()}componentDidLoad(){l.applyVarsTextInput(this.el,this._textInput),this.setInputValue(!1)}handlerIconClick(){this.searchMode?this.loadOptions("ADVANCED"):this.showOptions()}onTextInputChangeHandler(o){var i;if(this.clearDeboucingTimeout(),this._startLoading)return void(this._changeDeboucingTimeout=window.setTimeout((()=>{this.onTextInputChangeHandler(o)}),this._deboucingTime));const t=null===(i=o.target.value)||void 0===i?void 0:i.trim(),s=Number(t||void 0);this._criteria||(this._textInput.value=o.data||t),this._criteria=t,t&&(!isNaN(s)||t.length>=this._limitCharsToSearch)?(this.searchMode?(this._showLoading=!0,this.clearSource(),this._changeDeboucingTimeout=window.setTimeout((()=>{this.loadOptions("PREDICTIVE",isNaN(s)?t:s.toString())}),this._deboucingTime)):this.updateVisibleOptions(),this.showOptions()):this.hideOptions()}clearDeboucingTimeout(){this._changeDeboucingTimeout&&(window.clearTimeout(this._changeDeboucingTimeout),this._changeDeboucingTimeout=void 0)}onTextInputClickHandler(){this.searchMode||this.showOptions()}keyDownHandler(o){switch(this._tabPressed=!1,o.key){case"ArrowDown":this.nextOption();break;case"ArrowUp":this.previousOption();break;case"Enter":this.selectCurrentOption();break;case"Escape":this.cancelPreselection();break;case"Tab":this._tabPressed=!0,this.controlListWithOnlyOne()}o.stopPropagation()}onTextInputFocusOutHandler(){this.cancelPreselection()}render(){var o;return t(s,null,t("ez-text-input",{class:this.suppressSearch?"suppressed-search-input":"",ref:o=>this._textInput=o,"data-slave-mode":"true",enabled:this.enabled&&!this.suppressSearch,onInput:o=>this.onTextInputChangeHandler(o),onClick:()=>this.onTextInputClickHandler(),onFocusout:()=>this.onTextInputFocusOutHandler(),onKeyDown:o=>this.keyDownHandler(o),label:this.label,canShowError:this.canShowError,errorMessage:this.errorMessage,mode:this.mode},t("button",{class:"btn",slot:this.searchMode?"leftIcon":"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.handlerIconClick()},t("ez-icon",{iconName:this.searchMode?"search":"chevron-down"})),this.searchMode&&(null===(o=this._textInput)||void 0===o?void 0:o.value)&&(this._criteria||this.value)?t("button",{class:"btn",slot:"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.clearSearch()},t("ez-icon",{iconName:"close"})):void 0),t("section",{class:"list-container",ref:o=>this._listContainer=o},t("div",{class:"list-wrapper",ref:o=>this._listWrapper=o},t("div",{class:"list-options",ref:o=>this._optionsList=o},0===this._visibleOptions.length&&t("div",{class:"message"},!this._showLoading&&t("span",{class:"message__no-result"},this._textEmptyList),this._showLoading&&t("div",{class:"message__loading"})),this.showOptionValue?t("span",{class:"item__value item__value--hidden",ref:o=>this._itemValueBasis=o}):void 0,this._visibleOptions.length>0&&this._visibleOptions.map(((o,i)=>this.buildItem(o,i)))))))}get el(){return e(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"]}}};n.style=":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--border-radius-small:var(--border--radius-small, 6px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__input--error--border-color:#CC2936;--ez-combo-box__btn--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);--ez-combo-box__label--color:var(--title--primary, #2B3A54);--ez-combo-box__list-title--primary:var(--title--primary, #2B3A54);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium));--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__list-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-combo-box__list-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-combo-box__list-scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__list-scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small));background-color:var(--ez-combo-box--background-color--xlight);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ez-combo-box__list-scrollbar--background-color-primary) var(--ez-combo-box__list-scrollbar--background-color-secondary)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__list-scrollbar--background-color-secondary);border-radius:var(--ez-combo-box__list-scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__list-scrollbar--background-color-primary);border-radius:var(--ez-combo-box__list-scrollbar--border-radius)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__list-scrollbar--background-color-secondary);width:var(--ez-combo-box__list-scrollbar--width);max-width:var(--ez-combo-box__list-scrollbar--width);min-width:var(--ez-combo-box__list-scrollbar--width)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-combo-box--border-radius-small);padding:0 var(--ez-combo-box--space--small);min-height:var(--ez-combo-box__list-height);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-combo-box__list-title--primary);font-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary)}.item__value--hidden{visibility:hidden;position:absolute;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:calc(var(--ez-combo-box__list-height) * 1.5)}.message__no-result{color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.message__loading{border-radius:50%;width:16px;height:16px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-combo-box__list-title--primary);border-top:3px solid transparent}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{n as ez_combo_box}

package/dist/ezui/{p-727a39e5.entry.js → p-fd6f3bf9.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as o}from"./p-139ed2f6.js";let s=class{constructor(o){e(this,o),this.ezChange=t(this,"ezChange",7),this.selectedOption={value:"na",label:"N/A"}}render(){return o("ez-combo-box",{class:"grid-config-combo ez-input--inverted",label:"",suppressSearch:!0,value:this.selectedOption,enabled:!0,canShowError:!1,suppressEmptyOption:!0},o("option",{value:"na"},"N/A"),o("option",{value:"asc"},"A-Z"),o("option",{value:"desc"},"Z-A"))}static get assetsDirs(){return["../assets"]}};s.style="ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";export{s as select_box}
+import{r as e,c as t,h as o}from"./p-139ed2f6.js";let s=class{constructor(o){e(this,o),this.ezChange=t(this,"ezChange",7),this.selectedOption={value:"na",label:"N/A"}}render(){return o("ez-combo-box",{class:"grid-config-combo ez-input--inverted",label:"",suppressSearch:!0,value:this.selectedOption,enabled:!0,canShowError:!1,suppressEmptyOption:!0},o("option",{value:"na"},"N/A"),o("option",{value:"asc"},"A-Z"),o("option",{value:"desc"},"Z-A"))}static get assetsDirs(){return["../assets"]}};s.style="ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";export{s as ez_select_box}

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

@@ -287,7 +287,7 @@ export interface EzGridSelectionStatus {
    */
   selection: Array<any>;
 }
-export interface EzGridConfig {
+export interface IGridConfig {
   /**
    * Lista de colunas a ser apresentada.
    */

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

@@ -26,6 +26,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   constructor(enterprise: boolean);
   getSort(): Array<Sort>;
   initDatagrid(container: HTMLElement, options: EzGridOptions): void;
+  private getRowHeight;
   private setOptionsEvents;
   private syncSelection;
   private setOptionsPagination;

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

@@ -1,10 +1,10 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, EzGridConfig, EzGridSelectionStatus } from "./controller/EzGridController";
+import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, EzGridSelectionStatus } from "./controller/EzGridController";
 import { DataUnit } from "@sankhyalabs/core";
 import DataUnitBridge from "./controller/DataUnitBridge";
 import { PageableComponent } from "../../utils/interfaces/PageableComponent";
 export declare class EzGrid implements PageableComponent {
-  _gridConfig: HTMLGridConfigElement;
+  _gridConfig: HTMLEzGridConfigElement;
   _container: HTMLElement;
   _gridController: EzGridController;
   _dataUnitBridge: DataUnitBridge;
@@ -30,7 +30,7 @@ export declare class EzGrid implements PageableComponent {
   /**
   * Evento disparado ao realizar alguma modificação na configuração da grid.
   */
-  configChange: EventEmitter<EzGridConfig>;
+  configChange: EventEmitter<IGridConfig>;
   /**
   * Habilita a seleção de várias linhas
   */
@@ -38,7 +38,7 @@ export declare class EzGrid implements PageableComponent {
   /**
   * Configuração de exibição da grade.
   */
-  config: EzGridConfig;
+  config: IGridConfig;
   /**
   * Determina o número de linhas de cada página. Caso informado o valor -1
   * não haverá paginação.
@@ -140,7 +140,7 @@ export declare class EzGrid implements PageableComponent {
   componentDidLoad(): void;
   disconnectedCallback(): void;
   getPaginationControl(): Array<HTMLElement>;
-  observeConfig(config: EzGridConfig): void;
+  observeConfig(config: IGridConfig): void;
   closeGridConfig(): void;
   render(): any;
 }

package/dist/types/components/ez-grid/subcomponents/{gridconfig/grid-config.d.ts → ez-grid-config/ez-grid-config.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
-import { EzGridColumn, EzGridConfig } from '../../controller/EzGridController';
-export declare class GridConfig {
+import { IGridConfig, EzGridColumn } from '../../controller/EzGridController';
+export declare class EzGridConfig {
   private _columnList;
   private _orderList;
   private _searchElement;
@@ -12,8 +12,8 @@ export declare class GridConfig {
   private _componenteInternalKey;
   selectedTab: string;
   columns: Array<EzGridColumn>;
-  config: EzGridConfig;
-  configFinish: EventEmitter<EzGridConfig>;
+  config: IGridConfig;
+  configFinish: EventEmitter<IGridConfig>;
   configCancel: EventEmitter<void>;
   private createOrderList;
   private createColumnList;

package/dist/types/components.d.ts

@@ -9,7 +9,7 @@ import { CardItem } from "./components/ez-card-item/ez-card-item";
 import { Option } from "./components/ez-combo-box/ez-combo-box";
 import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
 import { FieldConfig } from "./components/ez-form/ez-form";
-import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, EzGridConfig, EzGridSelectionStatus } from "./components/ez-grid/controller/EzGridController";
+import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, EzGridSelectionStatus, IGridConfig } from "./components/ez-grid/controller/EzGridController";
 import { ListGroup, ListItem } from "./components/ez-list/ez-list";
 import { Option as Option1 } from "./components/ez-combo-box/ez-combo-box";
 import { Tab } from "./components/ez-tabselector/ez-tabselector";
@@ -395,7 +395,7 @@ export namespace Components {
         /**
           * Configuração de exibição da grade.
          */
-        "config": EzGridConfig;
+        "config": IGridConfig;
         "dataUnit": DataUnit;
         /**
           * Método retornar o estado atual das colunas do grid.
@@ -486,6 +486,11 @@ export namespace Components {
          */
         "setData": (data: Array<any>) => Promise<any>;
     }
+    interface EzGridConfig {
+        "columns": Array<EzGridColumn>;
+        "config": IGridConfig;
+        "selectedTab": string;
+    }
     interface EzIcon {
         /**
           * Path da imagem
@@ -724,6 +729,9 @@ export namespace Components {
          */
         "value": Option | string;
     }
+    interface EzSelectBox {
+        "selectedOption": Option | string;
+    }
     interface EzTabselector {
         /**
           * Define o index da aba selecionada.
@@ -950,14 +958,6 @@ export namespace Components {
          */
         "show": (index: number) => Promise<void>;
     }
-    interface GridConfig {
-        "columns": Array<EzGridColumn>;
-        "config": EzGridConfig;
-        "selectedTab": string;
-    }
-    interface SelectBox {
-        "selectedOption": Option | string;
-    }
     interface TestDu {
     }
 }
@@ -1046,6 +1046,12 @@ declare global {
         prototype: HTMLEzGridElement;
         new (): HTMLEzGridElement;
     };
+    interface HTMLEzGridConfigElement extends Components.EzGridConfig, HTMLStencilElement {
+    }
+    var HTMLEzGridConfigElement: {
+        prototype: HTMLEzGridConfigElement;
+        new (): HTMLEzGridConfigElement;
+    };
     interface HTMLEzIconElement extends Components.EzIcon, HTMLStencilElement {
     }
     var HTMLEzIconElement: {
@@ -1094,6 +1100,12 @@ declare global {
         prototype: HTMLEzSearchElement;
         new (): HTMLEzSearchElement;
     };
+    interface HTMLEzSelectBoxElement extends Components.EzSelectBox, HTMLStencilElement {
+    }
+    var HTMLEzSelectBoxElement: {
+        prototype: HTMLEzSelectBoxElement;
+        new (): HTMLEzSelectBoxElement;
+    };
     interface HTMLEzTabselectorElement extends Components.EzTabselector, HTMLStencilElement {
     }
     var HTMLEzTabselectorElement: {
@@ -1136,18 +1148,6 @@ declare global {
         prototype: HTMLEzViewStackElement;
         new (): HTMLEzViewStackElement;
     };
-    interface HTMLGridConfigElement extends Components.GridConfig, HTMLStencilElement {
-    }
-    var HTMLGridConfigElement: {
-        prototype: HTMLGridConfigElement;
-        new (): HTMLGridConfigElement;
-    };
-    interface HTMLSelectBoxElement extends Components.SelectBox, HTMLStencilElement {
-    }
-    var HTMLSelectBoxElement: {
-        prototype: HTMLSelectBoxElement;
-        new (): HTMLSelectBoxElement;
-    };
     interface HTMLTestDuElement extends Components.TestDu, HTMLStencilElement {
     }
     var HTMLTestDuElement: {
@@ -1169,6 +1169,7 @@ declare global {
         "ez-filter-input": HTMLEzFilterInputElement;
         "ez-form": HTMLEzFormElement;
         "ez-grid": HTMLEzGridElement;
+        "ez-grid-config": HTMLEzGridConfigElement;
         "ez-icon": HTMLEzIconElement;
         "ez-list": HTMLEzListElement;
         "ez-loading-bar": HTMLEzLoadingBarElement;
@@ -1177,6 +1178,7 @@ declare global {
         "ez-popover": HTMLEzPopoverElement;
         "ez-popup": HTMLEzPopupElement;
         "ez-search": HTMLEzSearchElement;
+        "ez-select-box": HTMLEzSelectBoxElement;
         "ez-tabselector": HTMLEzTabselectorElement;
         "ez-text-area": HTMLEzTextAreaElement;
         "ez-text-input": HTMLEzTextInputElement;
@@ -1184,8 +1186,6 @@ declare global {
         "ez-toast": HTMLEzToastElement;
         "ez-upload": HTMLEzUploadElement;
         "ez-view-stack": HTMLEzViewStackElement;
-        "grid-config": HTMLGridConfigElement;
-        "select-box": HTMLSelectBoxElement;
         "test-du": HTMLTestDuElement;
     }
 }
@@ -1540,7 +1540,7 @@ declare namespace LocalJSX {
         /**
           * Configuração de exibição da grade.
          */
-        "config"?: EzGridConfig;
+        "config"?: IGridConfig;
         "dataUnit"?: DataUnit;
         /**
           * Habilita a seleção de várias linhas
@@ -1549,7 +1549,7 @@ declare namespace LocalJSX {
         /**
           * Evento disparado ao realizar alguma modificação na configuração da grid.
          */
-        "onConfigChange"?: (event: CustomEvent<EzGridConfig>) => void;
+        "onConfigChange"?: (event: CustomEvent<IGridConfig>) => void;
         /**
           * Evento disparado ao mudar o estado das colunas do grid. Ordenação, largura, etc.
          */
@@ -1571,6 +1571,13 @@ declare namespace LocalJSX {
          */
         "serverUrl"?: string;
     }
+    interface EzGridConfig {
+        "columns"?: Array<EzGridColumn>;
+        "config"?: IGridConfig;
+        "onConfigCancel"?: (event: CustomEvent<void>) => void;
+        "onConfigFinish"?: (event: CustomEvent<IGridConfig>) => void;
+        "selectedTab"?: string;
+    }
     interface EzIcon {
         /**
           * Path da imagem
@@ -1791,6 +1798,10 @@ declare namespace LocalJSX {
          */
         "value"?: Option | string;
     }
+    interface EzSelectBox {
+        "onEzChange"?: (event: CustomEvent<string>) => void;
+        "selectedOption"?: Option | string;
+    }
     interface EzTabselector {
         /**
           * Evento emitido ao clicar para abrir o popup (ezChange). O detail desse evento carrega tanto o tabKey quanto o index da aba selecionada.
@@ -1993,17 +2004,6 @@ declare namespace LocalJSX {
     }
     interface EzViewStack {
     }
-    interface GridConfig {
-        "columns"?: Array<EzGridColumn>;
-        "config"?: EzGridConfig;
-        "onConfigCancel"?: (event: CustomEvent<void>) => void;
-        "onConfigFinish"?: (event: CustomEvent<EzGridConfig>) => void;
-        "selectedTab"?: string;
-    }
-    interface SelectBox {
-        "onEzChange"?: (event: CustomEvent<string>) => void;
-        "selectedOption"?: Option | string;
-    }
     interface TestDu {
     }
     interface IntrinsicElements {
@@ -2021,6 +2021,7 @@ declare namespace LocalJSX {
         "ez-filter-input": EzFilterInput;
         "ez-form": EzForm;
         "ez-grid": EzGrid;
+        "ez-grid-config": EzGridConfig;
         "ez-icon": EzIcon;
         "ez-list": EzList;
         "ez-loading-bar": EzLoadingBar;
@@ -2029,6 +2030,7 @@ declare namespace LocalJSX {
         "ez-popover": EzPopover;
         "ez-popup": EzPopup;
         "ez-search": EzSearch;
+        "ez-select-box": EzSelectBox;
         "ez-tabselector": EzTabselector;
         "ez-text-area": EzTextArea;
         "ez-text-input": EzTextInput;
@@ -2036,8 +2038,6 @@ declare namespace LocalJSX {
         "ez-toast": EzToast;
         "ez-upload": EzUpload;
         "ez-view-stack": EzViewStack;
-        "grid-config": GridConfig;
-        "select-box": SelectBox;
         "test-du": TestDu;
     }
 }
@@ -2059,6 +2059,7 @@ declare module "@stencil/core" {
             "ez-filter-input": LocalJSX.EzFilterInput & JSXBase.HTMLAttributes<HTMLEzFilterInputElement>;
             "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes<HTMLEzFormElement>;
             "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
+            "ez-grid-config": LocalJSX.EzGridConfig & JSXBase.HTMLAttributes<HTMLEzGridConfigElement>;
             "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
             "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes<HTMLEzListElement>;
             "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes<HTMLEzLoadingBarElement>;
@@ -2067,6 +2068,7 @@ declare module "@stencil/core" {
             "ez-popover": LocalJSX.EzPopover & JSXBase.HTMLAttributes<HTMLEzPopoverElement>;
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
             "ez-search": LocalJSX.EzSearch & JSXBase.HTMLAttributes<HTMLEzSearchElement>;
+            "ez-select-box": LocalJSX.EzSelectBox & JSXBase.HTMLAttributes<HTMLEzSelectBoxElement>;
             "ez-tabselector": LocalJSX.EzTabselector & JSXBase.HTMLAttributes<HTMLEzTabselectorElement>;
             "ez-text-area": LocalJSX.EzTextArea & JSXBase.HTMLAttributes<HTMLEzTextAreaElement>;
             "ez-text-input": LocalJSX.EzTextInput & JSXBase.HTMLAttributes<HTMLEzTextInputElement>;
@@ -2074,8 +2076,6 @@ declare module "@stencil/core" {
             "ez-toast": LocalJSX.EzToast & JSXBase.HTMLAttributes<HTMLEzToastElement>;
             "ez-upload": LocalJSX.EzUpload & JSXBase.HTMLAttributes<HTMLEzUploadElement>;
             "ez-view-stack": LocalJSX.EzViewStack & JSXBase.HTMLAttributes<HTMLEzViewStackElement>;
-            "grid-config": LocalJSX.GridConfig & JSXBase.HTMLAttributes<HTMLGridConfigElement>;
-            "select-box": LocalJSX.SelectBox & JSXBase.HTMLAttributes<HTMLSelectBoxElement>;
             "test-du": LocalJSX.TestDu & JSXBase.HTMLAttributes<HTMLTestDuElement>;
         }
     }

package/package.json

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