@sankhyalabs/ezui 7.2.0-dev.6 → 7.2.0-dev.8

package/dist/ezui/{p-f7ca8634.entry.js → p-411c0222.entry.js}

@@ -1 +1 @@
-import{r as t,h as i}from"./p-e4c7eb39.js";import{RECORD_DATE_FORMAT as a,DataUnitInMemoryLoader as e}from"@sankhyalabs/core";const s=class{constructor(i){t(this,i),this.inMemoryLoader=void 0,this.metadata=void 0,this.records=void 0,this.columnsConfig=void 0,this.pageSize=150,this.recordDateFormat=a.DD_MM_YYYY,this.multipleSelection=!1,this.autoFocus=!0,this.paginationCounterMode="auto",this.suppressCheckboxColumn=!1,this.suppressFilterColumn=!1,this.outlineMode=!1,this.enableRowTableStriped=!0,this.compact=!1,this.useSearchColumn=!0,this.suppressHorizontalScroll=!1}async getDataUnit(){if(this.hasValidDependencies())return this.ensureInMemoryLoaderExists(),this.inMemoryLoader.dataUnit}async refresh(){await this.inMemoryLoader.dataUnit.loadData()}async getSelection(){var t;return null===(t=this._gridRef)||void 0===t?void 0:t.getSelection()}async quickFilter(t){var i;await(null===(i=this._gridRef)||void 0===i?void 0:i.quickFilter(t))}async locateColumn(t){var i;await(null===(i=this._gridRef)||void 0===i?void 0:i.locateColumn(t))}async filterColumns(t){var i;return null===(i=this._gridRef)||void 0===i?void 0:i.filterColumns(t)}async addColumnMenuItem(t,i,a,e){await this._gridRef.addColumnMenuItem(t,i,a,e)}async addCustomValueFormatter(t,i){var a;await(null===(a=this._gridRef)||void 0===a?void 0:a.addCustomValueFormatter(t,i))}async removeCustomValueFormatter(t){var i;await(null===(i=this._gridRef)||void 0===i?void 0:i.removeCustomValueFormatter(t))}async addGridCustomRender(t,i,a){var e;await(null===(e=this._gridRef)||void 0===e?void 0:e.addGridCustomRender(t,i,a))}async setFocus(){var t;await(null===(t=this._gridRef)||void 0===t?void 0:t.setFocus())}async handleMetadataChanged(){await this.configGrid()}async handleRecordsChanged(){await this.configGrid()}async handlePageSizeChanged(){await this.configGrid(!0)}async handleRecordDateFormatChanged(){await this.configGrid(!0)}async configGrid(t=!1){this.hasValidDependencies()&&(this.ensureInMemoryLoaderExists(t),this.updateDURecords(),this.refreshFilterColumnDataSource())}updateDURecords(){requestAnimationFrame((()=>{this.inMemoryLoader.records=this.records}))}refreshFilterColumnDataSource(){requestAnimationFrame((async()=>{var t;await(null===(t=this._gridRef)||void 0===t?void 0:t.refreshColumnFilterDataSource())}))}hasValidDependencies(){return this.metadata&&this.records}buildGridConfig(){if(this.columnsConfig)return{columns:this.columnsConfig.map(this.parseColumnConfig.bind(this))}}parseColumnConfig(t,i){return Object.assign(Object.assign({},t),{orderIndex:i})}ensureInMemoryLoaderExists(t=!1){t&&this.clearInMemoryLoader(),this.buildInMemoryLoader()}buildInMemoryLoader(){requestAnimationFrame((()=>{this.inMemoryLoader||(this.inMemoryLoader=new e(this.metadata,this.records,this.buildInMemoryLoaderConfig()))}))}clearInMemoryLoader(){this.inMemoryLoader=void 0}buildInMemoryLoaderConfig(){return{pageSize:this.pageSize,recordDateFormat:this.recordDateFormat}}async componentDidLoad(){await this.configGrid()}render(){var t;if((null===(t=this.inMemoryLoader)||void 0===t?void 0:t.dataUnit)&&this.records)return i("ez-grid",{ref:t=>this._gridRef=t,canEdit:!1,dataUnit:this.inMemoryLoader.dataUnit,config:this.buildGridConfig(),multipleSelection:this.multipleSelection,autoFocus:this.autoFocus,paginationCounterMode:this.paginationCounterMode,suppressCheckboxColumn:this.suppressCheckboxColumn,suppressFilterColumn:this.suppressFilterColumn,suppressHorizontalScroll:this.suppressHorizontalScroll,outlineMode:this.outlineMode,enableRowTableStriped:this.enableRowTableStriped,useSearchColumn:this.useSearchColumn,compact:this.compact,onEzPageChangedChanged:()=>this.refreshFilterColumnDataSource()},i("slot",{name:"leftButtons"}),i("slot",{name:"footer"}))}static get watchers(){return{metadata:["handleMetadataChanged"],records:["handleRecordsChanged"],pageSize:["handlePageSizeChanged"],recordDateFormat:["handleRecordDateFormatChanged"]}}};s.style="";export{s as ez_grid_view}
+import{r as t,h as i}from"./p-23a36bb6.js";import{RECORD_DATE_FORMAT as a,DataUnitInMemoryLoader as e}from"@sankhyalabs/core";const s=class{constructor(i){t(this,i),this.inMemoryLoader=void 0,this.metadata=void 0,this.records=void 0,this.columnsConfig=void 0,this.pageSize=150,this.recordDateFormat=a.DD_MM_YYYY,this.multipleSelection=!1,this.autoFocus=!0,this.paginationCounterMode="auto",this.suppressCheckboxColumn=!1,this.suppressFilterColumn=!1,this.outlineMode=!1,this.enableRowTableStriped=!0,this.compact=!1,this.useSearchColumn=!0,this.suppressHorizontalScroll=!1}async getDataUnit(){if(this.hasValidDependencies())return this.ensureInMemoryLoaderExists(),this.inMemoryLoader.dataUnit}async refresh(){await this.inMemoryLoader.dataUnit.loadData()}async getSelection(){var t;return null===(t=this._gridRef)||void 0===t?void 0:t.getSelection()}async quickFilter(t){var i;await(null===(i=this._gridRef)||void 0===i?void 0:i.quickFilter(t))}async locateColumn(t){var i;await(null===(i=this._gridRef)||void 0===i?void 0:i.locateColumn(t))}async filterColumns(t){var i;return null===(i=this._gridRef)||void 0===i?void 0:i.filterColumns(t)}async addColumnMenuItem(t,i,a,e){await this._gridRef.addColumnMenuItem(t,i,a,e)}async addCustomValueFormatter(t,i){var a;await(null===(a=this._gridRef)||void 0===a?void 0:a.addCustomValueFormatter(t,i))}async removeCustomValueFormatter(t){var i;await(null===(i=this._gridRef)||void 0===i?void 0:i.removeCustomValueFormatter(t))}async addGridCustomRender(t,i,a){var e;await(null===(e=this._gridRef)||void 0===e?void 0:e.addGridCustomRender(t,i,a))}async setFocus(){var t;await(null===(t=this._gridRef)||void 0===t?void 0:t.setFocus())}async handleMetadataChanged(){await this.configGrid()}async handleRecordsChanged(){await this.configGrid()}async handlePageSizeChanged(){await this.configGrid(!0)}async handleRecordDateFormatChanged(){await this.configGrid(!0)}async configGrid(t=!1){this.hasValidDependencies()&&(this.ensureInMemoryLoaderExists(t),this.updateDURecords(),this.refreshFilterColumnDataSource())}updateDURecords(){requestAnimationFrame((()=>{this.inMemoryLoader.records=this.records}))}refreshFilterColumnDataSource(){requestAnimationFrame((async()=>{var t;await(null===(t=this._gridRef)||void 0===t?void 0:t.refreshColumnFilterDataSource())}))}hasValidDependencies(){return this.metadata&&this.records}buildGridConfig(){if(this.columnsConfig)return{columns:this.columnsConfig.map(this.parseColumnConfig.bind(this))}}parseColumnConfig(t,i){return Object.assign(Object.assign({},t),{orderIndex:i})}ensureInMemoryLoaderExists(t=!1){t&&this.clearInMemoryLoader(),this.buildInMemoryLoader()}buildInMemoryLoader(){requestAnimationFrame((()=>{this.inMemoryLoader||(this.inMemoryLoader=new e(this.metadata,this.records,this.buildInMemoryLoaderConfig()))}))}clearInMemoryLoader(){this.inMemoryLoader=void 0}buildInMemoryLoaderConfig(){return{pageSize:this.pageSize,recordDateFormat:this.recordDateFormat}}async componentDidLoad(){await this.configGrid()}render(){var t;if((null===(t=this.inMemoryLoader)||void 0===t?void 0:t.dataUnit)&&this.records)return i("ez-grid",{ref:t=>this._gridRef=t,canEdit:!1,dataUnit:this.inMemoryLoader.dataUnit,config:this.buildGridConfig(),multipleSelection:this.multipleSelection,autoFocus:this.autoFocus,paginationCounterMode:this.paginationCounterMode,suppressCheckboxColumn:this.suppressCheckboxColumn,suppressFilterColumn:this.suppressFilterColumn,suppressHorizontalScroll:this.suppressHorizontalScroll,outlineMode:this.outlineMode,enableRowTableStriped:this.enableRowTableStriped,useSearchColumn:this.useSearchColumn,compact:this.compact,onEzPageChangedChanged:()=>this.refreshFilterColumnDataSource()},i("slot",{name:"leftButtons"}),i("slot",{name:"footer"}))}static get watchers(){return{metadata:["handleMetadataChanged"],records:["handleRecordsChanged"],pageSize:["handlePageSizeChanged"],recordDateFormat:["handleRecordDateFormatChanged"]}}};s.style="";export{s as ez_grid_view}

