@sankhyalabs/ezui 5.22.0-dev.64 → 5.22.0-dev.66

package/dist/ezui/{p-bef7daac.entry.js → p-e347df9c.entry.js}

@@ -1 +1 @@
-import{r as l,c as e,h as i,g as o}from"./p-e4c7eb39.js";import{ElementIDUtils as t}from"@sankhyalabs/core";import{A as s}from"./p-2187f86c.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"./p-4607fb89.js";const a=class{constructor(i){l(this,i),this.ezChange=e(this,"ezChange",7),this.ezRemove=e(this,"ezRemove",7),this.ezSaveEditLabel=e(this,"ezSaveEditLabel",7),this.ezEditLabelMode=e(this,"ezEditLabelMode",7),this._activeEditText=!1,this.value=!1,this.boxBordered=!1,this.label=void 0,this.subtitle=void 0,this.headerSize="small",this.iconPlacement="left",this.headerAlign="left",this.removable=!1,this.editable=!1,this.conditionalSave=void 0}async showHide(){this.value=!this.value}async applyFocusTextEdit(){var l;null===(l=this._refTextEdit)||void 0===l||l.applyFocusSelect()}async cancelEdition(){this._activeEditText=!1,this.ezEditLabelMode.emit(this._activeEditText)}observeCollapsedValue(){this.ezChange.emit(this.value)}getHeaderSize(){const l=this.headerSize&&this.headerSize.toLowerCase(),e=["xsmall","xlarge"].includes(l)?l.replace("x","x-"):l;return["x-small","small","medium","large","x-large"].includes(e)?e:"small"}removeElement(){this._hostElement&&this._hostElement.remove(),this.ezRemove.emit(this)}editLabel(l){l.preventDefault(),l.stopPropagation(),this._activeEditText=!0,this.ezEditLabelMode.emit(this._activeEditText)}confirmRemove(l){l.stopPropagation(),s.confirm("Aviso",`Deseja realmente remover o grupo <b>${this.label}</b>?`).then((l=>{l&&this.removeElement()}))}saveEditionText(l){const{value:e,newValue:i}=l.detail;if(e===i)return void this.cancelEdition();let o=!0;this.conditionalSave&&(o=this.conditionalSave(i)),this.label!==i&&o&&(this.label=i,this._activeEditText=!1,this.ezSaveEditLabel.emit(l.detail),this.ezEditLabelMode.emit(this._activeEditText))}getStyledLabel(){if(null!=this._refLabel)return{fontSize:window.getComputedStyle(this._refLabel).getPropertyValue("font-size"),fontWeight:window.getComputedStyle(this._refLabel).getPropertyValue("font-weight"),fontFamily:window.getComputedStyle(this._refLabel).getPropertyValue("font-family")}}componentDidLoad(){t.addIDInfo(this._hostElement)}render(){return i("div",{class:`collapsible-box ${this.boxBordered&&"collapsable-box--bordered"}`},i("div",{class:"collapsible-box__header"},i("button",Object.assign({},this._activeEditText?null:{onClick:()=>{this.showHide()}},{class:"collapsible-box__title collapsible-box__title--"+(this.headerAlign||"left")+("right"===this.iconPlacement?" collapsible-box__title--icon-right":"")+(this.value?" collapsible-box__title--no-margin":"")}),i("ez-icon",{slot:"icon","icon-name":"chevron-right",size:this.getHeaderSize(),class:"collapsible-box__icon collapsible-box__icon--"+this.getHeaderSize()+(this.value?" collapsible-box__icon--collapsed":""),id:"toggleCollapsible"}),this._activeEditText?i("ez-text-edit",{class:"collapsible-box__text-edit",ref:l=>this._refTextEdit=l,value:this.label,styled:this.getStyledLabel(),onSaveEdition:l=>this.saveEditionText(l),onCancelEdition:()=>this.cancelEdition()}):i("label",{class:"collapsible-box__label font--"+this.getHeaderSize(),title:this.label,ref:l=>this._refLabel=l},i("span",null,this.label),this.editable&&i("ez-icon",{slot:"icon","icon-name":"edit",onClick:l=>this.editLabel(l),title:"Editar"}),this.removable&&i("ez-icon",{slot:"icon","icon-name":"delete",onClick:l=>this.confirmRemove(l),title:"Remover"}))),i("slot",{name:"rightSlot"})),i("div",{class:"collapsible-box__content"+(this.value?"":" collapsible-box__content--show")},this.subtitle&&i("div",{class:"subtitle-box__content"},i("label",{class:"subtitle-box__label",title:this.subtitle},i("span",null,this.subtitle))),i("slot",null)))}get _hostElement(){return o(this)}static get watchers(){return{value:["observeCollapsedValue"]}}};a.style=":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsable-box--bordered{border:var(--border--small);border-color:var(--color--strokes);border-radius:var(--border--radius-medium);padding:var(--space--xs)}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:100%;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:block;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:2s all ease-in-out}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";export{a as ez_collapsible_box}
+import{r as l,c as i,h as o,g as e}from"./p-23a36bb6.js";import{ElementIDUtils as t}from"@sankhyalabs/core";import{A as s}from"./p-2187f86c.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"./p-4607fb89.js";const a=class{constructor(o){l(this,o),this.ezChange=i(this,"ezChange",7),this.ezRemove=i(this,"ezRemove",7),this.ezSaveEditLabel=i(this,"ezSaveEditLabel",7),this.ezEditLabelMode=i(this,"ezEditLabelMode",7),this._activeEditText=!1,this.value=!1,this.boxBordered=!1,this.label=void 0,this.subtitle=void 0,this.headerSize="small",this.iconPlacement="left",this.headerAlign="left",this.removable=!1,this.editable=!1,this.conditionalSave=void 0}async showHide(){this.value=!this.value}async applyFocusTextEdit(){var l;null===(l=this._refTextEdit)||void 0===l||l.applyFocusSelect()}async cancelEdition(){this._activeEditText=!1,this.ezEditLabelMode.emit(this._activeEditText)}observeCollapsedValue(){this.ezChange.emit(this.value)}getHeaderSize(){const l=this.headerSize&&this.headerSize.toLowerCase(),i=["xsmall","xlarge"].includes(l)?l.replace("x","x-"):l;return["x-small","small","medium","large","x-large"].includes(i)?i:"small"}removeElement(){this._hostElement&&this._hostElement.remove(),this.ezRemove.emit(this)}editLabel(l){l.preventDefault(),l.stopPropagation(),this._activeEditText=!0,this.ezEditLabelMode.emit(this._activeEditText)}confirmRemove(l){l.stopPropagation(),s.confirm("Aviso",`Deseja realmente remover o grupo <b>${this.label}</b>?`).then((l=>{l&&this.removeElement()}))}saveEditionText(l){const{value:i,newValue:o}=l.detail;if(i===o)return void this.cancelEdition();let e=!0;this.conditionalSave&&(e=this.conditionalSave(o)),this.label!==o&&e&&(this.label=o,this._activeEditText=!1,this.ezSaveEditLabel.emit(l.detail),this.ezEditLabelMode.emit(this._activeEditText))}getStyledLabel(){if(null!=this._refLabel)return{fontSize:window.getComputedStyle(this._refLabel).getPropertyValue("font-size"),fontWeight:window.getComputedStyle(this._refLabel).getPropertyValue("font-weight"),fontFamily:window.getComputedStyle(this._refLabel).getPropertyValue("font-family")}}componentDidLoad(){t.addIDInfo(this._hostElement)}render(){return o("div",{class:`collapsible-box ${this.boxBordered&&"collapsable-box--bordered"}`},o("div",{class:"collapsible-box__header"},o("button",Object.assign({},this._activeEditText?null:{onClick:()=>{this.showHide()}},{class:"collapsible-box__title collapsible-box__title--"+(this.headerAlign||"left")+("right"===this.iconPlacement?" collapsible-box__title--icon-right":"")+(this.value?" collapsible-box__title--no-margin":"")}),o("ez-icon",{slot:"icon","icon-name":"chevron-right",size:this.getHeaderSize(),class:"collapsible-box__icon collapsible-box__icon--"+this.getHeaderSize()+(this.value?" collapsible-box__icon--collapsed":""),id:"toggleCollapsible"}),this._activeEditText?o("ez-text-edit",{class:"collapsible-box__text-edit",ref:l=>this._refTextEdit=l,value:this.label,styled:this.getStyledLabel(),onSaveEdition:l=>this.saveEditionText(l),onCancelEdition:()=>this.cancelEdition()}):o("label",{class:"collapsible-box__label font--"+this.getHeaderSize(),title:this.label,ref:l=>this._refLabel=l},o("span",null,this.label),this.editable&&o("ez-icon",{slot:"icon","icon-name":"edit",onClick:l=>this.editLabel(l),title:"Editar"}),this.removable&&o("ez-icon",{slot:"icon","icon-name":"delete",onClick:l=>this.confirmRemove(l),title:"Remover"}))),o("slot",{name:"rightSlot"})),o("div",{class:"collapsible-box__content"+(this.value?"":" collapsible-box__content--show")},this.subtitle&&o("div",{class:"subtitle-box__content"},o("label",{class:"subtitle-box__label",title:this.subtitle},o("span",null,this.subtitle))),o("slot",null)))}get _hostElement(){return e(this)}static get watchers(){return{value:["observeCollapsedValue"]}}};a.style=":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsable-box--bordered{border:var(--border--small);border-color:var(--color--strokes);border-radius:var(--border--radius-medium);padding:var(--space--xs)}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:100%;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:block;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:2s all ease-in-out}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";export{a as ez_collapsible_box}

