@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-79210.0 → 0.0.0-bugfix-dev-KB-76625.0

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,g as h}from"./p-23a36bb6.js";import{C as o}from"./p-ec7db713.js";import{ObjectUtils as r,StringUtils as n,ElementIDUtils as a}from"@sankhyalabs/core";import{A as l}from"./p-2187f86c.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"./p-4607fb89.js";import{R as c}from"./p-05e1f4e7.js";import{r as d,a as u}from"./p-40a60148.js";const v=class{constructor(s){t(this,s),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._textEmptySearch="Nenhum resultado de {0} encontrado",this._startHighlightTag="<span class='card-item__highlight'>",this._endHighlightTag="</span>",this._preSelection=void 0,this._visibleOptions=void 0,this._startLoading=!1,this._showLoading=!0,this._showLoadingDescription=!1,this._criteria=void 0,this.value=void 0,this.label=void 0,this.enabled=!0,this.errorMessage=void 0,this.optionLoader=void 0,this.contextProperties=void 0,this.showSelectedValue=!0,this.showOptionValue=!0,this.suppressEmptyOption=!1,this.stopPropagateEnterKeyEvent=!1,this.mode="regular",this.canShowError=!0,this.hideErrorOnFocusOut=!0,this.listOptionsPosition=void 0,this.isTextSearch=!1,this.ignoreLimitCharsToSearch=!1,this.options=void 0,this.suppressSearch=!1,this.ensureClearButtonVisible=!1,this.suppressPreLoad=!0,this.autoFocus=!1}observeErrorMessage(){var t;this._textInput&&(this._textInput.errorMessage=this.errorMessage,!(null===(t=this.errorMessage)||void 0===t?void 0:t.trim())&&this.errorMessage&&this.setInputValue())}getValue(t){return"object"==typeof t?null==t?void 0:t.value:t}validateNewValue(t,i){const s=this.getValue(t),e=this.getValue(i);return!("[object Object]"===s||s===e)}async observeValue(t,i){if(this._textInput&&this.validateNewValue(t,i)){if("string"==typeof t)return void await this.handleValueAsString(t);const i=this.getSelectedOption(t),s=this.getSelectedOption(this._currentValue);this.isDifferentValues(s,i)&&(this._currentValue=i,this.setInputValue(),this.ezChange.emit(null!=i?i:void 0)),this.resetOptions()}}observeOptions(t,i){!t.length&&this.suppressPreLoad||(null==t?void 0:t.join(""))!==(null==i?void 0:i.join(""))&&this.loadOptions(p.PRELOAD)}async getValueAsync(){return new Promise(this._showLoading?t=>{let i=setInterval((()=>{this._showLoading||(clearInterval(i),t(this.value))}),100)}:t=>t(this.value))}async setFocus(t){this._textInput&&this._textInput.setFocus(t)}async setBlur(){this._textInput&&this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}async clearValue(){this.clearSearch()}async handleValueAsString(t){this.getSelectedOption(t)?this.setInputValue():(await this.loadDescriptionValue(t),this._currentValue&&(this.setInputValue(),this.ezChange.emit(this.value),this._currentValue=this.value))}isDifferentValues(t,i){return r.objectToString(t||{})!==r.objectToString(i||{})}getFormattedText(t){if(null==t)return;let i=this.showSelectedValue&&null!=t.value?t.label?`${t.value} - ${t.label}`:t.value:t.label;return i=null==i?void 0:i.replace(new RegExp(this._startHighlightTag,"g"),"").replace(new RegExp(this._endHighlightTag,"g"),""),i}getText(){const t=this.getSelectedOption(this._currentValue),i=this.getFormattedText(t);return d(i)}getSelectedOption(t){return"string"==typeof t||t instanceof String?this._visibleOptions.find((i=>i.value===t)):t?Object.assign(Object.assign({},t),{value:u(null==t?void 0:t.value),label:u(null==t?void 0:t.label)}):t}updateVisibleOptions(){let t=this._source||[];this._visibleOptions=this.suppressEmptyOption?t:[{value:void 0,label:""}].concat(t),this._maxWidthValue=this.getMaxWidthValue()}getMaxWidthValue(){var t;const i=[];return null===(t=this._visibleOptions)||void 0===t||t.forEach((t=>{const s=this.getWidthValue(t.value);i.includes(s)||i.push(s)})),i.length>1?Math.max(...i):0}getWidthValue(t){if(null!=this._itemValueBasis){const i=this._itemValueBasis;if(null!=t)return i.innerHTML=t,i.clientWidth>0?i.clientWidth+2:0;i.innerHTML=""}return 0}showOptions(){this.enabled&&(this.isOptionsVisible()||this._ezPopOverPlusElement.showUnder(this._textInput))}hideOptions(){this._ezPopOverPlusElement.hide()}isOptionsVisible(){return this._ezPopOverPlusElement.opened}selectCurrentOption(){void 0!==this._preSelection?(this.selectOption(this._visibleOptions[this._preSelection]),this._preSelection=void 0):this.controlListWithOnlyOne()}updateSource(t){this._startLoading=!1,t instanceof Promise?(this._showLoading=!0,this._showLoadingDescription=!0,t.then((t=>{this.updateSource(t)})).finally((()=>{this._showLoading=!1,this._showLoadingDescription=!1})),this.updateVisibleOptions()):(this._showLoading=!1,Array.isArray(t)?(this._source=t,this.updateVisibleOptions(),this._tabPressed&&(this._tabPressed=!1,this.controlEmptySearch(!1))):this.selectOption(t))}clearSource(){this._source=[],this.updateVisibleOptions()}selectOption(t,i=!0){var s,e;const h=this.getSelectedOption(this.value),o=Object.assign(Object.assign({},t),{value:u(null==t?void 0:t.value),label:u(null==t?void 0:t.label)}),r=Object.assign(Object.assign({},o),{value:d(null==o?void 0:o.value),label:d(null==o?void 0:o.label)});if((null===(s=null==h?void 0:h.value)||void 0===s?void 0:s.toString())!==(null===(e=null==r?void 0:r.value)||void 0===e?void 0:e.toString())||null==h&&null!=r&&"value"in r){const t=(null==r?void 0:r.value)?r:void 0;this.value=t,this._currentValue=t}else this.setInputValue(),this.resetOptions();this._visibleOptions=[],this.clearSource(),i&&setTimeout((()=>{this.setFocus()}),0)}loadOptions(t,i=""){this._criteria=i,this._startLoading=!0,this.updateSource(this.optionLoader?this.optionLoader({mode:t,argument:i},this.contextProperties):this.options)}cancelPreselection(){!this._textInput.value&&this._currentValue?this.selectOption(void 0):window.setTimeout((()=>{this.setInputValue()}),this._deboucingTime),this.resetOptions()}setInputValue(t=!0){const i=this.getText();(this._textInput.value||"")!==i&&(this._textInput.value=i,t&&(this.errorMessage=null))}clearSearch(){this.value=null,this._currentValue=null}controlListWithOnlyOne(t=!0){var i,s;const e=null===(i=this._visibleOptions)||void 0===i?void 0:i.filter((t=>""!==t.label&&null!=t.value));if((null==e?void 0:e.length)>0){const i=new RegExp(this._startHighlightTag,"g"),h=new RegExp(this._endHighlightTag,"g");let o=n.decodeHtmlEntities(e[0].label);const r={value:null===(s=e[0].value)||void 0===s?void 0:s.replace(i,"").replace(h,""),label:null==o?void 0:o.replace(i,"").replace(h,"")};this.selectOption(r,t)}}controlEmptySearch(t=!0){var i;(null===(i=this._visibleOptions)||void 0===i?void 0:i.length)?this.controlListWithOnlyOne(t):(this.clearSearch(),l.info(this._textEmptyList))}async loadDescriptionValue(t){var i,s;if(null==t)return;if((null===(i=this.options)||void 0===i?void 0:i.length)>0)return void this.loadOptionValue(t);const e={mode:p.PREDICTIVE,argument:t},h=await(null===(s=this.optionLoader)||void 0===s?void 0:s.call(this,e,this.contextProperties));null!=h&&(h instanceof Promise?h.then((t=>{this.setDescriptionValue(t)})):this.setDescriptionValue(h))}setDescriptionValue(t){const i=(null==t?void 0:t[0])||t;null!=i&&Object.keys(i).length?(this._currentValue=i?Object.assign(Object.assign({},i),{value:u(i.value),label:u(i.label)}):i,this.value=this._currentValue,this.setTextInputValue()):this.showNoResultMessage()}setTextInputValue(){if(this._textInput&&null==this._textInput.value){if(null==this.value)return;const t="string"==typeof this.value?this.value:this.getFormattedText(this.value);this._textInput.value=d(t)}}loadOptionValue(t){var i;const s=null===(i=this.options)||void 0===i?void 0:i.find((i=>i.value===t));null!=s?this.selectOption(s):this.showNoResultMessage()}async showNoResultMessage(){this.clearSearch(),l.info(this._textEmptySearch.replace("{0}",this.getFieldLabel()))}getFieldLabel(){var t;return null===(t=this.label)||void 0===t?void 0:t.replace(c,"").toUpperCase()}resetOptions(){this.hideOptions(),this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions()}async handleInitialValue(){if(!this.getValue(this.value))return;if("string"==typeof this.value)return void await this.handleValueAsString(this.value);let t=this.getFormattedText(this.value);t=d(t),this._textInput.value=t}componentWillLoad(){if(void 0===this.options){this.options=[];const t=this.el.querySelectorAll("option");t&&t.forEach((t=>{let i=t.innerText,s=t.getAttribute("value"),e=t.getAttribute("details");s||(s=i),this.options.push({label:i,value:s,details:e}),t.hidden=!0}))}this.updateSource([])}componentDidRender(){var t;null===(t=this._optionsList)||void 0===t||t.querySelectorAll(".item").forEach((t=>{a.addIDInfoIfNotExists(t,"itemSearch")}))}async componentDidLoad(){this._currentValue=this.value,o.applyVarsTextInput(this.el,this._textInput),this._resizeObserver=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{Array.isArray(t)}))})),await this.handleInitialValue(),this.autoFocus&&requestAnimationFrame((()=>{this.setFocus({selectText:!0})}))}disconnectedCallback(){var t;null===(t=this._resizeObserver)||void 0===t||t.disconnect()}handlerIconClick(){this.loadOptions(p.ADVANCED)}buildNumberArgument(t){return this.isTextSearch?NaN:Number(t||void 0)}onTextInputChangeHandler(t){var i;if(this.clearDeboucingTimeout(),this._startLoading)return void(this._changeDeboucingTimeout=window.setTimeout((()=>{this.onTextInputChangeHandler(t)}),this._deboucingTime));const s=null===(i=t.target.value)||void 0===i?void 0:i.trim(),e=this.buildNumberArgument(s);this._criteria||(this._textInput.value=t.data||s),this._criteria=s,s?(this._showLoading=!1,this.clearSource(),this.ignoreLimitCharsToSearch||!isNaN(e)||s.length>=this._limitCharsToSearch?(this._showLoading=!0,this._changeDeboucingTimeout=window.setTimeout((()=>{this.loadOptions(p.PREDICTIVE,isNaN(e)?s:e.toString())}),this._deboucingTime),this.showOptions()):this.hideOptions()):(this.hideOptions(),this._showLoading=!1,this.clearSource())}clearDeboucingTimeout(){this._changeDeboucingTimeout&&(window.clearTimeout(this._changeDeboucingTimeout),this._changeDeboucingTimeout=null)}async keyDownHandler(t){switch(this._tabPressed=!1,t.ctrlKey&&("f"!==t.key&&"F"!==t.key||(this.loadOptions(p.ADVANCED),t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault())),t.key){case"ArrowDown":t.stopPropagation(),this.canShowListOptions()&&t.preventDefault(),this.isOptionsVisible()||this.showOptions(),await this._searchList.nextOption();break;case"ArrowUp":t.stopPropagation(),this.canShowListOptions()&&t.preventDefault(),await this._searchList.previousOption();break;case"Enter":this.handleEventPropagation(t),this.selectCurrentOption();break;case"Escape":this.cancelPreselection();break;case"Tab":this._tabPressed=!0,this.controlListWithOnlyOne(!1)}}handleEventPropagation(t){this._ezPopOverPlusElement.opened&&this.stopPropagateEnterKeyEvent&&t.stopPropagation()}onTextInputFocusOutHandler(){this.hideErrorOnFocusOut&&this.cancelPreselection()}canShowListOptions(){return!this._showLoading&&this._visibleOptions.length>0}canShowLoadSpinDescription(){return this._showLoadingDescription&&!this._ezPopOverPlusElement.opened}onChangePreSelection(t){this._preSelection=t}render(){var t;return a.addIDInfoIfNotExists(this.el,"input"),s(e,null,s("ez-text-input",{"data-element-id":a.getInternalIDInfo("textInput"),class:this.suppressSearch?"suppressed-search-input":"",ref:t=>this._textInput=t,"data-slave-mode":"true",enabled:this.enabled&&!this.suppressSearch,onInput:t=>this.onTextInputChangeHandler(t),onFocusout:()=>this.onTextInputFocusOutHandler(),onKeyDown:t=>this.keyDownHandler(t),label:this.label,canShowError:this.canShowError,errorMessage:this.errorMessage,mode:this.mode},s("button",{class:"btn",slot:"leftIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.handlerIconClick()},this.canShowLoadSpinDescription()?s("div",{class:"message__loading"}):s("ez-icon",{iconName:"search"})),(null===(t=this._textInput)||void 0===t?void 0:t.value)&&(this._criteria||this.value)||this.ensureClearButtonVisible?s("button",{class:"btn btn__close",slot:"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.clearSearch()},s("ez-icon",{iconName:"close"})):void 0),s("ez-popover-plus",{ref:t=>this._ezPopOverPlusElement=t,autoClose:!1,overlayType:"none",useAnchorSize:!0,anchorElement:[this._textInput,this.el]},s("search-list",{ref:t=>this._searchList=t,showLoading:this._showLoading,visibleOptions:this._visibleOptions,textEmptyList:this._textEmptyList,canShowListOptions:this.canShowListOptions(),value:this.value,showOptionValue:this.showOptionValue,preSelection:this._preSelection,onChangeValue:({detail:t})=>this.selectOption(t),onChangePreSelection:({detail:t})=>this.onChangePreSelection(t)})))}get el(){return h(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"],options:["observeOptions"]}}};var p;!function(t){t.ADVANCED="ADVANCED",t.PRELOAD="PRELOAD",t.PREDICTIVE="PREDICTIVE"}(p||(p={})),v.style=":host{--ez-search--height:42px;--ez-search--width:100%;--ez-search__icon--width:48px;--ez-search--border-radius:var(--border--radius-medium, 12px);--ez-search--border-radius-small:var(--border--radius-small, 6px);--ez-search--font-size:var(--text--medium, 14px);--ez-search--font-family:var(--font-pattern, Arial);--ez-search--font-weight--large:var(--text-weight--large, 500);--ez-search--font-weight--medium:var(--text-weight--medium, 400);--ez-search--background-color--xlight:var(--background--xlight, #fff);--ez-search--background-medium:var(--background--medium, #f0f3f7);--ez-search--line-height:calc(var(--text--medium, 14px) + 4px);--ez-search__input--background-color:var(--background--medium, #e0e0e0);--ez-search__input--border:var(--border--medium, 2px solid);--ez-search__input--border-color:var(--ez-search__input--background-color);--ez-search__input--focus--border-color:var(--color--primary, #008561);--ez-search__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-search__input--disabled--color:var(--text--disable, #AFB6C0);--ez-search__input--error--border-color:#CC2936;--ez-search__btn--color:var(--title--primary, #2B3A54);--ez-search__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-search__btn-hover--color:var(--color--primary, #4e4e4e);--ez-search__label--color:var(--title--primary, #2B3A54);--ez-search--space--medium:var(--space--medium, 12px);--ez-search--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-search--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)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-search__btn--color)}.btn:disabled{cursor:not-allowed;color:var(--ez-search__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-search__btn-disabled--color)}.btn:hover{color:var(--ez-search__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}";export{v as ez_search}

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

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

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