package/dist/ezui/{p-87739608.entry.js → p-44183c39.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as e,g as r}from"./p-e4c7eb39.js";import{ElementIDUtils as o,MaskFormatter as a}from"@sankhyalabs/core";class n{constructor(t){this.mask=t,this.maskChars={"#":t=>/\d/.test(t),U:t=>/[a-zA-Z]/.test(t),L:t=>/[a-zA-Z]/.test(t),A:t=>/[a-zA-Z0-9]/.test(t),"?":t=>/[a-zA-Z]/.test(t),"*":()=>!0}}format(t){if(!t||!this.mask)return t;const i=this.removeIncompatibleChars(t);let s="",e=0,r=0;for(;r<this.mask.length&&e<i.length;){const t=this.mask[r],o=i[e];if("'"!==t){if(this.maskChars[t]){if(!this.maskChars[t](o)){e++;continue}s+="U"===t?o.toUpperCase():"L"===t?o.toLowerCase():o,e++}else s+=t,o===t&&e++;r++}else r++,r<this.mask.length&&(s+=this.mask[r],r++)}return s}removeIncompatibleChars(t){let i="";for(let s=0;s<t.length;s++){const e=t[s];let r=!1;for(const t in this.maskChars)if(this.maskChars[t](e)){r=!0;break}if(!r)for(let t=0;t<this.mask.length;t++)if(this.mask[t]===e&&!this.maskChars[this.mask[t]]){r=!0;break}r&&(i+=e)}return i}removeMask(t){if(!t||!this.mask)return t;let i="",s=0,e=0;for(;s<t.length&&e<this.mask.length;){const r=this.mask[e],o=t[s];"'"!==r?(this.maskChars[r]?(this.maskChars[r](o)&&(i+=o),s++):o===r&&s++,e++):(e++,e<this.mask.length&&(o===this.mask[e]&&s++,e++))}for(;s<t.length;){const e=t[s];/[a-zA-Z0-9]/.test(e)&&(i+=e),s++}return i}getMask(){return this.mask}generatePlaceholder(){if(!this.mask)return"";let t="",i=0;for(;i<this.mask.length;){const s=this.mask[i];if("'"!==s){if(this.maskChars[s])switch(s){case"#":case"~":t+="0";break;case"U":case"L":case"?":case"A":t+="A";break;default:t+="_"}else t+=s;i++}else i++,i<this.mask.length&&(t+=this.mask[i],i++)}return t}}const c=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.ezBlur=i(this,"ezBlur",7),this.ezFocus=i(this,"ezFocus",7),this.iconClick=i(this,"iconClick",7),this._internalValueChange=!1,this.type="text",this.value=void 0,this.label=void 0,this.helpText=void 0,this.errorMessage=void 0,this.placeholder=void 0,this.enabled=!0,this.readonly=!1,this.required=!1,this.name=void 0,this.size="default",this.minlength=void 0,this.maxlength=void 0,this.leftIconName=void 0,this.rightIconName=void 0,this.rightIconTooltip=void 0,this.leftIconTooltip=void 0,this.state="default",this.leftIconClickable=!1,this.rightIconClickable=!1,this.mask=void 0,this.emitMaskedValue=!1}async setFocus(t){(null==t?void 0:t.selectText)&&this._inputElem.select(),(null==t?void 0:t.preventScroll)||this._inputElem.scrollIntoView({behavior:"smooth",block:"center"}),this._inputElem.focus({preventScroll:!0})}async setBlur(){this._inputElem.blur()}async syncValue(){if(this._internalValueChange)this._internalValueChange=!1;else if(this.value&&this._maskFormatter&&this._inputElem){const t=this._maskFormatter.format(this.value);this._inputElem.value=t}else this._inputElem&&(this._inputElem.value=this.value||"")}async observeErrorMessage(t){this.state=t&&""!==t.trim()?"error":"default"}onInput(t){try{const i=t.target,s=i.value;if(this._maskFormatter){const{formattedValue:t,cleanValue:e}=this.processInputWithMask(s);this.updateInputValue(i,t,e)}else this.updateInputValueWithoutMask(s)}catch(t){console.error("Error processing input event:",t)}}processInputWithMask(t){return"cgc_cpf"===this.mask?this.processCgcCpfMask(t):this.processRegularMask(t)}processCgcCpfMask(t){const i=t.replace(/\D/g,"");return 11===i.length||14===i.length?(this._maskFormatter=new n(11===i.length?a.DEFAULT_MASKS.cpf:a.DEFAULT_MASKS.cnpj),{formattedValue:this._maskFormatter.format(i),cleanValue:i}):{formattedValue:i,cleanValue:i}}processRegularMask(t){const i=this._maskFormatter.format(t);return{formattedValue:i,cleanValue:this._maskFormatter.removeMask(i)}}updateInputValue(t,i,s){t.value=i,this._internalValueChange=!0,this.value=s,this.ezChange.emit(this.emitMaskedValue?i:s)}updateInputValueWithoutMask(t){this._internalValueChange=!0,this.value=t,this.ezChange.emit(t)}onBlur(){this.ezBlur.emit(this.value)}onFocus(){this.ezFocus.emit(this.value)}handleIconClick(t,i){this.enabled&&("left"===i&&!this.leftIconClickable||"right"===i&&!this.rightIconClickable?this.setFocus({preventScroll:!0}):(t.stopPropagation(),this.iconClick.emit({icon:i})))}addInfoId(){this._element&&o.addIDInfo(this._element),this._inputElem&&o.addIDInfo(this._inputElem,"classic-input",{id:"embedded"})}buildPlaceholder(){!this.placeholder&&this._maskFormatter&&(this.placeholder=this._maskFormatter.generatePlaceholder())}buildMaskFormatter(){if(this.mask&&(!this._maskFormatter||"cgc_cpf"===this.mask)){const t=this.getMaskToBuilder();this._maskFormatter=t?new n(t):void 0}}getMaskToBuilder(){return"cgc_cpf"===this.mask?this.getCGCCpfMask():"phone"===this.mask?this.getPhoneMask():this.mask in a.DEFAULT_MASKS?a.DEFAULT_MASKS[this.mask]:this.mask}getPhoneMask(){return this.value&&10===this.value.length?n.DEFAULT_MASKS?n.DEFAULT_MASKS.phone:void 0:this.value&&11===this.value.length&&n.DEFAULT_MASKS?n.DEFAULT_MASKS.phone_mobile:void 0}getCGCCpfMask(){var t,i;return 11===(null===(t=this.value)||void 0===t?void 0:t.length)?a.DEFAULT_MASKS.cpf:14===(null===(i=this.value)||void 0===i?void 0:i.length)?a.DEFAULT_MASKS.cnpj:void 0}componentDidRender(){this.buildMaskFormatter(),this.buildPlaceholder(),this.syncValue()}componentDidLoad(){this.syncValue(),this.addInfoId()}render(){return s(e,null,s("label",{title:this.label,htmlFor:this.name},this.label,this.required&&s("span",{class:"required-indicator"},"*")),s("div",{class:"input-container "+(this.size?`input-container--${this.size}`:""),"data-state":this.state,"data-disabled":(!this.enabled).toString(),onClick:()=>this.setFocus({preventScroll:!0})},this.leftIconName&&s("ez-icon",{iconName:this.leftIconName,title:this.leftIconTooltip,onClick:t=>this.handleIconClick(t,"left"),class:{"icon-clickable":this.leftIconClickable}}),s("input",{ref:t=>this._inputElem=t,id:this.name,type:this.type,title:this.value,placeholder:this.placeholder,disabled:!this.enabled,readonly:this.readonly,name:this.name,minlength:this.minlength,maxlength:this.maxlength,onInput:t=>this.onInput(t),onBlur:this.onBlur.bind(this),onFocus:this.onFocus.bind(this)}),this.rightIconName&&s("ez-icon",{iconName:this.rightIconName,title:this.rightIconTooltip,onClick:t=>this.handleIconClick(t,"right"),class:{"icon-clickable":this.rightIconClickable}})),(this.helpText||this.errorMessage)&&s("span",{id:"input_helpText",title:this.errorMessage||this.helpText},this.errorMessage||this.helpText))}get _element(){return r(this)}static get watchers(){return{value:["syncValue"],errorMessage:["observeErrorMessage"]}}};c.style=':host{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);border:none;padding:0;padding-inline:var(--space--2, 2px);width:100%;--ez-classic-input--label-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--border-color-default:var(--color--gray-200, #D2D2D3);--ez-classic-input--border-color-focus:var(--color--gray-300, #A4A5A7);--ez-classic-input--border-color-success:var(--color--green-600, #157A00);--ez-classic-input--border-color-error:var(--color--red-600, #BD0025);--ez-classic-input--border-color-warning:var(--color--yellow-600, #EFB103);--ez-classic-input--background-color:var(--color--gray-70, #FFFFFF);--ez-classic-input--background-color-disabled:var(--color--gray-90, #EAEAEA);--ez-classic-input--text-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--placeholder-color:#bdbdbd;--ez-classic-input--icon-color:var(--color--gray-400, #77777A);--ez-classic-input--helptext-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--height:var(--space--56, 56px);--ez-classic-input--height-small:var(--space--48, 48px);--ez-classic-input--height-xsmall:var(--space--40, 40px);--ez-classic-input--gap:var(--space--10, 10px);--ez-classic-input--padding-inline:var(--space--16, 16px)}.input-container{display:flex;flex-direction:row;align-items:center;width:100%;border:none;border-radius:var(--border--radius-8, 8px);padding-inline:var(--ez-classic-input--padding-inline);box-sizing:border-box;gap:var(--ez-classic-input--gap);margin-block:var(--space--4, 4px);transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);height:var(--ez-classic-input--height);background-color:var(--ez-classic-input--background-color)}.input-container--small{height:var(--ez-classic-input--height-small)}.input-container--xsmall{height:var(--ez-classic-input--height-xsmall)}.input-container,.input-container[data-state="default"]{box-shadow:0 0 0 1px var(--ez-classic-input--border-color-default)}.input-container[data-state="success"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-success)}.input-container[data-state="error"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-error)}.input-container[data-state="warning"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-warning)}.input-container:focus-within{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-focus)}ez-icon{min-width:var(--space--24, 24px);color:var(--ez-classic-input--icon-color)}input{flex:1;border:none;outline:none;background:transparent;height:100%;width:100%;padding:0;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);text-overflow:ellipsis;color:var(--ez-classic-input--text-color)}input::placeholder{color:var(--ez-classic-input--placeholder-color)}.input-container[data-disabled="true"]{cursor:not-allowed;background:var(--ez-classic-input--background-color-disabled);border-color:var(--ez-classic-input--border-color-default)}.input-container[data-disabled="true"]>*{cursor:not-allowed}.input-container input:read-only{cursor:default}@keyframes ez-helptext-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}span{font-size:var(--font-size--xsmall, 10px);line-height:var(--line-height--16, 16px);overflow:hidden;text-overflow:ellipsis;animation:ez-helptext-fadein 0.3s ease;color:var(--ez-classic-input--helptext-color)}label{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-input--label-color)}.icon-clickable{cursor:pointer}.required-indicator{font-size:var(--font--size--default, 14px);font-family:var(--font--pattern, \'Roboto\');color:var(--color--red-600, #BD0025);margin-left:var(--space--4, 4px);vertical-align:top}';export{c as ez_classic_input}
+import{r as t,c as i,h as s,H as e,g as r}from"./p-23a36bb6.js";import{ElementIDUtils as o,MaskFormatter as a}from"@sankhyalabs/core";class n{constructor(t){this.mask=t,this.maskChars={"#":t=>/\d/.test(t),U:t=>/[a-zA-Z]/.test(t),L:t=>/[a-zA-Z]/.test(t),A:t=>/[a-zA-Z0-9]/.test(t),"?":t=>/[a-zA-Z]/.test(t),"*":()=>!0}}format(t){if(!t||!this.mask)return t;const i=this.removeIncompatibleChars(t);let s="",e=0,r=0;for(;r<this.mask.length&&e<i.length;){const t=this.mask[r],o=i[e];if("'"!==t){if(this.maskChars[t]){if(!this.maskChars[t](o)){e++;continue}s+="U"===t?o.toUpperCase():"L"===t?o.toLowerCase():o,e++}else s+=t,o===t&&e++;r++}else r++,r<this.mask.length&&(s+=this.mask[r],r++)}return s}removeIncompatibleChars(t){let i="";for(let s=0;s<t.length;s++){const e=t[s];let r=!1;for(const t in this.maskChars)if(this.maskChars[t](e)){r=!0;break}if(!r)for(let t=0;t<this.mask.length;t++)if(this.mask[t]===e&&!this.maskChars[this.mask[t]]){r=!0;break}r&&(i+=e)}return i}removeMask(t){if(!t||!this.mask)return t;let i="",s=0,e=0;for(;s<t.length&&e<this.mask.length;){const r=this.mask[e],o=t[s];"'"!==r?(this.maskChars[r]?(this.maskChars[r](o)&&(i+=o),s++):o===r&&s++,e++):(e++,e<this.mask.length&&(o===this.mask[e]&&s++,e++))}for(;s<t.length;){const e=t[s];/[a-zA-Z0-9]/.test(e)&&(i+=e),s++}return i}getMask(){return this.mask}generatePlaceholder(){if(!this.mask)return"";let t="",i=0;for(;i<this.mask.length;){const s=this.mask[i];if("'"!==s){if(this.maskChars[s])switch(s){case"#":case"~":t+="0";break;case"U":case"L":case"?":case"A":t+="A";break;default:t+="_"}else t+=s;i++}else i++,i<this.mask.length&&(t+=this.mask[i],i++)}return t}}const c=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.ezBlur=i(this,"ezBlur",7),this.ezFocus=i(this,"ezFocus",7),this.iconClick=i(this,"iconClick",7),this._internalValueChange=!1,this.type="text",this.value=void 0,this.label=void 0,this.helpText=void 0,this.errorMessage=void 0,this.placeholder=void 0,this.enabled=!0,this.readonly=!1,this.required=!1,this.name=void 0,this.size="default",this.minlength=void 0,this.maxlength=void 0,this.leftIconName=void 0,this.rightIconName=void 0,this.rightIconTooltip=void 0,this.leftIconTooltip=void 0,this.state="default",this.leftIconClickable=!1,this.rightIconClickable=!1,this.mask=void 0,this.emitMaskedValue=!1}async setFocus(t){(null==t?void 0:t.selectText)&&this._inputElem.select(),(null==t?void 0:t.preventScroll)||this._inputElem.scrollIntoView({behavior:"smooth",block:"center"}),this._inputElem.focus({preventScroll:!0})}async setBlur(){this._inputElem.blur()}async syncValue(){if(this._internalValueChange)this._internalValueChange=!1;else if(this.value&&this._maskFormatter&&this._inputElem){const t=this._maskFormatter.format(this.value);this._inputElem.value=t}else this._inputElem&&(this._inputElem.value=this.value||"")}async observeErrorMessage(t){this.state=t&&""!==t.trim()?"error":"default"}onInput(t){try{const i=t.target,s=i.value;if(this._maskFormatter){const{formattedValue:t,cleanValue:e}=this.processInputWithMask(s);this.updateInputValue(i,t,e)}else this.updateInputValueWithoutMask(s)}catch(t){console.error("Error processing input event:",t)}}processInputWithMask(t){return"cgc_cpf"===this.mask?this.processCgcCpfMask(t):this.processRegularMask(t)}processCgcCpfMask(t){const i=t.replace(/\D/g,"");return 11===i.length||14===i.length?(this._maskFormatter=new n(11===i.length?a.DEFAULT_MASKS.cpf:a.DEFAULT_MASKS.cnpj),{formattedValue:this._maskFormatter.format(i),cleanValue:i}):{formattedValue:i,cleanValue:i}}processRegularMask(t){const i=this._maskFormatter.format(t);return{formattedValue:i,cleanValue:this._maskFormatter.removeMask(i)}}updateInputValue(t,i,s){t.value=i,this._internalValueChange=!0,this.value=s,this.ezChange.emit(this.emitMaskedValue?i:s)}updateInputValueWithoutMask(t){this._internalValueChange=!0,this.value=t,this.ezChange.emit(t)}onBlur(){this.ezBlur.emit(this.value)}onFocus(){this.ezFocus.emit(this.value)}handleIconClick(t,i){this.enabled&&("left"===i&&!this.leftIconClickable||"right"===i&&!this.rightIconClickable?this.setFocus({preventScroll:!0}):(t.stopPropagation(),this.iconClick.emit({icon:i})))}addInfoId(){this._element&&o.addIDInfo(this._element),this._inputElem&&o.addIDInfo(this._inputElem,"classic-input",{id:"embedded"})}buildPlaceholder(){!this.placeholder&&this._maskFormatter&&(this.placeholder=this._maskFormatter.generatePlaceholder())}buildMaskFormatter(){if(this.mask&&(!this._maskFormatter||"cgc_cpf"===this.mask)){const t=this.getMaskToBuilder();this._maskFormatter=t?new n(t):void 0}}getMaskToBuilder(){return"cgc_cpf"===this.mask?this.getCGCCpfMask():"phone"===this.mask?this.getPhoneMask():this.mask in a.DEFAULT_MASKS?a.DEFAULT_MASKS[this.mask]:this.mask}getPhoneMask(){return this.value&&10===this.value.length?n.DEFAULT_MASKS?n.DEFAULT_MASKS.phone:void 0:this.value&&11===this.value.length&&n.DEFAULT_MASKS?n.DEFAULT_MASKS.phone_mobile:void 0}getCGCCpfMask(){var t,i;return 11===(null===(t=this.value)||void 0===t?void 0:t.length)?a.DEFAULT_MASKS.cpf:14===(null===(i=this.value)||void 0===i?void 0:i.length)?a.DEFAULT_MASKS.cnpj:void 0}componentDidRender(){this.buildMaskFormatter(),this.buildPlaceholder(),this.syncValue()}componentDidLoad(){this.syncValue(),this.addInfoId()}render(){return s(e,null,s("label",{title:this.label,htmlFor:this.name},this.label,this.required&&s("span",{class:"required-indicator"},"*")),s("div",{class:"input-container "+(this.size?`input-container--${this.size}`:""),"data-state":this.state,"data-disabled":(!this.enabled).toString(),onClick:()=>this.setFocus({preventScroll:!0})},this.leftIconName&&s("ez-icon",{iconName:this.leftIconName,title:this.leftIconTooltip,onClick:t=>this.handleIconClick(t,"left"),class:{"icon-clickable":this.leftIconClickable}}),s("input",{ref:t=>this._inputElem=t,id:this.name,type:this.type,title:this.value,placeholder:this.placeholder,disabled:!this.enabled,readonly:this.readonly,name:this.name,minlength:this.minlength,maxlength:this.maxlength,onInput:t=>this.onInput(t),onBlur:this.onBlur.bind(this),onFocus:this.onFocus.bind(this)}),this.rightIconName&&s("ez-icon",{iconName:this.rightIconName,title:this.rightIconTooltip,onClick:t=>this.handleIconClick(t,"right"),class:{"icon-clickable":this.rightIconClickable}})),(this.helpText||this.errorMessage)&&s("span",{id:"input_helpText",title:this.errorMessage||this.helpText},this.errorMessage||this.helpText))}get _element(){return r(this)}static get watchers(){return{value:["syncValue"],errorMessage:["observeErrorMessage"]}}};c.style=':host{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);border:none;padding:0;padding-inline:var(--space--2, 2px);width:100%;--ez-classic-input--label-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--border-color-default:var(--color--gray-200, #D2D2D3);--ez-classic-input--border-color-focus:var(--color--gray-300, #A4A5A7);--ez-classic-input--border-color-success:var(--color--green-600, #157A00);--ez-classic-input--border-color-error:var(--color--red-600, #BD0025);--ez-classic-input--border-color-warning:var(--color--yellow-600, #EFB103);--ez-classic-input--background-color:var(--color--gray-70, #FFFFFF);--ez-classic-input--background-color-disabled:var(--color--gray-90, #EAEAEA);--ez-classic-input--text-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--placeholder-color:#bdbdbd;--ez-classic-input--icon-color:var(--color--gray-400, #77777A);--ez-classic-input--helptext-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--height:var(--space--56, 56px);--ez-classic-input--height-small:var(--space--48, 48px);--ez-classic-input--height-xsmall:var(--space--40, 40px);--ez-classic-input--gap:var(--space--10, 10px);--ez-classic-input--padding-inline:var(--space--16, 16px)}.input-container{display:flex;flex-direction:row;align-items:center;width:100%;border:none;border-radius:var(--border--radius-8, 8px);padding-inline:var(--ez-classic-input--padding-inline);box-sizing:border-box;gap:var(--ez-classic-input--gap);margin-block:var(--space--4, 4px);transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);height:var(--ez-classic-input--height);background-color:var(--ez-classic-input--background-color)}.input-container--small{height:var(--ez-classic-input--height-small)}.input-container--xsmall{height:var(--ez-classic-input--height-xsmall)}.input-container,.input-container[data-state="default"]{box-shadow:0 0 0 1px var(--ez-classic-input--border-color-default)}.input-container[data-state="success"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-success)}.input-container[data-state="error"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-error)}.input-container[data-state="warning"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-warning)}.input-container:focus-within{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-focus)}ez-icon{min-width:var(--space--24, 24px);color:var(--ez-classic-input--icon-color)}input{flex:1;border:none;outline:none;background:transparent;height:100%;width:100%;padding:0;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);text-overflow:ellipsis;color:var(--ez-classic-input--text-color)}input::placeholder{color:var(--ez-classic-input--placeholder-color)}.input-container[data-disabled="true"]{cursor:not-allowed;background:var(--ez-classic-input--background-color-disabled);border-color:var(--ez-classic-input--border-color-default)}.input-container[data-disabled="true"]>*{cursor:not-allowed}.input-container input:read-only{cursor:default}@keyframes ez-helptext-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}span{font-size:var(--font-size--xsmall, 10px);line-height:var(--line-height--16, 16px);overflow:hidden;text-overflow:ellipsis;animation:ez-helptext-fadein 0.3s ease;color:var(--ez-classic-input--helptext-color)}label{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-input--label-color)}.icon-clickable{cursor:pointer}.required-indicator{font-size:var(--font--size--default, 14px);font-family:var(--font--pattern, \'Roboto\');color:var(--color--red-600, #BD0025);margin-left:var(--space--4, 4px);vertical-align:top}';export{c as ez_classic_input}

package/dist/ezui/{p-24582dd6.js → p-46b0b0c7.js}