package/dist/ezui/{p-35d0b2fb.entry.js → p-e3e3fd7a.entry.js}

@@ -1 +1 @@
-import{h as e,r as a,c as t,g as r,H as n}from"./p-e4c7eb39.js";import{ObjectUtils as o,UserInterface as l,ElementIDUtils as i}from"@sankhyalabs/core";import{R as s}from"./p-05e1f4e7.js";import{C as d}from"./p-b853763b.js";function c(a,t,r,n,o){return e("div",{class:"ez-col ez-col--sd-12 ez-align--middle ez-padding-bottom--large"},e("ez-check",{enabled:!r,label:t,mode:o?d.SWITCH:d.REGULAR,"data-field-name":a,"data-context-name":n,key:a,noMargin:!0}))}function m(a,t,r,n,o,l,i){return e("div",{class:"ez-col ez-col--sd-12 "},e("ez-number-input",{enabled:!r,label:t,precision:n,prettyPrecision:o,"data-field-name":a,"data-context-name":l,key:a,canShowError:i,noMargin:!0}))}const h=({name:a,label:t,readOnly:r,contextName:n,canShowError:o,props:l})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-text-input",{label:t,"data-field-name":a,"data-context-name":n,key:a,enabled:!r,canShowError:o,mask:null==l?void 0:l.mask,"clean-value-mask":null==l?void 0:l.cleanValueMask,noMargin:!0})),u=new Map;u.set(l.CHECKBOX,(e=>c(e.name,e.label,e.readOnly,e.contextName,!1))),u.set(l.SWITCH,(e=>c(e.name,e.label,e.readOnly,e.contextName,!0))),u.set(l.OPTIONSELECTOR,(({name:a,label:t,readOnly:r,required:n,props:o,contextName:l,canShowError:i})=>{const s=null==o?void 0:o.options;let d;if("string"==typeof s){const e=JSON.parse(s);d=Object.keys(e).map((a=>({value:a,label:e[a]})))}else d=s;return e("div",{class:"ez-col ez-col--sd-12"},e("ez-combo-box",{enabled:!r,suppressEmptyOption:n,label:t,"data-field-name":a,"data-context-name":l,key:a,options:d,canShowError:i,noMargin:!0}))})),u.set(l.DATE,(({name:a,label:t,readOnly:r,canShowError:n})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-date-input",{enabled:!r,label:t,"data-field-name":a,key:a,canShowError:n,noMargin:!0})))),u.set(l.TIME,(({name:a,label:t,readOnly:r,canShowError:n,props:o})=>{var l;return e("div",{class:"ez-col ez-col--sd-12"},e("ez-time-input",{enabled:!r,label:t,"data-field-name":a,key:a,canShowError:n,noMargin:!0,"show-seconds":null!==(l=null==o?void 0:o.showSeconds)&&void 0!==l&&l}))})),u.set(l.ELAPSEDTIME,(({name:a,label:t,readOnly:r,canShowError:n})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-time-input",{enabled:!r,label:t,"data-field-name":a,key:a,canShowError:n,noMargin:!0,showSeconds:!0})))),u.set(l.DATETIME,(({name:a,label:t,readOnly:r,contextName:n,canShowError:o})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-date-time-input",{enabled:!r,label:t,"data-field-name":a,"data-context-name":n,key:a,canShowError:o,noMargin:!0})))),u.set(l.FILE,(({name:a,label:t,readOnly:r,contextName:n,props:l})=>{const i=o.removeEmptyValues({subTitle:l.subTitle,requestHeaders:Object.assign(Object.assign({},l.STORAGESTRATEGY&&{STORAGESTRATEGY:l.STORAGESTRATEGY}),l.INTERNAL_FILENAME&&{INTERNAL_FILENAME:l.INTERNAL_FILENAME})});return e("div",{class:"ez-col ez-col--sd-12"},e("ez-upload",Object.assign({enabled:!r,label:t,"data-field-name":a,"data-context-name":n,key:a},i)))})),u.set(l.DECIMALNUMBER,(({name:e,label:a,readOnly:t,props:r,contextName:n,canShowError:o})=>{var l,i;const s=Number(null!==(l=null==r?void 0:r.precision)&&void 0!==l?l:2);return m(e,a,t,s,Number(null!==(i=null==r?void 0:r.prettyPrecision)&&void 0!==i?i:s),n,o)})),u.set(l.INTEGERNUMBER,(({name:e,label:a,readOnly:t,contextName:r,canShowError:n})=>m(e,a,t,0,0,r,n))),u.set(l.SEARCH,(({name:a,label:t,readOnly:r,required:n,contextName:o,canShowError:l,optionLoader:i,props:s})=>{var d;return e("div",{class:"ez-col ez-col--sd-12"},e("ez-search",{enabled:!r,suppressEmptyOption:n,label:t,"data-field-name":a,"data-context-name":o,key:a,canShowError:l,optionLoader:i,ignoreLimitCharsToSearch:null!==(d=s.ignoreLimitCharsToSearch)&&void 0!==d&&d,noMargin:!0}))})),u.set(l.LONGTEXT,(({name:a,label:t,readOnly:r,contextName:n,rows:o,canShowError:l})=>e("div",{class:"ez-col ez-col--sd-12",key:a},e("ez-text-area",{enabled:!r,label:t,"data-field-name":a,"data-context-name":n,rows:o,canShowError:l}))));const p=e=>{const a=u.get(e.userInterface)||h,t=e.required?`${e.label}${s}`:e.label,r=a(Object.assign(Object.assign({},e),{label:t}));return r.t["data-form-item"]=e.name,r};class b{constructor(e){this.elem=e}addRightElement(e){this.removeRightElement(),e.classList.add("ez-padding-left--small"),e.setAttribute("data-custom-item","true"),this.elem.classList.add("ez-col--nowrap"),this.elem.appendChild(e)}removeRightElement(){Array.from(this.elem.querySelectorAll('[data-custom-item="true"]')).forEach((e=>e.remove()))}get fieldName(){return this.elem.getAttribute("data-form-item")}}class w{constructor(e,a){this.items=new Map,this.formId=a,e.forEach((e=>{const a=new b(e);this.items.set(a.fieldName,a)}))}getItem(e){return this.items.get(e)}get formName(){return this.formId}}const v=class{constructor(e){a(this,e),this.ezContentReady=t(this,"ezContentReady",7),this.formItemsReady=t(this,"formItemsReady",7),this._customEditors=new Map,this.fields=void 0,this.selectedRecord=void 0}async showUp(){this._element.scrollIntoView({behavior:"smooth",block:"start"})}async addCustomEditor(e,a,t){const r=new Map(this._customEditors);r.set(e,{customEditor:a,detailContext:t}),this._customEditors=r}async setFieldProp(e,a,t){const r=this.fields.map((r=>(r.name!==e||!t&&0!==t||(r.props=r.props||{},r.props[a]=t),r)));this.fields=[...r]}groupFields(e){const a=new Map;return e.forEach((e=>{const t=e.group;if(t){let r=a.get(t);null==r&&(r=[],a.set(t,r)),r.push(e)}else a.set(e.name,e)})),a}componentDidRender(){this._formElements=Array.from(this._element.querySelectorAll("[data-field-name]")),this.ezContentReady.emit(this._formElements);const e=new w(Array.from(this._element.querySelectorAll("[data-form-item]")));this.formItemsReady.emit(e)}isItemFullWidth(e){return[l.FILE,l.LONGTEXT].includes(e)}buildFormItemElement(a,t=""){var r;if(this.isItemFullWidth(a.userInterface)&&(t+=" input-full_width"),this._customEditors.has(a.name)){const n=null===(r=this._formElements.map((e=>({name:e.dataset.fieldName,value:e.value}))).find((e=>e.name===a.name)))||void 0===r?void 0:r.value,o=this._customEditors.get(a.name).customEditor;return e("div",{class:t},e("ez-custom-form-input",{"data-field-name":a.name,customEditor:o,formViewField:a,builderFallback:p,value:n,selectedRecord:this.selectedRecord}))}return e("div",{class:t},p(a))}render(){if(i.addIDInfoIfNotExists(this._element,"ezFormView"),null==this.fields)return;let a=[],t=Array.from(this.groupFields(this.fields).entries()).map((([t,r])=>{if(Array.isArray(r))return e("ez-collapsible-box",{id:`group-${t}`,label:t,"header-size":"large",key:t},e("div",{class:"form-view__content"},r.map((e=>this.buildFormItemElement(e)))));a.push(r)})),r=a.map((e=>this.buildFormItemElement(e))),o=e("div",{class:"form-view__content"},r);return e(n,null,o,t)}get _element(){return r(this)}};v.style=".sc-ez-form-view-h{display:flex;flex-wrap:wrap;width:100%;--ez-form-view__item--min-width:220px;--ez-form-view__item--width:var(--space--small);--ez-form-view__item--padding:var(--space--small)}.form-view__content.sc-ez-form-view{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--ez-form-view__item--min-width), 1fr));gap:var(--ez-form-view__item--width);padding-inline:var(--ez-form-view__item--padding);width:100%}.input-full_width.sc-ez-form-view{grid-column:1 / -1;width:100%}";export{v as ez_form_view}
+import{h as e,r as a,c as t,g as r,H as n}from"./p-23a36bb6.js";import{ObjectUtils as o,UserInterface as l,ElementIDUtils as i}from"@sankhyalabs/core";import{R as s}from"./p-05e1f4e7.js";import{C as d}from"./p-b853763b.js";function c(a,t,r,n,o){return e("div",{class:"ez-col ez-col--sd-12 ez-align--middle ez-padding-bottom--large"},e("ez-check",{enabled:!r,label:t,mode:o?d.SWITCH:d.REGULAR,"data-field-name":a,"data-context-name":n,key:a,noMargin:!0}))}function m(a,t,r,n,o,l,i){return e("div",{class:"ez-col ez-col--sd-12 "},e("ez-number-input",{enabled:!r,label:t,precision:n,prettyPrecision:o,"data-field-name":a,"data-context-name":l,key:a,canShowError:i,noMargin:!0}))}const h=({name:a,label:t,readOnly:r,contextName:n,canShowError:o,props:l})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-text-input",{label:t,"data-field-name":a,"data-context-name":n,key:a,enabled:!r,canShowError:o,mask:null==l?void 0:l.mask,"clean-value-mask":null==l?void 0:l.cleanValueMask,noMargin:!0})),u=new Map;u.set(l.CHECKBOX,(e=>c(e.name,e.label,e.readOnly,e.contextName,!1))),u.set(l.SWITCH,(e=>c(e.name,e.label,e.readOnly,e.contextName,!0))),u.set(l.OPTIONSELECTOR,(({name:a,label:t,readOnly:r,required:n,props:o,contextName:l,canShowError:i})=>{const s=null==o?void 0:o.options;let d;if("string"==typeof s){const e=JSON.parse(s);d=Object.keys(e).map((a=>({value:a,label:e[a]})))}else d=s;return e("div",{class:"ez-col ez-col--sd-12"},e("ez-combo-box",{enabled:!r,suppressEmptyOption:n,label:t,"data-field-name":a,"data-context-name":l,key:a,options:d,canShowError:i,noMargin:!0}))})),u.set(l.DATE,(({name:a,label:t,readOnly:r,canShowError:n})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-date-input",{enabled:!r,label:t,"data-field-name":a,key:a,canShowError:n,noMargin:!0})))),u.set(l.TIME,(({name:a,label:t,readOnly:r,canShowError:n,props:o})=>{var l;return e("div",{class:"ez-col ez-col--sd-12"},e("ez-time-input",{enabled:!r,label:t,"data-field-name":a,key:a,canShowError:n,noMargin:!0,"show-seconds":null!==(l=null==o?void 0:o.showSeconds)&&void 0!==l&&l}))})),u.set(l.ELAPSEDTIME,(({name:a,label:t,readOnly:r,canShowError:n})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-time-input",{enabled:!r,label:t,"data-field-name":a,key:a,canShowError:n,noMargin:!0,showSeconds:!0})))),u.set(l.DATETIME,(({name:a,label:t,readOnly:r,contextName:n,canShowError:o})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-date-time-input",{enabled:!r,label:t,"data-field-name":a,"data-context-name":n,key:a,canShowError:o,noMargin:!0})))),u.set(l.FILE,(({name:a,label:t,readOnly:r,contextName:n,props:l})=>{const i=o.removeEmptyValues({subTitle:l.subTitle,requestHeaders:Object.assign(Object.assign({},l.STORAGESTRATEGY&&{STORAGESTRATEGY:l.STORAGESTRATEGY}),l.INTERNAL_FILENAME&&{INTERNAL_FILENAME:l.INTERNAL_FILENAME})});return e("div",{class:"ez-col ez-col--sd-12"},e("ez-upload",Object.assign({enabled:!r,label:t,"data-field-name":a,"data-context-name":n,key:a},i)))})),u.set(l.DECIMALNUMBER,(({name:e,label:a,readOnly:t,props:r,contextName:n,canShowError:o})=>{var l,i;const s=Number(null!==(l=null==r?void 0:r.precision)&&void 0!==l?l:2);return m(e,a,t,s,Number(null!==(i=null==r?void 0:r.prettyPrecision)&&void 0!==i?i:s),n,o)})),u.set(l.INTEGERNUMBER,(({name:e,label:a,readOnly:t,contextName:r,canShowError:n})=>m(e,a,t,0,0,r,n))),u.set(l.SEARCH,(({name:a,label:t,readOnly:r,required:n,contextName:o,canShowError:l,optionLoader:i,props:s})=>{var d;return e("div",{class:"ez-col ez-col--sd-12"},e("ez-search",{enabled:!r,suppressEmptyOption:n,label:t,"data-field-name":a,"data-context-name":o,key:a,canShowError:l,optionLoader:i,ignoreLimitCharsToSearch:null!==(d=s.ignoreLimitCharsToSearch)&&void 0!==d&&d,noMargin:!0}))})),u.set(l.LONGTEXT,(({name:a,label:t,readOnly:r,contextName:n,rows:o,canShowError:l})=>e("div",{class:"ez-col ez-col--sd-12",key:a},e("ez-text-area",{enabled:!r,label:t,"data-field-name":a,"data-context-name":n,rows:o,canShowError:l}))));const p=e=>{const a=u.get(e.userInterface)||h,t=e.required?`${e.label}${s}`:e.label,r=a(Object.assign(Object.assign({},e),{label:t}));return r.t["data-form-item"]=e.name,r};class b{constructor(e){this.elem=e}addRightElement(e){this.removeRightElement(),e.classList.add("ez-padding-left--small"),e.setAttribute("data-custom-item","true"),this.elem.classList.add("ez-col--nowrap"),this.elem.appendChild(e)}removeRightElement(){Array.from(this.elem.querySelectorAll('[data-custom-item="true"]')).forEach((e=>e.remove()))}get fieldName(){return this.elem.getAttribute("data-form-item")}}class w{constructor(e,a){this.items=new Map,this.formId=a,e.forEach((e=>{const a=new b(e);this.items.set(a.fieldName,a)}))}getItem(e){return this.items.get(e)}get formName(){return this.formId}}const v=class{constructor(e){a(this,e),this.ezContentReady=t(this,"ezContentReady",7),this.formItemsReady=t(this,"formItemsReady",7),this._customEditors=new Map,this.fields=void 0,this.selectedRecord=void 0}async showUp(){this._element.scrollIntoView({behavior:"smooth",block:"start"})}async addCustomEditor(e,a,t){const r=new Map(this._customEditors);r.set(e,{customEditor:a,detailContext:t}),this._customEditors=r}async setFieldProp(e,a,t){const r=this.fields.map((r=>(r.name!==e||!t&&0!==t||(r.props=r.props||{},r.props[a]=t),r)));this.fields=[...r]}groupFields(e){const a=new Map;return e.forEach((e=>{const t=e.group;if(t){let r=a.get(t);null==r&&(r=[],a.set(t,r)),r.push(e)}else a.set(e.name,e)})),a}componentDidRender(){this._formElements=Array.from(this._element.querySelectorAll("[data-field-name]")),this.ezContentReady.emit(this._formElements);const e=new w(Array.from(this._element.querySelectorAll("[data-form-item]")));this.formItemsReady.emit(e)}isItemFullWidth(e){return[l.FILE,l.LONGTEXT].includes(e)}buildFormItemElement(a,t=""){var r;if(this.isItemFullWidth(a.userInterface)&&(t+=" input-full_width"),this._customEditors.has(a.name)){const n=null===(r=this._formElements.map((e=>({name:e.dataset.fieldName,value:e.value}))).find((e=>e.name===a.name)))||void 0===r?void 0:r.value,o=this._customEditors.get(a.name).customEditor;return e("div",{class:t},e("ez-custom-form-input",{"data-field-name":a.name,customEditor:o,formViewField:a,builderFallback:p,value:n,selectedRecord:this.selectedRecord}))}return e("div",{class:t},p(a))}render(){if(i.addIDInfoIfNotExists(this._element,"ezFormView"),null==this.fields)return;let a=[],t=Array.from(this.groupFields(this.fields).entries()).map((([t,r])=>{if(Array.isArray(r))return e("ez-collapsible-box",{id:`group-${t}`,label:t,"header-size":"large",key:t},e("div",{class:"form-view__content"},r.map((e=>this.buildFormItemElement(e)))));a.push(r)})),r=a.map((e=>this.buildFormItemElement(e))),o=e("div",{class:"form-view__content"},r);return e(n,null,o,t)}get _element(){return r(this)}};v.style=".sc-ez-form-view-h{display:flex;flex-wrap:wrap;width:100%;--ez-form-view__item--min-width:220px;--ez-form-view__item--width:var(--space--small);--ez-form-view__item--padding:var(--space--small)}.form-view__content.sc-ez-form-view{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--ez-form-view__item--min-width), 1fr));gap:var(--ez-form-view__item--width);padding-inline:var(--ez-form-view__item--padding);width:100%}.input-full_width.sc-ez-form-view{grid-column:1 / -1;width:100%}";export{v as ez_form_view}