@@ -1,11 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzPopoverPlus {
-  private _box;
-  private _overlay;
-  private _overlayIsActive;
-  private _timeoutDebounce;
-  private _resizeObserver;
-  private TIME_DEBOUNCE;
+  private _popOverCore;
   _host: HTMLElement;
   /**
    * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
@@ -26,16 +21,20 @@ export declare class EzPopoverPlus {
   /**
    * Define o elemento de ancoragem.
    */
-  anchorElement: HTMLElement | string;
+  anchorElement: Array<HTMLElement | string> | HTMLElement | string;
   /**
    * Define as opções do elemento.
    */
   options: IEzPopoverAnchorOptions;
+  /**
+   * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+   */
+  useAnchorSize: boolean;
   /**
    * Emitido quando acontece a alteração de estado do componente.
    */
   ezVisibilityChange: EventEmitter<boolean>;
-  observeOpened(newValue: boolean, oldValue: boolean): Promise<void>;
+  observeOpened(newValue: boolean): Promise<void>;
   /**
    * Atualiza a posição do popover.
    */
@@ -60,18 +59,7 @@ export declare class EzPopoverPlus {
    * Altera o elemento de ancoragem.
   */
   setAnchorElement(anchor: HTMLElement | string): Promise<void>;
-  private parseSizePixel;
-  private updateOptionPosition;
-  private updatePositionPopover;
-  private hidePopover;
-  private openPopover;
-  private openOverlay;
-  private hideOverlay;
-  private checkStatusOverlay;
-  private updatePositionDebounce;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
+  private renderPopoverCore;
   render(): any;
 }
 export interface IEzPopoverAnchorOptions {

package/dist/types/components/ez-popover-plus/subcomponent/ez-popover-core.d.ts

@@ -0,0 +1,91 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class EzPopoverCore {
+  private _box;
+  private _overlay;
+  private _overlayIsActive;
+  private _timeoutDebounce;
+  private _resizeObserver;
+  private TIME_DEBOUNCE;
+  _host: HTMLElement;
+  /**
+   * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+   */
+  autoClose: boolean;
+  /**
+   * Ajusta o comportamento da largura do popover.
+   */
+  boxWidth: "full-width" | "fit-content";
+  /**
+   * Define se o ez-popover está aberto.
+   */
+  opened: boolean;
+  /**
+   * Define o tipo de overlay do popover.
+   */
+  overlayType: "medium" | "light" | "none";
+  /**
+   * Define o elemento de ancoragem.
+   */
+  anchorElement: Array<HTMLElement | string> | HTMLElement | string;
+  /**
+   * Define as opções do elemento.
+   */
+  options: IEzPopoverAnchorOptions;
+  /**
+   * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+   */
+  useAnchorSize: boolean;
+  /**
+   * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+   */
+  minWidth: number;
+  /**
+   * Emitido quando acontece a alteração de estado do componente.
+   */
+  ezVisibilityChange: EventEmitter<boolean>;
+  observeOpened(newValue: boolean, oldValue: boolean): void;
+  /**
+   * Atualiza a posição do popover.
+   */
+  updatePosition(top?: string, left?: string): Promise<void>;
+  /**
+   * Exibe o ez-popover.
+   */
+  show(top?: string | number, left?: string | number): Promise<void>;
+  /**
+   * Ancora a exibição do popOver a um elemento HTML.
+   */
+  showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Oculta o ez-popover.
+   */
+  hide(): Promise<void>;
+  /**
+   * Altera as opções.
+  */
+  setOptions(options: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Altera o elemento de ancoragem.
+  */
+  setAnchorElement(anchor: HTMLElement | string): Promise<void>;
+  private parseSizePixel;
+  private updateOptionPosition;
+  private getElement;
+  private getAnchorElement;
+  private updatePositionPopover;
+  private hidePopover;
+  private openPopover;
+  private openOverlay;
+  private hideOverlay;
+  private checkStatusOverlay;
+  private updatePositionDebounce;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}
+export interface IEzPopoverAnchorOptions {
+  horizontalGap?: number;
+  verticalGap?: number;
+  fromRight?: boolean;
+}

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

@@ -3,11 +3,10 @@ import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
 import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzSearch {
   private _textInput;
+  private _searchList;
   private _optionsList;
-  private _listContainer;
-  private _listWrapper;
+  private _ezPopOverPlusElement;
   private _itemValueBasis;
-  private _floatingID;
   private _source;
   private _changeDeboucingTimeout;
   private _limitCharsToSearch;
@@ -138,30 +137,20 @@ export declare class EzSearch {
    * Limpa o valor do campo de pesquisa
    */
   clearValue(): Promise<void>;
-  scrollListener(): void;
   private handleValueAsString;
-  private updateListPosition;
-  private getListPosition;
   private isDifferentValues;
   private getFormattedText;
   private getText;
-  private replaceQuotes;
   private getSelectedOption;
   private updateVisibleOptions;
   private getMaxWidthValue;
   private getWidthValue;
-  private createOption;
-  private buildItem;
   private showOptions;
   private hideOptions;
   private isOptionsVisible;
-  private nextOption;
-  private previousOption;
-  private scrollToOption;
   private selectCurrentOption;
   private updateSource;
   private clearSource;
-  private replaceHighlight;
   private selectOption;
   private loadOptions;
   private cancelPreselection;
@@ -190,6 +179,7 @@ export declare class EzSearch {
   private onTextInputFocusOutHandler;
   private canShowListOptions;
   private canShowLoadSpinDescription;
+  private onChangePreSelection;
   render(): any;
 }
 export interface IOption {

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

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IOption } from '../../ez-search';
+export declare class SearchList {
+  private _startHighlightTag;
+  private _endHighlightTag;
+  private _optionsList;
+  showLoading: boolean;
+  visibleOptions: Array<IOption>;
+  textEmptyList: string;
+  canShowListOptions: boolean;
+  value: IOption | string;
+  showOptionValue: boolean;
+  preSelection: number;
+  changeValue: EventEmitter<IOption>;
+  changePreSelection: EventEmitter<number>;
+  nextOption(): Promise<void>;
+  previousOption(): Promise<void>;
+  private selectOption;
+  private createOption;
+  private scrollToOption;
+  private buildItem;
+  render(): any;
+}

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

@@ -0,0 +1,2 @@
+export declare function replaceHighlight(value: string): string;
+export declare function replaceQuotes(text: string): string;

package/dist/types/components.d.ts

@@ -33,7 +33,8 @@ import { ListGroup, ListItem as ListItem1, SlotBuilder as SlotBuilder1, TListMod
 import { THeightMode } from "./components/ez-modal/ez-modal";
 import { IMultiSelectionOption } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionOption";
 import { IEzPopoverAnchorOptions } from "./components/ez-popover/ez-popover";
-import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions1 } from "./components/ez-popover-plus/ez-popover-plus";
+import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions1 } from "./components/ez-popover-plus/subcomponent/ez-popover-core";
+import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions2 } from "./components/ez-popover-plus/ez-popover-plus";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
 import { IOption as IOption1, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
@@ -46,6 +47,7 @@ import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
 import { Node } from "./components/ez-tree/types/Node";
 import { EzFile } from "./components/ez-upload/ez-upload";
 import { IAppliedFilterColumnOptions, IFilterColumnConfigs } from "./components/ez-grid/subcomponents/filter-column";
+import { IOption as IOption2 } from "./components/ez-search/ez-search";
 export namespace Components {
     interface EzActionsButton {
         /**
@@ -1325,11 +1327,69 @@ export namespace Components {
          */
         "updatePosition": (top?: string, left?: string) => Promise<void>;
     }
+    interface EzPopoverCore {
+        /**
+          * Define o elemento de ancoragem.
+         */
+        "anchorElement": Array<HTMLElement | string> | HTMLElement | string;
+        /**
+          * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+         */
+        "autoClose": boolean;
+        /**
+          * Ajusta o comportamento da largura do popover.
+         */
+        "boxWidth": "full-width" | "fit-content";
+        /**
+          * Oculta o ez-popover.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+         */
+        "minWidth": number;
+        /**
+          * Define se o ez-popover está aberto.
+         */
+        "opened": boolean;
+        /**
+          * Define as opções do elemento.
+         */
+        "options": IEzPopoverAnchorOptions;
+        /**
+          * Define o tipo de overlay do popover.
+         */
+        "overlayType": "medium" | "light" | "none";
+        /**
+          * Altera o elemento de ancoragem.
+         */
+        "setAnchorElement": (anchor: HTMLElement | string) => Promise<void>;
+        /**
+          * Altera as opções.
+         */
+        "setOptions": (options: IEzPopoverAnchorOptions) => Promise<void>;
+        /**
+          * Exibe o ez-popover.
+         */
+        "show": (top?: string | number, left?: string | number) => Promise<void>;
+        /**
+          * Ancora a exibição do popOver a um elemento HTML.
+         */
+        "showUnder": (element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise<void>;
+        /**
+          * Atualiza a posição do popover.
+         */
+        "updatePosition": (top?: string, left?: string) => Promise<void>;
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize": boolean;
+    }
     interface EzPopoverPlus {
         /**
           * Define o elemento de ancoragem.
          */
-        "anchorElement": HTMLElement | string;
+        "anchorElement": Array<HTMLElement | string> | HTMLElement | string;
         /**
           * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
          */
@@ -1374,6 +1434,10 @@ export namespace Components {
           * Atualiza a posição do popover.
          */
         "updatePosition": (top?: string, left?: string) => Promise<void>;
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize": boolean;
     }
     interface EzPopup {
         /**
@@ -2076,6 +2140,17 @@ export namespace Components {
     interface MultiSelectionBoxMessage {
         "message": string;
     }
+    interface SearchList {
+        "canShowListOptions": boolean;
+        "nextOption": () => Promise<void>;
+        "preSelection": number;
+        "previousOption": () => Promise<void>;
+        "showLoading": boolean;
+        "showOptionValue": boolean;
+        "textEmptyList": string;
+        "value": IOption2 | string;
+        "visibleOptions": Array<IOption2>;
+    }
 }
 export interface EzActionsButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -2185,6 +2260,10 @@ export interface EzPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzPopoverElement;
 }
+export interface EzPopoverCoreCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzPopoverCoreElement;
+}
 export interface EzPopoverPlusCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzPopoverPlusElement;
@@ -2249,6 +2328,10 @@ export interface FilterColumnCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFilterColumnElement;
 }
+export interface SearchListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSearchListElement;
+}
 declare global {
     interface HTMLEzActionsButtonElement extends Components.EzActionsButton, HTMLStencilElement {
     }
@@ -2454,6 +2537,12 @@ declare global {
         prototype: HTMLEzPopoverElement;
         new (): HTMLEzPopoverElement;
     };
+    interface HTMLEzPopoverCoreElement extends Components.EzPopoverCore, HTMLStencilElement {
+    }
+    var HTMLEzPopoverCoreElement: {
+        prototype: HTMLEzPopoverCoreElement;
+        new (): HTMLEzPopoverCoreElement;
+    };
     interface HTMLEzPopoverPlusElement extends Components.EzPopoverPlus, HTMLStencilElement {
     }
     var HTMLEzPopoverPlusElement: {
@@ -2592,6 +2681,12 @@ declare global {
         prototype: HTMLMultiSelectionBoxMessageElement;
         new (): HTMLMultiSelectionBoxMessageElement;
     };
+    interface HTMLSearchListElement extends Components.SearchList, HTMLStencilElement {
+    }
+    var HTMLSearchListElement: {
+        prototype: HTMLSearchListElement;
+        new (): HTMLSearchListElement;
+    };
     interface HTMLElementTagNameMap {
         "ez-actions-button": HTMLEzActionsButtonElement;
         "ez-alert": HTMLEzAlertElement;
@@ -2627,6 +2722,7 @@ declare global {
         "ez-multi-selection-list": HTMLEzMultiSelectionListElement;
         "ez-number-input": HTMLEzNumberInputElement;
         "ez-popover": HTMLEzPopoverElement;
+        "ez-popover-core": HTMLEzPopoverCoreElement;
         "ez-popover-plus": HTMLEzPopoverPlusElement;
         "ez-popup": HTMLEzPopupElement;
         "ez-radio-button": HTMLEzRadioButtonElement;
@@ -2650,6 +2746,7 @@ declare global {
         "ez-view-stack": HTMLEzViewStackElement;
         "filter-column": HTMLFilterColumnElement;
         "multi-selection-box-message": HTMLMultiSelectionBoxMessageElement;
+        "search-list": HTMLSearchListElement;
     }
 }
 declare namespace LocalJSX {
@@ -3839,11 +3936,49 @@ declare namespace LocalJSX {
          */
         "overlayType"?: "medium" | "light" | "none";
     }
+    interface EzPopoverCore {
+        /**
+          * Define o elemento de ancoragem.
+         */
+        "anchorElement"?: Array<HTMLElement | string> | HTMLElement | string;
+        /**
+          * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+         */
+        "autoClose"?: boolean;
+        /**
+          * Ajusta o comportamento da largura do popover.
+         */
+        "boxWidth"?: "full-width" | "fit-content";
+        /**
+          * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+         */
+        "minWidth"?: number;
+        /**
+          * Emitido quando acontece a alteração de estado do componente.
+         */
+        "onEzVisibilityChange"?: (event: EzPopoverCoreCustomEvent<boolean>) => void;
+        /**
+          * Define se o ez-popover está aberto.
+         */
+        "opened"?: boolean;
+        /**
+          * Define as opções do elemento.
+         */
+        "options"?: IEzPopoverAnchorOptions;
+        /**
+          * Define o tipo de overlay do popover.
+         */
+        "overlayType"?: "medium" | "light" | "none";
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize"?: boolean;
+    }
     interface EzPopoverPlus {
         /**
           * Define o elemento de ancoragem.
          */
-        "anchorElement"?: HTMLElement | string;
+        "anchorElement"?: Array<HTMLElement | string> | HTMLElement | string;
         /**
           * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
          */
@@ -3868,6 +4003,10 @@ declare namespace LocalJSX {
           * Define o tipo de overlay do popover.
          */
         "overlayType"?: "medium" | "light" | "none";
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize"?: boolean;
     }
     interface EzPopup {
         /**
@@ -4501,6 +4640,17 @@ declare namespace LocalJSX {
     interface MultiSelectionBoxMessage {
         "message"?: string;
     }
+    interface SearchList {
+        "canShowListOptions"?: boolean;
+        "onChangePreSelection"?: (event: SearchListCustomEvent<number>) => void;
+        "onChangeValue"?: (event: SearchListCustomEvent<IOption2>) => void;
+        "preSelection"?: number;
+        "showLoading"?: boolean;
+        "showOptionValue"?: boolean;
+        "textEmptyList"?: string;
+        "value"?: IOption2 | string;
+        "visibleOptions"?: Array<IOption2>;
+    }
     interface IntrinsicElements {
         "ez-actions-button": EzActionsButton;
         "ez-alert": EzAlert;
@@ -4536,6 +4686,7 @@ declare namespace LocalJSX {
         "ez-multi-selection-list": EzMultiSelectionList;
         "ez-number-input": EzNumberInput;
         "ez-popover": EzPopover;
+        "ez-popover-core": EzPopoverCore;
         "ez-popover-plus": EzPopoverPlus;
         "ez-popup": EzPopup;
         "ez-radio-button": EzRadioButton;
@@ -4559,6 +4710,7 @@ declare namespace LocalJSX {
         "ez-view-stack": EzViewStack;
         "filter-column": FilterColumn;
         "multi-selection-box-message": MultiSelectionBoxMessage;
+        "search-list": SearchList;
     }
 }
 export { LocalJSX as JSX };
@@ -4599,6 +4751,7 @@ declare module "@stencil/core" {
             "ez-multi-selection-list": LocalJSX.EzMultiSelectionList & JSXBase.HTMLAttributes<HTMLEzMultiSelectionListElement>;
             "ez-number-input": LocalJSX.EzNumberInput & JSXBase.HTMLAttributes<HTMLEzNumberInputElement>;
             "ez-popover": LocalJSX.EzPopover & JSXBase.HTMLAttributes<HTMLEzPopoverElement>;
+            "ez-popover-core": LocalJSX.EzPopoverCore & JSXBase.HTMLAttributes<HTMLEzPopoverCoreElement>;
             "ez-popover-plus": LocalJSX.EzPopoverPlus & JSXBase.HTMLAttributes<HTMLEzPopoverPlusElement>;
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
             "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
@@ -4622,6 +4775,7 @@ declare module "@stencil/core" {
             "ez-view-stack": LocalJSX.EzViewStack & JSXBase.HTMLAttributes<HTMLEzViewStackElement>;
             "filter-column": LocalJSX.FilterColumn & JSXBase.HTMLAttributes<HTMLFilterColumnElement>;
             "multi-selection-box-message": LocalJSX.MultiSelectionBoxMessage & JSXBase.HTMLAttributes<HTMLMultiSelectionBoxMessageElement>;
+            "search-list": LocalJSX.SearchList & JSXBase.HTMLAttributes<HTMLSearchListElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "0.0.0-bugfix-dev-KB-79210.0",
+  "version": "0.0.0-bugfix-dev-KB-76625.0",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",