@@ -1 +1 @@
-import{D as t}from"./p-ab574d59.js";import{i as e}from"./p-69344c23.js";let n;const o=new Uint8Array(16);function s(){if(!n&&(n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!n))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return n(o)}const i=[];for(let t=0;t<256;++t)i.push((t+256).toString(16).slice(1));const c={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function r(t,e,n){if(c.randomUUID&&!e&&!t)return c.randomUUID();const o=(t=t||{}).random||(t.rng||s)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,e){n=n||0;for(let t=0;t<16;++t)e[n+t]=o[t];return e}return function(t,e=0){return i[t[e+0]]+i[t[e+1]]+i[t[e+2]]+i[t[e+3]]+"-"+i[t[e+4]]+i[t[e+5]]+"-"+i[t[e+6]]+i[t[e+7]]+"-"+i[t[e+8]]+i[t[e+9]]+"-"+i[t[e+10]]+i[t[e+11]]+i[t[e+12]]+i[t[e+13]]+i[t[e+14]]+i[t[e+15]]}(o)}class a{static async getDefaultMessageOptions(){return this.i18n||(this.i18n=await e()),{canClose:!0,labelCancel:this.i18n("app.no"),labelConfirm:this.i18n("app.yes"),btnConfirmDanger:!1}}static async showDialog(e,n,o=null,s,i=t.DEFAULT,c){if(c){const t=await this.getDefaultMessageOptions();c=Object.assign(Object.assign({},t),c)}return new Promise((t=>{let r=document.createElement("ez-dialog");window.document.body.appendChild(r),r.show(e,n,i,s,o,c.labelCancel,c.labelConfirm,c.btnConfirmDanger,c.beforeClose).then((e=>(r.remove(),t(e))))}))}static async alert(e,n,o=null,s){return s||(s=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!1,t.WARN,s)}static async error(e,n,o=null,s){return s||(s=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!1,t.CRITICAL,s)}static async success(e,n,o=null,s){return s||(s=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!1,t.SUCCESS,s)}static async confirm(e,n,o=null,s=t.WARN,i){return i||(i=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!0,s,i)}static async message(e,n,o=null,s){return s||(s=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!1,t.DEFAULT,s)}static async info(t,e){const n=await this.getDefaultMessageOptions();e!==n&&(e=Object.assign(Object.assign({},n),e));let o=!1,s=document.querySelector("ez-toast");if(!s){s=document.createElement("ez-toast");const t=document.createElement("ez-icon");t.className="ez-margin-right--small",t.slot="icon",t.style.setProperty("--ez-icon--color","var(--color--success)"),s.appendChild(t),window.document.body.appendChild(s)}if(e.iconName){const t=s.querySelector("ez-icon");t&&(t.iconName=e.iconName,o=!0)}else o=!1;s.show(t,5e3,o,e.canClose)}static isModalContent(t){return t instanceof HTMLElement&&"EZ-MODAL-CONTAINER"===t.tagName}static async showPopup(t){var e,n;const o=document.createElement("ez-popup");window.document.body.appendChild(o);const{content:s}=t;return o.setAttribute("id",r()),o.heightMode=null!==(e=t.size)&&void 0!==e?e:"auto",o.opened=!0,a.isModalContent(s)?(o.appendChild(s),o.useHeader=!1):(o.ezTitle=null!==(n=t.title)&&void 0!==n?n:"",o.innerHTML=s),()=>o.remove()}static async showModal(t){t=Object.assign(Object.assign({},a.defaultModalProps),t);const e=document.createElement("ez-modal");return window.document.body.appendChild(e),e.setAttribute("id",r()),e.modalSize=t.size,e.align=t.position,e.heightMode=t.heightMode,e.closeEsc=t.closeEsc,e.closeOutsideClick=t.closeOutsideClick,e.scrim=t.useScrimLight?"light":"medium",t.content instanceof String||"string"==typeof t.content?e.innerHTML=t.content:e.appendChild(t.content),e.opened=!0,()=>e.remove()}static showAlerts(t){const e="EzAlertList";let n=document.getElementById(e);n||(n=document.createElement("ez-alert-list"),n.setAttribute("id",e),window.document.body.appendChild(n)),t=Object.assign(Object.assign({},a.defaultAlertListProps),t),n.itemRightSlotBuilder=t.itemRightSlotBuilder,n.enableDragAndDrop=t.enableDragAndDrop,n.enableExpand=t.enableExpand,n.opened=t.opened,n.alerts=t.alerts}}a.defaultModalProps={content:null,position:"right",size:"small",heightMode:"regular",closeOutsideClick:!0,closeEsc:!0},a.defaultAlertListProps={alerts:[],enableDragAndDrop:!0,enableExpand:!0,itemRightSlotBuilder:null,opened:!0};export{a as A}
+import{D as t}from"./p-ab574d59.js";import{i as e}from"./p-b6579f86.js";let n;const o=new Uint8Array(16);function s(){if(!n&&(n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!n))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return n(o)}const i=[];for(let t=0;t<256;++t)i.push((t+256).toString(16).slice(1));const c={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function r(t,e,n){if(c.randomUUID&&!e&&!t)return c.randomUUID();const o=(t=t||{}).random||(t.rng||s)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,e){n=n||0;for(let t=0;t<16;++t)e[n+t]=o[t];return e}return function(t,e=0){return i[t[e+0]]+i[t[e+1]]+i[t[e+2]]+i[t[e+3]]+"-"+i[t[e+4]]+i[t[e+5]]+"-"+i[t[e+6]]+i[t[e+7]]+"-"+i[t[e+8]]+i[t[e+9]]+"-"+i[t[e+10]]+i[t[e+11]]+i[t[e+12]]+i[t[e+13]]+i[t[e+14]]+i[t[e+15]]}(o)}class a{static async getDefaultMessageOptions(){return this.i18n||(this.i18n=await e()),{canClose:!0,labelCancel:this.i18n("app.no"),labelConfirm:this.i18n("app.yes"),btnConfirmDanger:!1}}static async showDialog(e,n,o=null,s,i=t.DEFAULT,c){if(c){const t=await this.getDefaultMessageOptions();c=Object.assign(Object.assign({},t),c)}return new Promise((t=>{let r=document.createElement("ez-dialog");window.document.body.appendChild(r),r.show(e,n,i,s,o,c.labelCancel,c.labelConfirm,c.btnConfirmDanger,c.beforeClose).then((e=>(r.remove(),t(e))))}))}static async alert(e,n,o=null,s){return s||(s=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!1,t.WARN,s)}static async error(e,n,o=null,s){return s||(s=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!1,t.CRITICAL,s)}static async success(e,n,o=null,s){return s||(s=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!1,t.SUCCESS,s)}static async confirm(e,n,o=null,s=t.WARN,i){return i||(i=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!0,s,i)}static async message(e,n,o=null,s){return s||(s=await this.getDefaultMessageOptions()),a.showDialog(e,n,o,!1,t.DEFAULT,s)}static async info(t,e){const n=await this.getDefaultMessageOptions();e!==n&&(e=Object.assign(Object.assign({},n),e));let o=!1,s=document.querySelector("ez-toast");if(!s){s=document.createElement("ez-toast");const t=document.createElement("ez-icon");t.className="ez-margin-right--small",t.slot="icon",t.style.setProperty("--ez-icon--color","var(--color--success)"),s.appendChild(t),window.document.body.appendChild(s)}if(e.iconName){const t=s.querySelector("ez-icon");t&&(t.iconName=e.iconName,o=!0)}else o=!1;s.show(t,5e3,o,e.canClose)}static isModalContent(t){return t instanceof HTMLElement&&"EZ-MODAL-CONTAINER"===t.tagName}static async showPopup(t){var e,n;const o=document.createElement("ez-popup");window.document.body.appendChild(o);const{content:s}=t;return o.setAttribute("id",r()),o.heightMode=null!==(e=t.size)&&void 0!==e?e:"auto",o.opened=!0,a.isModalContent(s)?(o.appendChild(s),o.useHeader=!1):(o.ezTitle=null!==(n=t.title)&&void 0!==n?n:"",o.innerHTML=s),()=>o.remove()}static async showModal(t){t=Object.assign(Object.assign({},a.defaultModalProps),t);const e=document.createElement("ez-modal");return window.document.body.appendChild(e),e.setAttribute("id",r()),e.modalSize=t.size,e.align=t.position,e.heightMode=t.heightMode,e.closeEsc=t.closeEsc,e.closeOutsideClick=t.closeOutsideClick,e.scrim=t.useScrimLight?"light":"medium",t.content instanceof String||"string"==typeof t.content?e.innerHTML=t.content:e.appendChild(t.content),e.opened=!0,()=>e.remove()}static showAlerts(t){const e="EzAlertList";let n=document.getElementById(e);n||(n=document.createElement("ez-alert-list"),n.setAttribute("id",e),window.document.body.appendChild(n)),t=Object.assign(Object.assign({},a.defaultAlertListProps),t),n.itemRightSlotBuilder=t.itemRightSlotBuilder,n.enableDragAndDrop=t.enableDragAndDrop,n.enableExpand=t.enableExpand,n.opened=t.opened,n.alerts=t.alerts}}a.defaultModalProps={content:null,position:"right",size:"small",heightMode:"regular",closeOutsideClick:!0,closeEsc:!0},a.defaultAlertListProps={alerts:[],enableDragAndDrop:!0,enableExpand:!0,itemRightSlotBuilder:null,opened:!0};export{a as A}

package/dist/ezui/{p-47c5b2d8.entry.js → p-4cf0ed43.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,g as h}from"./p-e4c7eb39.js";import{TimeFormatter as r,MaskFormatter as a,NumberUtils as n,ElementIDUtils as o}from"@sankhyalabs/core";import{C as l}from"./p-ec7db713.js";import{i as u}from"./p-69344c23.js";const c=class{constructor(i){t(this,i),this.ezChange=s(this,"ezChange",7),this.ezStartChange=s(this,"ezStartChange",7),this.ezCancelWaitingChange=s(this,"ezCancelWaitingChange",7),this.label=void 0,this.value=void 0,this.enabled=!0,this.errorMessage=void 0,this.showSeconds=!1,this.mode="regular",this.size="default",this.required=!1,this.canShowError=!0,this.autoFocus=!1,this.alternativePlaceholder=void 0}observeErrorMessage(){var t;this._textInput&&(this._textInput.errorMessage=this.errorMessage,(null===(t=this.errorMessage)||void 0===t?void 0:t.trim())||(this.prepareValue(this._viewValue),(this._textInput.value||"")!==this._viewValue&&(this._textInput.value=this._viewValue)))}observeShowSeconds(){this.prepareMask(this.showSeconds?"##:##:##":"##:##")}observeValue(t,s){if(this._textInput&&t!=s){let i=this.validateValue(t);i!=this.validateValue(s)&&(this._viewValue=null==i?"":i.toString(),this.prepareValue(this._viewValue),this._viewValue&&!r.validateTime(this._viewValue,this.showSeconds)?(this.setError(this.i18n("ez-classic-time-input.invalidTime")),i=void 0):this.setError(""),this.ezChange.emit(null===i?void 0:i))}}prepareMask(t){null==this._maskFormatter?this._maskFormatter=new a(t):this._maskFormatter.mask=t}validateValue(t){return isNaN(t)||void 0===t?null:t}setError(t){this.errorMessage=t,this._textInput&&(null==t?void 0:t.trim())&&this.ezCancelWaitingChange.emit()}getViewValue(){return this._viewValue}prepareValue(t){try{this._viewValue=r.prepareValue(t,this.showSeconds),this._textInput&&this._textInput.value!==this._viewValue&&(this._textInput.value=this._viewValue)}catch(t){this.setError(t.message)}}async setFocus({selectText:t}){this._textInput.setFocus({selectText:t})}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}handleBlur(){if(this._textInput){this._viewValue=this._textInput.value,this.prepareValue(this._viewValue);const t=n.stringToNumber(this._viewValue.replace(/\D/g,""));this.value=["string","number"].includes(typeof t)?t:null}}handleInput(){const t=this._textInput.value;["string","number"].includes(typeof t)&&n.stringToNumber(t.replace(/\D/g,""))!==this.value&&this.ezStartChange.emit({waitmessage:"",blocking:!1})}async componentWillLoad(){this.i18n=await u(),this.observeShowSeconds(),this.value?this.prepareValue(this.value.toString()):this._viewValue&&this.prepareValue(this._viewValue)}componentDidLoad(){l.applyVarsTextInput(this._elem,this._textInput),this.autoFocus&&requestAnimationFrame((()=>{this.setFocus({selectText:!0})}))}render(){o.addIDInfoIfNotExists(this._elem,"input");const t={class:"time__input","data-element-id":o.getInternalIDInfo("textInput"),ref:t=>this._textInput=t,"data-slave-mode":"true",value:this._viewValue,enabled:this.enabled,label:this.label,mask:this.showSeconds?"##:##:##":"##:##",onBlur:()=>this.handleBlur(),onInput:()=>this.handleInput(),errorMessage:this.errorMessage,mode:this.mode,size:this.size,canShowError:this.canShowError,alternativePlaceholder:this.alternativePlaceholder,required:this.required,onEzChange:t=>t.stopPropagation()};return i(e,null,i("ez-classic-input",Object.assign({},t,{leftIconName:"timer-outline"})))}static get assetsDirs(){return["../assets"]}get _elem(){return h(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],showSeconds:["observeShowSeconds"],value:["observeValue"]}}};c.style=":host{display:flex;flex-wrap:wrap;position:relative;width:100%}.time__input{height:100%}";export{c as ez_classic_time_input}
+import{r as t,c as s,h as i,H as e,g as h}from"./p-23a36bb6.js";import{TimeFormatter as r,MaskFormatter as a,NumberUtils as n,ElementIDUtils as o}from"@sankhyalabs/core";import{C as l}from"./p-ec7db713.js";import{i as u}from"./p-b6579f86.js";const c=class{constructor(i){t(this,i),this.ezChange=s(this,"ezChange",7),this.ezStartChange=s(this,"ezStartChange",7),this.ezCancelWaitingChange=s(this,"ezCancelWaitingChange",7),this.label=void 0,this.value=void 0,this.enabled=!0,this.errorMessage=void 0,this.showSeconds=!1,this.mode="regular",this.size="default",this.required=!1,this.canShowError=!0,this.autoFocus=!1,this.alternativePlaceholder=void 0}observeErrorMessage(){var t;this._textInput&&(this._textInput.errorMessage=this.errorMessage,(null===(t=this.errorMessage)||void 0===t?void 0:t.trim())||(this.prepareValue(this._viewValue),(this._textInput.value||"")!==this._viewValue&&(this._textInput.value=this._viewValue)))}observeShowSeconds(){this.prepareMask(this.showSeconds?"##:##:##":"##:##")}observeValue(t,s){if(this._textInput&&t!=s){let i=this.validateValue(t);i!=this.validateValue(s)&&(this._viewValue=null==i?"":i.toString(),this.prepareValue(this._viewValue),this._viewValue&&!r.validateTime(this._viewValue,this.showSeconds)?(this.setError(this.i18n("ez-classic-time-input.invalidTime")),i=void 0):this.setError(""),this.ezChange.emit(null===i?void 0:i))}}prepareMask(t){null==this._maskFormatter?this._maskFormatter=new a(t):this._maskFormatter.mask=t}validateValue(t){return isNaN(t)||void 0===t?null:t}setError(t){this.errorMessage=t,this._textInput&&(null==t?void 0:t.trim())&&this.ezCancelWaitingChange.emit()}getViewValue(){return this._viewValue}prepareValue(t){try{this._viewValue=r.prepareValue(t,this.showSeconds),this._textInput&&this._textInput.value!==this._viewValue&&(this._textInput.value=this._viewValue)}catch(t){this.setError(t.message)}}async setFocus({selectText:t}){this._textInput.setFocus({selectText:t})}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}handleBlur(){if(this._textInput){this._viewValue=this._textInput.value,this.prepareValue(this._viewValue);const t=n.stringToNumber(this._viewValue.replace(/\D/g,""));this.value=["string","number"].includes(typeof t)?t:null}}handleInput(){const t=this._textInput.value;["string","number"].includes(typeof t)&&n.stringToNumber(t.replace(/\D/g,""))!==this.value&&this.ezStartChange.emit({waitmessage:"",blocking:!1})}async componentWillLoad(){this.i18n=await u(),this.observeShowSeconds(),this.value?this.prepareValue(this.value.toString()):this._viewValue&&this.prepareValue(this._viewValue)}componentDidLoad(){l.applyVarsTextInput(this._elem,this._textInput),this.autoFocus&&requestAnimationFrame((()=>{this.setFocus({selectText:!0})}))}render(){o.addIDInfoIfNotExists(this._elem,"input");const t={class:"time__input","data-element-id":o.getInternalIDInfo("textInput"),ref:t=>this._textInput=t,"data-slave-mode":"true",value:this._viewValue,enabled:this.enabled,label:this.label,mask:this.showSeconds?"##:##:##":"##:##",onBlur:()=>this.handleBlur(),onInput:()=>this.handleInput(),errorMessage:this.errorMessage,mode:this.mode,size:this.size,canShowError:this.canShowError,alternativePlaceholder:this.alternativePlaceholder,required:this.required,onEzChange:t=>t.stopPropagation()};return i(e,null,i("ez-classic-input",Object.assign({},t,{leftIconName:"timer-outline"})))}static get assetsDirs(){return["../assets"]}get _elem(){return h(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],showSeconds:["observeShowSeconds"],value:["observeValue"]}}};c.style=":host{display:flex;flex-wrap:wrap;position:relative;width:100%}.time__input{height:100%}";export{c as ez_classic_time_input}

