@sankhyalabs/ezui 7.2.0-rc.8 → 7.2.0

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

@@ -0,0 +1 @@
+import{r as i,c as t,h as e,H as s,g as r}from"./p-23a36bb6.js";import{StringUtils as o,ElementIDUtils as a,ObjectUtils as l,HTMLBuilder as n,KeyboardManager as c}from"@sankhyalabs/core";import{a as h,r as d}from"./p-88a115b3.js";import{i as u}from"./p-3b7d9f30.js";import{C as m}from"./p-5895e687.js";import{R as p,a as b}from"./p-3e767a74.js";import{p as v}from"./p-5c440899.js";import{A as g}from"./p-320c401f.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"./p-47e4a8ce.js";import"./p-112455b1.js";const _=class{constructor(e){i(this,e),this.changeValue=t(this,"changeValue",7),this.changePreSelection=t(this,"changePreSelection",7),this._startHighlightTag="<span class='card-item__highlight'>",this._endHighlightTag="</span>",this.MAX_HEIGHT=350,this.HEADER_MENU_HEIGHT=60,this.showLoading=void 0,this.visibleOptions=[],this.textEmptyList=void 0,this.canShowListOptions=void 0,this.value=void 0,this.showOptionValue=!0,this.preSelection=void 0}async nextOption(){const i=void 0===this.preSelection?0:Math.min(this.preSelection+1,this.visibleOptions.length-1);this.changePreSelection.emit(i),this.scrollToOption(this.visibleOptions[i])}async previousOption(){const i=void 0===this.preSelection?0:Math.max(this.preSelection-1,0);this.changePreSelection.emit(i),this.scrollToOption(this.visibleOptions[i])}selectOption(i){const t=Object.assign(Object.assign({},i),{value:h(null==i?void 0:i.value),label:h(null==i?void 0:i.label)}),e=Object.assign(Object.assign({},t),{value:d(null==t?void 0:t.value),label:d(null==t?void 0:t.label)});this.changeValue.emit(e)}createOption(i){let{key:t,title:e}=i;const s=new RegExp(this._startHighlightTag,"g"),r=new RegExp(this._endHighlightTag,"g");e=o.decodeHtmlEntities(e);const a={value:null==t?void 0:t.replace(s,"").replace(r,""),label:null==e?void 0:e.replace(s,"").replace(r,"")};this.selectOption(a)}scrollToOption(i){window.requestAnimationFrame((()=>{const t=(null==i?void 0:i.value)?this._optionsList.querySelector(`div#item_${i.value.replace(/([ #;&,.+*~':"!^$[\]()=<>|/\\])/g,"\\$1")}`):void 0;t&&t.scrollIntoView({behavior:"smooth",block:"nearest"})}))}buildItem(i,t){i.label=i.label||i.value;const s={key:i.value,title:i.label,details:i.details};return e("div",{style:{height:"100%"},class:t===this.preSelection?"item preselected":"item",id:`item_${i.value}`,onMouseDown:()=>this.createOption(s),onMouseOver:()=>this.changePreSelection.emit(t)},e("ez-card-item",{item:s,compacted:!0,enableKey:this.showOptionValue}))}componentDidLoad(){this._optionsList&&(this._optionsList.style.maxHeight=`${this.MAX_HEIGHT}px`)}componentDidUpdate(){if(this._optionsList){const i=this._optionsList.getBoundingClientRect();window.innerHeight-i.bottom<0&&this.adjustMaxHeight(i)}}adjustMaxHeight(i){if(this._optionsList){const t=Math.min(i.top-this.HEADER_MENU_HEIGHT,this.MAX_HEIGHT);this._optionsList.style.maxHeight=`${t}px`}}cleanEmptyObjectArray(i){return i.filter((i=>void 0!==(null==i?void 0:i.value)))}render(){return e(s,null,e("ul",{class:"list-options",ref:i=>this._optionsList=i},!this.showLoading&&0===this.cleanEmptyObjectArray(this.visibleOptions).length&&e("div",{class:"message"},e("span",{class:"message__no-result"},this.textEmptyList)),this.showLoading&&e("div",{class:"message"},e("div",{class:"message__loading"})),this.canShowListOptions&&this.visibleOptions.map(((i,t)=>this.buildItem(i,t)))))}};_.style=":host{--ez-classic-search__list-title--primary:var(--title--primary, #2B3A54);--ez-classic-search__list-text--primary:var(--text--primary, #626e82);--ez-classic-search__list-height:calc(var(--ez-classic-search--font-size) + var(--ez-classic-search--space--medium) + 4px);--ez-classic-search__list-min-width:64px;--ez-classic-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-classic-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-classic-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-classic-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-classic-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-classic-search__scrollbar--width:var(--space--small, 6px);--ez-classic-search--border-radius-small:var(--border--radius-small, 6px);--ez-classic-search--font-size:var(--text--medium, 14px);--ez-classic-search--font-family:var(--font-pattern, Arial);--ez-classic-search--font-weight--large:var(--text-weight--large, 500);--ez-classic-search--font-weight--medium:var(--text-weight--medium, 400);--ez-classic-search--background-medium:var(--background--medium, #f0f3f7);--ez-classic-search--line-height:calc(var(--text--medium, 14px) + 4px)}.list-options{position:relative;z-index:var(--more-visible, 2);margin:var(--space--small) 0px;padding:0px;padding-inline-start:0px;box-sizing:border-box;width:100%;height:100%;max-height:350px;min-width:150px;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-classic-search__scrollbar--color-clicked) var(--ez-classic-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-classic-search__scrollbar--color-background);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-classic-search__scrollbar--color-default);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-classic-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-classic-search__scrollbar--color-clicked)}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;margin:var(--space--medium) 0px;min-height:var(--ez-classic-search__list-height)}.message__no-result{color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--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-classic-search__list-title--primary);border-top:3px solid transparent}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size);line-height:var(--ez-classic-search--line-height)}.item__label{font-weight:var(--ez-classic-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-classic-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-classic-search__list-text--primary);font-weight:var(--ez-classic-search--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}.item__list>li:hover{background-color:var(--ez-classic-search--background-medium)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-classic-search--border-radius-small);gap:var(--space--small, 6px)}.preselected{background-color:var(--background--medium)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}";const z=class{constructor(e){i(this,e),this.changeValue=t(this,"changeValue",7),this._startHighlightTag="<span class='card-item__highlight'>",this._endHighlightTag="</span>",this.showLoading=void 0,this.visibleOptions=[],this.value=void 0,this.showOptionValue=!0,this._preSelection=void 0}observerVisivleOptions(i){i.length&&this.preSelectItemByIndex(0)}async nextOption(){const i=void 0===this._preSelection?0:Math.min(this._preSelection+1,this.visibleOptions.length-1);this.preSelectItemByIndex(i)}async previousOption(){const i=void 0===this._preSelection?0:Math.max(this._preSelection-1,0);this.preSelectItemByIndex(i)}preSelectItemByIndex(i){this._preSelection=i,this.scrollToOption(this.visibleOptions[i])}selectOption(i){const t=Object.assign(Object.assign({},i),{value:null==i?void 0:i.value,label:null==i?void 0:i.label}),e=Object.assign(Object.assign({},t),{value:this.removeHighLight(null==t?void 0:t.value),label:this.removeHighLight(null==t?void 0:t.label)});this.changeValue.emit(e)}removeHighLight(i){if(!i||"string"!=typeof i)return i;const t=new RegExp(this._startHighlightTag,"g"),e=new RegExp(this._endHighlightTag,"g");return i.replace(t,"").replace(e,"")}createAndSelectOption(i){let{key:t,title:e}=i;t=String(null!=t?t:""),e=o.decodeHtmlEntities(e);const s={value:this.removeHighLight(t),label:this.removeHighLight(e)};this.selectOption(s)}scrollToOption(i){(null==i?void 0:i.value)&&this._optionsList&&window.requestAnimationFrame((()=>{var t;const e=String(null!==(t=null==i?void 0:i.value)&&void 0!==t?t:""),s=e?this._optionsList.querySelector(`div#item_${e.replace(/([ #;&,.+*~':"!^$[\]()=<>|/\\])/g,"\\$1")}`):void 0;s&&s.scrollIntoView({behavior:"smooth",block:"nearest"})}))}buildItem(i,t){var s;i.label=i.label||i.value;const r={key:String(null!==(s=i.presentationValue)&&void 0!==s?s:""),title:i.presentationLabel,details:i.details};return e("div",{style:{height:"100%"},class:t===this._preSelection?"item preselected":"item",id:`item_${i.value}`,onMouseDown:()=>this.createAndSelectOption(r),onMouseOver:()=>{this._preSelection=t}},e("ez-card-item",{item:r,compacted:!0,enableKey:this.showOptionValue}))}async selectCurrentItem(){this.selectOption(this.visibleOptions[this._preSelection])}async cancelSelection(){this.cancelPreselection()}cancelPreselection(){this._preSelection=void 0}canShowListOptions(){return!this.showLoading&&this.visibleOptions.length>0}async componentWillLoad(){this.i18n=await u()}render(){return e(s,null,e("ul",{class:"list-options",ref:i=>this._optionsList=i},!this.showLoading&&0===this.visibleOptions.length&&e("div",{class:"message"},e("span",{class:"message__no-result"},this.i18n("ez-classic-search-plus.emptyList"))),this.showLoading&&e("div",{class:"loading__container"},e("ez-skeleton",{count:4,height:"20px"})),this.canShowListOptions()&&this.visibleOptions.map(((i,t)=>this.buildItem(i,t)))))}static get watchers(){return{visibleOptions:["observerVisivleOptions"]}}};z.style=":host{--ez-classic-search__list-title--primary:var(--title--primary, #2B3A54);--ez-classic-search__list-text--primary:var(--text--primary, #626e82);--ez-classic-search__list-height:calc(var(--ez-classic-search--font-size) + var(--ez-classic-search--space--medium) + 4px);--ez-classic-search__list-min-width:64px;--ez-classic-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-classic-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-classic-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-classic-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-classic-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-classic-search__scrollbar--width:var(--space--small, 6px);--ez-classic-search--border-radius-small:var(--border--radius-small, 6px);--ez-classic-search--font-size:var(--text--medium, 14px);--ez-classic-search--font-family:var(--font-pattern, Arial);--ez-classic-search--font-weight--large:var(--text-weight--large, 500);--ez-classic-search--font-weight--medium:var(--text-weight--medium, 400);--ez-classic-search--background-medium:var(--background--medium, #f0f3f7);--ez-classic-search--line-height:calc(var(--text--medium, 14px) + 4px)}.list-options{position:relative;z-index:var(--more-visible, 2);margin:var(--space--small) 0px;padding:0px;padding-inline-start:0px;box-sizing:border-box;width:100%;height:100%;max-height:350px;min-width:150px;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-classic-search__scrollbar--color-clicked) var(--ez-classic-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-classic-search__scrollbar--color-background);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-classic-search__scrollbar--color-default);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-classic-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-classic-search__scrollbar--color-clicked)}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;margin:var(--space--medium) 0px;min-height:var(--ez-classic-search__list-height)}.message__no-result{color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size)}.loading__container{display:flex;flex-direction:column;margin:var(--space--small)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size);line-height:var(--ez-classic-search--line-height)}.item__label{font-weight:var(--ez-classic-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-classic-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-classic-search__list-text--primary);font-weight:var(--ez-classic-search--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}.item__list>li:hover{background-color:var(--ez-classic-search--background-medium)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-classic-search--border-radius-small);gap:var(--space--small, 6px)}.preselected{background-color:var(--background--medium)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}";const x=class{constructor(t){i(this,t),this.showLoading=void 0,this.visibleOptions=void 0,this.textEmptyList=void 0,this.showOptionValue=void 0,this.preSelection=void 0,this.maxWidth=void 0,this.width=void 0,this.onOptionSelect=void 0,this.onOptionHover=void 0}async nextOption(){var i,t;(null===(i=this.visibleOptions)||void 0===i?void 0:i.length)&&(void 0!==this.preSelection&&this.preSelection>=this.visibleOptions.length-1||(this.preSelection=void 0===this.preSelection?0:this.preSelection+1,this.scrollToOption(this.visibleOptions[this.preSelection]),null===(t=this.onOptionHover)||void 0===t||t.call(this,this.preSelection)))}async previousOption(){var i,t;(null===(i=this.visibleOptions)||void 0===i?void 0:i.length)&&(void 0!==this.preSelection&&this.preSelection<=0||(this.preSelection=void 0===this.preSelection?this.visibleOptions.length-1:this.preSelection-1,this.scrollToOption(this.visibleOptions[this.preSelection]),null===(t=this.onOptionHover)||void 0===t||t.call(this,this.preSelection)))}async selectCurrentOption(){void 0!==this.preSelection&&(this.onOptionSelect(this.visibleOptions[this.preSelection]),this.preSelection=void 0)}observeWidth(i,t){i!==t&&this._listWrapper&&(this._listWrapper.style.width=`${this.width}px`)}observeMaxWidth(i,t){i!==t&&this._listWrapper&&(this._listWrapper.style.maxWidth=this.maxWidth?`${this.maxWidth}px`:"")}handleKeyDown(i){switch(i.key){case"ArrowDown":i.preventDefault(),i.stopPropagation(),this.nextOption();break;case"ArrowUp":i.preventDefault(),i.stopPropagation(),this.previousOption();break;case"Enter":this.selectCurrentOption();break;case"Escape":this.preSelection=void 0}}buildItem(i,t){const s=this.showOptionValue&&this.maxWidth>0?`${this.maxWidth}px`:"";return i.label=i.label||i.value,e("li",{tabIndex:1,class:t===this.preSelection?"item preselected":"item",id:`item_${i.value}_${t}`,key:`item_${i.value}_${t}`,onMouseDown:()=>this.onOptionSelect(i),onMouseOver:()=>this.preSelection=t},this.showOptionValue?e("span",{class:"item__value",title:i.value,style:{width:s,minWidth:s,maxWidth:s}},i.value):void 0,e("span",{class:"item__label "+(this.showOptionValue?"item__label--bold":""),title:i.label},i.label))}scrollToOption(i){if(!(null==i?void 0:i.value)||!this._optionsList)return;const t=this.visibleOptions.indexOf(i);if(-1===t)return;const e=this._optionsList.querySelector(`li#item_${CSS.escape(i.value)}_${CSS.escape(String(t))}`);e&&e.scrollIntoView({behavior:"smooth",block:"nearest"})}async componentWillLoad(){this.i18n=await u()}componentDidLoad(){this._listWrapper.style.width=`${this.width}px`,this._listWrapper.style.maxWidth=this.maxWidth?`${this.maxWidth}px`:""}componentDidRender(){var i;null===(i=this._optionsList)||void 0===i||i.querySelectorAll(".item").forEach((i=>{a.addIDInfoIfNotExists(i,"itemComboBox")}))}render(){return e("section",{class:"list-container"},e("div",{class:"list-wrapper",ref:i=>this._listWrapper=i},e("ul",{class:"list-options",ref:i=>this._optionsList=i},!this.showLoading&&0===this.visibleOptions.length&&e("div",{class:"message"},e("span",{class:"message__no-result"},this.textEmptyList||this.i18n("ez-combo-box.noResults"))),this.showLoading&&e("div",{class:"message"},e("div",{class:"message__loading"})),this.showOptionValue&&e("span",{class:"item__value item__value--hidden"}),!this.showLoading&&this.visibleOptions.length>0&&this.visibleOptions.map(((i,t)=>this.buildItem(i,t))))))}static get watchers(){return{width:["observeWidth"],maxWidth:["observeMaxWidth"]}}};x.style=":host{--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--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__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--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--medium, 12px);--ez-combo-box__list-container--padding:var(--space--extra-small, 3px)}.list-container{padding-top:var(--ez-combo-box__list-container--padding)}.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--medium, 0 8px 24px 0 rgba(43, 58, 84, 0.10));padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;padding:0;margin: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)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const f=class{constructor(t){i(this,t),this.gui=void 0,this.customEditor=void 0,this.formViewField=void 0,this.value=void 0,this.detailContext=void 0,this.builderFallback=void 0,this.selectedRecord=void 0}async setFocus(){var i,t;null===(t=null===(i=this.gui)||void 0===i?void 0:i.setFocus)||void 0===t||t.call(i)}async setBlur(){var i,t;null===(t=null===(i=this.gui)||void 0===i?void 0:i.setBlur)||void 0===t||t.call(i)}async isInvalid(){var i,t;return(null===(t=null===(i=this.gui)||void 0===i?void 0:i.isInvalid)||void 0===t?void 0:t.call(i))||!1}watchValue(){this.handleValue(this.gui)}watchCustomEditor(){this.getContent()}watchFormViewField(i,t){l.equals(i,t)||this.getContent()}watchDetailContext(){this.getContent()}watchBuilderFallback(){this.getContent()}watchSelectedRecord(i,t){(null==i?void 0:i.__record__id__)!==(null==t?void 0:t.__record__id__)&&this.getContent()}getContent(){var i,t,s,r,a;const l=new Map;for(const i in this.formViewField.props)l.set(i,this.formViewField.props[i]);const c={value:this.value,name:this.formViewField.name,currentEditor:this.builderFallback(this.formViewField),setValue:i=>this.setValue(i),getValue:this.getValue,record:this.selectedRecord,editorMetadata:{label:this.formViewField.label,hidden:!1===(null===(i=this.formViewField.props)||void 0===i?void 0:i.visible),userInterface:this.formViewField.userInterface,options:null===(t=this.formViewField.props)||void 0===t?void 0:t.options,props:this.formViewField.props?l:void 0,optionLoader:this.formViewField.optionLoader},source:m.FORM,detailContext:this.detailContext};let h=this.customEditor.getEditorElement(c);if(!h)return h=this.builderFallback(this.formViewField),this.handleValue(h),void(this.gui=h);if(!(h instanceof HTMLElement)&&"string"!=typeof h)return this.handleValue(h),void(this.gui=h);"string"==typeof h&&(h=n.parseElement(h));const d=null!==(a=null!==(r=null===(s=this.value)||void 0===s?void 0:s.value)&&void 0!==r?r:this.value)&&void 0!==a?a:"";h.setAttribute("value",d),this.gui=e("div",{key:o.generateUUID(),ref:i=>i&&i.appendChild(h)})}setValue(i){this.value=i}getValue(){return this.value}handleValue(i){var t;null===(t=i.i)||void 0===t||t.forEach((i=>{i.t.value=this.value}))}componentWillLoad(){this.getContent()}render(){return e(s,null,this.gui)}static get watchers(){return{value:["watchValue"],customEditor:["watchCustomEditor"],formViewField:["watchFormViewField"],detailContext:["watchDetailContext"],builderFallback:["watchBuilderFallback"],selectedRecord:["watchSelectedRecord"]}}},w=class{constructor(e){i(this,e),this.ezChange=t(this,"ezChange",7),this.ezError=t(this,"ezError",7),this.handleFileSelect=i=>{const t=i.target;t.files&&t.files[0]&&this.processFile(t.files[0])},this.handleDrop=i=>{var t;if(i.preventDefault(),i.stopPropagation(),this._isDragging=!1,!this.enabled)return;const e=null===(t=i.dataTransfer)||void 0===t?void 0:t.files;e&&e[0]&&this.processFile(e[0])},this.handleDragOver=i=>{i.preventDefault(),i.stopPropagation(),this.enabled&&(this._isDragging=!0)},this.handleDragLeave=i=>{i.preventDefault(),i.stopPropagation(),this._isDragging=!1},this.handleRemoveImage=i=>{i.stopPropagation(),this.value=void 0,this._hasImage=!1,this._inputElem&&(this._inputElem.value=""),this.ezChange.emit("")},this.handleEditImage=i=>{var t;i.stopPropagation(),null===(t=this._inputElem)||void 0===t||t.click()},this.handleClickDropZone=()=>{var i;this.enabled&&!this._hasImage&&(null===(i=this._inputElem)||void 0===i||i.click())},this.handleImageClick=i=>{i.stopPropagation(),this._hasImage&&this.value&&(this._showImagePopup=!0)},this.handlePopupAction=i=>{const t=i.detail;"CANCEL"!==t&&"OK"!==t||this.handleClosePopup()},this.handleClosePopup=()=>{this._showImagePopup=!1},this.enabled=!0,this.label=void 0,this.name=void 0,this.value=void 0,this.maxFileSize=20971520,this.accept="image/*",this.loading=!1,this._hasImage=!1,this._isDragging=!1,this._showImagePopup=!1}onValueChange(i,t){i!==t&&(this._hasImage=!!i),!i&&this._inputElem&&(this._inputElem.value="")}addInfoId(){this._element&&a.addIDInfo(this._element),this._inputElem&&a.addIDInfo(this._inputElem,"image-input",{id:"embedded"})}processFile(i){if(!i.type.startsWith("image/")){const i=this.i18n("ez-image-input.invalidFileType");return void this.ezError.emit(i)}if(this.maxFileSize&&i.size>this.maxFileSize){const i=(this.maxFileSize/1048576).toFixed(2),t=this.i18n("ez-image-input.fileTooLarge",{maxSize:`${i}MB`});return void this.ezError.emit(t)}const t=new FileReader;t.onload=i=>{var t;const e=null===(t=i.target)||void 0===t?void 0:t.result;this.value=e,this._hasImage=!0,this.ezChange.emit(e)},t.readAsDataURL(i)}async componentWillLoad(){this.i18n=await u(),this._hasImage=!!this.value}componentDidLoad(){this.addInfoId()}render(){if(this.loading)return e(s,null,e("ez-skeleton",{width:"280px",height:"200px"}));const i=this.label||this.i18n("ez-image-input.defaultLabel");return e(s,null,e("div",{class:{"image-input__container":!0,"image-input__container--disabled":!this.enabled,"image-input__container--dragging":this._isDragging,"image-input__container--has-image":this._hasImage},"data-enabled":this.enabled.toString(),"data-has-image":this._hasImage.toString(),onClick:this.handleClickDropZone,onDrop:this.handleDrop,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,role:"button","aria-label":i,tabindex:this.enabled?0:-1},e("input",{ref:i=>this._inputElem=i,type:"file",accept:this.accept,name:this.name,disabled:!this.enabled,onChange:this.handleFileSelect,class:"image-input__file-input","aria-hidden":"true"}),this._hasImage&&this.value?e("div",{class:"image-input__preview"},e("img",{src:this.value,alt:this.i18n("ez-image-input.imageAlt"),class:"image-input__image",onClick:this.handleImageClick}),this.enabled&&e("div",{class:"image-input__actions"},e("ez-button",{class:"image-input__remove-button",variant:"primary",type:"button",mode:"icon",size:"small",iconName:"trash-alt",onClick:this.handleRemoveImage,"aria-label":this.i18n("ez-image-input.removeImage"),title:this.i18n("ez-image-input.removeImage")}),e("ez-button",{class:"image-input__edit-button",variant:"secondary",type:"button",mode:"icon",size:"small",iconName:"edit",onClick:this.handleEditImage,"aria-label":this.i18n("ez-image-input.editImage"),title:this.i18n("ez-image-input.editImage")}))):e("div",{class:"image-input__dropzone"},e("ez-icon",{iconName:"image",size:"x-large"}),e("span",{class:"image-input__label"},i))),e("ez-popup",{opened:this._showImagePopup,ezTitle:this.i18n("ez-image-input.imagePreview"),size:"large",heightMode:"auto",onEzPopupAction:this.handlePopupAction,onEzClosePopup:this.handleClosePopup},e("div",{class:"image-input__popup-content"},e("img",{src:this.value,alt:this.i18n("ez-image-input.imageAlt"),class:"image-input__popup-image"}))))}get _element(){return r(this)}static get watchers(){return{value:["onValueChange"]}}};w.style=":host{display:block;--ez-image-input--container-height:200px;--ez-image-input--container-width:280px;--ez-image-input--background-color:var(--color--gray-80);--ez-image-input--border-color:var(--color--gray-200);--ez-image-input--border-color-hover:var(--color--ocean-green-600);--ez-image-input--border-color-dragging:var(--color--ocean-green-500);--ez-image-input--border-color-disabled:var(--color--gray-200);--ez-image-input--label-color:var(--color--petroleum-900);--ez-image-input--icon-color:var(--color--gray-400);--ez-image-input--border-radius:var(--border--radius-24);--ez-image-input--border-width:2px;--ez-image-input--remove-button-bg:var(--color--red-600);--ez-image-input--remove-button-bg-hover:var(--color--red-700);--ez-image-input--remove-button-color:var(--color--gray-70);--ez-image-input--remove-button-border:1px solid var(--color--red-700)}.image-input__container{display:flex;align-items:center;justify-content:center;position:relative;height:var(--ez-image-input--container-height);width:var(--ez-image-input--container-width);border:var(--ez-image-input--border-width) dashed var(--ez-image-input--border-color);border-radius:var(--ez-image-input--border-radius);background-color:var(--ez-image-input--background-color);cursor:pointer;transition:all 0.3s ease;overflow:hidden}.image-input__container:hover:not(.image-input__container--disabled){border-color:var(--ez-image-input--border-color-hover)}.image-input__container--dragging{border-color:var(--ez-image-input--border-color-dragging);background-color:var(--color--ocean-green-90)}.image-input__container--disabled{cursor:not-allowed;opacity:0.6;border-color:var(--ez-image-input--border-color-disabled)}.image-input__container--has-image{border-style:solid;padding:var(--space--0)}.image-input__file-input{display:none}.image-input__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space--16);padding:var(--space--24);text-align:center}.image-input__dropzone ez-icon{color:var(--ez-image-input--icon-color)}.image-input__label{font-family:var(--font--pattern);font-size:var(--font-size--default);font-weight:var(--font-weight--medium);color:var(--ez-image-input--label-color);line-height:var(--line-height--20)}.image-input__preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-input__image{height:100%;object-fit:cover;border-radius:calc(var(--ez-image-input--border-radius) - var(--ez-image-input--border-width))}.image-input__actions{position:absolute;top:var(--space--8);right:var(--space--8);display:flex;flex-direction:column;gap:var(--space--4);opacity:0;transition:opacity 0.2s ease}.image-input__container:hover .image-input__actions{opacity:1}.image-input__remove-button{--ez-button--background-color:var(--ez-image-input--remove-button-bg);--ez-button--hover--background-color:var(--ez-image-input--remove-button-bg-hover);--ez-button--color:var(--ez-image-input--remove-button-color);--ez-button--border:var(--ez-image-input--remove-button-border);--ez-button--hover--border:var(--ez-image-input--remove-button-border)}.image-input__edit-button{--ez-button--background-color:var(--ez-image-input--edit-button-bg);--ez-button--hover--background-color:var(--ez-image-input--edit-button-bg-hover);--ez-button--color:var(--ez-image-input--edit-button-color);--ez-button--border:var(--ez-image-input--edit-button-border);--ez-button--hover--border:var(--ez-image-input--edit-button-border);--ez-button--left-icon--color:var(--ez-image-input--edit-button-color);--ez-button--right-icon--color:var(--ez-image-input--edit-button-color)}.image-input__popup-content{display:flex;align-items:center;justify-content:center;padding:var(--space--16);height:100%}.image-input__popup-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--border--radius-8)}.image-input__image{height:100%;object-fit:cover;border-radius:calc(var(--ez-image-input--border-radius) - var(--ez-image-input--border-width));cursor:pointer;transition:transform 0.2s ease}.image-input__image:hover{transform:scale(1.02)}ez-skeleton{--skeleton-width:var(--ez-image-input--container-width);--skeleton-height:var(--ez-image-input--container-height)}";const y=class{constructor(e){i(this,e),this.ezChange=t(this,"ezChange",7),this._lastSelectionKey="",this.label=void 0,this.enabled=!0,this.errorMessage=void 0,this.hasInvalid=!1,this.canShowError=!0,this.mode="regular",this.noBorder=!1,this.options=void 0,this.dataSource=void 0,this.columnName=void 0,this.useOptions=!1,this.isTextSearch=!1,this.orderSelectedFirst=!1,this.value=void 0,this._selectedCount=0,this._isOpen=!1}observeHasInvalid(i,t){}observeOptions(i){if(!i)return this._selectedCount=0,void(this._lastSelectionKey="");this._selectedCount=i.filter((i=>i.check)).length,this._lastSelectionKey=this.selectionKey(i)}observeValue(i){Array.isArray(i)&&this.selectionKey(i)!==this._lastSelectionKey&&(this.options=i)}async getSelectedOptions(){var i,t;return(null!==(t=null!==(i=this.value)&&void 0!==i?i:this.options)&&void 0!==t?t:[]).filter((i=>i.check))}async clearSelection(){var i,t;const e=null!==(i=this._list)&&void 0!==i?i:null===(t=this._popover)||void 0===t?void 0:t.querySelector("ez-multi-selection-list");await(null==e?void 0:e.clearSelection()),this._selectedCount=0}handleTogglePopover(){this.enabled&&(this._isOpen?this._popover.hide():this._popover.showUnder(this._trigger))}handleKeyDown(i){"Enter"!==i.key&&" "!==i.key&&"Spacebar"!==i.key||(i.preventDefault(),this.handleTogglePopover())}handleVisibilityChange(i){this._isOpen=i.detail}stopInnerChangeEvents(i){i.stopPropagation()}handleSelectionChange(i){var t;const e=null!==(t=i.detail)&&void 0!==t?t:[];this._selectedCount=e.filter((i=>i.check)).length;const s=this.selectionKey(e);s!==this._lastSelectionKey&&(this._lastSelectionKey=s,this.value=e,this.ezChange.emit(e))}selectionKey(i){return(i||[]).filter((i=>i.check)).map((i=>i.value)).sort().join("|")}buildDisplayText(){return this._selectedCount>0?`${this._selectedCount} selecionado(s)`:""}buildTriggerClass(){const i=["trigger"];return this.enabled||i.push("trigger--disabled"),this._isOpen&&i.push("trigger--focused"),this.hasError()&&i.push("trigger--error"),this.noBorder&&i.push("trigger--no-border"),"slim"===this.mode&&i.push("trigger--slim"),i.join(" ")}hasError(){return!!this.canShowError&&(this.hasInvalid||"string"==typeof this.errorMessage&&""!==this.errorMessage.trim())}componentWillLoad(){Array.isArray(this.value)&&this.value!==this.options&&(this.options=this.value);const i=this.options;i&&(this._selectedCount=i.filter((i=>i.check)).length,this._lastSelectionKey=this.selectionKey(i))}render(){a.addIDInfoIfNotExists(this._hostElement,"multi-select-input");const i=this.buildDisplayText(),t=this.hasError(),r=this._selectedCount>0||this._isOpen;return e(s,null,e("div",{ref:i=>this._trigger=i,class:this.buildTriggerClass(),tabindex:this.enabled?"0":"-1",onClick:()=>this.handleTogglePopover(),onKeyDown:i=>this.handleKeyDown(i),"data-element-id":a.getInternalIDInfo("trigger")},this.label&&"slim"!==this.mode&&e("label",{class:{trigger__label:!0,"trigger__label--floated":r,"trigger__label--disabled":!this.enabled,"trigger__label--error":t},title:this.label},this.label),e("span",{class:{trigger__value:!0,"trigger__value--placeholder":0===this._selectedCount,"trigger__value--with-label":!!this.label&&"slim"!==this.mode}},i||("slim"===this.mode&&this.label?this.label:"")),e("ez-icon",{class:"trigger__chevron",iconName:this._isOpen?"chevron-up":"chevron-down"}),t&&"slim"!==this.mode&&this.errorMessage&&e("ez-tooltip",{type:"error",message:this.errorMessage,strategy:"fixed"},e("ez-icon",{class:"tooltip-icon hasError","data-element-id":a.getInternalIDInfo("tooltip-icon"),iconName:"alert-circle"}))),e("ez-popover-core",{ref:i=>this._popover=i,overlayType:"light",fitInViewport:!0,useAnchorSize:!0,onEzVisibilityChange:i=>this.handleVisibilityChange(i)},e("ez-multi-selection-list",{ref:i=>{this._list=i,null==i||i.removeEventListener("ezChange",this.stopInnerChangeEvents),null==i||i.addEventListener("ezChange",this.stopInnerChangeEvents)},columnName:this.columnName,dataSource:this.dataSource,useOptions:this.useOptions,options:this.options,isTextSearch:this.isTextSearch,orderSelectedFirst:this.orderSelectedFirst,onChangeFilteredOptions:i=>this.handleSelectionChange(i)})))}get _hostElement(){return r(this)}static get watchers(){return{hasInvalid:["observeHasInvalid"],errorMessage:["observeHasInvalid"],canShowError:["observeHasInvalid"],options:["observeOptions"],value:["observeValue"]}}};y.style=":host{--ez-multi-select-input--height:42px;--ez-multi-select-input--height--slim:32px;--ez-multi-select-input--width:100%;--ez-multi-select-input__min-width:0px;--ez-multi-select-input__max-width:100%;--ez-multi-select-input__icon--width:30px;--ez-multi-select-input--font-size:var(--text--medium, 14px);--ez-multi-select-input--font-family:var(--font-pattern, Arial);--ez-multi-select-input--font-weight:var(--text-weight--medium, 400);--ez-multi-select-input--color:var(--title--primary, #2B3A54);--ez-multi-select-input--border-radius:var(--border--radius-medium, 12px);--ez-multi-select-input__input--border:var(--border--small, 1px solid);--ez-multi-select-input__input--border-color:var(--color--strokes, #DCE0E8);--ez-multi-select-input__input--focus--border-color:var(--color--primary, #008561);--ez-multi-select-input__input--error--border-color:var(--color-alert--error-800, #BD0025);--ez-multi-select-input__input--background-color:var(--background--light, #ffffff);--ez-multi-select-input__input--disabled--background-color:var(--background--medium, #F0F3F7);--ez-multi-select-input__input--disabled--color:var(--text--primary, #626E82);--ez-multi-select-input__label--floating--top:6px;--ez-multi-select-input__label--padding-top:12px;--ez-multi-select-input__label--padding-left:14px;--ez-multi-select-input__placeholder--color:var(--text--secondary, #a2abb9);--ez-multi-select-input__tooltip_icon--error--color:var(--color-alert--error-800, #BD0025);--ez-multi-select-input__tooltip-icon---width:var(--space--large);--ez-multi-select-input__tooltip-icon---horizontal-margin:var(--space--medium, 12px);--ez-multi-select-input__tooltip-icon---vertical-margin:10px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-multi-select-input--width);min-width:var(--ez-multi-select-input__min-width);max-width:var(--ez-multi-select-input__max-width)}.trigger{position:relative;display:flex;align-items:center;box-sizing:border-box;cursor:pointer;width:100%;overflow:hidden;height:var(--ez-multi-select-input--height);border-radius:var(--ez-multi-select-input--border-radius);font-family:var(--ez-multi-select-input--font-family);font-size:var(--ez-multi-select-input--font-size);font-weight:var(--ez-multi-select-input--font-weight);color:var(--ez-multi-select-input--color);background-color:var(--ez-multi-select-input__input--background-color);border:var(--ez-multi-select-input__input--border);border-color:var(--ez-multi-select-input__input--border-color);padding:0 var(--ez-multi-select-input__icon--width) 0 14px;margin-bottom:var(--space--small)}.trigger:focus{outline:none}.trigger--focused{border:var(--border--medium, 2px solid);outline:none;border-color:var(--ez-multi-select-input__input--focus--border-color)}.trigger--error{border:var(--border--medium, 2px solid);border-color:var(--ez-multi-select-input__input--error--border-color)}.trigger--disabled{cursor:not-allowed;background-color:var(--ez-multi-select-input__input--disabled--background-color);color:var(--ez-multi-select-input__input--disabled--color)}.trigger--no-border{box-shadow:none;border:none}.trigger--slim{height:var(--ez-multi-select-input--height--slim)}.trigger__label{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;font-family:var(--ez-multi-select-input--font-family);font-size:var(--ez-multi-select-input--font-size);font-weight:var(--ez-multi-select-input--font-weight);color:var(--ez-multi-select-input--color);top:var(--ez-multi-select-input__label--padding-top);left:var(--ez-multi-select-input__label--padding-left)}.trigger__label--floated{font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-multi-select-input__label--floating--top)}.trigger__label--disabled{color:var(--ez-multi-select-input__input--disabled--color)}.trigger__label--error{color:var(--ez-multi-select-input__tooltip_icon--error--color)}.trigger__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger__value--placeholder{color:var(--ez-multi-select-input__placeholder--color)}.trigger__value--with-label{padding-top:14px}.trigger__chevron{position:absolute;right:8px;display:flex;align-items:center;color:var(--ez-multi-select-input--color)}.trigger--disabled .trigger__chevron{color:var(--ez-multi-select-input__input--disabled--color)}ez-icon.tooltip-icon{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;width:var(--ez-multi-select-input__tooltip-icon---width);height:22px;margin:var(--ez-multi-select-input__tooltip-icon---vertical-margin)\n          var(--ez-multi-select-input__tooltip-icon---horizontal-margin);top:0;right:var(--ez-multi-select-input__icon--width);border-radius:var(--ez-multi-select-input--border-radius)}ez-icon.tooltip-icon.hasError{--ez-icon--color:var(--ez-multi-select-input__tooltip_icon--error--color)}ez-popover-core ez-multi-selection-list{padding:var(--space--2xs, 8px);--ez-multi-selection-default-width:100%}";const k=class{constructor(e){i(this,e),this.ezChange=t(this,"ezChange",7),this.historyStack=[],this.historyIndex=-1,this.previewMode=!1,this.showPreview=!0,this.value=void 0,this.label=void 0,this.mode="regular",this.enabled=!0,this.rows=6,this.errorMessage=void 0,this.canShowError=!0,this.showConfigs=!0,this.showTextFormat=!0,this.showUndoRedo=!0}observeValue(i,t){l.equals(i,t)||this.ezChange.emit(i)}observeErrorMessage(i){i&&this.previewMode&&(this.previewMode=!1)}async handleExecuteToolbarCommand(i){const{command:t,value:e}=i.detail;await this.executeCommand(t,e)}async setFocus(){this.handleFocus()}async setBlur(){var i;await(null===(i=this.textAreaRef)||void 0===i?void 0:i.setBlur())}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}bindPreview(){this._keyboardManager&&this.showPreview&&this._keyboardManager.bind("ctrl + p",(async()=>{await this.togglePreview()}),{description:"Entra em modo de pré visualização.",element:this.element})}bindConfigs(){this._keyboardManager&&this.showConfigs&&this._keyboardManager.bind("ctrl + l",(async()=>{await this.handleFormatSelection(p.LIST)}),{description:this.i18n("ez-rich-text.listShortcut"),element:this.element}).bind("ctrl + k",(async()=>{await this.handleLink()}),{description:this.i18n("ez-rich-text.linkShortcut"),element:this.element}).bind("ctrl + o",(async()=>{await this.handleImage()}),{description:this.i18n("ez-rich-text.imageShortcut"),element:this.element})}bindTextFormat(){this._keyboardManager&&this.showTextFormat&&this._keyboardManager.bind("ctrl + b",(async()=>{await this.handleFormatSelection(p.BOLD)}),{description:this.i18n("ez-rich-text.boldShortcut"),element:this.element}).bind("ctrl + i",(async()=>{await this.handleFormatSelection(p.ITALIC)}),{description:this.i18n("ez-rich-text.italicShortcut"),element:this.element}).bind("ctrl + u",(async()=>{await this.handleFormatSelection(p.UNDERLINE)}),{description:this.i18n("ez-rich-text.underlineShortcut"),element:this.element})}initKeyboardManager(){this._keyboardManager=new c({propagate:!1,element:this.element}),this._keyboardManager.bind("ctrl + Enter",(async()=>{await this.handleFormatSelection(p.BREAK_LINE)}),{description:this.i18n("ez-rich-text.breakLineShortcut"),element:this.element}).bind("ctrl + z",(async()=>{await this.handleUndo()}),{description:this.i18n("ez-rich-text.undoShortcut"),element:this.element}).bind("ctrl + x",(async()=>{await this.handleRedo()}),{description:this.i18n("ez-rich-text.redoShortcut"),element:this.element}),this.bindPreview(),this.bindConfigs(),this.bindTextFormat()}async executeCommand(i,t){switch(i){case b.FOCUS:this.handleFocus();break;case b.PREVIEW:await this.togglePreview();break;case b.FORMAT:await this.handleFormatSelection(t);break;case b.UNDO:await this.handleUndo();break;case b.REDO:await this.handleRedo();break;case b.LINK:await this.handleLink();break;case b.IMAGE:await this.handleImage()}}handleFocus(){this.previewMode=!1,requestAnimationFrame((async()=>{await this.textAreaRef.setFocus()}))}async handleLink(){this.previewMode=!1,requestAnimationFrame((async()=>{await this.linkBuilderRef.show(this.getSelectedText())}))}async handleImage(){this.previewMode=!1,await this.imageUploaderRef.show()}async handleRedo(){this.previewMode=!1,requestAnimationFrame((async()=>{this.redo(),await this.textAreaRef.setFocus()}))}async handleUndo(){this.previewMode=!1,requestAnimationFrame((async()=>{this.undo(),await this.textAreaRef.setFocus()}))}async handleFormatSelection(i){i&&(this.previewMode=!1,requestAnimationFrame((async()=>{await this.formatSelection(i),await this.textAreaRef.setFocus()})))}async togglePreview(){this.previewMode=!this.previewMode,this.previewMode&&await this.textAreaRef.setFocus()}getSelectedText(){const i=this.getTextAreaElement();if(i)return(this.textAreaRef.value||"").substring(i.selectionStart,i.selectionEnd)}getTextAreaElement(){return this.element.querySelector("ez-text-area").shadowRoot.querySelector("textarea")}async formatSelection(i){if(!this.textAreaRef)return;const t=i.replace("$selection",this.getSelectedText()||"");await this.textAreaRef.appendTextToSelection(t),this.value=this.textAreaRef.value,this.addToHistory(this.value)}addToHistory(i){this.historyIndex>=0&&i===this.historyStack[this.historyIndex]||(this.historyStack.length>=50&&this.historyStack.splice(0,this.historyStack.length-49),this.historyStack.push(i),this.historyIndex=this.historyStack.length-1)}undo(){if(!this.canExecuteUndo())return;this.historyIndex--;const i=this.historyStack[this.historyIndex];this.value=i,this.textAreaRef.value=i}canExecuteUndo(){return this.historyIndex>0}redo(){this.canExecuteRedo()&&(this.historyIndex++,this.getValueFromHistory())}canExecuteRedo(){return this.historyIndex<this.historyStack.length-1}getValueFromHistory(){const i=this.historyStack[this.historyIndex];this.value=i,this.textAreaRef.value=i}handleTextAreaChanged(i){this.value=i.detail,this.addToHistory(this.value)}async removeShortcuts(){var i;null===(i=this._keyboardManager)||void 0===i||i.unbindAllShortcutKeys()}async componentWillLoad(){this.i18n=await u()}componentDidLoad(){this.initKeyboardManager(),this.addToHistory(this.value)}async disconnectedCallback(){await this.removeShortcuts()}getSanitizedValue(){return v.sanitize(this.value,{ADD_ATTR:["target","rel"]})}renderContent(){return this.previewMode?e("div",{id:"rich-text-preview-container",class:"preview",innerHTML:this.getSanitizedValue()}):e("ez-text-area",{ref:i=>this.textAreaRef=i,label:this.label,value:this.value,enabled:this.enabled,rows:this.rows,mode:this.mode,canShowError:this.canShowError,errorMessage:this.errorMessage,onEzChange:this.handleTextAreaChanged.bind(this)})}render(){return e(s,null,e("div",{class:"editor-container bordered"},e("ez-rich-toolbar",{isPreviewMode:this.previewMode,showPreview:this.showPreview,showConfigs:this.showConfigs&&this.enabled,showTextFormat:this.showTextFormat&&this.enabled,showUndoRedo:this.showUndoRedo&&this.enabled}),this.renderContent()),e("ez-link-builder",{ref:i=>this.linkBuilderRef=i}),e("ez-simple-image-uploader",{ref:i=>this.imageUploaderRef=i}))}get element(){return r(this)}static get watchers(){return{value:["observeValue"],errorMessage:["observeErrorMessage"]}}};k.style=".sc-ez-rich-text-h{display:block;width:100%;font-family:Roboto;--ez-rich-text--box-shadow:0 0 3px 0 #DCE0E8;--ez-rich-text--shadow--outline:var(--shadow--outline) var(--color--strokes)}.editor-container.sc-ez-rich-text{width:100%;overflow:hidden;border-radius:12px;border:1px solid #DCE0E8}ez-text-area.sc-ez-rich-text{--text-area__input--border:1px solid}.preview.sc-ez-rich-text{min-height:20px;padding:12px;resize:both;overflow:auto;max-width:100%;border-top:1px solid #DCE0E8}";const E=class{constructor(e){i(this,e),this.saveEdition=t(this,"saveEdition",7),this.cancelEdition=t(this,"cancelEdition",7),this._newValue=void 0,this.value=void 0,this.styled=void 0}async applyFocusSelect(){this.calcSizeInput(this.value,!0)}calcSizeInput(i,t=!1){var e,s;const r=null===(s=null===(e=this._inputElement)||void 0===e?void 0:e.shadowRoot)||void 0===s?void 0:s.querySelector("input");if(null!=r){const e=this.getWidthValue(i);r.style.width=e+"px",t&&setTimeout((()=>r.select()),100)}}getWidthValue(i){if(null!=this._valueBasis){const t=this._valueBasis;if(null!=i){const e=2;return t.innerHTML=i,t.clientWidth>0?t.clientWidth+e:e}t.innerHTML=""}return 0}setStyledInput(){var i,t;let e="",s="",r="";null!=this.styled&&(e=this.styled.fontSize,s=this.styled.fontWeight,r=this.styled.fontFamily);const o=null===(t=null===(i=this._inputElement)||void 0===i?void 0:i.shadowRoot)||void 0===t?void 0:t.querySelector("input");null!=o&&(o.style.fontSize=e,o.style.fontWeight=s,o.style.fontFamily=r);const a=this._valueBasis;null!=a&&(a.style.fontSize=e,a.style.fontWeight=s,a.style.fontFamily=r)}handleSaveEdition(){this._newValue?this.saveEdition.emit({value:this.value,newValue:this._newValue}):g.alert(this.i18n("app.warning"),this.i18n("ez-text-edit.emptyFieldWarning")).then((()=>{this.setNewValue(this.value,!0)}))}handleCancelEdition(){this.cancelEdition.emit()}setNewValue(i,t=!1){this._newValue=i,this.calcSizeInput(this._newValue,t)}async componentWillLoad(){this.i18n=await u()}componentDidLoad(){this.applyFocusSelect(),this.setNewValue(this.value)}componentDidRender(){this.setStyledInput()}render(){return a.addIDInfoIfNotExists(this._element,"input"),e(s,null,e("span",{class:"text-edit__hidden-value",ref:i=>this._valueBasis=i}),e("ez-text-input",{"data-element-id":a.getInternalIDInfo("textInput"),onInput:()=>{this.calcSizeInput(this._newValue)},class:"text-edit__form-input",value:this._newValue,ref:i=>this._inputElement=i,mode:"slim",onEzChange:i=>this.setNewValue(null==i?void 0:i.detail),noBorder:!0}),e("ez-button",{class:"text-edit__icon-check",mode:"icon",iconName:"check",size:"small",onClick:()=>{this.handleSaveEdition()}}),e("ez-button",{class:"text-edit__icon-close",mode:"icon",iconName:"close",size:"small",onClick:()=>{this.handleCancelEdition()}}))}get _element(){return r(this)}};E.style=":host{display:flex;align-items:center;gap:5px}.text-edit__form-input{width:auto;--ez-text-input__input--padding:0px}.text-edit__hidden-value{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}";export{_ as classic_search_list,z as ez_classic_search_result_list,x as ez_combo_box_list,f as ez_custom_form_input,w as ez_image_input,y as ez_multi_select_input,k as ez_rich_text,E as ez_text_edit}