package/dist/ezui/{p-6bda82d1.entry.js → p-fec696ab.entry.js}

@@ -1 +1 @@
-import{r as t,c as d,h as i,H as o,g as e}from"./p-e4c7eb39.js";import{FloatingManager as l,KeyboardManager as a}from"@sankhyalabs/core";const n=class{constructor(i){t(this,i),this.ezCloseModal=d(this,"ezCloseModal",7),this.ezOpenModal=d(this,"ezOpenModal",7),this.ezModalAction=d(this,"ezModalAction",7),this.modalSize=void 0,this.align=void 0,this.heightMode="regular",this.opened=!0,this.closeEsc=!1,this.closeOutsideClick=!1,this.closeOutsideLeave=!1,this.scrim="medium"}observeOpened(){this.opened?this._overlayId=l.subscribeOverlayControl(this._modalRef):l.unsubscribeOverlayControl(this._modalRef||this._overlayId)}closeModal(){this.opened=!1,this.ezCloseModal.emit(this.opened)}componentDidLoad(){this.observeOpened(),new a({propagate:!1,element:this._element}).bind("Enter",this.ezModalAction.emit.bind("OK")).bind("Escape",(()=>this.closeModal())).bind("Esc",(()=>this.closeModal()))}componentDidRender(){this.modalFocus()}modalFocus(){this.opened&&requestAnimationFrame((()=>{const t=this._element.shadowRoot.querySelector("ez-modal-container");this._modalRef&&null===t&&this._modalRef.focus()}))}onMouseDownHandler(t){this.closeOutsideClick&&t.target===this._overlay&&this.closeModal()}onMouseLeaveHandler(){this.closeOutsideLeave&&this.closeModal()}render(){const t="left"===this.align?"left":"right";return i(o,null,this.opened?i("div",{ref:t=>this._modalRef=t,class:`modal modal__screen-${this.scrim} ${"regular"===this.heightMode?"modal__vertical-padding":""}`,onMouseDown:t=>this.onMouseDownHandler(t),tabIndex:-1},i("div",{class:`modal__container modal__container--${t}`,ref:t=>this._overlay=t},i("div",{onMouseLeave:()=>this.onMouseLeaveHandler(),class:`modal__content ${"regular"===this.heightMode?`modal__content--${t}`:""} ${this.modalSize}`},i("slot",null)))):void 0)}get _element(){return e(this)}static get watchers(){return{opened:["observeOpened"]}}};n.style=":host{--ez-modal-z-index:var(--elevation--22, 22);--ez-modal-vertical-padding:var(--space--large, 24px);--ez-modal-content-padding:24px;display:block}.modal{position:fixed;display:flex;top:0px;z-index:var(--ez-modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh}.modal__screen-light{background:rgba(0, 4, 12, 0.1)}.modal__screen-none{background:none}.modal__screen-medium{backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.modal__vertical-padding{padding:var(--ez-modal-vertical-padding) 0}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;box-sizing:border-box;max-height:100%;height:100%;overflow-y:auto;background-color:rgb(255, 255, 255);padding:var(--ez-modal-content-padding);box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";export{n as ez_modal}
+import{r as t,c as d,h as i,H as o,g as l}from"./p-23a36bb6.js";import{FloatingManager as e,KeyboardManager as a}from"@sankhyalabs/core";const n=class{constructor(i){t(this,i),this.ezCloseModal=d(this,"ezCloseModal",7),this.ezOpenModal=d(this,"ezOpenModal",7),this.ezModalAction=d(this,"ezModalAction",7),this.modalSize=void 0,this.align=void 0,this.heightMode="regular",this.opened=!0,this.closeEsc=!1,this.closeOutsideClick=!1,this.closeOutsideLeave=!1,this.scrim="medium"}observeOpened(){this.opened?this._overlayId=e.subscribeOverlayControl(this._modalRef):e.unsubscribeOverlayControl(this._modalRef||this._overlayId)}closeModal(){this.opened=!1,this.ezCloseModal.emit(this.opened)}componentDidLoad(){this.observeOpened(),new a({propagate:!1,element:this._element}).bind("Enter",this.ezModalAction.emit.bind("OK")).bind("Escape",(()=>this.closeModal())).bind("Esc",(()=>this.closeModal()))}componentDidRender(){this.modalFocus()}modalFocus(){this.opened&&requestAnimationFrame((()=>{const t=this._element.shadowRoot.querySelector("ez-modal-container");this._modalRef&&null===t&&this._modalRef.focus()}))}onMouseDownHandler(t){this.closeOutsideClick&&t.target===this._overlay&&this.closeModal()}onMouseLeaveHandler(){this.closeOutsideLeave&&this.closeModal()}render(){const t="left"===this.align?"left":"right";return i(o,null,this.opened?i("div",{ref:t=>this._modalRef=t,class:`modal modal__screen-${this.scrim} ${"regular"===this.heightMode?"modal__vertical-padding":""}`,onMouseDown:t=>this.onMouseDownHandler(t),tabIndex:-1},i("div",{class:`modal__container modal__container--${t}`,ref:t=>this._overlay=t},i("div",{onMouseLeave:()=>this.onMouseLeaveHandler(),class:`modal__content ${"regular"===this.heightMode?`modal__content--${t}`:""} ${this.modalSize}`},i("slot",null)))):void 0)}get _element(){return l(this)}static get watchers(){return{opened:["observeOpened"]}}};n.style=":host{--ez-modal-z-index:var(--elevation--22, 22);--ez-modal-vertical-padding:var(--space--large, 24px);--ez-modal-content-padding:24px;display:block}.modal{position:fixed;display:flex;top:0px;z-index:var(--ez-modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh}.modal__screen-light{background:rgba(0, 4, 12, 0.1)}.modal__screen-none{background:none}.modal__screen-medium{backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.modal__vertical-padding{padding:var(--ez-modal-vertical-padding) 0}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;box-sizing:border-box;max-height:100%;height:100%;overflow-y:auto;background-color:rgb(255, 255, 255);padding:var(--ez-modal-content-padding);box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";export{n as ez_modal}

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