package/dist/ezui/{p-0ad696a3.entry.js → p-4dca017c.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as a,F as s}from"./p-e4c7eb39.js";import{a as o,b as r,R as l}from"./p-3e767a74.js";import{i as n}from"./p-69344c23.js";import"@sankhyalabs/core";const c=class{constructor(i){e(this,i),this.executeToolbarCommand=t(this,"executeToolbarCommand",7),this.textToShow=void 0,this.link=void 0,this.openInNewGuide=!1}async show(e){this._popupElement.opened=!0,e&&(this.textToShow=e)}async hide(){this._popupElement.opened=!1}async componentWillLoad(){this.i18n=await n()}async handleCancel(){this.clearValues(),this.executeToolbarCommand.emit({command:o.FOCUS}),await this.hide()}clearValues(){this.link="",this.textToShow="",this.openInNewGuide=!1}async handleCreateLink(){this.executeToolbarCommand.emit({command:o.FORMAT,value:`<a href="${this.link}" ${this.openInNewGuide?'target="_blank" rel="noopener noreferrer"':""}>${this.textToShow?this.textToShow:this.link}</a>`}),this.clearValues(),await this.hide()}async handleActionPopup(e){"OK"!==e.detail?"CANCEL"!==e.detail&&"CLOSE"!==e.detail||await this.handleCancel():await this.handleCreateLink()}getOkButtonStatus(){var e;return(null===(e=this.link)||void 0===e?void 0:e.trim())?"ENABLED":"DISABLED"}render(){return i("ez-popup",{heightMode:"auto",size:"small",useHeader:!1,ref:e=>this._popupElement=e,onEzClosePopup:()=>this.clearValues()},i("div",null,i("ez-modal-container",{modalTitle:this.i18n("ez-link-builder.addLinkTitle"),modalSubTitle:this.i18n("ez-link-builder.addLinkSubtitle"),okButtonLabel:this.i18n("ez-link-builder.submit"),cancelButtonLabel:this.i18n("app.cancel"),onEzModalAction:this.handleActionPopup.bind(this),okButtonStatus:this.getOkButtonStatus()},i("div",{class:"link-builder-container"},i("ez-text-input",{id:"link_url_input",label:this.i18n("ez-link-builder.urlInputLabel"),value:this.link,onEzChange:e=>this.link=e.detail}),i("ez-text-input",{id:"link_text_input",label:this.i18n("ez-link-builder.textInputLabel"),value:this.textToShow,onEzChange:e=>this.textToShow=e.detail}),i("ez-check",{label:this.i18n("ez-link-builder.openInNewPage"),value:this.openInNewGuide,onEzChange:e=>this.openInNewGuide=e.detail})))))}};c.style=".link-builder-container.sc-ez-link-builder{font-family:'Roboto';color:#2b3a54;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.header.sc-ez-link-builder{display:flex;font-weight:500;font-size:16px}.actions.sc-ez-link-builder{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;width:100%}";const h=class{constructor(i){e(this,i),this.executeToolbarCommand=t(this,"executeToolbarCommand",7),this.showPreview=!0,this.isPreviewMode=!1,this.showConfigs=!0,this.showTextFormat=!0,this.showUndoRedo=!0}async componentWillLoad(){this.i18n=await n()}handleActionTriggered(e){this.executeToolbarCommand.emit({command:e.detail.command,value:e.detail.value})}handleClickPreview(){this.executeToolbarCommand.emit({command:o.PREVIEW})}renderArrows(){if(this.showUndoRedo)return i("div",{id:"rich-toolbar-undo-redo",class:"taskbar-group"},i("ez-rich-toolbar-arrows",null))}renderLetters(){if(this.showTextFormat)return i("div",{id:"rich-toolbar-text-format",class:"taskbar-group"},i("ez-rich-toolbar-letters",null))}renderConfigs(){if(this.showConfigs)return i("div",{id:"rich-toolbar-options-configs",class:"taskbar-group"},i("ez-rich-toolbar-configs",null))}renderPreview(){if(this.showPreview)return i("div",{class:"taskbar-group"},i("span",{id:"rich-text-preview-btn",class:"preview-btn",title:this.getPreviewTitle(),onClick:this.handleClickPreview.bind(this)},this.i18n(this.isPreviewMode?"ez-rich-text.edit":"ez-rich-text.preview")))}getPreviewTitle(){return this.i18n(this.isPreviewMode?"ez-rich-text.title.edit":"ez-rich-text.title.preview")}render(){return i(a,null,i("div",{class:"taskbar"},this.renderPreview(),this.renderArrows(),this.renderLetters(),this.renderConfigs()))}};h.style=".sc-ez-rich-toolbar-h{display:block;width:100%}.taskbar.sc-ez-rich-toolbar{display:flex;padding:8px;border-radius:4px 4px 0 0}.taskbar-group.sc-ez-rich-toolbar{display:flex;margin-right:15px;padding-right:15px;border-right:1px solid #ddd}.taskbar-group.sc-ez-rich-toolbar:last-child{border-right:none}.preview-btn.sc-ez-rich-toolbar{font-family:Roboto;font-size:14px;background:none;display:flex;align-items:center;padding:0 8px;border-radius:4px;cursor:pointer;color:var(--color--secondary, #383c45);transition:0.3s all ease-in-out;width:110px;justify-content:center}.preview-btn.sc-ez-rich-toolbar:hover{background-color:#f5f5f5}";const d=class{constructor(t){e(this,t)}async componentWillLoad(){this.i18n=await n()}render(){return i(a,null,i("ez-rich-toolbar-item",{icon:r.UNDO,command:o.UNDO,title:this.i18n("ez-rich-text.title.undo")}),i("ez-rich-toolbar-item",{icon:r.REDO,command:o.REDO,title:this.i18n("ez-rich-text.title.redo")}))}};d.style=".sc-ez-rich-toolbar-arrows-h{display:flex;gap:5px}";const p=class{constructor(t){e(this,t)}async componentWillLoad(){this.i18n=await n()}render(){return i(a,null,i("ez-rich-toolbar-item",{icon:r.LIST,command:o.FORMAT,value:l.LIST,title:this.i18n("ez-rich-text.title.list")}),i("ez-rich-toolbar-item",{icon:r.IMAGE,command:o.IMAGE,title:this.i18n("ez-rich-text.title.image")}),i("ez-rich-toolbar-item",{icon:r.LINK,command:o.LINK,title:this.i18n("ez-rich-text.title.link")}))}};p.style=".sc-ez-rich-toolbar-configs-h{display:flex;gap:5px}";const u=class{constructor(t){e(this,t)}async componentWillLoad(){this.i18n=await n()}render(){return i(a,null,i("ez-rich-toolbar-item",{icon:r.BOLD,command:o.FORMAT,value:l.BOLD,title:this.i18n("ez-rich-text.title.bold")}),i("ez-rich-toolbar-item",{icon:r.ITALIC,command:o.FORMAT,value:l.ITALIC,title:this.i18n("ez-rich-text.title.italic")}),i("ez-rich-toolbar-item",{icon:r.UNDERLINE,command:o.FORMAT,value:l.UNDERLINE,title:this.i18n("ez-rich-text.title.underline")}))}};function m(e,t=1){if(0===e)return"0 Bytes";const i=t<0?0:t,a=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,a)).toFixed(i))+" "+["Bytes","Kilobytes","Megabytes","Gigabytes","Terabytes","Petabytes","Exabytes","Zettabytes","Yottabytes"][a]}u.style=".sc-ez-rich-toolbar-letters-h{display:flex;gap:5px}";const b=class{constructor(i){e(this,i),this.executeToolbarCommand=t(this,"executeToolbarCommand",7),this.link=void 0,this.base64=void 0,this.messageError=void 0,this.selectedFile=void 0,this.maxSize=500}async show(){this._popupElement.opened=!0}async hide(){this._popupElement.opened=!1}async componentWillLoad(){this.i18n=await n()}async handleCancel(){this.removeSelectedFile(),this.executeToolbarCommand.emit({command:o.FOCUS}),await this.hide()}removeSelectedFile(e){null==e||e.stopPropagation(),this.link=void 0,this.base64=void 0,this.selectedFile=void 0,this.messageError=void 0}triggerFileSelect(){this.selectedFile||this._fileInput.click()}async handleImage(e){const t=e&&e[0];t&&(t.size<1e3*this.maxSize?(this.selectedFile=t,this.base64=await function(e){return new Promise(((t,i)=>{try{const i=new FileReader;i.onload=()=>{t(i.result)},i.readAsDataURL(e)}catch(e){i(e)}}))}(t)):this.messageError=this.i18n("ez-simple-image-uploader.imageTooLarge",{maxSize:m(this.maxSize)}))}getFileList(e){return e instanceof DragEvent?Array.from(e.dataTransfer.files):e.target.files}handleFileChange(e){e.preventDefault(),this.messageError=void 0,this._dropZone.classList.remove("dragging");const t=this.getFileList(e);this.handleImage(t),e.target.value=""}handleDragOver(e){e.stopPropagation(),e.preventDefault()}handleDragEnter(e){e.preventDefault(),this._dropZone.classList.add("dragging")}handleDragLeave(e){e.preventDefault(),this._dropZone.contains(e.relatedTarget)||this._dropZone.classList.remove("dragging")}async handleActionPopup(e){"OK"===e.detail?await this.handleCreateImgTag():"CANCEL"!==e.detail&&"CLOSE"!==e.detail||await this.handleCancel()}async handleCreateImgTag(){var e;const t=`<img src="${null!==(e=this.base64)&&void 0!==e?e:this.link}" alt="${this.i18n("ez-simple-image-uploader.imageAlt")}" />`;this.executeToolbarCommand.emit({command:o.FORMAT,value:t}),this.removeSelectedFile(),await this.hide()}getOkButtonStatus(){var e;return this.base64||(null===(e=this.link)||void 0===e?void 0:e.trim())?"ENABLED":"DISABLED"}render(){return i("ez-popup",{ref:e=>this._popupElement=e,heightMode:"auto",size:"small",useHeader:!1,onEzClosePopup:()=>this.handleCancel()},i("div",null,i("ez-modal-container",{modalTitle:this.i18n("ez-simple-image-uploader.uploadTitle"),modalSubTitle:this.i18n("ez-simple-image-uploader.uploadSubtitle"),okButtonLabel:this.i18n("ez-simple-image-uploader.submit"),cancelButtonLabel:this.i18n("app.cancel"),onEzModalAction:this.handleActionPopup.bind(this),okButtonStatus:this.getOkButtonStatus()},i("div",{class:"image-uploader-container"},i("ez-tooltip",{message:this.i18n("ez-simple-image-uploader.tooltipMessage"),active:!!this.selectedFile},i("ez-text-input",{label:this.i18n("ez-simple-image-uploader.urlInputLabel"),value:this.link,onEzChange:e=>this.link=e.detail,enabled:!this.selectedFile})),i("span",null,this.i18n("ez-simple-image-uploader.orText")),i("section",{class:"drop-zone-section"},i("div",{ref:e=>this._dropZone=e,class:"drop-zone",onDrop:e=>this.handleFileChange(e),onDragOver:e=>this.handleDragOver(e),onDragEnter:e=>this.handleDragEnter(e),onDragLeave:e=>this.handleDragLeave(e)},i("div",{class:{"drop-zone-container":!0,clickable:!this.selectedFile},onClick:()=>this.triggerFileSelect()},this.selectedFile?i(s,null,i("span",{class:"ez-text ez-text--primary ez-text--medium"},this.selectedFile.name," (",m(this.selectedFile.size),")"),i("button",{class:"button-close",onClick:e=>this.removeSelectedFile(e),title:this.i18n("ez-simple-image-uploader.removeFile")},i("ez-icon",{iconName:"close"}))):i(s,null,i("ez-icon",{iconName:"anexo"}),i("span",{class:"ez-text ez-text--primary ez-text--medium"},this.i18n("ez-simple-image-uploader.dragDropText")))),i("input",{ref:e=>this._fileInput=e,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>this.handleFileChange(e)})),!!this.messageError&&i("span",{class:"text-error"},this.messageError))))))}};b.style='.image-uploader-container.sc-ez-simple-image-uploader{font-family:"Roboto";color:#2b3a54;display:flex;flex-direction:column;gap:var(--space--10, 10px);justify-content:space-between;align-items:center;padding-bottom:var(--space--8, 8px)}.header.sc-ez-simple-image-uploader{display:flex;font-weight:500;font-size:var(--font-size--medium, 16px)}.actions.sc-ez-simple-image-uploader{display:flex;justify-content:flex-end;gap:var(--space--12, 12px);margin-top:var(--space--12, 12px);width:100%}.drop-zone-section.sc-ez-simple-image-uploader{width:100%}.drop-zone.sc-ez-simple-image-uploader{display:flex;flex-wrap:wrap;background-color:var(--color--petroleum-70, #F4F6F9);padding:var(--space--6, 6px);width:100%;border-radius:var(--space--12, 12px);box-sizing:border-box;min-height:100px}.clickable.sc-ez-simple-image-uploader{cursor:pointer}.dragging.sc-ez-simple-image-uploader{background-color:var(--color--petroleum-100, #C8CCD3)}.drop-zone-container.sc-ez-simple-image-uploader{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--color-strokes, #DCE0E8);border-radius:6px;box-sizing:border-box}.text-error.sc-ez-simple-image-uploader{font-family:var(--font--pattern, "Roboto");color:var(--color--red-600, #BD0025);font-size:var(--font-size--small, 12px)}.button-close.sc-ez-simple-image-uploader{border:none;background:none;cursor:pointer}';export{c as ez_link_builder,h as ez_rich_toolbar,d as ez_rich_toolbar_arrows,p as ez_rich_toolbar_configs,u as ez_rich_toolbar_letters,b as ez_simple_image_uploader}
+import{r as e,c as t,h as i,H as a,F as s}from"./p-23a36bb6.js";import{a as o,b as r,R as l}from"./p-3e767a74.js";import{i as n}from"./p-b6579f86.js";import"@sankhyalabs/core";const c=class{constructor(i){e(this,i),this.executeToolbarCommand=t(this,"executeToolbarCommand",7),this.textToShow=void 0,this.link=void 0,this.openInNewGuide=!1}async show(e){this._popupElement.opened=!0,e&&(this.textToShow=e)}async hide(){this._popupElement.opened=!1}async componentWillLoad(){this.i18n=await n()}async handleCancel(){this.clearValues(),this.executeToolbarCommand.emit({command:o.FOCUS}),await this.hide()}clearValues(){this.link="",this.textToShow="",this.openInNewGuide=!1}async handleCreateLink(){this.executeToolbarCommand.emit({command:o.FORMAT,value:`<a href="${this.link}" ${this.openInNewGuide?'target="_blank" rel="noopener noreferrer"':""}>${this.textToShow?this.textToShow:this.link}</a>`}),this.clearValues(),await this.hide()}async handleActionPopup(e){"OK"!==e.detail?"CANCEL"!==e.detail&&"CLOSE"!==e.detail||await this.handleCancel():await this.handleCreateLink()}getOkButtonStatus(){var e;return(null===(e=this.link)||void 0===e?void 0:e.trim())?"ENABLED":"DISABLED"}render(){return i("ez-popup",{heightMode:"auto",size:"small",useHeader:!1,ref:e=>this._popupElement=e,onEzClosePopup:()=>this.clearValues()},i("div",null,i("ez-modal-container",{modalTitle:this.i18n("ez-link-builder.addLinkTitle"),modalSubTitle:this.i18n("ez-link-builder.addLinkSubtitle"),okButtonLabel:this.i18n("ez-link-builder.submit"),cancelButtonLabel:this.i18n("app.cancel"),onEzModalAction:this.handleActionPopup.bind(this),okButtonStatus:this.getOkButtonStatus()},i("div",{class:"link-builder-container"},i("ez-text-input",{id:"link_url_input",label:this.i18n("ez-link-builder.urlInputLabel"),value:this.link,onEzChange:e=>this.link=e.detail}),i("ez-text-input",{id:"link_text_input",label:this.i18n("ez-link-builder.textInputLabel"),value:this.textToShow,onEzChange:e=>this.textToShow=e.detail}),i("ez-check",{label:this.i18n("ez-link-builder.openInNewPage"),value:this.openInNewGuide,onEzChange:e=>this.openInNewGuide=e.detail})))))}};c.style=".link-builder-container.sc-ez-link-builder{font-family:'Roboto';color:#2b3a54;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.header.sc-ez-link-builder{display:flex;font-weight:500;font-size:16px}.actions.sc-ez-link-builder{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;width:100%}";const h=class{constructor(i){e(this,i),this.executeToolbarCommand=t(this,"executeToolbarCommand",7),this.showPreview=!0,this.isPreviewMode=!1,this.showConfigs=!0,this.showTextFormat=!0,this.showUndoRedo=!0}async componentWillLoad(){this.i18n=await n()}handleActionTriggered(e){this.executeToolbarCommand.emit({command:e.detail.command,value:e.detail.value})}handleClickPreview(){this.executeToolbarCommand.emit({command:o.PREVIEW})}renderArrows(){if(this.showUndoRedo)return i("div",{id:"rich-toolbar-undo-redo",class:"taskbar-group"},i("ez-rich-toolbar-arrows",null))}renderLetters(){if(this.showTextFormat)return i("div",{id:"rich-toolbar-text-format",class:"taskbar-group"},i("ez-rich-toolbar-letters",null))}renderConfigs(){if(this.showConfigs)return i("div",{id:"rich-toolbar-options-configs",class:"taskbar-group"},i("ez-rich-toolbar-configs",null))}renderPreview(){if(this.showPreview)return i("div",{class:"taskbar-group"},i("span",{id:"rich-text-preview-btn",class:"preview-btn",title:this.getPreviewTitle(),onClick:this.handleClickPreview.bind(this)},this.i18n(this.isPreviewMode?"ez-rich-text.edit":"ez-rich-text.preview")))}getPreviewTitle(){return this.i18n(this.isPreviewMode?"ez-rich-text.title.edit":"ez-rich-text.title.preview")}render(){return i(a,null,i("div",{class:"taskbar"},this.renderPreview(),this.renderArrows(),this.renderLetters(),this.renderConfigs()))}};h.style=".sc-ez-rich-toolbar-h{display:block;width:100%}.taskbar.sc-ez-rich-toolbar{display:flex;padding:8px;border-radius:4px 4px 0 0}.taskbar-group.sc-ez-rich-toolbar{display:flex;margin-right:15px;padding-right:15px;border-right:1px solid #ddd}.taskbar-group.sc-ez-rich-toolbar:last-child{border-right:none}.preview-btn.sc-ez-rich-toolbar{font-family:Roboto;font-size:14px;background:none;display:flex;align-items:center;padding:0 8px;border-radius:4px;cursor:pointer;color:var(--color--secondary, #383c45);transition:0.3s all ease-in-out;width:110px;justify-content:center}.preview-btn.sc-ez-rich-toolbar:hover{background-color:#f5f5f5}";const d=class{constructor(t){e(this,t)}async componentWillLoad(){this.i18n=await n()}render(){return i(a,null,i("ez-rich-toolbar-item",{icon:r.UNDO,command:o.UNDO,title:this.i18n("ez-rich-text.title.undo")}),i("ez-rich-toolbar-item",{icon:r.REDO,command:o.REDO,title:this.i18n("ez-rich-text.title.redo")}))}};d.style=".sc-ez-rich-toolbar-arrows-h{display:flex;gap:5px}";const p=class{constructor(t){e(this,t)}async componentWillLoad(){this.i18n=await n()}render(){return i(a,null,i("ez-rich-toolbar-item",{icon:r.LIST,command:o.FORMAT,value:l.LIST,title:this.i18n("ez-rich-text.title.list")}),i("ez-rich-toolbar-item",{icon:r.IMAGE,command:o.IMAGE,title:this.i18n("ez-rich-text.title.image")}),i("ez-rich-toolbar-item",{icon:r.LINK,command:o.LINK,title:this.i18n("ez-rich-text.title.link")}))}};p.style=".sc-ez-rich-toolbar-configs-h{display:flex;gap:5px}";const u=class{constructor(t){e(this,t)}async componentWillLoad(){this.i18n=await n()}render(){return i(a,null,i("ez-rich-toolbar-item",{icon:r.BOLD,command:o.FORMAT,value:l.BOLD,title:this.i18n("ez-rich-text.title.bold")}),i("ez-rich-toolbar-item",{icon:r.ITALIC,command:o.FORMAT,value:l.ITALIC,title:this.i18n("ez-rich-text.title.italic")}),i("ez-rich-toolbar-item",{icon:r.UNDERLINE,command:o.FORMAT,value:l.UNDERLINE,title:this.i18n("ez-rich-text.title.underline")}))}};function m(e,t=1){if(0===e)return"0 Bytes";const i=t<0?0:t,a=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,a)).toFixed(i))+" "+["Bytes","Kilobytes","Megabytes","Gigabytes","Terabytes","Petabytes","Exabytes","Zettabytes","Yottabytes"][a]}u.style=".sc-ez-rich-toolbar-letters-h{display:flex;gap:5px}";const b=class{constructor(i){e(this,i),this.executeToolbarCommand=t(this,"executeToolbarCommand",7),this.link=void 0,this.base64=void 0,this.messageError=void 0,this.selectedFile=void 0,this.maxSize=500}async show(){this._popupElement.opened=!0}async hide(){this._popupElement.opened=!1}async componentWillLoad(){this.i18n=await n()}async handleCancel(){this.removeSelectedFile(),this.executeToolbarCommand.emit({command:o.FOCUS}),await this.hide()}removeSelectedFile(e){null==e||e.stopPropagation(),this.link=void 0,this.base64=void 0,this.selectedFile=void 0,this.messageError=void 0}triggerFileSelect(){this.selectedFile||this._fileInput.click()}async handleImage(e){const t=e&&e[0];t&&(t.size<1e3*this.maxSize?(this.selectedFile=t,this.base64=await function(e){return new Promise(((t,i)=>{try{const i=new FileReader;i.onload=()=>{t(i.result)},i.readAsDataURL(e)}catch(e){i(e)}}))}(t)):this.messageError=this.i18n("ez-simple-image-uploader.imageTooLarge",{maxSize:m(this.maxSize)}))}getFileList(e){return e instanceof DragEvent?Array.from(e.dataTransfer.files):e.target.files}handleFileChange(e){e.preventDefault(),this.messageError=void 0,this._dropZone.classList.remove("dragging");const t=this.getFileList(e);this.handleImage(t),e.target.value=""}handleDragOver(e){e.stopPropagation(),e.preventDefault()}handleDragEnter(e){e.preventDefault(),this._dropZone.classList.add("dragging")}handleDragLeave(e){e.preventDefault(),this._dropZone.contains(e.relatedTarget)||this._dropZone.classList.remove("dragging")}async handleActionPopup(e){"OK"===e.detail?await this.handleCreateImgTag():"CANCEL"!==e.detail&&"CLOSE"!==e.detail||await this.handleCancel()}async handleCreateImgTag(){var e;const t=`<img src="${null!==(e=this.base64)&&void 0!==e?e:this.link}" alt="${this.i18n("ez-simple-image-uploader.imageAlt")}" />`;this.executeToolbarCommand.emit({command:o.FORMAT,value:t}),this.removeSelectedFile(),await this.hide()}getOkButtonStatus(){var e;return this.base64||(null===(e=this.link)||void 0===e?void 0:e.trim())?"ENABLED":"DISABLED"}render(){return i("ez-popup",{ref:e=>this._popupElement=e,heightMode:"auto",size:"small",useHeader:!1,onEzClosePopup:()=>this.handleCancel()},i("div",null,i("ez-modal-container",{modalTitle:this.i18n("ez-simple-image-uploader.uploadTitle"),modalSubTitle:this.i18n("ez-simple-image-uploader.uploadSubtitle"),okButtonLabel:this.i18n("ez-simple-image-uploader.submit"),cancelButtonLabel:this.i18n("app.cancel"),onEzModalAction:this.handleActionPopup.bind(this),okButtonStatus:this.getOkButtonStatus()},i("div",{class:"image-uploader-container"},i("ez-tooltip",{message:this.i18n("ez-simple-image-uploader.tooltipMessage"),active:!!this.selectedFile},i("ez-text-input",{label:this.i18n("ez-simple-image-uploader.urlInputLabel"),value:this.link,onEzChange:e=>this.link=e.detail,enabled:!this.selectedFile})),i("span",null,this.i18n("ez-simple-image-uploader.orText")),i("section",{class:"drop-zone-section"},i("div",{ref:e=>this._dropZone=e,class:"drop-zone",onDrop:e=>this.handleFileChange(e),onDragOver:e=>this.handleDragOver(e),onDragEnter:e=>this.handleDragEnter(e),onDragLeave:e=>this.handleDragLeave(e)},i("div",{class:{"drop-zone-container":!0,clickable:!this.selectedFile},onClick:()=>this.triggerFileSelect()},this.selectedFile?i(s,null,i("span",{class:"ez-text ez-text--primary ez-text--medium"},this.selectedFile.name," (",m(this.selectedFile.size),")"),i("button",{class:"button-close",onClick:e=>this.removeSelectedFile(e),title:this.i18n("ez-simple-image-uploader.removeFile")},i("ez-icon",{iconName:"close"}))):i(s,null,i("ez-icon",{iconName:"anexo"}),i("span",{class:"ez-text ez-text--primary ez-text--medium"},this.i18n("ez-simple-image-uploader.dragDropText")))),i("input",{ref:e=>this._fileInput=e,type:"file",accept:"image/*",style:{display:"none"},onChange:e=>this.handleFileChange(e)})),!!this.messageError&&i("span",{class:"text-error"},this.messageError))))))}};b.style='.image-uploader-container.sc-ez-simple-image-uploader{font-family:"Roboto";color:#2b3a54;display:flex;flex-direction:column;gap:var(--space--10, 10px);justify-content:space-between;align-items:center;padding-bottom:var(--space--8, 8px)}.header.sc-ez-simple-image-uploader{display:flex;font-weight:500;font-size:var(--font-size--medium, 16px)}.actions.sc-ez-simple-image-uploader{display:flex;justify-content:flex-end;gap:var(--space--12, 12px);margin-top:var(--space--12, 12px);width:100%}.drop-zone-section.sc-ez-simple-image-uploader{width:100%}.drop-zone.sc-ez-simple-image-uploader{display:flex;flex-wrap:wrap;background-color:var(--color--petroleum-70, #F4F6F9);padding:var(--space--6, 6px);width:100%;border-radius:var(--space--12, 12px);box-sizing:border-box;min-height:100px}.clickable.sc-ez-simple-image-uploader{cursor:pointer}.dragging.sc-ez-simple-image-uploader{background-color:var(--color--petroleum-100, #C8CCD3)}.drop-zone-container.sc-ez-simple-image-uploader{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--color-strokes, #DCE0E8);border-radius:6px;box-sizing:border-box}.text-error.sc-ez-simple-image-uploader{font-family:var(--font--pattern, "Roboto");color:var(--color--red-600, #BD0025);font-size:var(--font-size--small, 12px)}.button-close.sc-ez-simple-image-uploader{border:none;background:none;cursor:pointer}';export{c as ez_link_builder,h as ez_rich_toolbar,d as ez_rich_toolbar_arrows,p as ez_rich_toolbar_configs,u as ez_rich_toolbar_letters,b as ez_simple_image_uploader}