package/dist/ezui/{p-700af412.entry.js → p-f7fb2587.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as s}from"./p-23a36bb6.js";import{ObjectUtils as o}from"@sankhyalabs/core";import{i as l}from"./p-80dfc50b.js";import{i as n}from"./p-69344c23.js";function h(t,e,i){if(!t.length)return[...e];if(!e.length)return[];const s=function(t,e){return t.map((t=>e.findIndex((e=>e.id===t))))}(t,e),o=0===(l=s).length?0:l.reduce(((t,e)=>e<t?e:t),l[0]);var l;const n=function(t){return 0===t.length?0:t.reduce(((t,e)=>e>t?e:t),t[0])}(s);return function(t,e,i,s){return t<0||e>=s.length||t>e?s:i?function(t,e,i){if(t===i.length-1)return i;const s=i.slice(0,e),o=i.slice(e,t+1),l=i.slice(t+1),n=l.shift();return n?[...s,n,...o,...l]:i}(e,t,s):function(t,e,i){if(0===t)return i;const s=i.slice(0,t-1),o=i.slice(t,e+1),l=i.slice(e+1);return[...s,...o,i[t-1],...l]}(t,e,s)}(o,n,i,e)}function r({from:t,to:e,selectedFrom:i,selectedTo:s}){return e=[...e.map((t=>d(t,!1))),...t.map((t=>d(t,!0)))],i=[],s=[...t.map((({id:t})=>t))],{from:t=[],to:e,selectedFrom:i,selectedTo:s}}function a({from:t,to:e,selectedFrom:i,selectedTo:s,insertIndex:o=e.length}){if(!t.length)return{from:t,to:e,selectedFrom:i,selectedTo:s};const l=function(t,e,i){const s=t.map((t=>t.id)),o=e.filter((t=>!s.includes(t)));return i.filter((({id:t})=>o.includes(t)))}(e,i,t);if(!l.length)return{from:t,to:e,selectedFrom:i,selectedTo:s};let n=e.map((t=>d(t,!1)));return n.splice(o,0,...l.map((t=>d(t,!0)))),{from:t.filter((t=>!i.includes(t.id))),to:n,selectedFrom:[],selectedTo:[...i]}}function d(t,e){return Object.assign(Object.assign({},t),{selected:e})}const c=class{constructor(i){t(this,i),this.ezLeftListChanged=e(this,"ezLeftListChanged",7),this.ezRightListChanged=e(this,"ezRightListChanged",7),this.LEFT_LIST_ID="LEFT-LIST-ID",this.RIGHT_LIST_ID="RIGHT-LIST-ID",this.leftList=[],this.leftTitle=void 0,this.rightList=[],this.entityLabel="item",this.entityLabelPlural="itens",this.leftListLabel="disponíveis",this.rightListLabel="selecionados",this.useOnlyRightList=!1,this.rightTitle=void 0,this.emptyMessage=void 0,this.slotsListBuilder=void 0,this.leftFilteredList=[],this.rightFilteredList=[],this.selectedLeftList=[],this.selectedRightList=[],this.isFilteringLeft=!1,this.isFilteringRight=!1}async resetSelectedLists(){this.selectedLeftList=[],this.selectedRightList=[]}observeLeftList(t,e){o.equals(t,e)||this.ezLeftListChanged.emit(t)}observeRightList(t,e){o.equals(t,e)||this.ezRightListChanged.emit(t)}async componentWillLoad(){this.i18n=await n()}async handleChangeLeft({detail:t}){t.to.getAttribute("id")&&t.to.getAttribute("id")===this.RIGHT_LIST_ID?(t.selectItens=t.selectItens.filter((t=>this.rightList.every((e=>e.id!==t)))),this.leftList=[...t.dataSource],this.selectedLeftList=[...t.selectItens],this.transferToRight(null==t?void 0:t.newIndex)):this.leftList=[...this.reorderArray(t.dataSource,t.selectItens,t.newIndex)]}async handleChangeRight({detail:t}){t.to.getAttribute("id")&&t.to.getAttribute("id")===this.LEFT_LIST_ID?(t.selectItens=t.selectItens.filter((t=>this.leftList.every((e=>e.id!==t)))),this.rightList=[...t.dataSource],this.selectedRightList=[...t.selectItens],this.transferToLeft(null==t?void 0:t.newIndex)):this.rightList=[...this.reorderArray(t.dataSource,t.selectItens,t.newIndex)]}reorderArray(t,e,i){const s=t.filter((t=>!e.includes(t.id))),o=t.filter((t=>e.includes(t.id)));return s.splice(i,0,...o),s}enableTransferAllToRight(){return this.leftList.length>0}enableTransferAllToLeft(){return this.rightList.length>0}enableTransferToRight(){return this.selectedLeftList.length>0}enableTransferToLeft(){return this.selectedRightList.length>0}enableMoveUp(t){if(this.isFilteringRight)return!1;const e=this.getRightSelectedItemsIndex();return this.selectedRightList.length>0&&!e.includes(0)&&(!!t||l(e))}enableMoveDown(t){if(this.isFilteringRight)return!1;const e=this.getRightSelectedItemsIndex();return this.selectedRightList.length>0&&!e.includes(this.rightList.length-1)&&(!!t||l(e))}getRightSelectedItemsIndex(){return this.selectedRightList.map((t=>this.rightList.findIndex((e=>e.id===t))))}transferToRight(t){const{from:e,to:i,selectedFrom:s,selectedTo:o}=a(Object.assign(Object.assign({},this.buildTransferToRightConfig()),{insertIndex:null!=t?t:0}));this.leftList=[],requestAnimationFrame((()=>this.leftList=[...e])),this.rightList=[...i],this.selectedLeftList=[...s],this.selectedRightList=[...o]}transferToLeft(t){const{from:e,to:i,selectedFrom:s,selectedTo:o}=a(Object.assign(Object.assign({},this.buildTransferToLeftConfig()),{insertIndex:null!=t?t:0}));this.rightList=[],requestAnimationFrame((()=>this.rightList=[...e])),this.leftList=[...i],this.selectedRightList=[...s],this.selectedLeftList=[...o]}async handleTransferAllToRight(){const{from:t,to:e,selectedFrom:i,selectedTo:s}=r(this.buildTransferToRightConfig());this.leftList=[...t],this.rightList=[...e],this.selectedLeftList=[...i],this.selectedRightList=[...s],requestAnimationFrame((async()=>{await this.clearSelectionAll()}))}async handleTransferAllToLeft(){const{from:t,to:e,selectedFrom:i,selectedTo:s}=r(this.buildTransferToLeftConfig());this.rightList=[...t],this.leftList=[...e],this.selectedRightList=[...i],this.selectedLeftList=[...s],requestAnimationFrame((async()=>{await this.clearSelectionAll()}))}buildTransferToRightConfig(){return{from:this.leftList,to:this.rightList,selectedFrom:this.selectedLeftList,selectedTo:this.selectedRightList}}buildTransferToLeftConfig(){return{from:this.rightList,to:this.leftList,selectedFrom:this.selectedRightList,selectedTo:this.selectedLeftList}}handleMoveUp(){this.rightList=[...h(this.selectedRightList,this.rightList,!1)]}handleMoveDown(){this.rightList=[...h(this.selectedRightList,this.rightList,!0)]}handleMoveToTop(){const{itemsToKeep:t,itemsToMove:e}=this.getItemsToKeepAndToMove();this.rightList=[...e,...t]}handleMoveToBottom(){const{itemsToKeep:t,itemsToMove:e}=this.getItemsToKeepAndToMove();this.rightList=[...t,...e]}handleSelectLeftItem({detail:t}){this.selectedLeftList=[...t.map((({id:t})=>t))]}handleSelectRightItem({detail:t}){this.selectedRightList=[...t.map((({id:t})=>t))]}getItemsToKeepAndToMove(){return{itemsToKeep:this.rightList.filter((t=>!this.selectedRightList.includes(t.id))),itemsToMove:this.rightList.filter((t=>this.selectedRightList.includes(t.id)))}}async handleTransferToRight(){this.transferToRight(),this.leftFilteredList=[],await this.leftEzListInstance.clearSelection()}async handleTransferToLeft(){this.transferToLeft(),this.rightFilteredList=[],await this.rightEzListInstance.clearSelection()}async clearSelectionAll(){await this.rightEzListInstance.clearSelection(),await this.leftEzListInstance.clearSelection()}handleChooseLeft(){requestAnimationFrame((async()=>{await this.rightEzListInstance.clearSelection()}))}handleChooseRight(){this.useOnlyRightList||requestAnimationFrame((async()=>{await this.leftEzListInstance.clearSelection()}))}renderList(t){const{idSortableList:e,list:s,isFiltering:o,filteredList:l,emptyMessage:n,slotConfig:h,callbacks:r,title:a}=t;return i("ez-sortable-list",{ref:null==r?void 0:r.setRef,title:a,idSortableList:e,emptyMessage:n,class:"ez-size-height--full",dataSource:o?l:s,hoverFeedback:!0,enableMultipleSelection:!0,removeItensMoved:!0,entityLabel:this.entityLabel,entityLabelPlural:this.entityLabelPlural,itemRightSlotBuilder:null==h?void 0:h.itemRightSlotBuilder,itemLeftSlotBuilder:null==h?void 0:h.itemLeftSlotBuilder,onItemsReordered:null==r?void 0:r.onChange.bind(this),onEzSelectItens:null==r?void 0:r.onSelect.bind(this),onEzDoubleClick:null==r?void 0:r.onDoubleClick.bind(this),onEzChoose:null==r?void 0:r.onChoose.bind(this)})}render(){var t,e,o,l,n,h,r,a,d,c;return i(s,null,!this.useOnlyRightList&&i("div",{class:"list__container"},this.leftList&&this.renderList({idSortableList:this.LEFT_LIST_ID,list:this.leftList,title:this.leftTitle,isFiltering:this.isFilteringLeft,filteredList:this.leftFilteredList,emptyMessage:(null===(t=this.emptyMessage)||void 0===t?void 0:t.LEFT_LIST)?this.emptyMessage.LEFT_LIST:this.i18n("ez-double-list.noItemsAvailable",{entity:this.entityLabel}),slotConfig:{itemRightSlotBuilder:null===(o=null===(e=this.slotsListBuilder)||void 0===e?void 0:e.LEFT_LIST)||void 0===o?void 0:o.itemRightSlotBuilder,itemLeftSlotBuilder:null===(n=null===(l=this.slotsListBuilder)||void 0===l?void 0:l.LEFT_LIST)||void 0===n?void 0:n.itemLeftSlotBuilder},callbacks:{setRef:t=>this.leftEzListInstance=t,onChange:t=>this.handleChangeLeft(t),onSelect:this.handleSelectLeftItem.bind(this),onDoubleClick:this.handleTransferToRight.bind(this),onChoose:this.handleChooseLeft.bind(this)}})),!this.useOnlyRightList&&i("div",{class:"actions__column"},i("ez-button",{mode:"icon",iconName:"dual-chevron-right",enabled:this.enableTransferAllToRight(),title:this.i18n("ez-double-list.moveAllTo",{list:this.rightListLabel}),size:"small",onClick:this.handleTransferAllToRight.bind(this)}),i("ez-button",{mode:"icon",iconName:"chevron-right",enabled:this.enableTransferToRight(),title:this.i18n("ez-double-list.moveTo",{list:this.rightListLabel}),size:"small",onClick:this.handleTransferToRight.bind(this)}),i("ez-button",{mode:"icon",iconName:"chevron-left",enabled:this.enableTransferToLeft(),title:this.i18n("ez-double-list.moveTo",{list:this.leftListLabel}),size:"small",onClick:this.handleTransferToLeft.bind(this)}),i("ez-button",{mode:"icon",iconName:"dual-chevron-left",enabled:this.enableTransferAllToLeft(),title:this.i18n("ez-double-list.moveAllTo",{list:this.leftListLabel}),size:"small",onClick:this.handleTransferAllToLeft.bind(this)})),i("div",{class:"list__container"},this.rightList&&this.renderList({idSortableList:this.RIGHT_LIST_ID,list:this.rightList,title:this.rightTitle,isFiltering:this.isFilteringRight,filteredList:this.rightFilteredList,emptyMessage:(null===(h=this.emptyMessage)||void 0===h?void 0:h.RIGHT_LIST)?this.emptyMessage.RIGHT_LIST:this.i18n("ez-double-list.noItemsSelected",{entity:this.entityLabel}),slotConfig:{itemRightSlotBuilder:null===(a=null===(r=this.slotsListBuilder)||void 0===r?void 0:r.RIGHT_LIST)||void 0===a?void 0:a.itemRightSlotBuilder,itemLeftSlotBuilder:null===(c=null===(d=this.slotsListBuilder)||void 0===d?void 0:d.RIGHT_LIST)||void 0===c?void 0:c.itemLeftSlotBuilder},callbacks:{setRef:t=>this.rightEzListInstance=t,onChange:t=>this.handleChangeRight(t),onSelect:this.handleSelectRightItem.bind(this),onDoubleClick:this.handleTransferToLeft.bind(this),onChoose:this.handleChooseRight.bind(this)}})),i("div",{class:"actions__column"},i("ez-button",{mode:"icon",iconName:"dual-chevron-up",enabled:this.enableMoveUp(!0),title:this.i18n("ez-double-list.moveToFirstPosition"),size:"small",onClick:this.handleMoveToTop.bind(this)}),i("ez-button",{mode:"icon",iconName:"chevron-up",enabled:this.enableMoveUp(),title:this.i18n("ez-double-list.moveUp"),size:"small",onClick:this.handleMoveUp.bind(this)}),i("ez-button",{mode:"icon",iconName:"chevron-down",enabled:this.enableMoveDown(),title:this.i18n("ez-double-list.moveDown"),size:"small",onClick:this.handleMoveDown.bind(this)}),i("ez-button",{mode:"icon",iconName:"dual-chevron-down",enabled:this.enableMoveDown(!0),title:this.i18n("ez-double-list.moveToLastPosition"),size:"small",onClick:this.handleMoveToBottom.bind(this)})))}static get watchers(){return{leftList:["observeLeftList"],rightList:["observeRightList"]}}};c.style='.sc-ez-double-list-h{display:flex;flex-direction:row;gap:8px;align-items:center;font-family:var(--font-pattern, "Roboto");width:100%}@media screen and (max-width: 1366px){.group.sc-ez-double-list{height:350px}}.list__container.sc-ez-double-list{height:100%;width:100%;min-height:150px;overflow:auto;display:flex}.actions__column.sc-ez-double-list{display:flex;flex-direction:column;gap:4px}';export{c as ez_double_list}
+import{r as t,c as e,h as i,H as s}from"./p-23a36bb6.js";import{ObjectUtils as o}from"@sankhyalabs/core";import{i as l}from"./p-80dfc50b.js";import{i as n}from"./p-3b7d9f30.js";function h(t,e,i){if(!t.length)return[...e];if(!e.length)return[];const s=function(t,e){return t.map((t=>e.findIndex((e=>e.id===t))))}(t,e),o=0===(l=s).length?0:l.reduce(((t,e)=>e<t?e:t),l[0]);var l;const n=function(t){return 0===t.length?0:t.reduce(((t,e)=>e>t?e:t),t[0])}(s);return function(t,e,i,s){return t<0||e>=s.length||t>e?s:i?function(t,e,i){if(t===i.length-1)return i;const s=i.slice(0,e),o=i.slice(e,t+1),l=i.slice(t+1),n=l.shift();return n?[...s,n,...o,...l]:i}(e,t,s):function(t,e,i){if(0===t)return i;const s=i.slice(0,t-1),o=i.slice(t,e+1),l=i.slice(e+1);return[...s,...o,i[t-1],...l]}(t,e,s)}(o,n,i,e)}function r({from:t,to:e,selectedFrom:i,selectedTo:s}){return e=[...e.map((t=>d(t,!1))),...t.map((t=>d(t,!0)))],i=[],s=[...t.map((({id:t})=>t))],{from:t=[],to:e,selectedFrom:i,selectedTo:s}}function a({from:t,to:e,selectedFrom:i,selectedTo:s,insertIndex:o=e.length}){if(!t.length)return{from:t,to:e,selectedFrom:i,selectedTo:s};const l=function(t,e,i){const s=t.map((t=>t.id)),o=e.filter((t=>!s.includes(t)));return i.filter((({id:t})=>o.includes(t)))}(e,i,t);if(!l.length)return{from:t,to:e,selectedFrom:i,selectedTo:s};let n=e.map((t=>d(t,!1)));return n.splice(o,0,...l.map((t=>d(t,!0)))),{from:t.filter((t=>!i.includes(t.id))),to:n,selectedFrom:[],selectedTo:[...i]}}function d(t,e){return Object.assign(Object.assign({},t),{selected:e})}const c=class{constructor(i){t(this,i),this.ezLeftListChanged=e(this,"ezLeftListChanged",7),this.ezRightListChanged=e(this,"ezRightListChanged",7),this.LEFT_LIST_ID="LEFT-LIST-ID",this.RIGHT_LIST_ID="RIGHT-LIST-ID",this.leftList=[],this.leftTitle=void 0,this.rightList=[],this.entityLabel="item",this.entityLabelPlural="itens",this.leftListLabel="disponíveis",this.rightListLabel="selecionados",this.useOnlyRightList=!1,this.rightTitle=void 0,this.emptyMessage=void 0,this.slotsListBuilder=void 0,this.leftFilteredList=[],this.rightFilteredList=[],this.selectedLeftList=[],this.selectedRightList=[],this.isFilteringLeft=!1,this.isFilteringRight=!1}async resetSelectedLists(){this.selectedLeftList=[],this.selectedRightList=[]}observeLeftList(t,e){o.equals(t,e)||this.ezLeftListChanged.emit(t)}observeRightList(t,e){o.equals(t,e)||this.ezRightListChanged.emit(t)}async componentWillLoad(){this.i18n=await n()}async handleChangeLeft({detail:t}){t.to.getAttribute("id")&&t.to.getAttribute("id")===this.RIGHT_LIST_ID?(t.selectItens=t.selectItens.filter((t=>this.rightList.every((e=>e.id!==t)))),this.leftList=[...t.dataSource],this.selectedLeftList=[...t.selectItens],this.transferToRight(null==t?void 0:t.newIndex)):this.leftList=[...this.reorderArray(t.dataSource,t.selectItens,t.newIndex)]}async handleChangeRight({detail:t}){t.to.getAttribute("id")&&t.to.getAttribute("id")===this.LEFT_LIST_ID?(t.selectItens=t.selectItens.filter((t=>this.leftList.every((e=>e.id!==t)))),this.rightList=[...t.dataSource],this.selectedRightList=[...t.selectItens],this.transferToLeft(null==t?void 0:t.newIndex)):this.rightList=[...this.reorderArray(t.dataSource,t.selectItens,t.newIndex)]}reorderArray(t,e,i){const s=t.filter((t=>!e.includes(t.id))),o=t.filter((t=>e.includes(t.id)));return s.splice(i,0,...o),s}enableTransferAllToRight(){return this.leftList.length>0}enableTransferAllToLeft(){return this.rightList.length>0}enableTransferToRight(){return this.selectedLeftList.length>0}enableTransferToLeft(){return this.selectedRightList.length>0}enableMoveUp(t){if(this.isFilteringRight)return!1;const e=this.getRightSelectedItemsIndex();return this.selectedRightList.length>0&&!e.includes(0)&&(!!t||l(e))}enableMoveDown(t){if(this.isFilteringRight)return!1;const e=this.getRightSelectedItemsIndex();return this.selectedRightList.length>0&&!e.includes(this.rightList.length-1)&&(!!t||l(e))}getRightSelectedItemsIndex(){return this.selectedRightList.map((t=>this.rightList.findIndex((e=>e.id===t))))}transferToRight(t){const{from:e,to:i,selectedFrom:s,selectedTo:o}=a(Object.assign(Object.assign({},this.buildTransferToRightConfig()),{insertIndex:null!=t?t:0}));this.leftList=[],requestAnimationFrame((()=>this.leftList=[...e])),this.rightList=[...i],this.selectedLeftList=[...s],this.selectedRightList=[...o]}transferToLeft(t){const{from:e,to:i,selectedFrom:s,selectedTo:o}=a(Object.assign(Object.assign({},this.buildTransferToLeftConfig()),{insertIndex:null!=t?t:0}));this.rightList=[],requestAnimationFrame((()=>this.rightList=[...e])),this.leftList=[...i],this.selectedRightList=[...s],this.selectedLeftList=[...o]}async handleTransferAllToRight(){const{from:t,to:e,selectedFrom:i,selectedTo:s}=r(this.buildTransferToRightConfig());this.leftList=[...t],this.rightList=[...e],this.selectedLeftList=[...i],this.selectedRightList=[...s],requestAnimationFrame((async()=>{await this.clearSelectionAll()}))}async handleTransferAllToLeft(){const{from:t,to:e,selectedFrom:i,selectedTo:s}=r(this.buildTransferToLeftConfig());this.rightList=[...t],this.leftList=[...e],this.selectedRightList=[...i],this.selectedLeftList=[...s],requestAnimationFrame((async()=>{await this.clearSelectionAll()}))}buildTransferToRightConfig(){return{from:this.leftList,to:this.rightList,selectedFrom:this.selectedLeftList,selectedTo:this.selectedRightList}}buildTransferToLeftConfig(){return{from:this.rightList,to:this.leftList,selectedFrom:this.selectedRightList,selectedTo:this.selectedLeftList}}handleMoveUp(){this.rightList=[...h(this.selectedRightList,this.rightList,!1)]}handleMoveDown(){this.rightList=[...h(this.selectedRightList,this.rightList,!0)]}handleMoveToTop(){const{itemsToKeep:t,itemsToMove:e}=this.getItemsToKeepAndToMove();this.rightList=[...e,...t]}handleMoveToBottom(){const{itemsToKeep:t,itemsToMove:e}=this.getItemsToKeepAndToMove();this.rightList=[...t,...e]}handleSelectLeftItem({detail:t}){this.selectedLeftList=[...t.map((({id:t})=>t))]}handleSelectRightItem({detail:t}){this.selectedRightList=[...t.map((({id:t})=>t))]}getItemsToKeepAndToMove(){return{itemsToKeep:this.rightList.filter((t=>!this.selectedRightList.includes(t.id))),itemsToMove:this.rightList.filter((t=>this.selectedRightList.includes(t.id)))}}async handleTransferToRight(){this.transferToRight(),this.leftFilteredList=[],await this.leftEzListInstance.clearSelection()}async handleTransferToLeft(){this.transferToLeft(),this.rightFilteredList=[],await this.rightEzListInstance.clearSelection()}async clearSelectionAll(){await this.rightEzListInstance.clearSelection(),await this.leftEzListInstance.clearSelection()}handleChooseLeft(){requestAnimationFrame((async()=>{await this.rightEzListInstance.clearSelection()}))}handleChooseRight(){this.useOnlyRightList||requestAnimationFrame((async()=>{await this.leftEzListInstance.clearSelection()}))}renderList(t){const{idSortableList:e,list:s,isFiltering:o,filteredList:l,emptyMessage:n,slotConfig:h,callbacks:r,title:a}=t;return i("ez-sortable-list",{ref:null==r?void 0:r.setRef,title:a,idSortableList:e,emptyMessage:n,class:"ez-size-height--full",dataSource:o?l:s,hoverFeedback:!0,enableMultipleSelection:!0,removeItensMoved:!0,entityLabel:this.entityLabel,entityLabelPlural:this.entityLabelPlural,itemRightSlotBuilder:null==h?void 0:h.itemRightSlotBuilder,itemLeftSlotBuilder:null==h?void 0:h.itemLeftSlotBuilder,onItemsReordered:null==r?void 0:r.onChange.bind(this),onEzSelectItens:null==r?void 0:r.onSelect.bind(this),onEzDoubleClick:null==r?void 0:r.onDoubleClick.bind(this),onEzChoose:null==r?void 0:r.onChoose.bind(this)})}render(){var t,e,o,l,n,h,r,a,d,c;return i(s,null,!this.useOnlyRightList&&i("div",{class:"list__container"},this.leftList&&this.renderList({idSortableList:this.LEFT_LIST_ID,list:this.leftList,title:this.leftTitle,isFiltering:this.isFilteringLeft,filteredList:this.leftFilteredList,emptyMessage:(null===(t=this.emptyMessage)||void 0===t?void 0:t.LEFT_LIST)?this.emptyMessage.LEFT_LIST:this.i18n("ez-double-list.noItemsAvailable",{entity:this.entityLabel}),slotConfig:{itemRightSlotBuilder:null===(o=null===(e=this.slotsListBuilder)||void 0===e?void 0:e.LEFT_LIST)||void 0===o?void 0:o.itemRightSlotBuilder,itemLeftSlotBuilder:null===(n=null===(l=this.slotsListBuilder)||void 0===l?void 0:l.LEFT_LIST)||void 0===n?void 0:n.itemLeftSlotBuilder},callbacks:{setRef:t=>this.leftEzListInstance=t,onChange:t=>this.handleChangeLeft(t),onSelect:this.handleSelectLeftItem.bind(this),onDoubleClick:this.handleTransferToRight.bind(this),onChoose:this.handleChooseLeft.bind(this)}})),!this.useOnlyRightList&&i("div",{class:"actions__column"},i("ez-button",{mode:"icon",iconName:"dual-chevron-right",enabled:this.enableTransferAllToRight(),title:this.i18n("ez-double-list.moveAllTo",{list:this.rightListLabel}),size:"small",onClick:this.handleTransferAllToRight.bind(this)}),i("ez-button",{mode:"icon",iconName:"chevron-right",enabled:this.enableTransferToRight(),title:this.i18n("ez-double-list.moveTo",{list:this.rightListLabel}),size:"small",onClick:this.handleTransferToRight.bind(this)}),i("ez-button",{mode:"icon",iconName:"chevron-left",enabled:this.enableTransferToLeft(),title:this.i18n("ez-double-list.moveTo",{list:this.leftListLabel}),size:"small",onClick:this.handleTransferToLeft.bind(this)}),i("ez-button",{mode:"icon",iconName:"dual-chevron-left",enabled:this.enableTransferAllToLeft(),title:this.i18n("ez-double-list.moveAllTo",{list:this.leftListLabel}),size:"small",onClick:this.handleTransferAllToLeft.bind(this)})),i("div",{class:"list__container"},this.rightList&&this.renderList({idSortableList:this.RIGHT_LIST_ID,list:this.rightList,title:this.rightTitle,isFiltering:this.isFilteringRight,filteredList:this.rightFilteredList,emptyMessage:(null===(h=this.emptyMessage)||void 0===h?void 0:h.RIGHT_LIST)?this.emptyMessage.RIGHT_LIST:this.i18n("ez-double-list.noItemsSelected",{entity:this.entityLabel}),slotConfig:{itemRightSlotBuilder:null===(a=null===(r=this.slotsListBuilder)||void 0===r?void 0:r.RIGHT_LIST)||void 0===a?void 0:a.itemRightSlotBuilder,itemLeftSlotBuilder:null===(c=null===(d=this.slotsListBuilder)||void 0===d?void 0:d.RIGHT_LIST)||void 0===c?void 0:c.itemLeftSlotBuilder},callbacks:{setRef:t=>this.rightEzListInstance=t,onChange:t=>this.handleChangeRight(t),onSelect:this.handleSelectRightItem.bind(this),onDoubleClick:this.handleTransferToLeft.bind(this),onChoose:this.handleChooseRight.bind(this)}})),i("div",{class:"actions__column"},i("ez-button",{mode:"icon",iconName:"dual-chevron-up",enabled:this.enableMoveUp(!0),title:this.i18n("ez-double-list.moveToFirstPosition"),size:"small",onClick:this.handleMoveToTop.bind(this)}),i("ez-button",{mode:"icon",iconName:"chevron-up",enabled:this.enableMoveUp(),title:this.i18n("ez-double-list.moveUp"),size:"small",onClick:this.handleMoveUp.bind(this)}),i("ez-button",{mode:"icon",iconName:"chevron-down",enabled:this.enableMoveDown(),title:this.i18n("ez-double-list.moveDown"),size:"small",onClick:this.handleMoveDown.bind(this)}),i("ez-button",{mode:"icon",iconName:"dual-chevron-down",enabled:this.enableMoveDown(!0),title:this.i18n("ez-double-list.moveToLastPosition"),size:"small",onClick:this.handleMoveToBottom.bind(this)})))}static get watchers(){return{leftList:["observeLeftList"],rightList:["observeRightList"]}}};c.style='.sc-ez-double-list-h{display:flex;flex-direction:row;gap:8px;align-items:center;font-family:var(--font-pattern, "Roboto");width:100%}@media screen and (max-width: 1366px){.group.sc-ez-double-list{height:350px}}.list__container.sc-ez-double-list{height:100%;width:100%;min-height:150px;overflow:auto;display:flex}.actions__column.sc-ez-double-list{display:flex;flex-direction:column;gap:4px}';export{c as ez_double_list}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as o,g as e}from"./p-23a36bb6.js";import{ObjectUtils as h,ElementIDUtils as r}from"@sankhyalabs/core";import"./p-320c401f.js";import{C as n}from"./p-ec7db713.js";import"./p-ab574d59.js";import"./p-b853763b.js";import{i as a}from"./p-3b7d9f30.js";import"./p-5895e687.js";import"./p-47e4a8ce.js";const l=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.ezVisibilityChange=i(this,"ezVisibilityChange",7),this._changeDeboucingTimeout=null,this._deboucingTime=300,this._maxWidthValue=0,this._tabPressed=!1,this._lookupMode=!1,this.isOpen=!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,this.preventAutoFocus=!1,this.alternativePlaceholder=void 0,this.textEmptyOption=void 0}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 s=this.getSelectedOption(t),o=this.getSelectedOption(i),e=this.getSelectedOption(this.value);this.isDifferentValues(e,s)&&(this.value=s),this.isDifferentValues(s,o)&&(this.setInputValue(),this._lookupMode||this.ezChange.emit(null===s?void 0:s)),this.resetOptions()}finally{this._lookupMode=!1}}observeOptions(t,i){h.equals(t,i)||this.loadOptions(d.PRELOAD)}async getValueAsync(){return new Promise(this._showLoading?t=>{let i=setInterval((()=>{this._showLoading||(clearInterval(i),t(this.sanitizeValue(this.value)))}),100)}:t=>t(this.sanitizeValue(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()}isDifferentValues(t,i){return h.objectToString(t||{})!==h.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.sanitizeValue(this.value)),i=this.getFormattedText(t);if(null!=i)return String(i).replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&quot;/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:this.textEmptyOption||this.i18n("ez-combo-box.placeholder")}].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 s=this.getWidthValue(t.value);i.includes(s)||i.push(s)})),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}async showOptions(){var t,i;if(!this.enabled)return;await this.openPopover();const s=null!==(i=null===(t=this.value)||void 0===t?void 0:t.value)&&void 0!==i?i:this.value,o=this._visibleOptions.findIndex((t=>t.value===s));this._preSelection=-1===o?0:o,this._resizeObserver&&this._resizeObserver.observe(this._textInput),this.preventAutoFocus||await this.setFocus()}hideOptions(){var t;null===(t=this._popover)||void 0===t||t.hide(),this._resizeObserver&&this._resizeObserver.unobserve(this._textInput)}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 s,o,e;const h=this.getSelectedOption(this.value);(null===(s=null==h?void 0:h.value)||void 0===s?void 0:s.toString())!==(null===(o=null==t?void 0:t.value)||void 0===o?void 0:o.toString())||null==h&&null!=t&&"value"in t?(this.value=(null==t?void 0:t.value)?t:void 0,null===(e=this._popover)||void 0===e||e.hide()):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.sanitizeValue(this.value)?this.selectOption(void 0):window.setTimeout((()=>{this.setInputValue(!1),void 0!==this._criteria&&(this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions())}),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()}sanitizeValue(t){if("undefined"!==t&&"null"!==t)return t}async componentWillLoad(){if(this.i18n=await a(),void 0===this.options){this.options=[];const t=this.el.querySelectorAll("option");t&&t.forEach((t=>{let i=t.innerText,s=t.getAttribute("value");s||(s=i),this.options.push({label:i,value:s}),t.hidden=!0}))}this.loadOptions(d.PRELOAD)}setResizeObserver(){this._resizeObserver=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{Array.isArray(t)&&t.length&&this._textInput&&this._comboBoxList&&(this._comboBoxList.width=this._textInput.clientWidth)}))}))}connectedCallback(){this._resizeObserver||this.setResizeObserver()}componentDidLoad(){n.applyVarsTextInput(this.el,this._textInput),this.setInputValue(!1),this.setResizeObserver(),this.autoFocus&&requestAnimationFrame((()=>{this.setFocus({selectText:!0})}))}disconnectedCallback(){var t;null===(t=this._popover)||void 0===t||t.remove(),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null)}handlerIconClick(){this.showOptions()}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();this._criteria||(this._textInput.value=t.data||s),this._criteria=s,s?(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){var i,s,o,e,h,r;if(t.ctrlKey&&("f"===t.key||"F"===t.key))return this.loadOptions(d.ADVANCED),t.preventDefault(),void t.stopPropagation();switch(t.key){case"ArrowDown":t.preventDefault(),this.canShowListOptions()&&(this.showOptions(),null===(i=this._comboBoxList)||void 0===i||i.nextOption());break;case"ArrowUp":t.preventDefault(),this.canShowListOptions()&&(this.showOptions(),null===(s=this._comboBoxList)||void 0===s||s.previousOption());break;case"Enter":this.isOpen&&(t.preventDefault(),null===(o=this._comboBoxList)||void 0===o||o.selectCurrentOption());break;case"Escape":this.isOpen&&(t.preventDefault(),null===(e=this._popover)||void 0===e||e.hide());break;case"Tab":this._tabPressed=!0,this.isOpen&&(null===(h=this._comboBoxList)||void 0===h||h.selectCurrentOption(),null===(r=this._popover)||void 0===r||r.hide())}}onTextInputFocusOutHandler(){this.hideErrorOnFocusOut&&this.cancelPreselection()}canShowListOptions(){return!this._showLoading&&this._visibleOptions.length>0}async openPopover(){var t;this.isOpen=!0,await(null===(t=this._popover)||void 0===t?void 0:t.showUnder(this._textInput))}render(){var t;return r.addIDInfoIfNotExists(this.el,"input"),s(o,null,s("ez-text-input",{"data-element-id":r.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,alternativePlaceholder:this.alternativePlaceholder||this.i18n("ez-combo-box.placeholder")},s("button",{class:"btn",slot:"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.handlerIconClick()},s("ez-icon",{iconName:"chevron-down"}))),s("ez-popover-plus",{ref:t=>this._popover=t,anchorElement:this._textInput,autoClose:!0,boxWidth:"fit-content",overlayType:"none",onEzVisibilityChange:t=>this.isOpen=t.detail,"data-element-id":this.el.getAttribute("data-element-id")},s("ez-combo-box-list",{ref:t=>this._comboBoxList=t,showLoading:this._showLoading,visibleOptions:this._visibleOptions,textEmptyList:this.i18n("ez-combo-box.noResults"),showOptionValue:this.showOptionValue,preSelection:this._preSelection,maxWidth:this._maxWidthValue,width:null===(t=this._textInput)||void 0===t?void 0:t.clientWidth,onOptionSelect:t=>this.selectOption(t),onOptionHover:t=>this._preSelection=t})))}get el(){return e(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"],options:["observeOptions"]}}};var d;!function(t){t.ADVANCED="ADVANCED",t.PRELOAD="PRELOAD",t.PREDICTIVE="PREDICTIVE"}(d||(d={})),l.style=":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--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__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);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)}.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{l as ez_combo_box}

package/dist/ezui/{p-879cee4d.entry.js → p-feffb6a5.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i}from"./p-23a36bb6.js";import"./p-24582dd6.js";import{C as s}from"./p-ec7db713.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"@sankhyalabs/core";import{i as a}from"./p-69344c23.js";import"./p-5895e687.js";import"./p-47e4a8ce.js";const l=class{constructor(e){t(this,e),this.label=void 0,this.enableExpand=!0,this._expanded=!1,this.size=void 0,this.structural=!1}toggleExpandItem(){var t,e;this._expanded=!this._expanded,null===(e=null===(t=this.expandButtonRef.shadowRoot)||void 0===t?void 0:t.querySelector("button"))||void 0===e||e.blur()}async componentWillLoad(){this.i18n=await a()}componentDidLoad(){s.applyVarsGrid(this._element,this._slot.children[0])}render(){return e(i,{class:`box_split-item ${this._expanded?"expanded__item":""} ${this.structural?"structural__item":"content__item"}`,ref:t=>this._element=t},e("div",{class:"ez-split-item--header"},e("slot",{name:"leftButtons"}),e("div",{class:"ez-split-item--header-title"},this.label&&e("h3",{class:"ez-text ez-text--primary ez-title ez-title--medium ez-margin--small",title:this.label},this.label)),e("div",{class:"ez-split-item--header-buttons"},e("slot",{name:"rightButtons"}),this.enableExpand&&e("ez-button",{ref:t=>this.expandButtonRef=t,size:"small",mode:"icon",iconName:"expand",class:"ez-button--tertiary",onClick:()=>this.toggleExpandItem(),title:this.i18n(this._expanded?"app.collapse":"app.expand")}))),e("div",{class:"ez-split-item--content grid_height-0",ref:t=>this._slot=t},e("slot",null)))}};l.style=".box_split-item{background-color:var(--background--xlight);width:100%;height:100%;border-radius:var(--border--radius-medium);box-shadow:var(--shadow--xsmall);flex-direction:column;overflow:hidden;display:flex;padding:var(--space--nano)}.box_split-item>.ez-split-item--content{overflow:auto}.expanded__item{position:absolute;z-index:var(--more-visible);top:0;left:0;width:100%;height:100%}.ez-split-item--header{display:flex;align-items:center;justify-content:space-between}.ez-split-item--header-title{flex:1;white-space:nowrap;overflow:hidden}.ez-split-item--header-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ez-split-item--header-buttons{display:flex;align-items:center;max-height:20px}.ez-split-item--content{display:block;height:100%}h3.ez-margin--small{margin-left:var(--space--small)}.structural__item{background:none;box-shadow:none;padding:0;margin:0;border:0}.content__item{margin:var(--space--extra-small);width:calc(100% - 2*(var(--space--extra-small)));height:calc(100% - 2*(var(--space--extra-small)))}";export{l as ez_split_item}
+import{r as t,h as e,H as i}from"./p-23a36bb6.js";import"./p-320c401f.js";import{C as s}from"./p-ec7db713.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"@sankhyalabs/core";import{i as a}from"./p-3b7d9f30.js";import"./p-5895e687.js";import"./p-47e4a8ce.js";const l=class{constructor(e){t(this,e),this.label=void 0,this.enableExpand=!0,this._expanded=!1,this.size=void 0,this.structural=!1}toggleExpandItem(){var t,e;this._expanded=!this._expanded,null===(e=null===(t=this.expandButtonRef.shadowRoot)||void 0===t?void 0:t.querySelector("button"))||void 0===e||e.blur()}async componentWillLoad(){this.i18n=await a()}componentDidLoad(){s.applyVarsGrid(this._element,this._slot.children[0])}render(){return e(i,{class:`box_split-item ${this._expanded?"expanded__item":""} ${this.structural?"structural__item":"content__item"}`,ref:t=>this._element=t},e("div",{class:"ez-split-item--header"},e("slot",{name:"leftButtons"}),e("div",{class:"ez-split-item--header-title"},this.label&&e("h3",{class:"ez-text ez-text--primary ez-title ez-title--medium ez-margin--small",title:this.label},this.label)),e("div",{class:"ez-split-item--header-buttons"},e("slot",{name:"rightButtons"}),this.enableExpand&&e("ez-button",{ref:t=>this.expandButtonRef=t,size:"small",mode:"icon",iconName:"expand",class:"ez-button--tertiary",onClick:()=>this.toggleExpandItem(),title:this.i18n(this._expanded?"app.collapse":"app.expand")}))),e("div",{class:"ez-split-item--content grid_height-0",ref:t=>this._slot=t},e("slot",null)))}};l.style=".box_split-item{background-color:var(--background--xlight);width:100%;height:100%;border-radius:var(--border--radius-medium);box-shadow:var(--shadow--xsmall);flex-direction:column;overflow:hidden;display:flex;padding:var(--space--nano)}.box_split-item>.ez-split-item--content{overflow:auto}.expanded__item{position:absolute;z-index:var(--more-visible);top:0;left:0;width:100%;height:100%}.ez-split-item--header{display:flex;align-items:center;justify-content:space-between}.ez-split-item--header-title{flex:1;white-space:nowrap;overflow:hidden}.ez-split-item--header-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ez-split-item--header-buttons{display:flex;align-items:center;max-height:20px}.ez-split-item--content{display:block;height:100%}h3.ez-margin--small{margin-left:var(--space--small)}.structural__item{background:none;box-shadow:none;padding:0;margin:0;border:0}.content__item{margin:var(--space--extra-small);width:calc(100% - 2*(var(--space--extra-small)));height:calc(100% - 2*(var(--space--extra-small)))}";export{l as ez_split_item}

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

@@ -85,6 +85,12 @@ export declare class EzClassicInput {
   private processInputWithMask;
   private processCgcCpfMask;
   private processRegularMask;
+  private isDataChar;
+  private countDataCharsBefore;
+  private skipLeadingSeparators;
+  private findPositionAfterDataChars;
+  private getCursorPositionAfterFormat;
+  private restoreCursorSelection;
   private updateInputValue;
   private updateInputValueWithoutMask;
   private onBlur;

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

@@ -121,6 +121,8 @@ export declare class EzClassicSearchPlus {
   private searchDescriptionIsOpen;
   private visibleOptions;
   private showLoading;
+  private canShowClearButton;
+  private isHoveringDescription;
   observeValue(newValue: IOption | string, oldValue: IOption | string): Promise<void>;
   /**
    * Aplica o foco no campo.
@@ -173,6 +175,7 @@ export declare class EzClassicSearchPlus {
   private handleCodeInputFocus;
   private handleDescriptionInputFocus;
   private handleOnEzVisibilityChange;
+  private getClearButtonStatus;
   render(): any;
 }
 export interface IOption {

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

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

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

@@ -1,14 +1,22 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { DataUnit } from '@sankhyalabs/core';
+import { PageChangeDirection } from './ez-grid-pagination.model';
 export declare class EzGridPagination {
   private i18n;
   private _cancelPaginationPopoverElement;
   private _dataUnitInitialized;
   private _dataUnitObserverBound;
+  private _askCancelListenerBound;
+  private _pendingResolve;
+  private _collapseTimeout;
+  private _suppressedUntilNextAsk;
+  private _hoverEnabled;
   _element: HTMLElement;
   private paginationInfo;
   private leftButtonDisabled;
   private rightButtonDisabled;
+  private expanded;
+  private loadAll;
   /**
    * Define a visibilidade do contador de paginação.
    * - `show`: Sempre exibe o contador (ex: "1-10 de 100")
@@ -56,9 +64,16 @@ export declare class EzGridPagination {
   private getPaginationCount;
   private getTotalPages;
   private handlePageChange;
-  private handleCancelPagination;
+  private resolvePending;
+  private handleCancelAction;
+  private handleContinueAction;
+  private handleLoadAllChange;
   private handleShowCancelPagination;
   private hasToShowCancelPagination;
+  private expand;
+  private collapse;
+  private scheduleCollapse;
+  private handleAskCancelPagination;
   private setPaginationInfo;
   private dataUnitObserver;
   private getLeftButtonDisabledStatus;
@@ -66,10 +81,11 @@ export declare class EzGridPagination {
   private setStatusButtonPagination;
   private initializeDataUnit;
   private addInfoId;
+  private renderCollapsedTrigger;
+  private renderExpandedContent;
   private renderCancelPagination;
   connectedCallback(): Promise<void>;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   render(): any;
 }
-export type PageChangeDirection = 'next' | 'previous';

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

@@ -0,0 +1,7 @@
+export declare const ASK_CANCEL_PAGINATION_EVENT = "ez-grid-pagination:ask-cancel";
+export type AskCancelPaginationResponse = 'CANCEL' | 'CONTINUE' | 'LOAD_ALL';
+export interface AskCancelPaginationEventDetail {
+  dataUnitName: string;
+  resolve: (response: AskCancelPaginationResponse) => void;
+}
+export type PageChangeDirection = 'next' | 'previous';

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

@@ -32,6 +32,7 @@ export declare class EzImageInput {
   private handleDragLeave;
   private processFile;
   private handleRemoveImage;
+  private handleEditImage;
   private handleClickDropZone;
   private handleImageClick;
   private handlePopupAction;

package/dist/types/components/ez-multi-select-input/ez-multi-select-input.d.ts

@@ -0,0 +1,119 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IMultiSelectionListDataSource } from '../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
+import { IMultiSelectionOption } from '../ez-multi-selection-list/interfaces/IMultiSelectionOption';
+/**
+ * Campo de formulário de múltipla seleção. Possui o mesmo layout visual do
+ * `ez-text-input` (label flutuante, estados de foco/erro/desabilitado) e, ao ser
+ * acionado, abre um `ez-popover-plus` ancorado ao campo contendo um
+ * `ez-multi-selection-list`. O campo exibe o texto "N selecionado(s)" com a
+ * contagem de itens marcados.
+ *
+ * Suporta tanto lista estática (`options`) quanto carregamento dinâmico via
+ * `dataSource`/`columnName`. O valor selecionado é exposto pela prop `value` e
+ * pelo evento `ezChange` (ambos no formato `IMultiSelectionOption[]`), o que
+ * permite a vinculação automática a formulários através do `DataBinder` quando o
+ * metadata informa `userInterface: "MULTISELECTOR"`.
+ */
+export declare class EzMultiSelectInput {
+  private _popover;
+  private _trigger;
+  private _list;
+  /**
+   * Chave da última seleção conhecida (valores marcados, ordenados). Usada para
+   * deduplicar emissões de `ezChange`: o ez-multi-selection-list emite
+   * `changeFilteredOptions` também ao montar e a cada sincronização programática
+   * de `options`/`value`, então só propagamos mudanças reais de seleção.
+   */
+  private _lastSelectionKey;
+  private _hostElement;
+  /**
+   * Texto a ser apresentado como título do campo.
+   */
+  label: string;
+  /**
+   * Se false o usuário não pode interagir com o campo.
+   */
+  enabled: boolean;
+  /**
+   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
+   */
+  errorMessage: string;
+  /**
+   * Define se o campo está em estado inválido (bordas vermelhas).
+   */
+  hasInvalid: boolean;
+  /**
+   * Se false deixa de exibir a mensagem de erro dentro do campo.
+   */
+  canShowError: boolean;
+  /**
+   * Define o tamanho do campo.
+   */
+  mode: 'slim' | 'regular';
+  /**
+   * Se true o campo não terá bordas.
+   */
+  noBorder: boolean;
+  /**
+   * Opções estáticas passadas para o ez-multi-selection-list.
+   */
+  options: IMultiSelectionOption[];
+  /**
+   * Datasource dinâmico passado para o ez-multi-selection-list.
+   */
+  dataSource: IMultiSelectionListDataSource;
+  /**
+   * Nome da coluna para o datasource.
+   */
+  columnName: string;
+  /**
+   * Alterna entre lista estática (true) e datasource (false).
+   */
+  useOptions: boolean;
+  /**
+   * Informa se a pesquisa é do tipo texto ou numérico.
+   */
+  isTextSearch: boolean;
+  /**
+   * Define se as opções marcadas devem ser reordenadas para o topo da lista.
+   * Quando `false` (padrão), a ordem original das opções é preservada — os itens
+   * não "pulam" para o topo ao serem selecionados. Defina `true` para manter os
+   * selecionados no topo (ordenados).
+   */
+  orderSelectedFirst: boolean;
+  /**
+   * Valor do campo: as opções com o estado de check atual (mesmo formato do payload
+   * de `ezChange`). Usado para a vinculação com formulários (read-back do DataBinder).
+   * Não reflete como atributo pois arrays não serializam bem em HTML.
+   */
+  value: IMultiSelectionOption[];
+  private _selectedCount;
+  private _isOpen;
+  /**
+   * Emitido quando a seleção de itens na lista é alterada.
+   * O payload é o array completo das opções com seu estado de check.
+   */
+  ezChange: EventEmitter<IMultiSelectionOption[]>;
+  observeHasInvalid(newValue: boolean | string, oldValue: boolean | string): void;
+  observeOptions(newOptions: IMultiSelectionOption[]): void;
+  observeValue(newValue: IMultiSelectionOption[]): void;
+  /**
+   * Retorna as opções com o estado de check atual.
+   */
+  getSelectedOptions(): Promise<IMultiSelectionOption[]>;
+  /**
+   * Limpa todas as seleções. Delega ao ez-multi-selection-list.
+   */
+  clearSelection(): Promise<void>;
+  private handleTogglePopover;
+  private handleKeyDown;
+  private handleVisibilityChange;
+  private stopInnerChangeEvents;
+  private handleSelectionChange;
+  private selectionKey;
+  private buildDisplayText;
+  private buildTriggerClass;
+  private hasError;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/ez-multi-selection-list/ez-multi-selection-list.d.ts

@@ -33,6 +33,13 @@ export declare class EzMuiltiSelectionList {
    * Informa se a pesquisa é do tipo texto ou numérico.
    */
   isTextSearch: boolean;
+  /**
+   * Define se as opções marcadas devem ser reordenadas para o topo da lista
+   * (e ordenadas alfabeticamente/pelo datasource). Quando `false`, a ordem original
+   * das opções é preservada — inclusive ao marcar/desmarcar itens.
+   * Padrão: `true` (mantém o comportamento histórico).
+   */
+  orderSelectedFirst: boolean;
   /**
    * Guarda o estado das opções de filtragem (check = true ou false).
    * @private
@@ -47,6 +54,7 @@ export declare class EzMuiltiSelectionList {
   private viewScenario;
   private displayOptionToCheckAllItems;
   clearFilteredOptions(): Promise<void>;
+  clearSelection(): Promise<void>;
   onChangeUseOptions(): void;
   onChangeOptions(): void;
   onChangeFilteredOptions(optionsListUpdated: IMultiSelectionOption[]): void;

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

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

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

@@ -34,6 +34,13 @@ export declare class EzPopoverPlus {
    * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
    */
   minWidth: number;
+  /**
+   * Define se o popover deve se ajustar ao espaço visível disponível para não ser
+   * cortado pelas bordas da tela (ou por containers com rolagem). Quando verdadeiro,
+   * o conteúdo passa a rolar internamente em vez de ficar com parte oculta.
+   * Padrão: true.
+   */
+  fitInViewport: boolean;
   /**
    * Emitido quando acontece a alteração de estado do componente.
    */

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

@@ -37,6 +37,15 @@ export declare class EzPopoverCore {
    * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
    */
   minWidth: number;
+  /**
+   * Define se o popover deve se ajustar ao espaço visível disponível para não ser
+   * cortado pelas bordas da tela (ou por containers com rolagem). Quando verdadeiro,
+   * a largura/altura máximas do popover passam a ser limitadas ao espaço disponível
+   * e o conteúdo rola internamente, em vez de ficar com parte oculta. O elemento
+   * permanece no shadow DOM, preservando o estilo e o conteúdo do slot.
+   * Padrão: true.
+   */
+  fitInViewport: boolean;
   /**
    * Emitido quando acontece a alteração de estado do componente.
    */

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

@@ -3,6 +3,7 @@ import { EzButtonProps } from "./interfaces/EzButtonProps";
 export declare class EzPopup {
   private _keyboardManager;
   private _popupRef;
+  private _overlayRef;
   private _overlayId;
   private _element;
   private _hasFooterSlotContent;

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

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