@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-76625.0 → 0.0.0-bugfix-dev-KB-75065.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ez-actions-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-alert-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-alert.cjs.entry.js +1 -1
- package/dist/cjs/ez-application.cjs.entry.js +1 -1
- package/dist/cjs/ez-badge.cjs.entry.js +15 -3
- package/dist/cjs/ez-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ez-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-calendar.cjs.entry.js +1 -1
- package/dist/cjs/ez-card-item_2.cjs.entry.js +8 -1416
- package/dist/cjs/ez-chart.cjs.entry.js +1 -1
- package/dist/cjs/ez-check.cjs.entry.js +1 -1
- package/dist/cjs/ez-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-combo-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-custom-form-input_2.cjs.entry.js +2 -2
- package/dist/cjs/ez-date-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-date-time-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ez-double-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/ez-file-item.cjs.entry.js +1 -1
- package/dist/cjs/ez-filter-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-form-view.cjs.entry.js +1 -1
- package/dist/cjs/ez-form.cjs.entry.js +1 -1
- package/dist/cjs/ez-grid.cjs.entry.js +1 -1
- package/dist/cjs/ez-guide-navigator.cjs.entry.js +1 -1
- package/dist/cjs/ez-icon.cjs.entry.js +1 -1
- package/dist/cjs/ez-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-loading-bar.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal-container.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal.cjs.entry.js +1 -1
- package/dist/cjs/ez-multi-selection-list_2.cjs.entry.js +1585 -0
- package/dist/cjs/ez-number-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +1 -1
- package/dist/cjs/ez-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-scroller_2.cjs.entry.js +1 -1
- package/dist/cjs/ez-search.cjs.entry.js +159 -29
- package/dist/cjs/ez-sidebar-navigator.cjs.entry.js +1 -1
- package/dist/cjs/ez-split-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-split-item.cjs.entry.js +1 -1
- package/dist/cjs/ez-split-panel.cjs.entry.js +1 -1
- package/dist/cjs/ez-tabselector.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-area.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-time-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-toast.cjs.entry.js +1 -1
- package/dist/cjs/ez-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ez-tree.cjs.entry.js +1 -1
- package/dist/cjs/ez-upload.cjs.entry.js +1 -1
- package/dist/cjs/ez-view-stack.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +2 -2
- package/dist/cjs/filter-column.cjs.entry.js +1 -1
- package/dist/cjs/{index-a7b0c73d.js → index-9e5554cb.js} +7 -8
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -3
- package/dist/collection/components/ez-badge/ez-badge.css +12 -1
- package/dist/collection/components/ez-badge/ez-badge.js +31 -1
- package/dist/collection/components/ez-card-item/ez-card-item.css +3 -1
- package/dist/collection/components/ez-popover-plus/ez-popover-plus.css +64 -0
- package/dist/collection/components/ez-popover-plus/ez-popover-plus.js +130 -56
- package/dist/collection/components/ez-search/ez-search.css +219 -0
- package/dist/collection/components/ez-search/ez-search.js +167 -28
- package/dist/custom-elements/index.d.ts +0 -12
- package/dist/custom-elements/index.js +195 -262
- package/dist/esm/ez-actions-button.entry.js +1 -1
- package/dist/esm/ez-alert-list.entry.js +1 -1
- package/dist/esm/ez-alert.entry.js +1 -1
- package/dist/esm/ez-application.entry.js +1 -1
- package/dist/esm/ez-badge.entry.js +15 -3
- package/dist/esm/ez-breadcrumb.entry.js +1 -1
- package/dist/esm/ez-button.entry.js +1 -1
- package/dist/esm/ez-calendar.entry.js +1 -1
- package/dist/esm/ez-card-item_2.entry.js +8 -1416
- package/dist/esm/ez-chart.entry.js +1 -1
- package/dist/esm/ez-check.entry.js +1 -1
- package/dist/esm/ez-chip.entry.js +1 -1
- package/dist/esm/ez-collapsible-box.entry.js +1 -1
- package/dist/esm/ez-combo-box.entry.js +1 -1
- package/dist/esm/ez-custom-form-input_2.entry.js +2 -2
- package/dist/esm/ez-date-input.entry.js +1 -1
- package/dist/esm/ez-date-time-input.entry.js +1 -1
- package/dist/esm/ez-dialog.entry.js +1 -1
- package/dist/esm/ez-double-list.entry.js +1 -1
- package/dist/esm/ez-dropdown_2.entry.js +1 -1
- package/dist/esm/ez-file-item.entry.js +1 -1
- package/dist/esm/ez-filter-input.entry.js +1 -1
- package/dist/esm/ez-form-view.entry.js +1 -1
- package/dist/esm/ez-form.entry.js +1 -1
- package/dist/esm/ez-grid.entry.js +1 -1
- package/dist/esm/ez-guide-navigator.entry.js +1 -1
- package/dist/esm/ez-icon.entry.js +1 -1
- package/dist/esm/ez-list.entry.js +1 -1
- package/dist/esm/ez-loading-bar.entry.js +1 -1
- package/dist/esm/ez-modal-container.entry.js +1 -1
- package/dist/esm/ez-modal.entry.js +1 -1
- package/dist/esm/ez-multi-selection-list_2.entry.js +1580 -0
- package/dist/esm/ez-number-input.entry.js +1 -1
- package/dist/esm/ez-popover.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +1 -1
- package/dist/esm/ez-radio-button.entry.js +1 -1
- package/dist/esm/ez-scroller_2.entry.js +1 -1
- package/dist/esm/ez-search.entry.js +160 -30
- package/dist/esm/ez-sidebar-navigator.entry.js +1 -1
- package/dist/esm/ez-split-button.entry.js +1 -1
- package/dist/esm/ez-split-item.entry.js +1 -1
- package/dist/esm/ez-split-panel.entry.js +1 -1
- package/dist/esm/ez-tabselector.entry.js +1 -1
- package/dist/esm/ez-text-area.entry.js +1 -1
- package/dist/esm/ez-text-input.entry.js +1 -1
- package/dist/esm/ez-time-input.entry.js +1 -1
- package/dist/esm/ez-toast.entry.js +1 -1
- package/dist/esm/ez-tooltip.entry.js +1 -1
- package/dist/esm/ez-tree.entry.js +1 -1
- package/dist/esm/ez-upload.entry.js +1 -1
- package/dist/esm/ez-view-stack.entry.js +1 -1
- package/dist/esm/ezui.js +3 -3
- package/dist/esm/filter-column.entry.js +1 -1
- package/dist/esm/{index-baa5e267.js → index-5a720e56.js} +7 -9
- package/dist/esm/loader.js +3 -3
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-000159dc.entry.js +1 -0
- package/dist/ezui/{p-44caad9a.entry.js → p-0378416a.entry.js} +1 -1
- package/dist/ezui/p-03b0ed5a.entry.js +1 -0
- package/dist/ezui/{p-5b205c80.entry.js → p-044d46d5.entry.js} +1 -1
- package/dist/ezui/{p-a4cee65d.entry.js → p-0cfbbe82.entry.js} +1 -1
- package/dist/ezui/{p-77a4bd35.entry.js → p-11bfeca3.entry.js} +1 -1
- package/dist/ezui/{p-7e677b7b.entry.js → p-2069c78a.entry.js} +1 -1
- package/dist/ezui/{p-31b71e50.entry.js → p-23dab72f.entry.js} +1 -1
- package/dist/ezui/{p-17eabf46.entry.js → p-24b42f3d.entry.js} +1 -1
- package/dist/ezui/{p-556468d9.entry.js → p-3791d9c8.entry.js} +1 -1
- package/dist/ezui/{p-1ad6c61b.entry.js → p-3885e66e.entry.js} +1 -1
- package/dist/ezui/p-3af64edd.entry.js +1 -0
- package/dist/ezui/{p-fa6732f2.entry.js → p-44b39e81.entry.js} +1 -1
- package/dist/ezui/{p-c1527804.entry.js → p-4818b8ce.entry.js} +1 -1
- package/dist/ezui/{p-d9548bdf.entry.js → p-5010315a.entry.js} +1 -1
- package/dist/ezui/{p-ea54d056.entry.js → p-68b2e579.entry.js} +1 -1
- package/dist/ezui/{p-1f50fa05.entry.js → p-6b51c9cc.entry.js} +1 -1
- package/dist/ezui/{p-2bb2a0c4.entry.js → p-6d31c43c.entry.js} +1 -1
- package/dist/ezui/{p-6cdd3e0a.entry.js → p-6d8b3298.entry.js} +1 -1
- package/dist/ezui/p-6ec40dec.entry.js +1 -0
- package/dist/ezui/{p-5ed81457.entry.js → p-6fc26622.entry.js} +1 -1
- package/dist/ezui/{p-da1b4a38.entry.js → p-708b196e.entry.js} +1 -1
- package/dist/ezui/{p-555c9018.entry.js → p-7567ccdd.entry.js} +1 -1
- package/dist/ezui/{p-1e7a8633.entry.js → p-81461d2f.entry.js} +1 -1
- package/dist/ezui/{p-8df1ca33.entry.js → p-82fa4b09.entry.js} +1 -1
- package/dist/ezui/{p-0fa52b0f.entry.js → p-88c615f0.entry.js} +1 -1
- package/dist/ezui/{p-56fe5341.entry.js → p-9066b0b0.entry.js} +1 -1
- package/dist/ezui/{p-09de35a2.entry.js → p-91ccae0c.entry.js} +1 -1
- package/dist/ezui/{p-c0d9c4f8.entry.js → p-92748142.entry.js} +1 -1
- package/dist/ezui/{p-0faf71c5.entry.js → p-92fbaf2b.entry.js} +1 -1
- package/dist/ezui/{p-e6a9041d.entry.js → p-9e95bfeb.entry.js} +1 -1
- package/dist/ezui/{p-3195a7a7.entry.js → p-9fc250d4.entry.js} +1 -1
- package/dist/ezui/{p-a5950a0d.entry.js → p-a3319796.entry.js} +1 -1
- package/dist/ezui/{p-990b4318.entry.js → p-a921e3e7.entry.js} +1 -1
- package/dist/ezui/{p-3429080c.entry.js → p-b22889ea.entry.js} +1 -1
- package/dist/ezui/{p-17be134a.entry.js → p-b2f6bc0a.entry.js} +1 -1
- package/dist/ezui/{p-cb1535f7.entry.js → p-b9282c79.entry.js} +1 -1
- package/dist/ezui/{p-e347df9c.entry.js → p-bef7daac.entry.js} +1 -1
- package/dist/ezui/{p-9f5fa3f9.entry.js → p-c2b20f78.entry.js} +1 -1
- package/dist/ezui/{p-17de16e5.entry.js → p-c96fbbef.entry.js} +1 -1
- package/dist/ezui/{p-2f45506d.entry.js → p-ca8936df.entry.js} +1 -1
- package/dist/ezui/p-cba34702.entry.js +1 -0
- package/dist/ezui/{p-20c024f7.entry.js → p-cf33bc48.entry.js} +1 -1
- package/dist/ezui/p-cf3b60fd.entry.js +1 -0
- package/dist/ezui/{p-a80b1287.entry.js → p-dfca5946.entry.js} +1 -1
- package/dist/ezui/{p-7fdd479f.entry.js → p-e18d9e6a.entry.js} +1 -1
- package/dist/ezui/{p-fd0a19d6.entry.js → p-e3f8660b.entry.js} +1 -1
- package/dist/ezui/{p-23a36bb6.js → p-e4c7eb39.js} +2 -2
- package/dist/ezui/{p-0306dff7.entry.js → p-e6b38ade.entry.js} +1 -1
- package/dist/ezui/{p-b26f6c5b.entry.js → p-f30e0590.entry.js} +1 -1
- package/dist/ezui/{p-cf87aacb.entry.js → p-f4da7e1e.entry.js} +1 -1
- package/dist/ezui/{p-6e429cff.entry.js → p-fc194825.entry.js} +1 -1
- package/dist/ezui/{p-64b461b3.entry.js → p-fcc78b7f.entry.js} +1 -1
- package/dist/types/components/ez-badge/ez-badge.d.ts +5 -0
- package/dist/types/components/ez-popover-plus/ez-popover-plus.d.ts +20 -8
- package/dist/types/components/ez-search/ez-search.d.ts +13 -3
- package/dist/types/components.d.ts +11 -157
- package/package.json +1 -1
- package/react/components.d.ts +0 -2
- package/react/components.js +0 -2
- package/react/components.js.map +1 -1
- package/dist/cjs/ez-multi-selection-list.cjs.entry.js +0 -186
- package/dist/cjs/ez-popover-plus_3.cjs.entry.js +0 -184
- package/dist/cjs/searchFormatters-b7e1ed1e.js +0 -23
- package/dist/collection/components/ez-popover-plus/subcomponent/ez-popover-core.css +0 -67
- package/dist/collection/components/ez-popover-plus/subcomponent/ez-popover-core.js +0 -527
- package/dist/collection/components/ez-search/subcomponent/search-list/search-list.css +0 -227
- package/dist/collection/components/ez-search/subcomponent/search-list/search-list.js +0 -289
- package/dist/collection/components/ez-search/utils/searchFormatters.js +0 -18
- package/dist/esm/ez-multi-selection-list.entry.js +0 -182
- package/dist/esm/ez-popover-plus_3.entry.js +0 -178
- package/dist/esm/searchFormatters-8229207e.js +0 -20
- package/dist/ezui/p-31da1b57.entry.js +0 -1
- package/dist/ezui/p-37201156.entry.js +0 -1
- package/dist/ezui/p-40a60148.js +0 -1
- package/dist/ezui/p-650e4b6d.entry.js +0 -1
- package/dist/ezui/p-b7706b43.entry.js +0 -1
- package/dist/ezui/p-bc2f844e.entry.js +0 -1
- package/dist/ezui/p-dc73e1fe.entry.js +0 -1
- package/dist/ezui/p-dc8b36c3.entry.js +0 -1
- package/dist/types/components/ez-popover-plus/subcomponent/ez-popover-core.d.ts +0 -91
- package/dist/types/components/ez-search/subcomponent/search-list/search-list.d.ts +0 -23
- package/dist/types/components/ez-search/utils/searchFormatters.d.ts +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,H as e,g as s}from"./p-23a36bb6.js";import{ObjectUtils as r,FloatingManager as l,StringUtils as a,ElementIDUtils as n}from"@sankhyalabs/core";import"./p-2187f86c.js";import{C as h}from"./p-ec7db713.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"./p-4607fb89.js";const b=class{constructor(o){t(this,o),this.ezChange=i(this,"ezChange",7),this._changeDeboucingTimeout=null,this._deboucingTime=300,this._maxWidthValue=0,this._tabPressed=!1,this._textEmptyList="Nenhum resultado encontrado",this._lookupMode=!1,this._preSelection=void 0,this._visibleOptions=void 0,this._startLoading=!1,this._showLoading=!0,this._criteria=void 0,this.limitCharsToSearch=3,this.value=void 0,this.label=void 0,this.enabled=!0,this.options=void 0,this.errorMessage=void 0,this.showSelectedValue=!1,this.showOptionValue=!1,this.suppressSearch=!1,this.optionLoader=void 0,this.suppressEmptyOption=!1,this.stopPropagateEnterKeyEvent=!0,this.canShowError=!0,this.mode="regular",this.hideErrorOnFocusOut=!0,this.listOptionsPosition=void 0,this.isTextSearch=!1,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.setInputValue())}observeValue(t,i){if(this._textInput&&t!=i)try{if("string"==typeof t)return void this.setInputValue();const o=this.getSelectedOption(t),e=this.getSelectedOption(i),s=this.getSelectedOption(this.value);this.isDifferentValues(s,o)&&(this.value=o),this.isDifferentValues(o,e)&&(this.setInputValue(),this._lookupMode||this.ezChange.emit(null===o?void 0:o)),this.resetOptions()}finally{this._lookupMode=!1}}observeOptions(t,i){r.equals(t,i)||this.loadOptions(c.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()}scrollListener(){var t;null!=this._floatingID&&((null===(t=this.listOptionsPosition)||void 0===t?void 0:t.hardPosition)?this.hideOptions():window.requestAnimationFrame((()=>{this.updateListPosition()})))}updateListPosition(){let{verticalPosition:t,horizontalPosition:i,fromBottom:o,fromRight:e,bottomLimit:s,hardPosition:r}=this.getListPosition();const l=this._listWrapper.getBoundingClientRect(),a=this._listContainer.getBoundingClientRect(),n=this._textInput.getBoundingClientRect(),h=s||window.innerHeight;!o&&(l.top<0||a.bottom+l.height>h)&&(o=!0),r||(t=t||0,i=i||0,o?t=window.innerHeight-n.top+t:t+=a.top,e?i=window.innerWidth-n.right+i:i+=a.left),null!=t&&(this._listWrapper.style[o?"bottom":"top"]=`${t}px`,this._listWrapper.style[o?"top":"bottom"]=""),null!=i&&(this._listWrapper.style[e?"right":"left"]=`${i}px`,this._listWrapper.style[e?"left":"right"]="")}getListPosition(){return this.listOptionsPosition?this.listOptionsPosition:{verticalPosition:6}}isDifferentValues(t,i){return r.objectToString(t||{})!==r.objectToString(i||{})}getFormattedText(t){if(null!=t)return this.showSelectedValue&&null!=t.value?t.label?`${t.value} - ${t.label}`:t.value:t.label}getText(){const t=this.getSelectedOption(this.value),i=this.getFormattedText(t);if(null!=i)return String(i).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,'"')}getSelectedOption(t){return"string"==typeof t||t instanceof String?this._visibleOptions.find((i=>i.value===t)):t}updateVisibleOptions(){let t=this._source||[];if(this._criteria){const i=this._criteria.toUpperCase();t=t.filter((t=>t.label.toLocaleUpperCase().indexOf(i)>-1))}this.hasToAddEmptyoption(t)&&(t=[{value:void 0,label:""}].concat(t)),this._visibleOptions=t,this._maxWidthValue=this.getMaxWidthValue()}hasToAddEmptyoption(t){return!this.suppressEmptyOption&&!t.filter((t=>!t.value)).length}getMaxWidthValue(){var t;if(this.showOptionValue){const i=[];return null===(t=this._visibleOptions)||void 0===t||t.forEach((t=>{const o=this.getWidthValue(t.value);i.includes(o)||i.push(o)})),i.length>1?Math.max(...i):0}return 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}buildItem(t,i){const e=this.showOptionValue&&this._maxWidthValue>0?`${this._maxWidthValue}px`:"";return t.label=t.label||t.value,o("li",{class:i===this._preSelection?"item preselected":"item",id:`item_${t.value}`,onMouseDown:()=>this.selectOption(t),onMouseOver:()=>this._preSelection=i},this.showOptionValue?o("span",{class:"item__value",title:t.value,style:{width:e,minWidth:e,maxWidth:e}},t.value):void 0,o("span",{class:"item__label "+(this.showOptionValue?"item__label--bold":""),title:t.label},t.label))}showOptions(){var t,i;if(!this.enabled)return;if(this.isOptionsVisible())return;const o=null!==(i=null===(t=this.value)||void 0===t?void 0:t.value)&&void 0!==i?i:this.value,e=this._visibleOptions.findIndex((t=>t.value===o));this._preSelection=-1===e?0:e,this._resizeObserver&&this._resizeObserver.observe(this._textInput),this._floatingID=l.float(this._listWrapper,this._listContainer,{autoClose:!0,isFixed:!0,backClickListener:()=>this.hideOptions()}),this.setFocus(),window.requestAnimationFrame((()=>{this.updateListPosition(),this.listOptionsPosition||this._listWrapper.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}))}hideOptions(){void 0!==this._floatingID&&l.close(this._floatingID),this._floatingID=void 0,this._resizeObserver&&this._resizeObserver.unobserve(this._textInput)}isOptionsVisible(){return void 0!==this._floatingID&&l.isFloating(this._floatingID)}nextOption(){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]))}previousOption(){this._preSelection=void 0===this._preSelection?0:Math.max(this._preSelection-1,0),this.scrollToOption(this._visibleOptions[this._preSelection])}scrollToOption(t){window.requestAnimationFrame((()=>{const i=(null==t?void 0:t.value)?this._optionsList.querySelector(`li#item_${t.value.replace(/[<>\[\]#=]/g,"\\$&").replace(/:/g,"\\:")}`):void 0;i&&i.scrollIntoView({behavior:"smooth",block:"nearest"})}))}selectCurrentOption(t=!0){void 0!==this._preSelection?(this.selectOption(this._visibleOptions[this._preSelection],t),this._preSelection=void 0):this.controlListWithOnlyOne(t)}controlListWithOnlyOne(t=!0){var i;const o=null===(i=this._visibleOptions)||void 0===i?void 0:i.filter((t=>""!==t.label&&null!=t.value));if((null==o?void 0:o.length)>0){let i=a.decodeHtmlEntities(o[0].label);this.selectOption({value:o[0].value,label:i},t)}}updateSource(t){this._startLoading=!1,t instanceof Promise?(this._showLoading=!0,t.then((t=>{this._showLoading=!1,this.updateSource(t)})).catch((()=>this._showLoading=!1)),this.updateVisibleOptions()):(this._showLoading=!1,Array.isArray(t)?(this._source=t,this.updateVisibleOptions(),this._tabPressed&&(this._tabPressed=!1)):this.selectOption(t))}selectOption(t,i=!0){var o,e;const s=this.getSelectedOption(this.value);(null===(o=null==s?void 0:s.value)||void 0===o?void 0:o.toString())!==(null===(e=null==t?void 0:t.value)||void 0===e?void 0:e.toString())||null==s&&null!=t&&"value"in t?this.value=(null==t?void 0:t.value)?t:void 0:this.resetOptions(),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.options)}cancelPreselection(){!this._textInput.value&&this.value?this.selectOption(void 0):window.setTimeout((()=>{this.setInputValue(!1)}),this._deboucingTime)}setInputValue(t=!0){const i=this.getText();(this._textInput.value||"")!==i&&(this._textInput.value=i,t&&(this.errorMessage=null))}clearSearch(){this.value=null}resetOptions(){this.hideOptions(),this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions()}componentWillLoad(){if(void 0===this.options){this.options=[];const t=this.el.querySelectorAll("option");t&&t.forEach((t=>{let i=t.innerText,o=t.getAttribute("value");o||(o=i),this.options.push({label:i,value:o}),t.hidden=!0}))}this.loadOptions(c.PRELOAD)}componentDidRender(){var t;void 0===this._floatingID&&this._listWrapper.remove(),null===(t=this._optionsList)||void 0===t||t.querySelectorAll(".item").forEach((t=>{n.addIDInfoIfNotExists(t,"itemComboBox")}))}componentDidLoad(){h.applyVarsTextInput(this.el,this._textInput),this.setInputValue(!1),this._resizeObserver=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{if(!Array.isArray(t)||!t.length)return;const{clientWidth:i}=this._listContainer;i>0&&this._listWrapper&&(this._listWrapper.style.width=`${i}px`)}))})),this.autoFocus&&requestAnimationFrame((()=>{this.setFocus({selectText:!0})}))}handlerIconClick(){this.showOptions()}onTextInputChangeHandler(t){var i;if(this.clearDeboucingTimeout(),this._startLoading)return void(this._changeDeboucingTimeout=window.setTimeout((()=>{this.onTextInputChangeHandler(t)}),this._deboucingTime));const o=null===(i=t.target.value)||void 0===i?void 0:i.trim();this._criteria||(this._textInput.value=t.data||o),this._criteria=o,o?(this.updateVisibleOptions(),this.showOptions()):(this._preSelection=void 0,this.updateVisibleOptions())}clearDeboucingTimeout(){this._changeDeboucingTimeout&&(window.clearTimeout(this._changeDeboucingTimeout),this._changeDeboucingTimeout=null)}onTextInputClickHandler(){this.showOptions()}keyDownHandler(t){switch(this._tabPressed=!1,t.ctrlKey&&("f"!==t.key&&"F"!==t.key||(this.loadOptions(c.ADVANCED),t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault())),t.key){case"ArrowDown":t.stopPropagation(),this.canShowListOptions()&&t.preventDefault(),this.showOptions(),this.nextOption();break;case"ArrowUp":t.stopPropagation(),this.canShowListOptions()&&t.preventDefault(),this.showOptions(),this.previousOption();break;case"Enter":this.handleEventPropagation(t),this.isOptionsVisible()&&this.selectCurrentOption();break;case"Escape":this.isOptionsVisible()&&t.stopPropagation(),this.cancelPreselection(),this.resetOptions();break;case"Tab":this._tabPressed=!0,this.isOptionsVisible()&&this.selectCurrentOption(!1),this.resetOptions()}}handleEventPropagation(t){this._listContainer.hasChildNodes()&&this.stopPropagateEnterKeyEvent&&t.stopPropagation()}onTextInputFocusOutHandler(){this.hideErrorOnFocusOut&&this.cancelPreselection()}canShowListOptions(){return!this._showLoading&&this._visibleOptions.length>0}render(){return n.addIDInfoIfNotExists(this.el,"input"),o(e,null,o("ez-text-input",{"data-element-id":n.getInternalIDInfo("textInput"),class:"text-input-slot-container "+(this.suppressSearch?"suppressed-search-input":""),ref:t=>this._textInput=t,"data-slave-mode":"true",enabled:this.enabled&&!this.suppressSearch,onInput:t=>this.onTextInputChangeHandler(t),onClick:()=>this.onTextInputClickHandler(),onFocusout:()=>this.onTextInputFocusOutHandler(),onKeyDown:t=>this.keyDownHandler(t),label:this.label,canShowError:this.canShowError,errorMessage:this.errorMessage,mode:this.mode},o("button",{class:"btn",slot:"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.handlerIconClick()},o("ez-icon",{iconName:"chevron-down"}))),o("section",{class:"list-container",ref:t=>this._listContainer=t},o("div",{class:"list-wrapper",ref:t=>this._listWrapper=t},o("ul",{class:"list-options",ref:t=>this._optionsList=t},!this._showLoading&&0===this._visibleOptions.length&&o("div",{class:"message"},o("span",{class:"message__no-result"},this._textEmptyList)),this._showLoading&&o("div",{class:"message"},o("div",{class:"message__loading"})),this.showOptionValue?o("span",{class:"item__value item__value--hidden",ref:t=>this._itemValueBasis=t}):void 0,this.canShowListOptions()&&this._visibleOptions.map(((t,i)=>this.buildItem(t,i)))))))}get el(){return s(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"],options:["observeOptions"]}}};var c;!function(t){t.ADVANCED="ADVANCED",t.PRELOAD="PRELOAD",t.PREDICTIVE="PREDICTIVE"}(c||(c={})),b.style=":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box__min-width:0px;--ez-combo-box__max-width:100%;--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--line-height:calc(var(--text--medium, 14px) + 4px);--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) + 4px);--ez-combo-box__list-min-width:64px;--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-combo-box__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-combo-box__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-combo-box__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-combo-box__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__scrollbar--width:var(--space--small, 6px);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{min-width:var(--ez-combo-box__list-min-width);position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small) + 9px);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%;padding:0;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;gap:3px;scrollbar-color:var(--ez-combo-box__scrollbar--color-clicked) var(--ez-combo-box__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__scrollbar--color-background);width:var(--ez-combo-box__scrollbar--width);max-width:var(--ez-combo-box__scrollbar--width);min-width:var(--ez-combo-box__scrollbar--width)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__scrollbar--color-background);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__scrollbar--color-default);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-combo-box__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-combo-box__scrollbar--color-clicked)}.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: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-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size);line-height:var(--ez-combo-box--line-height)}.item__label{font-weight:var(--ez-combo-box--font-weight--medium)}.item__label--bold{font-weight:var(--ez-combo-box--font-weight--large)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;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:var(--ez-combo-box__list-height)}.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:14px;height:14px;-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;padding:0px;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}.text-input-slot-container{--ez-text-input__icon--width:32px;--ez-text-input__min-width:var(--ez-combo-box__min-width);--ez-text-input__max-width:var(--ez-combo-box__max-width)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{b as ez_combo_box}
|
|
1
|
+
import{r as t,c as i,h as o,H as e,g as s}from"./p-e4c7eb39.js";import{ObjectUtils as r,FloatingManager as l,StringUtils as a,ElementIDUtils as n}from"@sankhyalabs/core";import"./p-2187f86c.js";import{C as h}from"./p-ec7db713.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"./p-4607fb89.js";const b=class{constructor(o){t(this,o),this.ezChange=i(this,"ezChange",7),this._changeDeboucingTimeout=null,this._deboucingTime=300,this._maxWidthValue=0,this._tabPressed=!1,this._textEmptyList="Nenhum resultado encontrado",this._lookupMode=!1,this._preSelection=void 0,this._visibleOptions=void 0,this._startLoading=!1,this._showLoading=!0,this._criteria=void 0,this.limitCharsToSearch=3,this.value=void 0,this.label=void 0,this.enabled=!0,this.options=void 0,this.errorMessage=void 0,this.showSelectedValue=!1,this.showOptionValue=!1,this.suppressSearch=!1,this.optionLoader=void 0,this.suppressEmptyOption=!1,this.stopPropagateEnterKeyEvent=!0,this.canShowError=!0,this.mode="regular",this.hideErrorOnFocusOut=!0,this.listOptionsPosition=void 0,this.isTextSearch=!1,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.setInputValue())}observeValue(t,i){if(this._textInput&&t!=i)try{if("string"==typeof t)return void this.setInputValue();const o=this.getSelectedOption(t),e=this.getSelectedOption(i),s=this.getSelectedOption(this.value);this.isDifferentValues(s,o)&&(this.value=o),this.isDifferentValues(o,e)&&(this.setInputValue(),this._lookupMode||this.ezChange.emit(null===o?void 0:o)),this.resetOptions()}finally{this._lookupMode=!1}}observeOptions(t,i){r.equals(t,i)||this.loadOptions(c.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()}scrollListener(){var t;null!=this._floatingID&&((null===(t=this.listOptionsPosition)||void 0===t?void 0:t.hardPosition)?this.hideOptions():window.requestAnimationFrame((()=>{this.updateListPosition()})))}updateListPosition(){let{verticalPosition:t,horizontalPosition:i,fromBottom:o,fromRight:e,bottomLimit:s,hardPosition:r}=this.getListPosition();const l=this._listWrapper.getBoundingClientRect(),a=this._listContainer.getBoundingClientRect(),n=this._textInput.getBoundingClientRect(),h=s||window.innerHeight;!o&&(l.top<0||a.bottom+l.height>h)&&(o=!0),r||(t=t||0,i=i||0,o?t=window.innerHeight-n.top+t:t+=a.top,e?i=window.innerWidth-n.right+i:i+=a.left),null!=t&&(this._listWrapper.style[o?"bottom":"top"]=`${t}px`,this._listWrapper.style[o?"top":"bottom"]=""),null!=i&&(this._listWrapper.style[e?"right":"left"]=`${i}px`,this._listWrapper.style[e?"left":"right"]="")}getListPosition(){return this.listOptionsPosition?this.listOptionsPosition:{verticalPosition:6}}isDifferentValues(t,i){return r.objectToString(t||{})!==r.objectToString(i||{})}getFormattedText(t){if(null!=t)return this.showSelectedValue&&null!=t.value?t.label?`${t.value} - ${t.label}`:t.value:t.label}getText(){const t=this.getSelectedOption(this.value),i=this.getFormattedText(t);if(null!=i)return String(i).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,'"')}getSelectedOption(t){return"string"==typeof t||t instanceof String?this._visibleOptions.find((i=>i.value===t)):t}updateVisibleOptions(){let t=this._source||[];if(this._criteria){const i=this._criteria.toUpperCase();t=t.filter((t=>t.label.toLocaleUpperCase().indexOf(i)>-1))}this.hasToAddEmptyoption(t)&&(t=[{value:void 0,label:""}].concat(t)),this._visibleOptions=t,this._maxWidthValue=this.getMaxWidthValue()}hasToAddEmptyoption(t){return!this.suppressEmptyOption&&!t.filter((t=>!t.value)).length}getMaxWidthValue(){var t;if(this.showOptionValue){const i=[];return null===(t=this._visibleOptions)||void 0===t||t.forEach((t=>{const o=this.getWidthValue(t.value);i.includes(o)||i.push(o)})),i.length>1?Math.max(...i):0}return 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}buildItem(t,i){const e=this.showOptionValue&&this._maxWidthValue>0?`${this._maxWidthValue}px`:"";return t.label=t.label||t.value,o("li",{class:i===this._preSelection?"item preselected":"item",id:`item_${t.value}`,onMouseDown:()=>this.selectOption(t),onMouseOver:()=>this._preSelection=i},this.showOptionValue?o("span",{class:"item__value",title:t.value,style:{width:e,minWidth:e,maxWidth:e}},t.value):void 0,o("span",{class:"item__label "+(this.showOptionValue?"item__label--bold":""),title:t.label},t.label))}showOptions(){var t,i;if(!this.enabled)return;if(this.isOptionsVisible())return;const o=null!==(i=null===(t=this.value)||void 0===t?void 0:t.value)&&void 0!==i?i:this.value,e=this._visibleOptions.findIndex((t=>t.value===o));this._preSelection=-1===e?0:e,this._resizeObserver&&this._resizeObserver.observe(this._textInput),this._floatingID=l.float(this._listWrapper,this._listContainer,{autoClose:!0,isFixed:!0,backClickListener:()=>this.hideOptions()}),this.setFocus(),window.requestAnimationFrame((()=>{this.updateListPosition(),this.listOptionsPosition||this._listWrapper.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}))}hideOptions(){void 0!==this._floatingID&&l.close(this._floatingID),this._floatingID=void 0,this._resizeObserver&&this._resizeObserver.unobserve(this._textInput)}isOptionsVisible(){return void 0!==this._floatingID&&l.isFloating(this._floatingID)}nextOption(){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]))}previousOption(){this._preSelection=void 0===this._preSelection?0:Math.max(this._preSelection-1,0),this.scrollToOption(this._visibleOptions[this._preSelection])}scrollToOption(t){window.requestAnimationFrame((()=>{const i=(null==t?void 0:t.value)?this._optionsList.querySelector(`li#item_${t.value.replace(/[<>\[\]#=]/g,"\\$&").replace(/:/g,"\\:")}`):void 0;i&&i.scrollIntoView({behavior:"smooth",block:"nearest"})}))}selectCurrentOption(t=!0){void 0!==this._preSelection?(this.selectOption(this._visibleOptions[this._preSelection],t),this._preSelection=void 0):this.controlListWithOnlyOne(t)}controlListWithOnlyOne(t=!0){var i;const o=null===(i=this._visibleOptions)||void 0===i?void 0:i.filter((t=>""!==t.label&&null!=t.value));if((null==o?void 0:o.length)>0){let i=a.decodeHtmlEntities(o[0].label);this.selectOption({value:o[0].value,label:i},t)}}updateSource(t){this._startLoading=!1,t instanceof Promise?(this._showLoading=!0,t.then((t=>{this._showLoading=!1,this.updateSource(t)})).catch((()=>this._showLoading=!1)),this.updateVisibleOptions()):(this._showLoading=!1,Array.isArray(t)?(this._source=t,this.updateVisibleOptions(),this._tabPressed&&(this._tabPressed=!1)):this.selectOption(t))}selectOption(t,i=!0){var o,e;const s=this.getSelectedOption(this.value);(null===(o=null==s?void 0:s.value)||void 0===o?void 0:o.toString())!==(null===(e=null==t?void 0:t.value)||void 0===e?void 0:e.toString())||null==s&&null!=t&&"value"in t?this.value=(null==t?void 0:t.value)?t:void 0:this.resetOptions(),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.options)}cancelPreselection(){!this._textInput.value&&this.value?this.selectOption(void 0):window.setTimeout((()=>{this.setInputValue(!1)}),this._deboucingTime)}setInputValue(t=!0){const i=this.getText();(this._textInput.value||"")!==i&&(this._textInput.value=i,t&&(this.errorMessage=null))}clearSearch(){this.value=null}resetOptions(){this.hideOptions(),this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions()}componentWillLoad(){if(void 0===this.options){this.options=[];const t=this.el.querySelectorAll("option");t&&t.forEach((t=>{let i=t.innerText,o=t.getAttribute("value");o||(o=i),this.options.push({label:i,value:o}),t.hidden=!0}))}this.loadOptions(c.PRELOAD)}componentDidRender(){var t;void 0===this._floatingID&&this._listWrapper.remove(),null===(t=this._optionsList)||void 0===t||t.querySelectorAll(".item").forEach((t=>{n.addIDInfoIfNotExists(t,"itemComboBox")}))}componentDidLoad(){h.applyVarsTextInput(this.el,this._textInput),this.setInputValue(!1),this._resizeObserver=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{if(!Array.isArray(t)||!t.length)return;const{clientWidth:i}=this._listContainer;i>0&&this._listWrapper&&(this._listWrapper.style.width=`${i}px`)}))})),this.autoFocus&&requestAnimationFrame((()=>{this.setFocus({selectText:!0})}))}handlerIconClick(){this.showOptions()}onTextInputChangeHandler(t){var i;if(this.clearDeboucingTimeout(),this._startLoading)return void(this._changeDeboucingTimeout=window.setTimeout((()=>{this.onTextInputChangeHandler(t)}),this._deboucingTime));const o=null===(i=t.target.value)||void 0===i?void 0:i.trim();this._criteria||(this._textInput.value=t.data||o),this._criteria=o,o?(this.updateVisibleOptions(),this.showOptions()):(this._preSelection=void 0,this.updateVisibleOptions())}clearDeboucingTimeout(){this._changeDeboucingTimeout&&(window.clearTimeout(this._changeDeboucingTimeout),this._changeDeboucingTimeout=null)}onTextInputClickHandler(){this.showOptions()}keyDownHandler(t){switch(this._tabPressed=!1,t.ctrlKey&&("f"!==t.key&&"F"!==t.key||(this.loadOptions(c.ADVANCED),t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault())),t.key){case"ArrowDown":t.stopPropagation(),this.canShowListOptions()&&t.preventDefault(),this.showOptions(),this.nextOption();break;case"ArrowUp":t.stopPropagation(),this.canShowListOptions()&&t.preventDefault(),this.showOptions(),this.previousOption();break;case"Enter":this.handleEventPropagation(t),this.isOptionsVisible()&&this.selectCurrentOption();break;case"Escape":this.isOptionsVisible()&&t.stopPropagation(),this.cancelPreselection(),this.resetOptions();break;case"Tab":this._tabPressed=!0,this.isOptionsVisible()&&this.selectCurrentOption(!1),this.resetOptions()}}handleEventPropagation(t){this._listContainer.hasChildNodes()&&this.stopPropagateEnterKeyEvent&&t.stopPropagation()}onTextInputFocusOutHandler(){this.hideErrorOnFocusOut&&this.cancelPreselection()}canShowListOptions(){return!this._showLoading&&this._visibleOptions.length>0}render(){return n.addIDInfoIfNotExists(this.el,"input"),o(e,null,o("ez-text-input",{"data-element-id":n.getInternalIDInfo("textInput"),class:"text-input-slot-container "+(this.suppressSearch?"suppressed-search-input":""),ref:t=>this._textInput=t,"data-slave-mode":"true",enabled:this.enabled&&!this.suppressSearch,onInput:t=>this.onTextInputChangeHandler(t),onClick:()=>this.onTextInputClickHandler(),onFocusout:()=>this.onTextInputFocusOutHandler(),onKeyDown:t=>this.keyDownHandler(t),label:this.label,canShowError:this.canShowError,errorMessage:this.errorMessage,mode:this.mode},o("button",{class:"btn",slot:"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.handlerIconClick()},o("ez-icon",{iconName:"chevron-down"}))),o("section",{class:"list-container",ref:t=>this._listContainer=t},o("div",{class:"list-wrapper",ref:t=>this._listWrapper=t},o("ul",{class:"list-options",ref:t=>this._optionsList=t},!this._showLoading&&0===this._visibleOptions.length&&o("div",{class:"message"},o("span",{class:"message__no-result"},this._textEmptyList)),this._showLoading&&o("div",{class:"message"},o("div",{class:"message__loading"})),this.showOptionValue?o("span",{class:"item__value item__value--hidden",ref:t=>this._itemValueBasis=t}):void 0,this.canShowListOptions()&&this._visibleOptions.map(((t,i)=>this.buildItem(t,i)))))))}get el(){return s(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"],options:["observeOptions"]}}};var c;!function(t){t.ADVANCED="ADVANCED",t.PRELOAD="PRELOAD",t.PREDICTIVE="PREDICTIVE"}(c||(c={})),b.style=":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box__min-width:0px;--ez-combo-box__max-width:100%;--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--line-height:calc(var(--text--medium, 14px) + 4px);--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) + 4px);--ez-combo-box__list-min-width:64px;--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-combo-box__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-combo-box__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-combo-box__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-combo-box__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__scrollbar--width:var(--space--small, 6px);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{min-width:var(--ez-combo-box__list-min-width);position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small) + 9px);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%;padding:0;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;gap:3px;scrollbar-color:var(--ez-combo-box__scrollbar--color-clicked) var(--ez-combo-box__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__scrollbar--color-background);width:var(--ez-combo-box__scrollbar--width);max-width:var(--ez-combo-box__scrollbar--width);min-width:var(--ez-combo-box__scrollbar--width)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__scrollbar--color-background);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__scrollbar--color-default);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-combo-box__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-combo-box__scrollbar--color-clicked)}.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: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-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size);line-height:var(--ez-combo-box--line-height)}.item__label{font-weight:var(--ez-combo-box--font-weight--medium)}.item__label--bold{font-weight:var(--ez-combo-box--font-weight--large)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;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:var(--ez-combo-box__list-height)}.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:14px;height:14px;-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;padding:0px;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}.text-input-slot-container{--ez-text-input__icon--width:32px;--ez-text-input__min-width:var(--ez-combo-box__min-width);--ez-text-input__max-width:var(--ez-combo-box__max-width)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{b as ez_combo_box}
|
|
@@ -24,7 +24,12 @@ export declare class EzBadge {
|
|
|
24
24
|
* Define a posição do ícone em relação ao elemento filho.
|
|
25
25
|
*/
|
|
26
26
|
position: IPosition;
|
|
27
|
+
/**
|
|
28
|
+
* Define a posição do ícone em relação ao elemento.
|
|
29
|
+
*/
|
|
30
|
+
alignItems: "center" | "flex-end" | "flex-start";
|
|
27
31
|
private getIconSize;
|
|
32
|
+
private getAlignItemsClass;
|
|
28
33
|
componentDidLoad(): void;
|
|
29
34
|
private handleSlotChange;
|
|
30
35
|
private validateIconLeft;
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
2
|
export declare class EzPopoverPlus {
|
|
3
|
-
private
|
|
3
|
+
private _box;
|
|
4
|
+
private _overlay;
|
|
5
|
+
private _overlayIsActive;
|
|
6
|
+
private _timeoutDebounce;
|
|
7
|
+
private _resizeObserver;
|
|
8
|
+
private TIME_DEBOUNCE;
|
|
4
9
|
_host: HTMLElement;
|
|
5
10
|
/**
|
|
6
11
|
* Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
|
|
@@ -21,20 +26,16 @@ export declare class EzPopoverPlus {
|
|
|
21
26
|
/**
|
|
22
27
|
* Define o elemento de ancoragem.
|
|
23
28
|
*/
|
|
24
|
-
anchorElement:
|
|
29
|
+
anchorElement: HTMLElement | string;
|
|
25
30
|
/**
|
|
26
31
|
* Define as opções do elemento.
|
|
27
32
|
*/
|
|
28
33
|
options: IEzPopoverAnchorOptions;
|
|
29
|
-
/**
|
|
30
|
-
* Define se o elemento manterá o mesmo tamanho do componente de ancora.
|
|
31
|
-
*/
|
|
32
|
-
useAnchorSize: boolean;
|
|
33
34
|
/**
|
|
34
35
|
* Emitido quando acontece a alteração de estado do componente.
|
|
35
36
|
*/
|
|
36
37
|
ezVisibilityChange: EventEmitter<boolean>;
|
|
37
|
-
observeOpened(newValue: boolean): Promise<void>;
|
|
38
|
+
observeOpened(newValue: boolean, oldValue: boolean): Promise<void>;
|
|
38
39
|
/**
|
|
39
40
|
* Atualiza a posição do popover.
|
|
40
41
|
*/
|
|
@@ -59,7 +60,18 @@ export declare class EzPopoverPlus {
|
|
|
59
60
|
* Altera o elemento de ancoragem.
|
|
60
61
|
*/
|
|
61
62
|
setAnchorElement(anchor: HTMLElement | string): Promise<void>;
|
|
62
|
-
private
|
|
63
|
+
private parseSizePixel;
|
|
64
|
+
private updateOptionPosition;
|
|
65
|
+
private updatePositionPopover;
|
|
66
|
+
private hidePopover;
|
|
67
|
+
private openPopover;
|
|
68
|
+
private openOverlay;
|
|
69
|
+
private hideOverlay;
|
|
70
|
+
private checkStatusOverlay;
|
|
71
|
+
private updatePositionDebounce;
|
|
72
|
+
componentWillLoad(): void;
|
|
73
|
+
componentDidLoad(): void;
|
|
74
|
+
disconnectedCallback(): void;
|
|
63
75
|
render(): any;
|
|
64
76
|
}
|
|
65
77
|
export interface IEzPopoverAnchorOptions {
|
|
@@ -3,10 +3,11 @@ import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
|
|
|
3
3
|
import { TFocusOptions } from "../ez-text-input/ez-text-input";
|
|
4
4
|
export declare class EzSearch {
|
|
5
5
|
private _textInput;
|
|
6
|
-
private _searchList;
|
|
7
6
|
private _optionsList;
|
|
8
|
-
private
|
|
7
|
+
private _listContainer;
|
|
8
|
+
private _listWrapper;
|
|
9
9
|
private _itemValueBasis;
|
|
10
|
+
private _floatingID;
|
|
10
11
|
private _source;
|
|
11
12
|
private _changeDeboucingTimeout;
|
|
12
13
|
private _limitCharsToSearch;
|
|
@@ -137,20 +138,30 @@ export declare class EzSearch {
|
|
|
137
138
|
* Limpa o valor do campo de pesquisa
|
|
138
139
|
*/
|
|
139
140
|
clearValue(): Promise<void>;
|
|
141
|
+
scrollListener(): void;
|
|
140
142
|
private handleValueAsString;
|
|
143
|
+
private updateListPosition;
|
|
144
|
+
private getListPosition;
|
|
141
145
|
private isDifferentValues;
|
|
142
146
|
private getFormattedText;
|
|
143
147
|
private getText;
|
|
148
|
+
private replaceQuotes;
|
|
144
149
|
private getSelectedOption;
|
|
145
150
|
private updateVisibleOptions;
|
|
146
151
|
private getMaxWidthValue;
|
|
147
152
|
private getWidthValue;
|
|
153
|
+
private createOption;
|
|
154
|
+
private buildItem;
|
|
148
155
|
private showOptions;
|
|
149
156
|
private hideOptions;
|
|
150
157
|
private isOptionsVisible;
|
|
158
|
+
private nextOption;
|
|
159
|
+
private previousOption;
|
|
160
|
+
private scrollToOption;
|
|
151
161
|
private selectCurrentOption;
|
|
152
162
|
private updateSource;
|
|
153
163
|
private clearSource;
|
|
164
|
+
private replaceHighlight;
|
|
154
165
|
private selectOption;
|
|
155
166
|
private loadOptions;
|
|
156
167
|
private cancelPreselection;
|
|
@@ -179,7 +190,6 @@ export declare class EzSearch {
|
|
|
179
190
|
private onTextInputFocusOutHandler;
|
|
180
191
|
private canShowListOptions;
|
|
181
192
|
private canShowLoadSpinDescription;
|
|
182
|
-
private onChangePreSelection;
|
|
183
193
|
render(): any;
|
|
184
194
|
}
|
|
185
195
|
export interface IOption {
|
|
@@ -33,8 +33,7 @@ import { ListGroup, ListItem as ListItem1, SlotBuilder as SlotBuilder1, TListMod
|
|
|
33
33
|
import { THeightMode } from "./components/ez-modal/ez-modal";
|
|
34
34
|
import { IMultiSelectionOption } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionOption";
|
|
35
35
|
import { IEzPopoverAnchorOptions } from "./components/ez-popover/ez-popover";
|
|
36
|
-
import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions1 } from "./components/ez-popover-plus/
|
|
37
|
-
import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions2 } from "./components/ez-popover-plus/ez-popover-plus";
|
|
36
|
+
import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions1 } from "./components/ez-popover-plus/ez-popover-plus";
|
|
38
37
|
import { Radio } from "./components/ez-radio-button/ez-radio-button";
|
|
39
38
|
import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
|
|
40
39
|
import { IOption as IOption1, ISearchArgument as ISearchArgument1 } from "./components/ez-search/ez-search";
|
|
@@ -47,7 +46,6 @@ import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
|
|
|
47
46
|
import { Node } from "./components/ez-tree/types/Node";
|
|
48
47
|
import { EzFile } from "./components/ez-upload/ez-upload";
|
|
49
48
|
import { IAppliedFilterColumnOptions, IFilterColumnConfigs } from "./components/ez-grid/subcomponents/filter-column";
|
|
50
|
-
import { IOption as IOption2 } from "./components/ez-search/ez-search";
|
|
51
49
|
export namespace Components {
|
|
52
50
|
interface EzActionsButton {
|
|
53
51
|
/**
|
|
@@ -134,6 +132,10 @@ export namespace Components {
|
|
|
134
132
|
interface EzApplication {
|
|
135
133
|
}
|
|
136
134
|
interface EzBadge {
|
|
135
|
+
/**
|
|
136
|
+
* Define a posição do ícone em relação ao elemento.
|
|
137
|
+
*/
|
|
138
|
+
"alignItems": "center" | "flex-end" | "flex-start";
|
|
137
139
|
/**
|
|
138
140
|
* Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
|
|
139
141
|
*/
|
|
@@ -1327,69 +1329,11 @@ export namespace Components {
|
|
|
1327
1329
|
*/
|
|
1328
1330
|
"updatePosition": (top?: string, left?: string) => Promise<void>;
|
|
1329
1331
|
}
|
|
1330
|
-
interface EzPopoverCore {
|
|
1331
|
-
/**
|
|
1332
|
-
* Define o elemento de ancoragem.
|
|
1333
|
-
*/
|
|
1334
|
-
"anchorElement": Array<HTMLElement | string> | HTMLElement | string;
|
|
1335
|
-
/**
|
|
1336
|
-
* Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
|
|
1337
|
-
*/
|
|
1338
|
-
"autoClose": boolean;
|
|
1339
|
-
/**
|
|
1340
|
-
* Ajusta o comportamento da largura do popover.
|
|
1341
|
-
*/
|
|
1342
|
-
"boxWidth": "full-width" | "fit-content";
|
|
1343
|
-
/**
|
|
1344
|
-
* Oculta o ez-popover.
|
|
1345
|
-
*/
|
|
1346
|
-
"hide": () => Promise<void>;
|
|
1347
|
-
/**
|
|
1348
|
-
* Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
|
|
1349
|
-
*/
|
|
1350
|
-
"minWidth": number;
|
|
1351
|
-
/**
|
|
1352
|
-
* Define se o ez-popover está aberto.
|
|
1353
|
-
*/
|
|
1354
|
-
"opened": boolean;
|
|
1355
|
-
/**
|
|
1356
|
-
* Define as opções do elemento.
|
|
1357
|
-
*/
|
|
1358
|
-
"options": IEzPopoverAnchorOptions;
|
|
1359
|
-
/**
|
|
1360
|
-
* Define o tipo de overlay do popover.
|
|
1361
|
-
*/
|
|
1362
|
-
"overlayType": "medium" | "light" | "none";
|
|
1363
|
-
/**
|
|
1364
|
-
* Altera o elemento de ancoragem.
|
|
1365
|
-
*/
|
|
1366
|
-
"setAnchorElement": (anchor: HTMLElement | string) => Promise<void>;
|
|
1367
|
-
/**
|
|
1368
|
-
* Altera as opções.
|
|
1369
|
-
*/
|
|
1370
|
-
"setOptions": (options: IEzPopoverAnchorOptions) => Promise<void>;
|
|
1371
|
-
/**
|
|
1372
|
-
* Exibe o ez-popover.
|
|
1373
|
-
*/
|
|
1374
|
-
"show": (top?: string | number, left?: string | number) => Promise<void>;
|
|
1375
|
-
/**
|
|
1376
|
-
* Ancora a exibição do popOver a um elemento HTML.
|
|
1377
|
-
*/
|
|
1378
|
-
"showUnder": (element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise<void>;
|
|
1379
|
-
/**
|
|
1380
|
-
* Atualiza a posição do popover.
|
|
1381
|
-
*/
|
|
1382
|
-
"updatePosition": (top?: string, left?: string) => Promise<void>;
|
|
1383
|
-
/**
|
|
1384
|
-
* Define se o elemento manterá o mesmo tamanho do componente de ancora.
|
|
1385
|
-
*/
|
|
1386
|
-
"useAnchorSize": boolean;
|
|
1387
|
-
}
|
|
1388
1332
|
interface EzPopoverPlus {
|
|
1389
1333
|
/**
|
|
1390
1334
|
* Define o elemento de ancoragem.
|
|
1391
1335
|
*/
|
|
1392
|
-
"anchorElement":
|
|
1336
|
+
"anchorElement": HTMLElement | string;
|
|
1393
1337
|
/**
|
|
1394
1338
|
* Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
|
|
1395
1339
|
*/
|
|
@@ -1434,10 +1378,6 @@ export namespace Components {
|
|
|
1434
1378
|
* Atualiza a posição do popover.
|
|
1435
1379
|
*/
|
|
1436
1380
|
"updatePosition": (top?: string, left?: string) => Promise<void>;
|
|
1437
|
-
/**
|
|
1438
|
-
* Define se o elemento manterá o mesmo tamanho do componente de ancora.
|
|
1439
|
-
*/
|
|
1440
|
-
"useAnchorSize": boolean;
|
|
1441
1381
|
}
|
|
1442
1382
|
interface EzPopup {
|
|
1443
1383
|
/**
|
|
@@ -2140,17 +2080,6 @@ export namespace Components {
|
|
|
2140
2080
|
interface MultiSelectionBoxMessage {
|
|
2141
2081
|
"message": string;
|
|
2142
2082
|
}
|
|
2143
|
-
interface SearchList {
|
|
2144
|
-
"canShowListOptions": boolean;
|
|
2145
|
-
"nextOption": () => Promise<void>;
|
|
2146
|
-
"preSelection": number;
|
|
2147
|
-
"previousOption": () => Promise<void>;
|
|
2148
|
-
"showLoading": boolean;
|
|
2149
|
-
"showOptionValue": boolean;
|
|
2150
|
-
"textEmptyList": string;
|
|
2151
|
-
"value": IOption2 | string;
|
|
2152
|
-
"visibleOptions": Array<IOption2>;
|
|
2153
|
-
}
|
|
2154
2083
|
}
|
|
2155
2084
|
export interface EzActionsButtonCustomEvent<T> extends CustomEvent<T> {
|
|
2156
2085
|
detail: T;
|
|
@@ -2260,10 +2189,6 @@ export interface EzPopoverCustomEvent<T> extends CustomEvent<T> {
|
|
|
2260
2189
|
detail: T;
|
|
2261
2190
|
target: HTMLEzPopoverElement;
|
|
2262
2191
|
}
|
|
2263
|
-
export interface EzPopoverCoreCustomEvent<T> extends CustomEvent<T> {
|
|
2264
|
-
detail: T;
|
|
2265
|
-
target: HTMLEzPopoverCoreElement;
|
|
2266
|
-
}
|
|
2267
2192
|
export interface EzPopoverPlusCustomEvent<T> extends CustomEvent<T> {
|
|
2268
2193
|
detail: T;
|
|
2269
2194
|
target: HTMLEzPopoverPlusElement;
|
|
@@ -2328,10 +2253,6 @@ export interface FilterColumnCustomEvent<T> extends CustomEvent<T> {
|
|
|
2328
2253
|
detail: T;
|
|
2329
2254
|
target: HTMLFilterColumnElement;
|
|
2330
2255
|
}
|
|
2331
|
-
export interface SearchListCustomEvent<T> extends CustomEvent<T> {
|
|
2332
|
-
detail: T;
|
|
2333
|
-
target: HTMLSearchListElement;
|
|
2334
|
-
}
|
|
2335
2256
|
declare global {
|
|
2336
2257
|
interface HTMLEzActionsButtonElement extends Components.EzActionsButton, HTMLStencilElement {
|
|
2337
2258
|
}
|
|
@@ -2537,12 +2458,6 @@ declare global {
|
|
|
2537
2458
|
prototype: HTMLEzPopoverElement;
|
|
2538
2459
|
new (): HTMLEzPopoverElement;
|
|
2539
2460
|
};
|
|
2540
|
-
interface HTMLEzPopoverCoreElement extends Components.EzPopoverCore, HTMLStencilElement {
|
|
2541
|
-
}
|
|
2542
|
-
var HTMLEzPopoverCoreElement: {
|
|
2543
|
-
prototype: HTMLEzPopoverCoreElement;
|
|
2544
|
-
new (): HTMLEzPopoverCoreElement;
|
|
2545
|
-
};
|
|
2546
2461
|
interface HTMLEzPopoverPlusElement extends Components.EzPopoverPlus, HTMLStencilElement {
|
|
2547
2462
|
}
|
|
2548
2463
|
var HTMLEzPopoverPlusElement: {
|
|
@@ -2681,12 +2596,6 @@ declare global {
|
|
|
2681
2596
|
prototype: HTMLMultiSelectionBoxMessageElement;
|
|
2682
2597
|
new (): HTMLMultiSelectionBoxMessageElement;
|
|
2683
2598
|
};
|
|
2684
|
-
interface HTMLSearchListElement extends Components.SearchList, HTMLStencilElement {
|
|
2685
|
-
}
|
|
2686
|
-
var HTMLSearchListElement: {
|
|
2687
|
-
prototype: HTMLSearchListElement;
|
|
2688
|
-
new (): HTMLSearchListElement;
|
|
2689
|
-
};
|
|
2690
2599
|
interface HTMLElementTagNameMap {
|
|
2691
2600
|
"ez-actions-button": HTMLEzActionsButtonElement;
|
|
2692
2601
|
"ez-alert": HTMLEzAlertElement;
|
|
@@ -2722,7 +2631,6 @@ declare global {
|
|
|
2722
2631
|
"ez-multi-selection-list": HTMLEzMultiSelectionListElement;
|
|
2723
2632
|
"ez-number-input": HTMLEzNumberInputElement;
|
|
2724
2633
|
"ez-popover": HTMLEzPopoverElement;
|
|
2725
|
-
"ez-popover-core": HTMLEzPopoverCoreElement;
|
|
2726
2634
|
"ez-popover-plus": HTMLEzPopoverPlusElement;
|
|
2727
2635
|
"ez-popup": HTMLEzPopupElement;
|
|
2728
2636
|
"ez-radio-button": HTMLEzRadioButtonElement;
|
|
@@ -2746,7 +2654,6 @@ declare global {
|
|
|
2746
2654
|
"ez-view-stack": HTMLEzViewStackElement;
|
|
2747
2655
|
"filter-column": HTMLFilterColumnElement;
|
|
2748
2656
|
"multi-selection-box-message": HTMLMultiSelectionBoxMessageElement;
|
|
2749
|
-
"search-list": HTMLSearchListElement;
|
|
2750
2657
|
}
|
|
2751
2658
|
}
|
|
2752
2659
|
declare namespace LocalJSX {
|
|
@@ -2839,6 +2746,10 @@ declare namespace LocalJSX {
|
|
|
2839
2746
|
"onApplicationLoaded"?: (event: EzApplicationCustomEvent<boolean>) => void;
|
|
2840
2747
|
}
|
|
2841
2748
|
interface EzBadge {
|
|
2749
|
+
/**
|
|
2750
|
+
* Define a posição do ícone em relação ao elemento.
|
|
2751
|
+
*/
|
|
2752
|
+
"alignItems"?: "center" | "flex-end" | "flex-start";
|
|
2842
2753
|
/**
|
|
2843
2754
|
* Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
|
|
2844
2755
|
*/
|
|
@@ -3936,49 +3847,11 @@ declare namespace LocalJSX {
|
|
|
3936
3847
|
*/
|
|
3937
3848
|
"overlayType"?: "medium" | "light" | "none";
|
|
3938
3849
|
}
|
|
3939
|
-
interface EzPopoverCore {
|
|
3940
|
-
/**
|
|
3941
|
-
* Define o elemento de ancoragem.
|
|
3942
|
-
*/
|
|
3943
|
-
"anchorElement"?: Array<HTMLElement | string> | HTMLElement | string;
|
|
3944
|
-
/**
|
|
3945
|
-
* Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
|
|
3946
|
-
*/
|
|
3947
|
-
"autoClose"?: boolean;
|
|
3948
|
-
/**
|
|
3949
|
-
* Ajusta o comportamento da largura do popover.
|
|
3950
|
-
*/
|
|
3951
|
-
"boxWidth"?: "full-width" | "fit-content";
|
|
3952
|
-
/**
|
|
3953
|
-
* Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
|
|
3954
|
-
*/
|
|
3955
|
-
"minWidth"?: number;
|
|
3956
|
-
/**
|
|
3957
|
-
* Emitido quando acontece a alteração de estado do componente.
|
|
3958
|
-
*/
|
|
3959
|
-
"onEzVisibilityChange"?: (event: EzPopoverCoreCustomEvent<boolean>) => void;
|
|
3960
|
-
/**
|
|
3961
|
-
* Define se o ez-popover está aberto.
|
|
3962
|
-
*/
|
|
3963
|
-
"opened"?: boolean;
|
|
3964
|
-
/**
|
|
3965
|
-
* Define as opções do elemento.
|
|
3966
|
-
*/
|
|
3967
|
-
"options"?: IEzPopoverAnchorOptions;
|
|
3968
|
-
/**
|
|
3969
|
-
* Define o tipo de overlay do popover.
|
|
3970
|
-
*/
|
|
3971
|
-
"overlayType"?: "medium" | "light" | "none";
|
|
3972
|
-
/**
|
|
3973
|
-
* Define se o elemento manterá o mesmo tamanho do componente de ancora.
|
|
3974
|
-
*/
|
|
3975
|
-
"useAnchorSize"?: boolean;
|
|
3976
|
-
}
|
|
3977
3850
|
interface EzPopoverPlus {
|
|
3978
3851
|
/**
|
|
3979
3852
|
* Define o elemento de ancoragem.
|
|
3980
3853
|
*/
|
|
3981
|
-
"anchorElement"?:
|
|
3854
|
+
"anchorElement"?: HTMLElement | string;
|
|
3982
3855
|
/**
|
|
3983
3856
|
* Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
|
|
3984
3857
|
*/
|
|
@@ -4003,10 +3876,6 @@ declare namespace LocalJSX {
|
|
|
4003
3876
|
* Define o tipo de overlay do popover.
|
|
4004
3877
|
*/
|
|
4005
3878
|
"overlayType"?: "medium" | "light" | "none";
|
|
4006
|
-
/**
|
|
4007
|
-
* Define se o elemento manterá o mesmo tamanho do componente de ancora.
|
|
4008
|
-
*/
|
|
4009
|
-
"useAnchorSize"?: boolean;
|
|
4010
3879
|
}
|
|
4011
3880
|
interface EzPopup {
|
|
4012
3881
|
/**
|
|
@@ -4640,17 +4509,6 @@ declare namespace LocalJSX {
|
|
|
4640
4509
|
interface MultiSelectionBoxMessage {
|
|
4641
4510
|
"message"?: string;
|
|
4642
4511
|
}
|
|
4643
|
-
interface SearchList {
|
|
4644
|
-
"canShowListOptions"?: boolean;
|
|
4645
|
-
"onChangePreSelection"?: (event: SearchListCustomEvent<number>) => void;
|
|
4646
|
-
"onChangeValue"?: (event: SearchListCustomEvent<IOption2>) => void;
|
|
4647
|
-
"preSelection"?: number;
|
|
4648
|
-
"showLoading"?: boolean;
|
|
4649
|
-
"showOptionValue"?: boolean;
|
|
4650
|
-
"textEmptyList"?: string;
|
|
4651
|
-
"value"?: IOption2 | string;
|
|
4652
|
-
"visibleOptions"?: Array<IOption2>;
|
|
4653
|
-
}
|
|
4654
4512
|
interface IntrinsicElements {
|
|
4655
4513
|
"ez-actions-button": EzActionsButton;
|
|
4656
4514
|
"ez-alert": EzAlert;
|
|
@@ -4686,7 +4544,6 @@ declare namespace LocalJSX {
|
|
|
4686
4544
|
"ez-multi-selection-list": EzMultiSelectionList;
|
|
4687
4545
|
"ez-number-input": EzNumberInput;
|
|
4688
4546
|
"ez-popover": EzPopover;
|
|
4689
|
-
"ez-popover-core": EzPopoverCore;
|
|
4690
4547
|
"ez-popover-plus": EzPopoverPlus;
|
|
4691
4548
|
"ez-popup": EzPopup;
|
|
4692
4549
|
"ez-radio-button": EzRadioButton;
|
|
@@ -4710,7 +4567,6 @@ declare namespace LocalJSX {
|
|
|
4710
4567
|
"ez-view-stack": EzViewStack;
|
|
4711
4568
|
"filter-column": FilterColumn;
|
|
4712
4569
|
"multi-selection-box-message": MultiSelectionBoxMessage;
|
|
4713
|
-
"search-list": SearchList;
|
|
4714
4570
|
}
|
|
4715
4571
|
}
|
|
4716
4572
|
export { LocalJSX as JSX };
|
|
@@ -4751,7 +4607,6 @@ declare module "@stencil/core" {
|
|
|
4751
4607
|
"ez-multi-selection-list": LocalJSX.EzMultiSelectionList & JSXBase.HTMLAttributes<HTMLEzMultiSelectionListElement>;
|
|
4752
4608
|
"ez-number-input": LocalJSX.EzNumberInput & JSXBase.HTMLAttributes<HTMLEzNumberInputElement>;
|
|
4753
4609
|
"ez-popover": LocalJSX.EzPopover & JSXBase.HTMLAttributes<HTMLEzPopoverElement>;
|
|
4754
|
-
"ez-popover-core": LocalJSX.EzPopoverCore & JSXBase.HTMLAttributes<HTMLEzPopoverCoreElement>;
|
|
4755
4610
|
"ez-popover-plus": LocalJSX.EzPopoverPlus & JSXBase.HTMLAttributes<HTMLEzPopoverPlusElement>;
|
|
4756
4611
|
"ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
|
|
4757
4612
|
"ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
|
|
@@ -4775,7 +4630,6 @@ declare module "@stencil/core" {
|
|
|
4775
4630
|
"ez-view-stack": LocalJSX.EzViewStack & JSXBase.HTMLAttributes<HTMLEzViewStackElement>;
|
|
4776
4631
|
"filter-column": LocalJSX.FilterColumn & JSXBase.HTMLAttributes<HTMLFilterColumnElement>;
|
|
4777
4632
|
"multi-selection-box-message": LocalJSX.MultiSelectionBoxMessage & JSXBase.HTMLAttributes<HTMLMultiSelectionBoxMessageElement>;
|
|
4778
|
-
"search-list": LocalJSX.SearchList & JSXBase.HTMLAttributes<HTMLSearchListElement>;
|
|
4779
4633
|
}
|
|
4780
4634
|
}
|
|
4781
4635
|
}
|
package/package.json
CHANGED