package/dist/ezui/p-517498c1.js

@@ -0,0 +1 @@
+import{i}from"./p-b6579f86.js";const o=async function(){await i(),console.log("Global initialization ez-ui completed!")};export{o as g}

package/dist/ezui/{p-a0080b19.entry.js → p-57bf1a88.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,F as a,H as e,g as n}from"./p-e4c7eb39.js";import{Action as s,ElementIDUtils as o}from"@sankhyalabs/core";import{i as r}from"./p-69344c23.js";const c=class{constructor(i){t(this,i),this._dataUnitInitialized=!1,this.leftButtonDisabled=void 0,this.rightButtonDisabled=void 0,this.dataUnit=void 0,this.primaryKeys=void 0,this.textPosition="right",this.disabled=!1}async previousRecord(){this.dataUnit&&await this.dataUnit.previousRecord()}async nextRecord(){this.dataUnit&&await this.dataUnit.nextRecord()}onDataUnitChange(){this.initializeDataUnit()}onDisabledChange(){this.setStatusButtonPagination()}renderPageTitle(){return this.primaryKeys?this.primaryKeys.map(((t,e)=>{var n;const s=this.dataUnit.getFieldValue(t),o=null===(n=this.dataUnit.getField(t))||void 0===n?void 0:n.label,r=e===this.primaryKeys.length-1;return i(a,null,i("ez-tooltip",{message:null!=o?o:s},i("span",{class:"record-navigation__label","aria-live":"polite","aria-atomic":"true"},null!=s?s:"-")),!r&&i("span",{class:"record-navigation__divider"}))})):null}dataUnitObserver(t){switch(t.type){case s.SELECTION_CHANGED:case s.PREVIOUS_SELECTED:case s.NEXT_SELECTED:this.setStatusButtonPagination()}}getLeftButtonDisabledStatus(){return!(this.dataUnit&&!this.disabled&&this.dataUnit.hasPrevious())}getRightButtonDisabledStatus(){return!(this.dataUnit&&!this.disabled&&this.dataUnit.hasNext())}setStatusButtonPagination(){this.leftButtonDisabled=this.getLeftButtonDisabledStatus(),this.rightButtonDisabled=this.getRightButtonDisabledStatus()}initializeDataUnit(){this.dataUnit&&!this._dataUnitInitialized&&(this.setStatusButtonPagination(),this._dataUnitObserverBound=this.dataUnitObserver.bind(this),this.dataUnit.subscribe(this._dataUnitObserverBound),this._dataUnitInitialized=!0)}addInfoId(){this._element&&o.addIDInfo(this._element)}async connectedCallback(){this.i18n=await r(),this.initializeDataUnit()}componentDidLoad(){this.addInfoId()}disconnectedCallback(){this.dataUnit&&this._dataUnitInitialized&&this._dataUnitObserverBound&&this.dataUnit.unsubscribe(this._dataUnitObserverBound)}render(){return i(e,null,i("div",{class:{"record-navigation__container":!0,"record-navigation-text-right":"right"===this.textPosition}},i("div",{class:"record-navigation__container-label"},this.renderPageTitle()),i("div",{id:"grid-record-navigation-tooltip",class:"record-navigation__buttons-container"},i("ez-tooltip",{message:this.i18n("ez-record-navigation.previousRecord")},i("ez-button",{iconName:"chevron-left",mode:"icon",isDisabled:this.leftButtonDisabled,onClick:()=>this.previousRecord(),label:this.i18n("ez-record-navigation.previousRecord")})),i("ez-tooltip",{message:this.i18n("ez-record-navigation.nextRecord")},i("ez-button",{iconName:"chevron-right",mode:"icon",isDisabled:this.rightButtonDisabled,onClick:()=>this.nextRecord(),label:this.i18n("ez-record-navigation.nextRecord")})))))}get _element(){return n(this)}static get watchers(){return{dataUnit:["onDataUnitChange"],disabled:["onDisabledChange"]}}};c.style=":host{display:block}.record-navigation__container{display:flex;align-items:center;flex-grow:1;flex-shrink:1;justify-content:flex-end;flex-wrap:nowrap}.record-navigation__buttons-container{display:flex;gap:var(--space--8, 8px)}.record-navigation__container-label{font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');color:var(--color--gray-600, #1C1D22);text-shadow:0 0 var(--color--gray-500, #494A4E), 0 0 1px transparent;margin-right:var(--space--12, 12px);display:flex;align-items:center}.record-navigation-contracted{width:100px}.record-navigation-expanded{min-width:150px}.record-navigation__label{width:100%;white-space:nowrap}.record-navigation__divider{width:3px;height:15px;background-color:var(--color--gray-300, #C1C2C6);margin-inline:var(--space--8, 8px)}.record-navigation-text-right{flex-direction:row-reverse}";export{c as ez_record_navigation}
+import{r as t,h as i,F as a,H as e,g as n}from"./p-23a36bb6.js";import{Action as s,ElementIDUtils as o}from"@sankhyalabs/core";import{i as r}from"./p-b6579f86.js";const h=class{constructor(i){t(this,i),this._dataUnitInitialized=!1,this.leftButtonDisabled=void 0,this.rightButtonDisabled=void 0,this.dataUnit=void 0,this.primaryKeys=void 0,this.textPosition="right",this.disabled=!1}async previousRecord(){this.dataUnit&&await this.dataUnit.previousRecord()}async nextRecord(){this.dataUnit&&await this.dataUnit.nextRecord()}onDataUnitChange(){this.initializeDataUnit()}onDisabledChange(){this.setStatusButtonPagination()}renderPageTitle(){return this.primaryKeys?this.primaryKeys.map(((t,e)=>{var n;const s=this.dataUnit.getFieldValue(t),o=null===(n=this.dataUnit.getField(t))||void 0===n?void 0:n.label,r=e===this.primaryKeys.length-1;return i(a,null,i("ez-tooltip",{message:null!=o?o:s},i("span",{class:"record-navigation__label","aria-live":"polite","aria-atomic":"true"},null!=s?s:"-")),!r&&i("span",{class:"record-navigation__divider"}))})):null}dataUnitObserver(t){switch(t.type){case s.SELECTION_CHANGED:case s.PREVIOUS_SELECTED:case s.NEXT_SELECTED:this.setStatusButtonPagination()}}getLeftButtonDisabledStatus(){return!(this.dataUnit&&!this.disabled&&this.dataUnit.hasPrevious())}getRightButtonDisabledStatus(){return!(this.dataUnit&&!this.disabled&&this.dataUnit.hasNext())}setStatusButtonPagination(){this.leftButtonDisabled=this.getLeftButtonDisabledStatus(),this.rightButtonDisabled=this.getRightButtonDisabledStatus()}initializeDataUnit(){this.dataUnit&&!this._dataUnitInitialized&&(this.setStatusButtonPagination(),this._dataUnitObserverBound=this.dataUnitObserver.bind(this),this.dataUnit.subscribe(this._dataUnitObserverBound),this._dataUnitInitialized=!0)}addInfoId(){this._element&&o.addIDInfo(this._element)}async connectedCallback(){this.i18n=await r(),this.initializeDataUnit()}componentDidLoad(){this.addInfoId()}disconnectedCallback(){this.dataUnit&&this._dataUnitInitialized&&this._dataUnitObserverBound&&this.dataUnit.unsubscribe(this._dataUnitObserverBound)}render(){return i(e,null,i("div",{class:{"record-navigation__container":!0,"record-navigation-text-right":"right"===this.textPosition}},i("div",{class:"record-navigation__container-label"},this.renderPageTitle()),i("div",{id:"grid-record-navigation-tooltip",class:"record-navigation__buttons-container"},i("ez-tooltip",{message:this.i18n("ez-record-navigation.previousRecord")},i("ez-button",{iconName:"chevron-left",mode:"icon",isDisabled:this.leftButtonDisabled,onClick:()=>this.previousRecord(),label:this.i18n("ez-record-navigation.previousRecord")})),i("ez-tooltip",{message:this.i18n("ez-record-navigation.nextRecord")},i("ez-button",{iconName:"chevron-right",mode:"icon",isDisabled:this.rightButtonDisabled,onClick:()=>this.nextRecord(),label:this.i18n("ez-record-navigation.nextRecord")})))))}get _element(){return n(this)}static get watchers(){return{dataUnit:["onDataUnitChange"],disabled:["onDisabledChange"]}}};h.style=":host{display:block}.record-navigation__container{display:flex;align-items:center;flex-grow:1;flex-shrink:1;justify-content:flex-end;flex-wrap:nowrap}.record-navigation__buttons-container{display:flex;gap:var(--space--8, 8px)}.record-navigation__container-label{font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');color:var(--color--gray-600, #1C1D22);text-shadow:0 0 var(--color--gray-500, #494A4E), 0 0 1px transparent;margin-right:var(--space--12, 12px);display:flex;align-items:center}.record-navigation-contracted{width:100px}.record-navigation-expanded{min-width:150px}.record-navigation__label{width:100%;white-space:nowrap}.record-navigation__divider{width:3px;height:15px;background-color:var(--color--gray-300, #C1C2C6);margin-inline:var(--space--8, 8px)}.record-navigation-text-right{flex-direction:row-reverse}";export{h as ez_record_navigation}