@@ -0,0 +1,10 @@
+import { ListItem } from '../ez-list/ez-list';
+export declare function moveItems(selectedItemsList: string[], itemsList: ListItem[], foward: boolean): ListItem[];
+export declare function transferAll({ from, to, selectedFrom, selectedTo }: TransferConfig): TransferConfig;
+export declare function transferItems({ from, to, selectedFrom, selectedTo }: TransferConfig): TransferConfig;
+export interface TransferConfig {
+  from: ListItem[];
+  to: ListItem[];
+  selectedFrom: string[];
+  selectedTo: string[];
+}

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

@@ -0,0 +1,86 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ListItem } from '../ez-list/ez-list';
+export declare class EzDoubleList {
+  readonly LEFT_LIST_ID = "LEFT-LIST-ID";
+  readonly RIGHT_LIST_ID = "RIGHT-LIST-ID";
+  readonly LEFT_FILTER_ID = "LEFT-FILTER-ID";
+  readonly RIGHT_FILTER_ID = "RIGHT-FILTER-ID";
+  /**
+   * Define a lista origem.
+   */
+  leftList: ListItem[];
+  /**
+   * Define o título da lista origem.
+   */
+  leftTitle: string;
+  /**
+   * Define a lista destino.
+   */
+  rightList: ListItem[];
+  /**
+   * Nome da entidade listada.
+   * Exemplo: "Campo", "Item", "Empresa".
+   */
+  entityLabel: string;
+  /**
+   * Variação plura do nome da entidade listada.
+   * Exemplo: "Campos", "Itens", "Empresas".
+   */
+  entityLabelPlural: string;
+  /**
+   * Rótulo da lista esquerda.
+   */
+  leftListLabel: string;
+  /**
+   * Rótulo da lista direita.
+   */
+  rightListLabel: string;
+  /**
+   * Define o título da lista destino.
+   */
+  rightTitle: string;
+  leftFilteredList: ListItem[];
+  rightFilteredList: ListItem[];
+  selectedLeftList: string[];
+  selectedRightList: string[];
+  isFilteringLeft: boolean;
+  isFilteringRight: boolean;
+  ezLeftListChanged: EventEmitter<Array<ListItem>>;
+  ezRightListChanged: EventEmitter<Array<ListItem>>;
+  observeLeftList(newValue: any, oldValue: any): void;
+  observeRightList(newValue: any, oldValue: any): void;
+  private leftEzListInstance;
+  private rightEzListInstance;
+  private leftEzFilterInput;
+  private rightEzFilterInput;
+  private handleFilterChangeLeft;
+  private handleFilterChangeRight;
+  private handleChangeLeft;
+  private handleChangeRight;
+  private enableTransferAllToRight;
+  private enableTransferAllToLeft;
+  private enableTransferToRight;
+  private enableTransferToLeft;
+  private enableMoveUp;
+  private enableMoveDown;
+  private getRightSelectedItemsIndex;
+  private transferToRight;
+  private transferToLeft;
+  private handleTransferAllToRight;
+  private handleTransferAllToLeft;
+  private buildTransferToRightConfig;
+  private buildTransferToLeftConfig;
+  private handleMoveUp;
+  private handleMoveDown;
+  private handleMoveToTop;
+  private handleMoveToBottom;
+  private handleSelectLeftItem;
+  private handleSelectRightItem;
+  private getItemsToKeepAndToMove;
+  private handleTransferToRight;
+  private handleTransferToLeft;
+  private buildTotalizer;
+  private renderLeftList;
+  private renderRightList;
+  render(): any;
+}

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