package/dist/ezui/{p-6fc26622.entry.js → p-5ed81457.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as o}from"./p-e4c7eb39.js";const r=class{constructor(i){t(this,i),this._showLoading=!0}async hide(){this._showLoading=!1}async show(){this._showLoading=!0}render(){return i(o,null,this._showLoading&&i("div",{class:"loading-bar"},i("div",{class:"loading-bar__container"})))}};r.style=":host{position:fixed;top:0px;width:100%}.loading-bar{width:100%;margin:0 auto;position:absolute;background-color:var(--color--primary-300, #e2f4ef);height:5px}.loading-bar:before{content:'';position:absolute}.loading-bar__container{position:absolute;top:0;right:100%;bottom:0;left:0;background-color:var(--color--primary, #008561);width:0;animation:loading 2s linear infinite}@keyframes loading{0%{left:0%;right:100%;width:0%}25%{left:0%;right:75%;width:25%}50%{left:0%;right:50%;width:90%}70%{right:0%;left:75%;width:25%}100%{left:100%;right:0%;width:0%}}@-webkit-keyframes loading{0%{left:0%;right:100%;width:0%}25%{left:0%;right:75%;width:25%}50%{left:0%;right:50%;width:90%}70%{right:0%;left:75%;width:25%}100%{left:100%;right:0%;width:0%}}";export{r as ez_loading_bar}
+import{r as t,h as i,H as o}from"./p-23a36bb6.js";const r=class{constructor(i){t(this,i),this._showLoading=!0}async hide(){this._showLoading=!1}async show(){this._showLoading=!0}render(){return i(o,null,this._showLoading&&i("div",{class:"loading-bar"},i("div",{class:"loading-bar__container"})))}};r.style=":host{position:fixed;top:0px;width:100%}.loading-bar{width:100%;margin:0 auto;position:absolute;background-color:var(--color--primary-300, #e2f4ef);height:5px}.loading-bar:before{content:'';position:absolute}.loading-bar__container{position:absolute;top:0;right:100%;bottom:0;left:0;background-color:var(--color--primary, #008561);width:0;animation:loading 2s linear infinite}@keyframes loading{0%{left:0%;right:100%;width:0%}25%{left:0%;right:75%;width:25%}50%{left:0%;right:50%;width:90%}70%{right:0%;left:75%;width:25%}100%{left:100%;right:0%;width:0%}}@-webkit-keyframes loading{0%{left:0%;right:100%;width:0%}25%{left:0%;right:75%;width:25%}50%{left:0%;right:50%;width:90%}70%{right:0%;left:75%;width:25%}100%{left:100%;right:0%;width:0%}}";export{r as ez_loading_bar}

package/dist/ezui/{p-c754774e.entry.js → p-6020f3d5.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as e,g as a}from"./p-e4c7eb39.js";import{ElementIDUtils as o,StringUtils as r}from"@sankhyalabs/core";const n=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.setFocusedParam=t=>{if("Enter"===t.key){const i=this._processedTabs[this._focusedIndex];this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(i.index)}else if("ArrowLeft"===t.key||"ArrowRight"===t.key){let i;if("ArrowLeft"===t.key)i=!1;else{if("ArrowRight"!==t.key)return;i=!0}this._focusedIndex=void 0===this._focusedIndex?!1===i?void 0!==this.selectedIndex?this.selectedIndex-1:void 0:void 0!==this.selectedIndex?this.selectedIndex+1:void 0:!1===i?this._focusedIndex-1:this._focusedIndex+1,this._focusedIndex<0?this._focusedIndex=0:this._focusedIndex>this._processedTabs.length-1&&(this._focusedIndex=this._processedTabs.length-1),this.setFocusedBtn(!0,this._focusedIndex),this.setFocusedTab(this._focusedIndex)}else if("Tab"===t.key||"Escape"===t.key){const i=this._processedTabs[this.selectedIndex];this._focusedIndex=void 0,this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(this.selectedIndex)}},this._processedTabs=void 0,this.selectedIndex=void 0,this.selectedTab=void 0,this.tabs=void 0}observeTabs(t,i){t&&"string"!=typeof t?this._processedTabs=t:t!==i&&this.processesTabs()}async goToTab(t,i=!1){const s=this._processedTabs.find((i=>i.index===t));this.handleTabClick(s,!i)}handleTabClick(t,i=!0){this.selectedIndex=t.index,this._focusedIndex=void 0,this.selectedTab=t.tabKey,i&&this.ezChange.emit(t),this.setFocusedBtn(!1,t.index)}componentWillLoad(){this.processesTabs()}processesTabs(){this.tabs&&(Array.isArray(this.tabs)?this._processedTabs=[...this.tabs]:(this._processedTabs=[],this.tabs.split(",").forEach((t=>{t=t.trim(),this._processedTabs.push({label:t,tabKey:t,index:this._processedTabs.length}),this.buildElementIdTab(this._processedTabs)})))),this._hostElem.querySelectorAll("ez-tab").forEach((t=>{const i=t.getAttribute("tabKey"),s={label:t.getAttribute("label"),tabKey:i,leftIcon:t.getAttribute("leftIcon"),rightIcon:t.getAttribute("rightIcon"),index:this._processedTabs.length},e=t.firstChild;e&&(e.setAttribute("slot","tab"+s.index),this._hostElem.appendChild(e)),this._processedTabs.push(s),this.buildElementIdTab(this._processedTabs)}))}componentDidRender(){this.updateScroll()}componentDidLoad(){o.addIDInfo(this._hostElem,"itemsSelector"),this._hostElem.shadowRoot.querySelectorAll('button[name="tab-button"]').forEach((t=>{var i;const s=null===(i=t.querySelector("span.tab-label"))||void 0===i?void 0:i.innerText,e={id:`${r.toCamelCase(s)}`};o.addIDInfo(t,"itemSelector",e)}))}handleSlotChange(t){const i=t.target.assignedElements()[0];i&&(i.style.marginLeft="6px")}scrollBackward(){const t=this._scrollContainer;t&&(t.scrollLeft-=t.clientWidth)}scrollFoward(){const t=this._scrollContainer;if(t){let i=null;t.querySelectorAll(".tab").forEach((s=>{s.getBoundingClientRect().right<t.clientWidth&&(i=s)})),t.scrollLeft=i.offsetLeft+i.offsetWidth}}updateScroll(){const t=this._scrollContainer;if(t){const{scrollWidth:i,clientWidth:s,scrollLeft:e}=t,a=i-s-Math.ceil(e);this._startHidden=t.scrollLeft>0,this._endHidden=a>0,this._startHidden?this._backwardButton.classList.remove("hidden"):this._backwardButton.classList.add("hidden"),this._endHidden?this._forwardButton.classList.remove("hidden"):this._forwardButton.classList.add("hidden");const o=["","startHidden","endHidden","middle"],r=o[Number(this._startHidden)|Number(this._endHidden)<<1];o.forEach((i=>{i!==r&&t.classList.contains(i)&&t.classList.remove(i)})),r&&!t.classList.contains(r)&&t.classList.add(r)}}domScrollHandler(){window.clearTimeout(this._scrollCallBack),this._scrollCallBack=window.setTimeout((()=>{this.updateScroll()}),200)}setFocusedTab(t){window.clearTimeout(this._scrollCallBackTest),this._scrollCallBackTest=window.setTimeout((()=>{this._scrollContainer.querySelector(`#tab${t}`).scrollIntoView()}),200)}setFocusedBtn(t,i){this._scrollContainer.querySelectorAll(".tab").forEach((s=>{s.classList.remove("is-focused"),s.id==="tab"+i&&t&&s.classList.add("is-focused")}))}buildElementIdTab(t){t.forEach((t=>{if(!t.hasOwnProperty(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)){const i=`${this._hostElem.getAttribute(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_${r.toCamelCase(t.tabKey)}`;t[o.DATA_ELEMENT_ID_ATTRIBUTE_NAME]=i}}))}render(){return s(e,null,s("button",{class:"backward-button",ref:t=>this._backwardButton=t,onClick:()=>this.scrollBackward()}),s("div",{class:"scroll",ref:t=>this._scrollContainer=t,onScroll:()=>this.domScrollHandler(),onKeyDown:t=>this.setFocusedParam(t)},this._processedTabs.map(((t,i)=>{const e="tab"+i,a=i===this.selectedIndex||this.selectedTab&&t.tabKey===this.selectedTab;return a&&(this.selectedTab=t.tabKey,this.selectedIndex=i),s("button",{id:e,name:"tab-button",class:"tab"+(a?" is-active":""),onClick:()=>this.handleTabClick(t)},t.leftIcon&&s("ez-icon",{iconName:t.leftIcon,class:"left-icon"}),s("span",{class:"tab-label",title:t.label},t.label),t.rightIcon&&s("ez-icon",{iconName:t.rightIcon,class:"right-icon"}),s("slot",{name:e,onSlotchange:t=>{this.handleSlotChange(t)}}))}))),s("button",{class:"forward-button",ref:t=>this._forwardButton=t,onClick:()=>this.scrollFoward()}))}get _hostElem(){return a(this)}static get watchers(){return{tabs:["observeTabs"]}}};n.style='@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}:host{display:flex;position:relative;width:100%;overflow:hidden;--tabselector--backward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z"/></svg>\');--tabselector--forward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z"/></svg>\')}.scroll{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.scroll.startHidden{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px)}.scroll.middle{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px))}.scroll.endHidden{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab{display:flex;border:none;background-color:unset;min-width:100px;max-width:260px;cursor:pointer;padding:6px 12px;align-items:center;justify-content:center;color:var(--text--primary, #626e82);font-family:var(--font-pattern, "Roboto");font-size:var(--title--small, 14px);flex-shrink:0;margin-bottom:var(--space--extra-small, 3px)}.tab:focus,.forward-button,.backward-button{outline:none}.is-active{position:relative;color:var(--color--primary, #008561)}.is-active ez-icon{--ez-icon--color:var(--color--primary, #008561)}.is-active::after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color--primary, #008561);clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out}.is-focused{border:1px dashed var(--color--primary, #000000c5)}.tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--text-shadow)}.forward-button,.backward-button{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.backward-button{left:0px}.forward-button::after,.backward-button::after{content:\'\';display:flex;background-color:var(--text--primary, #008561);width:10px;height:16px}.forward-button::after{-webkit-mask-image:var(--tabselector--forward-icon);mask-image:var(--tabselector--forward-icon)}.backward-button::after{-webkit-mask-image:var(--tabselector--backward-icon);mask-image:var(--tabselector--backward-icon)}.forward-button:hover::after,.backward-button:hover::after{background-color:var(--color--primary, #4e4e4e)}.hidden{display:none}.scroll::-webkit-scrollbar{display:none}.left-icon{padding-right:var(--space--small)}.right-icon{padding-left:var(--space--small)}';export{n as ez_tabselector}
+import{r as t,c as i,h as s,H as e,g as a}from"./p-23a36bb6.js";import{ElementIDUtils as o,StringUtils as r}from"@sankhyalabs/core";const n=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.setFocusedParam=t=>{if("Enter"===t.key){const i=this._processedTabs[this._focusedIndex];this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(i.index)}else if("ArrowLeft"===t.key||"ArrowRight"===t.key){let i;if("ArrowLeft"===t.key)i=!1;else{if("ArrowRight"!==t.key)return;i=!0}this._focusedIndex=void 0===this._focusedIndex?!1===i?void 0!==this.selectedIndex?this.selectedIndex-1:void 0:void 0!==this.selectedIndex?this.selectedIndex+1:void 0:!1===i?this._focusedIndex-1:this._focusedIndex+1,this._focusedIndex<0?this._focusedIndex=0:this._focusedIndex>this._processedTabs.length-1&&(this._focusedIndex=this._processedTabs.length-1),this.setFocusedBtn(!0,this._focusedIndex),this.setFocusedTab(this._focusedIndex)}else if("Tab"===t.key||"Escape"===t.key){const i=this._processedTabs[this.selectedIndex];this._focusedIndex=void 0,this.handleTabClick(i),t.preventDefault(),this.setFocusedTab(this.selectedIndex)}},this._processedTabs=void 0,this.selectedIndex=void 0,this.selectedTab=void 0,this.tabs=void 0}observeTabs(t,i){t&&"string"!=typeof t?this._processedTabs=t:t!==i&&this.processesTabs()}async goToTab(t,i=!1){const s=this._processedTabs.find((i=>i.index===t));this.handleTabClick(s,!i)}handleTabClick(t,i=!0){this.selectedIndex=t.index,this._focusedIndex=void 0,this.selectedTab=t.tabKey,i&&this.ezChange.emit(t),this.setFocusedBtn(!1,t.index)}componentWillLoad(){this.processesTabs()}processesTabs(){this.tabs&&(Array.isArray(this.tabs)?this._processedTabs=[...this.tabs]:(this._processedTabs=[],this.tabs.split(",").forEach((t=>{t=t.trim(),this._processedTabs.push({label:t,tabKey:t,index:this._processedTabs.length}),this.buildElementIdTab(this._processedTabs)})))),this._hostElem.querySelectorAll("ez-tab").forEach((t=>{const i=t.getAttribute("tabKey"),s={label:t.getAttribute("label"),tabKey:i,leftIcon:t.getAttribute("leftIcon"),rightIcon:t.getAttribute("rightIcon"),index:this._processedTabs.length},e=t.firstChild;e&&(e.setAttribute("slot","tab"+s.index),this._hostElem.appendChild(e)),this._processedTabs.push(s),this.buildElementIdTab(this._processedTabs)}))}componentDidRender(){this.updateScroll()}componentDidLoad(){o.addIDInfo(this._hostElem,"itemsSelector"),this._hostElem.shadowRoot.querySelectorAll('button[name="tab-button"]').forEach((t=>{var i;const s=null===(i=t.querySelector("span.tab-label"))||void 0===i?void 0:i.innerText,e={id:`${r.toCamelCase(s)}`};o.addIDInfo(t,"itemSelector",e)}))}handleSlotChange(t){const i=t.target.assignedElements()[0];i&&(i.style.marginLeft="6px")}scrollBackward(){const t=this._scrollContainer;t&&(t.scrollLeft-=t.clientWidth)}scrollFoward(){const t=this._scrollContainer;if(t){let i=null;t.querySelectorAll(".tab").forEach((s=>{s.getBoundingClientRect().right<t.clientWidth&&(i=s)})),t.scrollLeft=i.offsetLeft+i.offsetWidth}}updateScroll(){const t=this._scrollContainer;if(t){const{scrollWidth:i,clientWidth:s,scrollLeft:e}=t,a=i-s-Math.ceil(e);this._startHidden=t.scrollLeft>0,this._endHidden=a>0,this._startHidden?this._backwardButton.classList.remove("hidden"):this._backwardButton.classList.add("hidden"),this._endHidden?this._forwardButton.classList.remove("hidden"):this._forwardButton.classList.add("hidden");const o=["","startHidden","endHidden","middle"],r=o[Number(this._startHidden)|Number(this._endHidden)<<1];o.forEach((i=>{i!==r&&t.classList.contains(i)&&t.classList.remove(i)})),r&&!t.classList.contains(r)&&t.classList.add(r)}}domScrollHandler(){window.clearTimeout(this._scrollCallBack),this._scrollCallBack=window.setTimeout((()=>{this.updateScroll()}),200)}setFocusedTab(t){window.clearTimeout(this._scrollCallBackTest),this._scrollCallBackTest=window.setTimeout((()=>{this._scrollContainer.querySelector(`#tab${t}`).scrollIntoView()}),200)}setFocusedBtn(t,i){this._scrollContainer.querySelectorAll(".tab").forEach((s=>{s.classList.remove("is-focused"),s.id==="tab"+i&&t&&s.classList.add("is-focused")}))}buildElementIdTab(t){t.forEach((t=>{if(!t.hasOwnProperty(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)){const i=`${this._hostElem.getAttribute(o.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_${r.toCamelCase(t.tabKey)}`;t[o.DATA_ELEMENT_ID_ATTRIBUTE_NAME]=i}}))}render(){return s(e,null,s("button",{class:"backward-button",ref:t=>this._backwardButton=t,onClick:()=>this.scrollBackward()}),s("div",{class:"scroll",ref:t=>this._scrollContainer=t,onScroll:()=>this.domScrollHandler(),onKeyDown:t=>this.setFocusedParam(t)},this._processedTabs.map(((t,i)=>{const e="tab"+i,a=i===this.selectedIndex||this.selectedTab&&t.tabKey===this.selectedTab;return a&&(this.selectedTab=t.tabKey,this.selectedIndex=i),s("button",{id:e,name:"tab-button",class:"tab"+(a?" is-active":""),onClick:()=>this.handleTabClick(t)},t.leftIcon&&s("ez-icon",{iconName:t.leftIcon,class:"left-icon"}),s("span",{class:"tab-label",title:t.label},t.label),t.rightIcon&&s("ez-icon",{iconName:t.rightIcon,class:"right-icon"}),s("slot",{name:e,onSlotchange:t=>{this.handleSlotChange(t)}}))}))),s("button",{class:"forward-button",ref:t=>this._forwardButton=t,onClick:()=>this.scrollFoward()}))}get _hostElem(){return a(this)}static get watchers(){return{tabs:["observeTabs"]}}};n.style='@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}:host{display:flex;position:relative;width:100%;overflow:hidden;--tabselector--backward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z"/></svg>\');--tabselector--forward-icon:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="10px"><path d="M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z"/></svg>\')}.scroll{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.scroll.startHidden{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px)}.scroll.middle{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px))}.scroll.endHidden{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab{display:flex;border:none;background-color:unset;min-width:100px;max-width:260px;cursor:pointer;padding:6px 12px;align-items:center;justify-content:center;color:var(--text--primary, #626e82);font-family:var(--font-pattern, "Roboto");font-size:var(--title--small, 14px);flex-shrink:0;margin-bottom:var(--space--extra-small, 3px)}.tab:focus,.forward-button,.backward-button{outline:none}.is-active{position:relative;color:var(--color--primary, #008561)}.is-active ez-icon{--ez-icon--color:var(--color--primary, #008561)}.is-active::after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color--primary, #008561);clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out}.is-focused{border:1px dashed var(--color--primary, #000000c5)}.tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--text-shadow)}.forward-button,.backward-button{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.backward-button{left:0px}.forward-button::after,.backward-button::after{content:\'\';display:flex;background-color:var(--text--primary, #008561);width:10px;height:16px}.forward-button::after{-webkit-mask-image:var(--tabselector--forward-icon);mask-image:var(--tabselector--forward-icon)}.backward-button::after{-webkit-mask-image:var(--tabselector--backward-icon);mask-image:var(--tabselector--backward-icon)}.forward-button:hover::after,.backward-button:hover::after{background-color:var(--color--primary, #4e4e4e)}.hidden{display:none}.scroll::-webkit-scrollbar{display:none}.left-icon{padding-right:var(--space--small)}.right-icon{padding-left:var(--space--small)}';export{n as ez_tabselector}