@@ -115,7 +115,7 @@ export declare class EzGrid {
   * Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout)
   * Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
   */
-  boxShadow?: boolean;
+  outlineMode?: boolean;
   /**
    * Aplica a definição de colunas.
    */

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

@@ -29,7 +29,6 @@ export declare class EzList {
   private _groupContainer;
   private _element;
   private _itemContainer;
-  private _draggingElement;
   private _changeDeboucingTimeout;
   /**
    * Define a lista inicial do componente.
@@ -65,6 +64,10 @@ export declare class EzList {
    * Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista.
    */
   hoverFeedback: boolean;
+  /**
+   * Habilita seleção de múltiplos items.
+   */
+  enableMultipleSelection: boolean;
   /**
    * Emitido quando acontece a alteração de estado da lista.
    */
@@ -72,7 +75,7 @@ export declare class EzList {
   /**
    * Emitido sempre que um item da lista for selecionado.
    */
-  ezSelectItem: EventEmitter<ListItem>;
+  ezSelectItem: EventEmitter<ListItem | ListItem[]>;
   /**
    * Emitido quando acontece a alteração de um item do checkbox.
    */
@@ -92,7 +95,11 @@ export declare class EzList {
   /**
    * Aplica seleção nas linhas da lista.
    */
-  setSelection(selectedItem: ListItem, scrollToOption?: boolean): Promise<void>;
+  setSelection(selectedItem: ListItem, scrollToOption?: boolean, shitkey?: boolean, ctrlKey?: boolean): Promise<void>;
+  private setSelectionRange;
+  private setSelectionMultiple;
+  private setSelectionSingleItem;
+  private setSelectionWithGroups;
   /**
    * Obtém o item selecionado.
    */
@@ -113,7 +120,10 @@ export declare class EzList {
   componentWillRender(): void;
   componentDidLoad(): void;
   onDrop(ev: any, dragEndItem: ListItemGroup): void;
+  private buildDragHandlerConfig;
+  private onDropWithGroups;
   onDropLastIndex(ev: any, groupDropped?: any): void;
+  private onDropLastItemWithGroups;
   onDropGroup(groupSelected: any): void;
   onDragEnd(): void;
   addOverClass(element: any): void;
@@ -121,9 +131,12 @@ export declare class EzList {
   removeOverClass(): void;
   removeOverGroupClass(ev: any, group: any): void;
   onDragStart(item: any, group?: any, index?: any): void;
+  private onDragStartWithGroups;
   selectFirstItem(): void;
   nextOption(selectedItem: ListItem): void;
+  private nextOptionWithGroups;
   previousOption(selectedItem: ListItem): void;
+  private previousOptionWithGroups;
   private keyDownHandler;
   getDivGroupId(groupName: String): string;
   getGroupOverlayId(groupName: string): string;
@@ -134,5 +147,8 @@ export declare class EzList {
   hideOverlays(): void;
   getContainerItemBuilder(slotPosition: 'left' | 'right', item: ListItem, group?: ListGroup, className?: string): HTMLElement;
   doubleClickItem(item: ListItem): void;
+  private buildItem;
+  private renderListWithGroups;
+  private renderList;
   render(): any;
 }

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

@@ -0,0 +1,20 @@
+import { ListItem, ListItemGroup } from './ez-list';
+/**
+ * O dragElement é posicionado ANTERIORMENTE ao targetIndex.
+ * Ex: no array: ["A", "B", "C", "D", "E"]
+ * se o dragItem for "B" e o targetIndex 3 (referente à "D"),
+ * "B" será posicionado logo antes de "D".
+ * O resultado será: ["A", "C", "B", "D", "E"]
+ *
+ * @param configs
+ */
+export declare function processListOnDrop(configs: DragHandlerConfig): ListItem[];
+export declare function isContinuousSequence(numbers: number[]): boolean;
+export interface DragHandlerConfig {
+  listItems: ListItem[];
+  dragItem: ListItemGroup;
+  enableMultipleSelection: boolean;
+  targetIndex: number;
+  moveToFinal: boolean;
+  clearSelection: Function;
+}

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

@@ -7,7 +7,7 @@ export declare class EzPopup {
   /**
    * Define a largura do ez-popup.
    */
-  size: "x-small" | "small" | "medium" | "large" | "x-large";
+  size: "x-small" | "small" | "medium" | "large" | "x-large" | "auto";
   /**
    * Define se o ez-popover está aberto.
    */

package/dist/types/components.d.ts

@@ -7,7 +7,7 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IAction } from "./utils";
 import { AlertItem } from "./components/ez-alert-list/ez-alert-list";
-import { SlotBuilder } from "./components/ez-list/ez-list";
+import { ListItem, SlotBuilder } from "./components/ez-list/ez-list";
 import { IPosition } from "./components/ez-badge/interfaces/IPosition";
 import { IBreadcrumbItem } from "./components/ez-breadcrumb/ez-breadcrumb";
 import { CardItem } from "./components/ez-card-item/ez-card-item";
@@ -29,7 +29,7 @@ import { ICustomFormatter, ISelection, ISelectionToastConfig } from "./component
 import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
 import { ICustomRender } from "./utils/customRender/interfaces/ICustomRender";
 import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
-import { ListGroup, ListItem, SlotBuilder as SlotBuilder1, TListMode } from "./components/ez-list/ez-list";
+import { ListGroup, ListItem as ListItem1, SlotBuilder as SlotBuilder1, TListMode } from "./components/ez-list/ez-list";
 import { THeightMode } from "./components/ez-modal/ez-modal";
 import { IMultiSelectionOption } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionOption";
 import { IEzPopoverAnchorOptions } from "./components/ez-popover/ez-popover";
@@ -677,6 +677,40 @@ export namespace Components {
          */
         "show": (title: string, message: string, dialogType: DialogType, confirm: boolean, icon: string, labelCancel: string, labelConfirm: string, btnConfirmDanger: boolean, beforeClose: Function) => Promise<boolean>;
     }
+    interface EzDoubleList {
+        /**
+          * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa".
+         */
+        "entityLabel": string;
+        /**
+          * Variação plura do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas".
+         */
+        "entityLabelPlural": string;
+        /**
+          * Define a lista origem.
+         */
+        "leftList": ListItem[];
+        /**
+          * Rótulo da lista esquerda.
+         */
+        "leftListLabel": string;
+        /**
+          * Define o título da lista origem.
+         */
+        "leftTitle": string;
+        /**
+          * Define a lista destino.
+         */
+        "rightList": ListItem[];
+        /**
+          * Rótulo da lista direita.
+         */
+        "rightListLabel": string;
+        /**
+          * Define o título da lista destino.
+         */
+        "rightTitle": string;
+    }
     interface EzDropdown {
         /**
           * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement.
@@ -849,10 +883,6 @@ export namespace Components {
           * Define se a grid será focada ao ser carregada.
          */
         "autoFocus"?: boolean;
-        /**
-          * Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
-         */
-        "boxShadow"?: boolean;
         /**
           * Define se a edição está habilitada na grid.
          */
@@ -910,6 +940,10 @@ export namespace Components {
           * Habilita a seleção de várias linhas.
          */
         "multipleSelection": boolean;
+        /**
+          * Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
+         */
+        "outlineMode"?: boolean;
         /**
           * Define se a grid será focada ao ser carregada.
          */
@@ -1042,6 +1076,10 @@ export namespace Components {
           * Define a lista inicial do componente.
          */
         "dataSource": Array<ListGroup | ListItem>;
+        /**
+          * Habilita seleção de múltiplos items.
+         */
+        "enableMultipleSelection": boolean;
         /**
           * Se true habilita `drag and drop` para os itens.
          */
@@ -1085,7 +1123,7 @@ export namespace Components {
         /**
           * Aplica seleção nas linhas da lista.
          */
-        "setSelection": (selectedItem: ListItem, scrollToOption?: boolean) => Promise<void>;
+        "setSelection": (selectedItem: ListItem, scrollToOption?: boolean, shitkey?: boolean, ctrlKey?: boolean) => Promise<void>;
         /**
           * Se true os grupos serão exibidos.
          */
@@ -1309,7 +1347,7 @@ export namespace Components {
         /**
           * Define a largura do ez-popup.
          */
-        "size": "x-small" | "small" | "medium" | "large" | "x-large";
+        "size": "x-small" | "small" | "medium" | "large" | "x-large" | "auto";
         /**
           * Define se o componente utilizará cabeçalho.
          */
@@ -2043,6 +2081,10 @@ export interface EzDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzDialogElement;
 }
+export interface EzDoubleListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzDoubleListElement;
+}
 export interface EzDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzDropdownElement;
@@ -2264,6 +2306,12 @@ declare global {
         prototype: HTMLEzDialogElement;
         new (): HTMLEzDialogElement;
     };
+    interface HTMLEzDoubleListElement extends Components.EzDoubleList, HTMLStencilElement {
+    }
+    var HTMLEzDoubleListElement: {
+        prototype: HTMLEzDoubleListElement;
+        new (): HTMLEzDoubleListElement;
+    };
     interface HTMLEzDropdownElement extends Components.EzDropdown, HTMLStencilElement {
     }
     var HTMLEzDropdownElement: {
@@ -2505,6 +2553,7 @@ declare global {
         "ez-date-input": HTMLEzDateInputElement;
         "ez-date-time-input": HTMLEzDateTimeInputElement;
         "ez-dialog": HTMLEzDialogElement;
+        "ez-double-list": HTMLEzDoubleListElement;
         "ez-dropdown": HTMLEzDropdownElement;
         "ez-file-item": HTMLEzFileItemElement;
         "ez-filter-input": HTMLEzFilterInputElement;
@@ -3153,6 +3202,42 @@ declare namespace LocalJSX {
          */
         "personalizedIconPath"?: string;
     }
+    interface EzDoubleList {
+        /**
+          * Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa".
+         */
+        "entityLabel"?: string;
+        /**
+          * Variação plura do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas".
+         */
+        "entityLabelPlural"?: string;
+        /**
+          * Define a lista origem.
+         */
+        "leftList"?: ListItem[];
+        /**
+          * Rótulo da lista esquerda.
+         */
+        "leftListLabel"?: string;
+        /**
+          * Define o título da lista origem.
+         */
+        "leftTitle"?: string;
+        "onEzLeftListChanged"?: (event: EzDoubleListCustomEvent<Array<ListItem>>) => void;
+        "onEzRightListChanged"?: (event: EzDoubleListCustomEvent<Array<ListItem>>) => void;
+        /**
+          * Define a lista destino.
+         */
+        "rightList"?: ListItem[];
+        /**
+          * Rótulo da lista direita.
+         */
+        "rightListLabel"?: string;
+        /**
+          * Define o título da lista destino.
+         */
+        "rightTitle"?: string;
+    }
     interface EzDropdown {
         /**
           * Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement.
@@ -3328,10 +3413,6 @@ declare namespace LocalJSX {
           * Define se a grid será focada ao ser carregada.
          */
         "autoFocus"?: boolean;
-        /**
-          * Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
-         */
-        "boxShadow"?: boolean;
         /**
           * Define se a edição está habilitada na grid.
          */
@@ -3384,6 +3465,10 @@ declare namespace LocalJSX {
           * Emitido quando acontece a alteração de seleção de linhas.
          */
         "onEzSelectionChange"?: (event: EzGridCustomEvent<ISelection>) => void;
+        /**
+          * Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
+         */
+        "outlineMode"?: boolean;
         /**
           * Define se a grid será focada ao ser carregada.
          */
@@ -3450,6 +3535,10 @@ declare namespace LocalJSX {
           * Define a lista inicial do componente.
          */
         "dataSource"?: Array<ListGroup | ListItem>;
+        /**
+          * Habilita seleção de múltiplos items.
+         */
+        "enableMultipleSelection"?: boolean;
         /**
           * Se true habilita `drag and drop` para os itens.
          */
@@ -3489,7 +3578,7 @@ declare namespace LocalJSX {
         /**
           * Emitido sempre que um item da lista for selecionado.
          */
-        "onEzSelectItem"?: (event: EzListCustomEvent<ListItem>) => void;
+        "onEzSelectItem"?: (event: EzListCustomEvent<ListItem | ListItem[]>) => void;
         /**
           * Se true os grupos serão exibidos.
          */
@@ -3719,7 +3808,7 @@ declare namespace LocalJSX {
         /**
           * Define a largura do ez-popup.
          */
-        "size"?: "x-small" | "small" | "medium" | "large" | "x-large";
+        "size"?: "x-small" | "small" | "medium" | "large" | "x-large" | "auto";
         /**
           * Define se o componente utilizará cabeçalho.
          */
@@ -4338,6 +4427,7 @@ declare namespace LocalJSX {
         "ez-date-input": EzDateInput;
         "ez-date-time-input": EzDateTimeInput;
         "ez-dialog": EzDialog;
+        "ez-double-list": EzDoubleList;
         "ez-dropdown": EzDropdown;
         "ez-file-item": EzFileItem;
         "ez-filter-input": EzFilterInput;
@@ -4399,6 +4489,7 @@ declare module "@stencil/core" {
             "ez-date-input": LocalJSX.EzDateInput & JSXBase.HTMLAttributes<HTMLEzDateInputElement>;
             "ez-date-time-input": LocalJSX.EzDateTimeInput & JSXBase.HTMLAttributes<HTMLEzDateTimeInputElement>;
             "ez-dialog": LocalJSX.EzDialog & JSXBase.HTMLAttributes<HTMLEzDialogElement>;
+            "ez-double-list": LocalJSX.EzDoubleList & JSXBase.HTMLAttributes<HTMLEzDoubleListElement>;
             "ez-dropdown": LocalJSX.EzDropdown & JSXBase.HTMLAttributes<HTMLEzDropdownElement>;
             "ez-file-item": LocalJSX.EzFileItem & JSXBase.HTMLAttributes<HTMLEzFileItemElement>;
             "ez-filter-input": LocalJSX.EzFilterInput & JSXBase.HTMLAttributes<HTMLEzFilterInputElement>;

package/package.json

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