package/dist/ezui/{p-32201585.entry.js → p-61e11a7a.entry.js}

@@ -1 +1 @@
-import{h as e,r as a,c as l,g as n,H as i}from"./p-e4c7eb39.js";import{ObjectUtils as t,StringUtils as o,UserInterface as r,ElementIDUtils as s}from"@sankhyalabs/core";import{F as d}from"./p-47e4a8ce.js";import{C as c}from"./p-b853763b.js";import{g as m}from"./p-69344c23.js";function u(a,l,n,i,t,o){return e("div",{class:"ez-col ez-col--sd-12 ez-align--middle ez-padding-top--medium ez-padding-bottom--medium ez-size-height--full "+((null==o?void 0:o.formLayout)===d.CLASSIC_CASCADE||(null==o?void 0:o.formLayout)===d.CLASSIC_SIDE_BY_SIDE?"ez-margin-top--small":"")},e("ez-check",{enabled:!n,label:l,mode:t?c.SWITCH:c.REGULAR,"data-field-name":a,"data-context-name":i,key:a}))}function p(a,l,n,i,t,o,r,s,c,m){var u;return e("div",{class:"ez-col ez-col--sd-12"},(null==m?void 0:m.formLayout)===d.CLASSIC_CASCADE||(null==m?void 0:m.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-number-input",{class:"ez-input__no-margin",enabled:!n,label:l,precision:i,prettyPrecision:t,"data-field-name":a,"data-context-name":o,key:a,canShowError:r,size:null!==(u=null==m?void 0:m.size)&&void 0!==u?u:"small",required:c}):e("ez-number-input",{class:"ez-input__no-margin",enabled:!n,label:l,precision:i,prettyPrecision:t,"data-field-name":a,"data-context-name":o,key:a,canShowError:r}))}const v=({name:a,label:l,readOnly:n,contextName:i,canShowError:t,props:o,required:r},s)=>{var c;return e("div",{class:"ez-col ez-col--sd-12"},(null==s?void 0:s.formLayout)===d.CLASSIC_CASCADE||(null==s?void 0:s.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-input",{class:"ez-input__no-margin",label:l,"data-field-name":a,"data-context-name":i,key:a,enabled:!n,mask:null==o?void 0:o.mask,"clean-value-mask":null==o?void 0:o.cleanValueMask,size:null!==(c=null==s?void 0:s.size)&&void 0!==c?c:"small",required:r}):e("ez-text-input",{class:"ez-input__no-margin",label:l,"data-field-name":a,"data-context-name":i,key:a,enabled:!n,canShowError:t,mask:null==o?void 0:o.mask,"clean-value-mask":null==o?void 0:o.cleanValueMask}))},h=new Map;h.set(r.CHECKBOX,((e,a)=>u(e.name,e.label,e.readOnly,e.contextName,!1,a))),h.set(r.SWITCH,((e,a)=>u(e.name,e.label,e.readOnly,e.contextName,!0,a))),h.set(r.OPTIONSELECTOR,(({name:a,label:l,readOnly:n,required:i,props:t,contextName:o,canShowError:r},s)=>{var c;const m=(null==s?void 0:s.formLayout)===d.CLASSIC_CASCADE||(null==s?void 0:s.formLayout)===d.CLASSIC_SIDE_BY_SIDE,u=null==t?void 0:t.options;let p;if("string"==typeof u){const e=JSON.parse(u);p=Object.keys(e).map((a=>({value:a,label:e[a]})))}else p=u;return e("div",{class:"ez-col ez-col--sd-12"},m?e("ez-classic-combo-box",{class:"ez-input__no-margin",enabled:!n,suppressEmptyOption:i,label:l,"data-field-name":a,"data-context-name":o,key:a,options:p,size:null!==(c=null==s?void 0:s.size)&&void 0!==c?c:"small",required:i}):e("ez-combo-box",{class:"ez-input__no-margin",enabled:!n,suppressEmptyOption:i,label:l,"data-field-name":a,"data-context-name":o,key:a,options:p,canShowError:r}))})),h.set(r.DATE,(({name:a,label:l,readOnly:n,canShowError:i,required:t},o)=>{var r;return e("div",{class:"ez-col ez-col--sd-12"},(null==o?void 0:o.formLayout)===d.CLASSIC_CASCADE||(null==o?void 0:o.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-date-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,size:null!==(r=null==o?void 0:o.size)&&void 0!==r?r:"small",required:t}):e("ez-date-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i}))})),h.set(r.TIME,(({name:a,label:l,readOnly:n,canShowError:i,props:t,required:o},r)=>{var s,c,m;return e("div",{class:"ez-col ez-col--sd-12"},(null==r?void 0:r.formLayout)===d.CLASSIC_CASCADE||(null==r?void 0:r.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,"show-seconds":null!==(s=null==t?void 0:t.showSeconds)&&void 0!==s&&s,size:null!==(c=null==r?void 0:r.size)&&void 0!==c?c:"small",required:o}):e("ez-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,"show-seconds":null!==(m=null==t?void 0:t.showSeconds)&&void 0!==m&&m}))})),h.set(r.ELAPSEDTIME,(({name:a,label:l,readOnly:n,canShowError:i,required:t},o)=>{var r;return e("div",{class:"ez-col ez-col--sd-12"},(null==o?void 0:o.formLayout)===d.CLASSIC_CASCADE||(null==o?void 0:o.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,showSeconds:!0,size:null!==(r=null==o?void 0:o.size)&&void 0!==r?r:"small",required:t}):e("ez-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,showSeconds:!0}))})),h.set(r.DATETIME,(({name:a,label:l,readOnly:n,contextName:i,canShowError:t,required:o},r)=>{var s;return e("div",{class:"ez-col ez-col--sd-12"},(null==r?void 0:r.formLayout)===d.CLASSIC_CASCADE||(null==r?void 0:r.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-date-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,canShowError:t,size:null!==(s=null==r?void 0:r.size)&&void 0!==s?s:"small",required:o}):e("ez-date-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,canShowError:t}))})),h.set(r.FILE,(({name:a,label:l,readOnly:n,contextName:i,props:o})=>{const r=t.removeEmptyValues({subTitle:o.subTitle,requestHeaders:Object.assign(Object.assign({},o.STORAGESTRATEGY&&{STORAGESTRATEGY:o.STORAGESTRATEGY}),o.INTERNAL_FILENAME&&{INTERNAL_FILENAME:o.INTERNAL_FILENAME})});return e("div",{class:"ez-col ez-col--sd-12"},e("ez-upload",Object.assign({enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a},r)))})),h.set(r.DECIMALNUMBER,(({name:e,label:a,readOnly:l,props:n,contextName:i,canShowError:t,required:o},r)=>{var s,d;const c=Number(null!==(s=null==n?void 0:n.precision)&&void 0!==s?s:2);return p(e,a,l,c,Number(null!==(d=null==n?void 0:n.prettyPrecision)&&void 0!==d?d:c),i,t,0,o,r)})),h.set(r.INTEGERNUMBER,(({name:e,label:a,readOnly:l,contextName:n,canShowError:i,props:t,required:o},r)=>p(e,a,l,0,0,n,i,0,o,r))),h.set(r.SEARCH,(({name:a,label:l,readOnly:n,required:i,contextName:t,canShowError:r,optionLoader:s,props:c},m)=>{var u,p,v;const h=!o.isEmpty(null==c?void 0:c.DESCRIPTIONFIELD);return e("div",{class:"ez-col ez-col--sd-12"},(null==m?void 0:m.formLayout)===d.CLASSIC_CASCADE||(null==m?void 0:m.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-search",{class:"ez-input__no-margin",enabled:!n,suppressEmptyOption:i,label:l,"data-field-name":a,"data-context-name":t,key:a,canShowError:r,optionLoader:s,ignoreLimitCharsToSearch:null!==(u=null==c?void 0:c.ignoreLimitCharsToSearch)&&void 0!==u&&u,hideDescriptionInput:!h,size:null!==(p=null==m?void 0:m.size)&&void 0!==p?p:"small",required:i}):e("ez-search",{class:"ez-input__no-margin",enabled:!n,suppressEmptyOption:i,label:l,"data-field-name":a,"data-context-name":t,key:a,canShowError:r,optionLoader:s,ignoreLimitCharsToSearch:null!==(v=null==c?void 0:c.ignoreLimitCharsToSearch)&&void 0!==v&&v,hideDescriptionInput:!h}))})),h.set(r.SEARCHPLUS,(({name:a,label:l,readOnly:n,contextName:i,canShowError:t,optionLoader:r,props:s,required:c},m)=>{var u;const p=(null==m?void 0:m.formLayout)===d.CLASSIC_CASCADE||(null==m?void 0:m.formLayout)===d.CLASSIC_SIDE_BY_SIDE,v=!o.isEmpty(null==s?void 0:s.DESCRIPTIONFIELD);return e("div",{class:"ez-col ez-col--sd-12"},p?e("ez-classic-search-plus",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,canShowError:t,optionLoader:r,hideDescriptionInput:!v,size:null!==(u=null==m?void 0:m.size)&&void 0!==u?u:"small",required:c}):e("ez-search-plus",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,canShowError:t,optionLoader:r,hideDescriptionInput:!v}))})),h.set(r.LONGTEXT,(({name:a,label:l,readOnly:n,rows:i,contextName:t,canShowError:o},r)=>e("div",{class:"ez-col ez-col--sd-12",key:a},(null==r?void 0:r.formLayout)===d.CLASSIC_CASCADE||(null==r?void 0:r.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-text-area",{enabled:!n,label:l,"data-field-name":a,"data-context-name":t,rows:i}):e("ez-text-area",{enabled:!n,label:l,"data-field-name":a,"data-context-name":t,rows:i,canShowError:o})))),h.set(r.HTML,(({name:a,label:l,readOnly:n,contextName:i,rows:t,canShowError:o})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-rich-text",{key:a,enabled:!n,label:l,"data-field-name":a,"data-context-name":i,rows:t,canShowError:o})))),h.set(r.IMAGE,(({name:a,label:l,readOnly:n,contextName:i,props:t})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-image-input",Object.assign({enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,maxFileSize:1/0},t)))));const z=(e,a=new Map,l)=>{const n=m(),i=(null==l?void 0:l.formLayout)===d.CLASSIC_CASCADE||(null==l?void 0:l.formLayout)===d.CLASSIC_SIDE_BY_SIDE,t=a.get(e.userInterface)||h.get(e.userInterface)||v,o=!i&&e.required?`${e.label}${n("app.requiredInfo")}`:e.label,r=t(Object.assign(Object.assign({},e),{label:o}),l);return r.l["data-form-item"]=e.name,r};class w{constructor(e){this.elem=e}addRightElement(e){this.removeRightElement(),e.classList.add("ez-padding-left--small","ez-margin-top--auto","ez-margin-bottom--extra-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 b{constructor(e,a){this.items=new Map,this.formId=a,e.forEach((e=>{const a=new w(e);this.items.set(a.fieldName,a)}))}getItem(e){return this.items.get(e)}get formName(){return this.formId}}const f=class{constructor(e){a(this,e),this.ezContentReady=l(this,"ezContentReady",7),this.formItemsReady=l(this,"formItemsReady",7),this.MAIN_GROUP_NAME="__main",this._customEditors=new Map,this.fields=void 0,this.selectedRecord=void 0,this.singleColumn=!1,this.formLayout=void 0,this.customUiBuilders=new Map}async showUp(){this.singleColumn||this._element.scrollIntoView({behavior:"smooth",block:"start"})}async addCustomEditor(e,a,l){const n=new Map(this._customEditors);n.set(e,{customEditor:a,detailContext:l}),this._customEditors=n}async setFieldProp(e,a,l){const n=this.fields.map((n=>(n.name!==e||!l&&0!==l||(n.props=n.props||{},n.props[a]=l),n)));this.fields=[...n]}getGroupByField(e){var a,l;const n=null!==(a=e.group)&&void 0!==a?a:null===(l=e.props)||void 0===l?void 0:l.UITabName;if(n&&n!==this.MAIN_GROUP_NAME)return n}groupFields(e){const a=new Map;return e.forEach((e=>{const l=this.getGroupByField(e);if(l){let n=a.get(l);null==n&&(n=[],a.set(l,n)),n.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 b(Array.from(this._element.querySelectorAll("[data-form-item]")));this.formItemsReady.emit(e)}isItemFullWidth(e){return[r.FILE,r.LONGTEXT,r.HTML].includes(e)}buildFormItemElement(a,l=""){var n;this.isItemFullWidth(a.userInterface)&&(l+=` input-full_width ${this.singleColumn&&"single-column"}`);const i={formLayout:this.formLayout,size:"xsmall"};if(this._customEditors.has(a.name)){const t=null===(n=this._formElements.map((e=>({name:e.dataset.fieldName,value:e.value}))).find((e=>e.name===a.name)))||void 0===n?void 0:n.value,o=this._customEditors.get(a.name).customEditor;return e("div",{class:l},e("ez-custom-form-input",{"data-field-name":a.name,customEditor:o,formViewField:a,builderFallback:e=>z(e,this.customUiBuilders,i),value:t,selectedRecord:this.selectedRecord}))}return e("div",{class:l},z(a,this.customUiBuilders,i))}render(){if(s.addIDInfoIfNotExists(this._element,"ezFormView"),null==this.fields)return;let a=[],l=Array.from(this.groupFields(this.fields).entries()).map((([l,n])=>{if(Array.isArray(n))return e("ez-collapsible-box",{id:`group-${l}`,label:l,"header-size":"large",key:l},e("div",{class:`form-view__content ${this.singleColumn&&"form-view__content--single-column"}`},n.map((e=>this.buildFormItemElement(e)))));a.push(n)})),n=a.map((e=>this.buildFormItemElement(e))),t=e("div",{class:`form-view__content ${this.singleColumn&&"form-view__content--single-column"}`},n);return e(i,null,t,l)}get _element(){return n(this)}};f.style=".sc-ez-form-view-h{display:flex;flex-wrap:wrap;width:100%;--ez-form-view__item--min-width:250px;--ez-form-view__long-item--min-width:530px;--ez-form-view__item--max-width:512px;--ez-form-view__long-item--max-width:100%;--ez-form-view__item--gap:var(--space--14, 14px);--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--gap);padding-inline:var(--ez-form-view__item--padding);width:100%}.form-view__content--single-column.sc-ez-form-view{grid-template-columns:1fr}.form-view__content--single-column.sc-ez-form-view>div.sc-ez-form-view:not(.input-full_width){width:clamp(var(--ez-form-view__item--min-width), 70%, var(--ez-form-view__item--max-width))}.input-full_width.sc-ez-form-view{grid-column:1/-1;width:clamp(var(--ez-form-view__long-item--min-width), 100%, var(--ez-form-view__long-item--max-width))}.single-column.sc-ez-form-view{--ez-form-view__long-item--max-width:1024px}*.sc-ez-form-view:has(*)+ez-collapsible-box.sc-ez-form-view{margin-top:var(--space--16, 16px)}";export{f as ez_form_view}
+import{h as e,r as a,c as l,g as n,H as i}from"./p-23a36bb6.js";import{ObjectUtils as t,StringUtils as o,UserInterface as r,ElementIDUtils as s}from"@sankhyalabs/core";import{F as d}from"./p-47e4a8ce.js";import{C as c}from"./p-b853763b.js";import{g as m}from"./p-b6579f86.js";function u(a,l,n,i,t,o){return e("div",{class:"ez-col ez-col--sd-12 ez-align--middle ez-padding-top--medium ez-padding-bottom--medium ez-size-height--full "+((null==o?void 0:o.formLayout)===d.CLASSIC_CASCADE||(null==o?void 0:o.formLayout)===d.CLASSIC_SIDE_BY_SIDE?"ez-margin-top--small":"")},e("ez-check",{enabled:!n,label:l,mode:t?c.SWITCH:c.REGULAR,"data-field-name":a,"data-context-name":i,key:a}))}function p(a,l,n,i,t,o,r,s,c,m){var u;return e("div",{class:"ez-col ez-col--sd-12"},(null==m?void 0:m.formLayout)===d.CLASSIC_CASCADE||(null==m?void 0:m.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-number-input",{class:"ez-input__no-margin",enabled:!n,label:l,precision:i,prettyPrecision:t,"data-field-name":a,"data-context-name":o,key:a,canShowError:r,size:null!==(u=null==m?void 0:m.size)&&void 0!==u?u:"small",required:c}):e("ez-number-input",{class:"ez-input__no-margin",enabled:!n,label:l,precision:i,prettyPrecision:t,"data-field-name":a,"data-context-name":o,key:a,canShowError:r}))}const v=({name:a,label:l,readOnly:n,contextName:i,canShowError:t,props:o,required:r},s)=>{var c;return e("div",{class:"ez-col ez-col--sd-12"},(null==s?void 0:s.formLayout)===d.CLASSIC_CASCADE||(null==s?void 0:s.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-input",{class:"ez-input__no-margin",label:l,"data-field-name":a,"data-context-name":i,key:a,enabled:!n,mask:null==o?void 0:o.mask,"clean-value-mask":null==o?void 0:o.cleanValueMask,size:null!==(c=null==s?void 0:s.size)&&void 0!==c?c:"small",required:r}):e("ez-text-input",{class:"ez-input__no-margin",label:l,"data-field-name":a,"data-context-name":i,key:a,enabled:!n,canShowError:t,mask:null==o?void 0:o.mask,"clean-value-mask":null==o?void 0:o.cleanValueMask}))},h=new Map;h.set(r.CHECKBOX,((e,a)=>u(e.name,e.label,e.readOnly,e.contextName,!1,a))),h.set(r.SWITCH,((e,a)=>u(e.name,e.label,e.readOnly,e.contextName,!0,a))),h.set(r.OPTIONSELECTOR,(({name:a,label:l,readOnly:n,required:i,props:t,contextName:o,canShowError:r},s)=>{var c;const m=(null==s?void 0:s.formLayout)===d.CLASSIC_CASCADE||(null==s?void 0:s.formLayout)===d.CLASSIC_SIDE_BY_SIDE,u=null==t?void 0:t.options;let p;if("string"==typeof u){const e=JSON.parse(u);p=Object.keys(e).map((a=>({value:a,label:e[a]})))}else p=u;return e("div",{class:"ez-col ez-col--sd-12"},m?e("ez-classic-combo-box",{class:"ez-input__no-margin",enabled:!n,suppressEmptyOption:i,label:l,"data-field-name":a,"data-context-name":o,key:a,options:p,size:null!==(c=null==s?void 0:s.size)&&void 0!==c?c:"small",required:i}):e("ez-combo-box",{class:"ez-input__no-margin",enabled:!n,suppressEmptyOption:i,label:l,"data-field-name":a,"data-context-name":o,key:a,options:p,canShowError:r}))})),h.set(r.DATE,(({name:a,label:l,readOnly:n,canShowError:i,required:t},o)=>{var r;return e("div",{class:"ez-col ez-col--sd-12"},(null==o?void 0:o.formLayout)===d.CLASSIC_CASCADE||(null==o?void 0:o.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-date-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,size:null!==(r=null==o?void 0:o.size)&&void 0!==r?r:"small",required:t}):e("ez-date-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i}))})),h.set(r.TIME,(({name:a,label:l,readOnly:n,canShowError:i,props:t,required:o},r)=>{var s,c,m;return e("div",{class:"ez-col ez-col--sd-12"},(null==r?void 0:r.formLayout)===d.CLASSIC_CASCADE||(null==r?void 0:r.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,"show-seconds":null!==(s=null==t?void 0:t.showSeconds)&&void 0!==s&&s,size:null!==(c=null==r?void 0:r.size)&&void 0!==c?c:"small",required:o}):e("ez-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,"show-seconds":null!==(m=null==t?void 0:t.showSeconds)&&void 0!==m&&m}))})),h.set(r.ELAPSEDTIME,(({name:a,label:l,readOnly:n,canShowError:i,required:t},o)=>{var r;return e("div",{class:"ez-col ez-col--sd-12"},(null==o?void 0:o.formLayout)===d.CLASSIC_CASCADE||(null==o?void 0:o.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,showSeconds:!0,size:null!==(r=null==o?void 0:o.size)&&void 0!==r?r:"small",required:t}):e("ez-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,key:a,canShowError:i,showSeconds:!0}))})),h.set(r.DATETIME,(({name:a,label:l,readOnly:n,contextName:i,canShowError:t,required:o},r)=>{var s;return e("div",{class:"ez-col ez-col--sd-12"},(null==r?void 0:r.formLayout)===d.CLASSIC_CASCADE||(null==r?void 0:r.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-date-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,canShowError:t,size:null!==(s=null==r?void 0:r.size)&&void 0!==s?s:"small",required:o}):e("ez-date-time-input",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,canShowError:t}))})),h.set(r.FILE,(({name:a,label:l,readOnly:n,contextName:i,props:o})=>{const r=t.removeEmptyValues({subTitle:o.subTitle,requestHeaders:Object.assign(Object.assign({},o.STORAGESTRATEGY&&{STORAGESTRATEGY:o.STORAGESTRATEGY}),o.INTERNAL_FILENAME&&{INTERNAL_FILENAME:o.INTERNAL_FILENAME})});return e("div",{class:"ez-col ez-col--sd-12"},e("ez-upload",Object.assign({enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a},r)))})),h.set(r.DECIMALNUMBER,(({name:e,label:a,readOnly:l,props:n,contextName:i,canShowError:t,required:o},r)=>{var s,d;const c=Number(null!==(s=null==n?void 0:n.precision)&&void 0!==s?s:2);return p(e,a,l,c,Number(null!==(d=null==n?void 0:n.prettyPrecision)&&void 0!==d?d:c),i,t,0,o,r)})),h.set(r.INTEGERNUMBER,(({name:e,label:a,readOnly:l,contextName:n,canShowError:i,props:t,required:o},r)=>p(e,a,l,0,0,n,i,0,o,r))),h.set(r.SEARCH,(({name:a,label:l,readOnly:n,required:i,contextName:t,canShowError:r,optionLoader:s,props:c},m)=>{var u,p,v;const h=!o.isEmpty(null==c?void 0:c.DESCRIPTIONFIELD);return e("div",{class:"ez-col ez-col--sd-12"},(null==m?void 0:m.formLayout)===d.CLASSIC_CASCADE||(null==m?void 0:m.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-search",{class:"ez-input__no-margin",enabled:!n,suppressEmptyOption:i,label:l,"data-field-name":a,"data-context-name":t,key:a,canShowError:r,optionLoader:s,ignoreLimitCharsToSearch:null!==(u=null==c?void 0:c.ignoreLimitCharsToSearch)&&void 0!==u&&u,hideDescriptionInput:!h,size:null!==(p=null==m?void 0:m.size)&&void 0!==p?p:"small",required:i}):e("ez-search",{class:"ez-input__no-margin",enabled:!n,suppressEmptyOption:i,label:l,"data-field-name":a,"data-context-name":t,key:a,canShowError:r,optionLoader:s,ignoreLimitCharsToSearch:null!==(v=null==c?void 0:c.ignoreLimitCharsToSearch)&&void 0!==v&&v,hideDescriptionInput:!h}))})),h.set(r.SEARCHPLUS,(({name:a,label:l,readOnly:n,contextName:i,canShowError:t,optionLoader:r,props:s,required:c},m)=>{var u;const p=(null==m?void 0:m.formLayout)===d.CLASSIC_CASCADE||(null==m?void 0:m.formLayout)===d.CLASSIC_SIDE_BY_SIDE,v=!o.isEmpty(null==s?void 0:s.DESCRIPTIONFIELD);return e("div",{class:"ez-col ez-col--sd-12"},p?e("ez-classic-search-plus",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,canShowError:t,optionLoader:r,hideDescriptionInput:!v,size:null!==(u=null==m?void 0:m.size)&&void 0!==u?u:"small",required:c}):e("ez-search-plus",{class:"ez-input__no-margin",enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,canShowError:t,optionLoader:r,hideDescriptionInput:!v}))})),h.set(r.LONGTEXT,(({name:a,label:l,readOnly:n,rows:i,contextName:t,canShowError:o},r)=>e("div",{class:"ez-col ez-col--sd-12",key:a},(null==r?void 0:r.formLayout)===d.CLASSIC_CASCADE||(null==r?void 0:r.formLayout)===d.CLASSIC_SIDE_BY_SIDE?e("ez-classic-text-area",{enabled:!n,label:l,"data-field-name":a,"data-context-name":t,rows:i}):e("ez-text-area",{enabled:!n,label:l,"data-field-name":a,"data-context-name":t,rows:i,canShowError:o})))),h.set(r.HTML,(({name:a,label:l,readOnly:n,contextName:i,rows:t,canShowError:o})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-rich-text",{key:a,enabled:!n,label:l,"data-field-name":a,"data-context-name":i,rows:t,canShowError:o})))),h.set(r.IMAGE,(({name:a,label:l,readOnly:n,contextName:i,props:t})=>e("div",{class:"ez-col ez-col--sd-12"},e("ez-image-input",Object.assign({enabled:!n,label:l,"data-field-name":a,"data-context-name":i,key:a,maxFileSize:1/0},t)))));const z=(e,a=new Map,l)=>{const n=m(),i=(null==l?void 0:l.formLayout)===d.CLASSIC_CASCADE||(null==l?void 0:l.formLayout)===d.CLASSIC_SIDE_BY_SIDE,t=a.get(e.userInterface)||h.get(e.userInterface)||v,o=!i&&e.required?`${e.label}${n("app.requiredInfo")}`:e.label,r=t(Object.assign(Object.assign({},e),{label:o}),l);return r.l["data-form-item"]=e.name,r};class w{constructor(e){this.elem=e}addRightElement(e){this.removeRightElement(),e.classList.add("ez-padding-left--small","ez-margin-top--auto","ez-margin-bottom--extra-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 b{constructor(e,a){this.items=new Map,this.formId=a,e.forEach((e=>{const a=new w(e);this.items.set(a.fieldName,a)}))}getItem(e){return this.items.get(e)}get formName(){return this.formId}}const f=class{constructor(e){a(this,e),this.ezContentReady=l(this,"ezContentReady",7),this.formItemsReady=l(this,"formItemsReady",7),this.MAIN_GROUP_NAME="__main",this._customEditors=new Map,this.fields=void 0,this.selectedRecord=void 0,this.singleColumn=!1,this.formLayout=void 0,this.customUiBuilders=new Map}async showUp(){this.singleColumn||this._element.scrollIntoView({behavior:"smooth",block:"start"})}async addCustomEditor(e,a,l){const n=new Map(this._customEditors);n.set(e,{customEditor:a,detailContext:l}),this._customEditors=n}async setFieldProp(e,a,l){const n=this.fields.map((n=>(n.name!==e||!l&&0!==l||(n.props=n.props||{},n.props[a]=l),n)));this.fields=[...n]}getGroupByField(e){var a,l;const n=null!==(a=e.group)&&void 0!==a?a:null===(l=e.props)||void 0===l?void 0:l.UITabName;if(n&&n!==this.MAIN_GROUP_NAME)return n}groupFields(e){const a=new Map;return e.forEach((e=>{const l=this.getGroupByField(e);if(l){let n=a.get(l);null==n&&(n=[],a.set(l,n)),n.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 b(Array.from(this._element.querySelectorAll("[data-form-item]")));this.formItemsReady.emit(e)}isItemFullWidth(e){return[r.FILE,r.LONGTEXT,r.HTML].includes(e)}buildFormItemElement(a,l=""){var n;this.isItemFullWidth(a.userInterface)&&(l+=` input-full_width ${this.singleColumn&&"single-column"}`);const i={formLayout:this.formLayout,size:"xsmall"};if(this._customEditors.has(a.name)){const t=null===(n=this._formElements.map((e=>({name:e.dataset.fieldName,value:e.value}))).find((e=>e.name===a.name)))||void 0===n?void 0:n.value,o=this._customEditors.get(a.name).customEditor;return e("div",{class:l},e("ez-custom-form-input",{"data-field-name":a.name,customEditor:o,formViewField:a,builderFallback:e=>z(e,this.customUiBuilders,i),value:t,selectedRecord:this.selectedRecord}))}return e("div",{class:l},z(a,this.customUiBuilders,i))}render(){if(s.addIDInfoIfNotExists(this._element,"ezFormView"),null==this.fields)return;let a=[],l=Array.from(this.groupFields(this.fields).entries()).map((([l,n])=>{if(Array.isArray(n))return e("ez-collapsible-box",{id:`group-${l}`,label:l,"header-size":"large",key:l},e("div",{class:`form-view__content ${this.singleColumn&&"form-view__content--single-column"}`},n.map((e=>this.buildFormItemElement(e)))));a.push(n)})),n=a.map((e=>this.buildFormItemElement(e))),t=e("div",{class:`form-view__content ${this.singleColumn&&"form-view__content--single-column"}`},n);return e(i,null,t,l)}get _element(){return n(this)}};f.style=".sc-ez-form-view-h{display:flex;flex-wrap:wrap;width:100%;--ez-form-view__item--min-width:250px;--ez-form-view__long-item--min-width:530px;--ez-form-view__item--max-width:512px;--ez-form-view__long-item--max-width:100%;--ez-form-view__item--gap:var(--space--14, 14px);--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--gap);padding-inline:var(--ez-form-view__item--padding);width:100%}.form-view__content--single-column.sc-ez-form-view{grid-template-columns:1fr}.form-view__content--single-column.sc-ez-form-view>div.sc-ez-form-view:not(.input-full_width){width:clamp(var(--ez-form-view__item--min-width), 70%, var(--ez-form-view__item--max-width))}.input-full_width.sc-ez-form-view{grid-column:1/-1;width:clamp(var(--ez-form-view__long-item--min-width), 100%, var(--ez-form-view__long-item--max-width))}.single-column.sc-ez-form-view{--ez-form-view__long-item--max-width:1024px}*.sc-ez-form-view:has(*)+ez-collapsible-box.sc-ez-form-view{margin-top:var(--space--16, 16px)}";export{f as ez_form_view}