@globalpayments/vega 2.30.0 → 2.32.0

package/dist/vega/{p-bf38199b.entry.js → p-e5cd92f0.entry.js}

@@ -1 +1 @@
-import{h as e,F as t,r as o,c as r,H as i,g as a}from"./p-1c298d5a.js";import{s as l}from"./p-9b797118.js";import{c as s,V as n,M as c,I as d}from"./p-6e1ab235.js";import{V as v,I as p}from"./p-61f6167c.js";import{V as h}from"./p-6a8f1251.js";import{D as f}from"./p-6c6d86da.js";import{a as g,e as u,q as b,r as m,s as x,t as w}from"./p-bf3fbb9b.js";import{g as C}from"./p-5440344e.js";import{c as y}from"./p-86194314.js";import{c as j}from"./p-302e7589.js";import{C as F}from"./p-2d0d575f.js";import{b as R}from"./p-32f651f7.js";import{F as z}from"./p-b347f967.js";import{R as L}from"./p-e2acbc60.js";import{T as V}from"./p-68ad953c.js";import"./p-4d25df7d.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-2306c736.js";import"./p-0bb29d98.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";var k=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class E extends n{render(){return e(t,null,e("vega-field-label",{isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.vegaFileUploaderContainerRenderer.render(),this.hint?e("vega-hint",null,this.hint):null,this.vegaFileUploaderFileListRenderer.render())}}k([s()],E.prototype,"required",void 0),k([s()],E.prototype,"disabled",void 0),k([s()],E.prototype,"label",void 0),k([s()],E.prototype,"hint",void 0),k([s()],E.prototype,"vegaFileUploaderContainerRenderer",void 0),k([s()],E.prototype,"vegaFileUploaderFileListRenderer",void 0);var I=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class H extends n{constructor(){super(...arguments),this.handleDropAreaClick=e=>{e.stopPropagation(),this.disabled||this.triggerFileInputClick()},this.triggerFileInputClick=()=>{this.inputElementRef.click()},this.inputChangeHandler=e=>{e.stopPropagation();const t=this.getVegaFilesFromFileList(e.target.files);this.selectFileChangeEventEmitHandler(t),this.inputElementRef.value=""},this.dropHandler=e=>{var t;if(e.preventDefault(),!this.disabled){const o=this.getVegaFilesFromFileList(this.dropFileFilterController.process(null===(t=e.dataTransfer)||void 0===t?void 0:t.files));this.selectFileChangeEventEmitHandler(o)}}}getUploaderContainerRef(){return this.uploaderContainerRef}render(){return e("div",{class:"vega-file-uploader-container",ref:e=>this.uploaderContainerRef=e},e("input",{onChange:this.inputChangeHandler,type:"file",multiple:!0,accept:this.accept,style:{display:"none"},ref:e=>this.inputElementRef=e}),"uploadButton"===this.variant?this.renderUploadButton():this.renderUploadDropArea())}renderUploadButton(){return e("vega-button",{label:"Upload Document",icon:h.getIconKey("arrow-up-from-line"),variant:"secondary",size:"small",disabled:this.disabled,ref:e=>{f.addUniqueObserverToNode(e,g,this.triggerFileInputClick)}})}renderUploadDropArea(){return e("vega-box",{class:{"vega-file-upload-area":!0,disabled:this.disabled},padding:"size-24",border:"border-input-field",borderStyle:"dashed",backgroundColor:"bg-tertiary",corners:"rounded-8",tabIndex:0,onDrop:this.dropHandler,onDragEnter:this.preventDefaultBehavior,onDragOver:this.preventDefaultBehavior,onClick:this.handleDropAreaClick,onKeyDown:y()},e("vega-flex",{gap:"size-8",alignItems:"center",justifyContent:"center"},e("vega-icon",{color:"text-link",icon:h.getIconKey("arrow-up-from-line")}),e("vega-font",{color:"text-link",variant:"font-btn-label"},this.translationSlimmer.t("Select or drop your file here"))))}preventDefaultBehavior(e){e.preventDefault()}selectFileChangeEventEmitHandler(e){e&&e.length&&(this.selectFileChangeEventEmitter.emit(e).defaultPrevented||this.vegaFileUploaderValueController.setValue(this.value&&this.value.length?(new Array).concat(this.value,e):e))}getVegaFilesFromFileList(e){const t=[];return e&&e.length&&Array.from(e).map((e=>{t.push({key:C(),name:e.name,url:e})})),t}}h.register({"arrow-up-from-line":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.3V208 320c0 17.7 14.3 32 32 32s32-14.3 32-32V208 141.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128zM32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z"/></svg>'}}),I([s()],H.prototype,"variant",void 0),I([s()],H.prototype,"accept",void 0),I([s()],H.prototype,"disabled",void 0),I([s()],H.prototype,"value",void 0),I([s()],H.prototype,"selectFileChangeEventEmitter",void 0),I([s()],H.prototype,"vegaFileUploaderValueController",void 0),I([s()],H.prototype,"dropFileFilterController",void 0),I([s()],H.prototype,"translationSlimmer",void 0);var U=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class O extends n{constructor(){super(...arguments),this.fileRemoveHandler=e=>{this.removeEventEmitter.emit(e).defaultPrevented||this.vegaFileUploaderValueController.setValue(this.value.filter((t=>t!==e)))},this.fileReUploadHandler=e=>{this.retryEventEmitter.emit(e)},this.filePreviewHandler=e=>{this.previewEventEmitter.emit(e)}}render(){const t=!this.value||this.value.length<1;return e("div",{class:{"vega-file-uploader-file-list":!0,"vega-file-list-hidden":t}},!t&&this.value.map((t=>e("vega-box",{key:t.key,class:"vega-file-uploader-file",padding:"size-8",corners:"rounded-8"},e("vega-flex",{alignItems:"start",justifyContent:"space-between"},e("vega-flex",{class:"vega-file-status-and-name",gap:"size-8",alignItems:"start"},e("div",{style:{paddingTop:"3px"}},this.vegaFileUploaderFileStatusRenderer.render(t.status,t.uploadingPercent)),e("vega-flex",{gap:"size-4",direction:"col"},e("vega-font",{color:"done"===t.status||"error"===t.status?"text-primary":"text-secondary",variant:"font-field-label"},t.name),"error"===t.status&&t.errorMessage&&e("vega-font",{color:"text-error",variant:"font-footnote1-short"},t.errorMessage))),e("vega-flex",{gap:"size-4",class:"vega-file-list-buttons",justifyContent:"end"},t.previewable&&e("vega-button-circle",{class:"vega-file-preview-button",variant:"icon-only",size:"small",icon:"zoom-in",iconColor:"text-secondary",label:"Preview",tooltip:{disableInteractive:!0},ref:e=>{f.addUniqueObserverToNode(e,g,(()=>{this.filePreviewHandler(t)}))}}),"error"===t.status&&e("vega-button-circle",{variant:"icon-only",size:"small",icon:h.getIconKey("arrow-rotate-right"),iconColor:"text-secondary",label:"Retry",tooltip:{disableInteractive:!0},disabled:this.disabled,ref:e=>{f.addUniqueObserverToNode(e,g,(()=>{this.fileReUploadHandler(t)}))}}),e("vega-button-circle",{variant:"icon-only",size:"small",icon:h.getIconKey("trash-can"),iconColor:"text-secondary",label:"Delete",tooltip:{disableInteractive:!0},disabled:this.disabled,ref:e=>{f.addUniqueObserverToNode(e,g,(()=>{this.fileRemoveHandler(t)}))}})))))))}}h.register({"trash-can":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>'},"arrow-rotate-right":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M456 224c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v80.1l-20-23.5C371 63.4 309.1 32 240 32C116.3 32 16 132.3 16 256s100.3 224 224 224c50.4 0 97-16.7 134.4-44.8c10.6-8 12.7-23 4.8-33.6s-23-12.7-33.6-4.8C316.2 418.9 279.7 432 240 432c-97.2 0-176-78.8-176-176s78.8-176 176-176c54.3 0 102.9 24.6 135.2 63.4l.1 .2 0 0L402.9 176H312c-13.3 0-24 10.7-24 24s10.7 24 24 24H456z"/></svg>'}}),U([s()],O.prototype,"value",void 0),U([s()],O.prototype,"disabled",void 0),U([s()],O.prototype,"vegaFileUploaderFileStatusRenderer",void 0),U([s()],O.prototype,"removeEventEmitter",void 0),U([s()],O.prototype,"vegaFileUploaderValueController",void 0),U([s()],O.prototype,"retryEventEmitter",void 0),U([s()],O.prototype,"previewEventEmitter",void 0);class A extends n{render(t,o){switch(t){case"uploading":return e("vega-loading-indicator",Object.assign({class:"vega-file-list-status",mode:o?"determinate":"indeterminate",size:"micro"},o?{percent:o}:{}));case"done":return e("vega-icon",{class:"vega-file-list-status",color:"text-success",icon:h.getIconKey("circle-check-regular")});case"error":return e("vega-icon",{class:"vega-file-list-status",color:"text-error",icon:h.getIconKey("circle-xmark")});default:return e("vega-loading-indicator",{class:"vega-file-list-status",mode:"determinate",size:"micro"})}}}h.register({"circle-check-regular":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M243.8 339.8C232.9 350.7 215.1 350.7 204.2 339.8L140.2 275.8C129.3 264.9 129.3 247.1 140.2 236.2C151.1 225.3 168.9 225.3 179.8 236.2L224 280.4L332.2 172.2C343.1 161.3 360.9 161.3 371.8 172.2C382.7 183.1 382.7 200.9 371.8 211.8L243.8 339.8zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>'},"circle-xmark":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>'}});var M=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class S extends n{valueChangeHandler(e){!e||Array.isArray(e)?(this.changeEventEmitter.emit(e),F.notify(R,{host:this.host,detail:this.value})):e&&!Array.isArray(e)&&this.setValue(null)}setValue(e){this.value=e}}M([s()],S.prototype,"host",void 0),M([s({writable:!0})],S.prototype,"value",void 0),M([s()],S.prototype,"changeEventEmitter",void 0),M([c("watchValue")],S.prototype,"valueChangeHandler",null);class D extends L{constructor(){super(...arguments),this.checkArrayItemType=e=>!(!e||"object"!=typeof e)}}class B extends n{process(e){const t=Array.from(e||[]);if(e&&this.accept&&"*"!==this.accept&&"/*"!==this.accept){const e=this.accept.split(",");return t.filter((t=>this.validateFileType(t,e)))}return t}validateFileType(e,t){const o=e.name,r=(e.type||"").toLowerCase(),i=r.replace(/\/.*$/,"");return t.some((e=>(e=e.trim().toLowerCase()).startsWith(".")?o.toLowerCase().endsWith(e):e.endsWith("/*")?i===e.replace(/\/.*$/,""):r===e))}}!function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);a>3&&l&&Object.defineProperty(t,o,l)}([s()],B.prototype,"accept",void 0);var P=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};const q=class{constructor(e){o(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.vegaSelectedFileChange=r(this,"vegaSelectedFileChange",7),this.selectedFileChange=r(this,"selectedFileChange",7),this.vegaRemove=r(this,"vegaRemove",7),this.remove=r(this,"remove",7),this.vegaRetry=r(this,"vegaRetry",7),this.retry=r(this,"retry",7),this.vegaPreview=r(this,"vegaPreview",7),this.preview=r(this,"preview",7),this.globalSlimmers={},this.translationSlimmer=new V,this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.formFieldController=new z({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new D:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaFileUploaderContainerRenderer.getUploaderContainerRef(),touchableAreaGetter:()=>[this.vegaFileUploaderContainerRenderer.getUploaderContainerRef()]}),this.vegaFileUploaderRenderer=new E,this.vegaFileUploaderContainerRenderer=new H,this.vegaFileUploaderFileListRenderer=new O,this.vegaFileUploaderFileStatusRenderer=new A,this.vegaFileUploaderValueController=new S,this.dropFileFilterController=new B,this.changeEventEmitter=j(q,u),this.selectFileChangeEventEmitter=j(q,b),this.removeEventEmitter=j(q,m),this.retryEventEmitter=j(q,x),this.previewEventEmitter=j(q,w),this.label="",this.variant="uploadArea",this.hint="",this.value=[],this.disabled=!1,this.required=!1,this.validationRules=[],this.autoValidation=!0,this.isValid=null}watchValue(e){}watchValidationRules(){}render(){return l(e(i,null,this.vegaFileUploaderRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};P([p()],q.prototype,"globalSlimmers",void 0),P([d()],q.prototype,"translationSlimmer",void 0),P([d()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([d()],q.prototype,"formFieldController",void 0),P([d()],q.prototype,"vegaFileUploaderRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderContainerRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderFileListRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderFileStatusRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderValueController",void 0),P([d()],q.prototype,"dropFileFilterController",void 0),P([d()],q.prototype,"changeEventEmitter",void 0),P([d()],q.prototype,"selectFileChangeEventEmitter",void 0),P([d()],q.prototype,"removeEventEmitter",void 0),P([d()],q.prototype,"retryEventEmitter",void 0),P([d()],q.prototype,"previewEventEmitter",void 0),q.style=':host{display:inline-block;text-align:left;width:100%;line-height:normal}:host .vega-file-uploader-container .vega-file-upload-area{text-align:center}:host .vega-file-uploader-container .vega-file-upload-area:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1))}:host .vega-file-uploader-container .vega-file-upload-area:hover vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:hover vega-font{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .vega-file-uploader-container .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-file-uploader-container .vega-file-upload-area:active{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area:active vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:active vega-font{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area.disabled{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));outline:none}:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-icon,:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-font{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-file-uploader-container vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error .vega-file-upload-area{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .vega-file-uploader-container.error .vega-file-upload-area:active{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error vega-button::part(button),:host .vega-file-uploader-container.error vega-button::part(button):hover{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1));border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error vega-button::part(button):hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host .vega-file-uploader-container.error vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error vega-button::part(button):active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host .vega-file-uploader-file-list .vega-file-uploader-file .vega-file-preview-button{visibility:hidden}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover .vega-file-preview-button{visibility:visible}:host .vega-file-uploader-file-list .vega-file-list-buttons{margin-left:8px;flex-shrink:0}:host .vega-file-uploader-file-list .vega-file-list-status svg{width:16px;height:16px}:host .vega-file-uploader-file-list .vega-file-status-and-name{padding-top:5px}:host .vega-file-uploader-file-list .vega-file-status-and-name vega-font{word-break:break-word}:host vega-field-label{margin-bottom:8px}:host .vega-file-uploader-file-list{margin-top:8px}:host .vega-file-uploader-file-list.vega-file-list-hidden{display:none}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}';export{q as vega_file_uploader}
+import{h as e,F as t,r as o,c as r,H as i,g as a}from"./p-1c298d5a.js";import{s as l}from"./p-9b797118.js";import{c as s,V as n,M as c,I as d}from"./p-6e1ab235.js";import{V as v,I as p}from"./p-61f6167c.js";import{V as h}from"./p-6a8f1251.js";import{D as g}from"./p-6c6d86da.js";import{a as f,e as u,q as b,r as m,s as x,t as w}from"./p-9e9ec748.js";import{g as C}from"./p-5440344e.js";import{c as y}from"./p-86194314.js";import{c as j}from"./p-a04632d0.js";import{C as F}from"./p-2d0d575f.js";import{b as R}from"./p-32f651f7.js";import{F as z}from"./p-16bb355d.js";import{R as L}from"./p-e2acbc60.js";import{T as V}from"./p-68ad953c.js";import"./p-4d25df7d.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-0fecf145.js";import"./p-0bb29d98.js";import"./p-8a091eb7.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";var k=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class E extends n{render(){return e(t,null,e("vega-field-label",{isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.vegaFileUploaderContainerRenderer.render(),this.hint?e("vega-hint",null,this.hint):null,this.vegaFileUploaderFileListRenderer.render())}}k([s()],E.prototype,"required",void 0),k([s()],E.prototype,"disabled",void 0),k([s()],E.prototype,"label",void 0),k([s()],E.prototype,"hint",void 0),k([s()],E.prototype,"vegaFileUploaderContainerRenderer",void 0),k([s()],E.prototype,"vegaFileUploaderFileListRenderer",void 0);var I=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class H extends n{constructor(){super(...arguments),this.handleDropAreaClick=e=>{e.stopPropagation(),this.disabled||this.triggerFileInputClick()},this.triggerFileInputClick=()=>{this.inputElementRef.click()},this.inputChangeHandler=e=>{e.stopPropagation();const t=this.getVegaFilesFromFileList(e.target.files);this.selectFileChangeEventEmitHandler(t),this.inputElementRef.value=""},this.dropHandler=e=>{var t;if(e.preventDefault(),!this.disabled){const o=this.getVegaFilesFromFileList(this.dropFileFilterController.process(null===(t=e.dataTransfer)||void 0===t?void 0:t.files));this.selectFileChangeEventEmitHandler(o)}}}getUploaderContainerRef(){return this.uploaderContainerRef}render(){return e("div",{class:"vega-file-uploader-container",ref:e=>this.uploaderContainerRef=e},e("input",{onChange:this.inputChangeHandler,type:"file",multiple:!0,accept:this.accept,style:{display:"none"},ref:e=>this.inputElementRef=e}),"uploadButton"===this.variant?this.renderUploadButton():this.renderUploadDropArea())}renderUploadButton(){return e("vega-button",{label:"Upload Document",icon:h.getIconKey("arrow-up-from-line"),variant:"secondary",size:"small",disabled:this.disabled,ref:e=>{g.addUniqueObserverToNode(e,f,this.triggerFileInputClick)}})}renderUploadDropArea(){return e("vega-box",{class:{"vega-file-upload-area":!0,disabled:this.disabled},padding:"size-24",border:"border-input-field",borderStyle:"dashed",backgroundColor:"bg-tertiary",corners:"rounded-8",tabIndex:0,onDrop:this.dropHandler,onDragEnter:this.preventDefaultBehavior,onDragOver:this.preventDefaultBehavior,onClick:this.handleDropAreaClick,onKeyDown:y()},e("vega-flex",{gap:"size-8",alignItems:"center",justifyContent:"center"},e("vega-icon",{color:"text-link",icon:h.getIconKey("arrow-up-from-line")}),e("vega-font",{color:"text-link",variant:"font-btn-label"},this.translationSlimmer.t("Select or drop your file here"))))}preventDefaultBehavior(e){e.preventDefault()}selectFileChangeEventEmitHandler(e){e&&e.length&&(this.selectFileChangeEventEmitter.emit(e).defaultPrevented||this.vegaFileUploaderValueController.setValue(this.value&&this.value.length?(new Array).concat(this.value,e):e))}getVegaFilesFromFileList(e){const t=[];return e&&e.length&&Array.from(e).map((e=>{t.push({key:C(),name:e.name,url:e})})),t}}h.register({"arrow-up-from-line":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.3V208 320c0 17.7 14.3 32 32 32s32-14.3 32-32V208 141.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128zM32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z"/></svg>'}}),I([s()],H.prototype,"variant",void 0),I([s()],H.prototype,"accept",void 0),I([s()],H.prototype,"disabled",void 0),I([s()],H.prototype,"value",void 0),I([s()],H.prototype,"selectFileChangeEventEmitter",void 0),I([s()],H.prototype,"vegaFileUploaderValueController",void 0),I([s()],H.prototype,"dropFileFilterController",void 0),I([s()],H.prototype,"translationSlimmer",void 0);var U=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class O extends n{constructor(){super(...arguments),this.fileRemoveHandler=e=>{this.removeEventEmitter.emit(e).defaultPrevented||this.vegaFileUploaderValueController.setValue(this.value.filter((t=>t!==e)))},this.fileReUploadHandler=e=>{this.retryEventEmitter.emit(e)},this.filePreviewHandler=e=>{this.previewEventEmitter.emit(e)}}render(){const t=!this.value||this.value.length<1;return e("div",{class:{"vega-file-uploader-file-list":!0,"vega-file-list-hidden":t}},!t&&this.value.map((t=>e("vega-box",{key:t.key,class:"vega-file-uploader-file",padding:"size-8",corners:"rounded-8"},e("vega-flex",{alignItems:"start",justifyContent:"space-between"},e("vega-flex",{class:"vega-file-status-and-name",gap:"size-8",alignItems:"start"},e("div",{style:{paddingTop:"3px"}},this.vegaFileUploaderFileStatusRenderer.render(t.status,t.uploadingPercent)),e("vega-flex",{gap:"size-4",direction:"col"},e("vega-font",{color:"done"===t.status||"error"===t.status?"text-primary":"text-secondary",variant:"font-field-label"},t.name),"error"===t.status&&t.errorMessage&&e("vega-font",{color:"text-error",variant:"font-footnote1-short"},t.errorMessage))),e("vega-flex",{gap:"size-4",class:"vega-file-list-buttons",justifyContent:"end"},t.previewable&&e("vega-button-circle",{class:"vega-file-preview-button",variant:"icon-only",size:"small",icon:"zoom-in",iconColor:"text-secondary",label:"Preview",tooltip:{disableInteractive:!0},ref:e=>{g.addUniqueObserverToNode(e,f,(()=>{this.filePreviewHandler(t)}))}}),"error"===t.status&&e("vega-button-circle",{variant:"icon-only",size:"small",icon:h.getIconKey("arrow-rotate-right"),iconColor:"text-secondary",label:"Retry",tooltip:{disableInteractive:!0},disabled:this.disabled,ref:e=>{g.addUniqueObserverToNode(e,f,(()=>{this.fileReUploadHandler(t)}))}}),e("vega-button-circle",{variant:"icon-only",size:"small",icon:h.getIconKey("trash-can"),iconColor:"text-secondary",label:"Delete",tooltip:{disableInteractive:!0},disabled:this.disabled,ref:e=>{g.addUniqueObserverToNode(e,f,(()=>{this.fileRemoveHandler(t)}))}})))))))}}h.register({"trash-can":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>'},"arrow-rotate-right":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M456 224c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v80.1l-20-23.5C371 63.4 309.1 32 240 32C116.3 32 16 132.3 16 256s100.3 224 224 224c50.4 0 97-16.7 134.4-44.8c10.6-8 12.7-23 4.8-33.6s-23-12.7-33.6-4.8C316.2 418.9 279.7 432 240 432c-97.2 0-176-78.8-176-176s78.8-176 176-176c54.3 0 102.9 24.6 135.2 63.4l.1 .2 0 0L402.9 176H312c-13.3 0-24 10.7-24 24s10.7 24 24 24H456z"/></svg>'}}),U([s()],O.prototype,"value",void 0),U([s()],O.prototype,"disabled",void 0),U([s()],O.prototype,"vegaFileUploaderFileStatusRenderer",void 0),U([s()],O.prototype,"removeEventEmitter",void 0),U([s()],O.prototype,"vegaFileUploaderValueController",void 0),U([s()],O.prototype,"retryEventEmitter",void 0),U([s()],O.prototype,"previewEventEmitter",void 0);class A extends n{render(t,o){switch(t){case"uploading":return e("vega-loading-indicator",Object.assign({class:"vega-file-list-status",mode:o?"determinate":"indeterminate",size:"micro"},o?{percent:o}:{}));case"done":return e("vega-icon",{class:"vega-file-list-status",color:"text-success",icon:h.getIconKey("circle-check-regular")});case"error":return e("vega-icon",{class:"vega-file-list-status",color:"text-error",icon:h.getIconKey("circle-xmark")});default:return e("vega-loading-indicator",{class:"vega-file-list-status",mode:"determinate",size:"micro"})}}}h.register({"circle-check-regular":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M243.8 339.8C232.9 350.7 215.1 350.7 204.2 339.8L140.2 275.8C129.3 264.9 129.3 247.1 140.2 236.2C151.1 225.3 168.9 225.3 179.8 236.2L224 280.4L332.2 172.2C343.1 161.3 360.9 161.3 371.8 172.2C382.7 183.1 382.7 200.9 371.8 211.8L243.8 339.8zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>'},"circle-xmark":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>'}});var M=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class S extends n{valueChangeHandler(e){!e||Array.isArray(e)?(this.changeEventEmitter.emit(e),F.notify(R,{host:this.host,detail:this.value})):e&&!Array.isArray(e)&&this.setValue(null)}setValue(e){this.value=e}}M([s()],S.prototype,"host",void 0),M([s({writable:!0})],S.prototype,"value",void 0),M([s()],S.prototype,"changeEventEmitter",void 0),M([c("watchValue")],S.prototype,"valueChangeHandler",null);class D extends L{constructor(){super(...arguments),this.checkArrayItemType=e=>!(!e||"object"!=typeof e)}}class B extends n{process(e){const t=Array.from(e||[]);if(e&&this.accept&&"*"!==this.accept&&"/*"!==this.accept){const e=this.accept.split(",");return t.filter((t=>this.validateFileType(t,e)))}return t}validateFileType(e,t){const o=e.name,r=(e.type||"").toLowerCase(),i=r.replace(/\/.*$/,"");return t.some((e=>(e=e.trim().toLowerCase()).startsWith(".")?o.toLowerCase().endsWith(e):e.endsWith("/*")?i===e.replace(/\/.*$/,""):r===e))}}!function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);a>3&&l&&Object.defineProperty(t,o,l)}([s()],B.prototype,"accept",void 0);var P=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};const q=class{constructor(e){o(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.vegaSelectedFileChange=r(this,"vegaSelectedFileChange",7),this.selectedFileChange=r(this,"selectedFileChange",7),this.vegaRemove=r(this,"vegaRemove",7),this.remove=r(this,"remove",7),this.vegaRetry=r(this,"vegaRetry",7),this.retry=r(this,"retry",7),this.vegaPreview=r(this,"vegaPreview",7),this.preview=r(this,"preview",7),this.globalSlimmers={},this.translationSlimmer=new V,this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.formFieldController=new z({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new D:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaFileUploaderContainerRenderer.getUploaderContainerRef(),touchableAreaGetter:()=>[this.vegaFileUploaderContainerRenderer.getUploaderContainerRef()]}),this.vegaFileUploaderRenderer=new E,this.vegaFileUploaderContainerRenderer=new H,this.vegaFileUploaderFileListRenderer=new O,this.vegaFileUploaderFileStatusRenderer=new A,this.vegaFileUploaderValueController=new S,this.dropFileFilterController=new B,this.changeEventEmitter=j(q,u),this.selectFileChangeEventEmitter=j(q,b),this.removeEventEmitter=j(q,m),this.retryEventEmitter=j(q,x),this.previewEventEmitter=j(q,w),this.label="",this.variant="uploadArea",this.hint="",this.value=[],this.disabled=!1,this.required=!1,this.validationRules=[],this.autoValidation=!0,this.isValid=null}watchValue(e){}watchValidationRules(){}render(){return l(e(i,null,this.vegaFileUploaderRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};P([p()],q.prototype,"globalSlimmers",void 0),P([d()],q.prototype,"translationSlimmer",void 0),P([d()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([d()],q.prototype,"formFieldController",void 0),P([d()],q.prototype,"vegaFileUploaderRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderContainerRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderFileListRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderFileStatusRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderValueController",void 0),P([d()],q.prototype,"dropFileFilterController",void 0),P([d()],q.prototype,"changeEventEmitter",void 0),P([d()],q.prototype,"selectFileChangeEventEmitter",void 0),P([d()],q.prototype,"removeEventEmitter",void 0),P([d()],q.prototype,"retryEventEmitter",void 0),P([d()],q.prototype,"previewEventEmitter",void 0),q.style=':host{display:inline-block;text-align:left;width:100%;line-height:normal}:host .vega-file-uploader-container .vega-file-upload-area{text-align:center}:host .vega-file-uploader-container .vega-file-upload-area:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1))}:host .vega-file-uploader-container .vega-file-upload-area:hover vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:hover vega-font{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .vega-file-uploader-container .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-file-uploader-container .vega-file-upload-area:active{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area:active vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:active vega-font{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area.disabled{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));outline:none}:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-icon,:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-font{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-file-uploader-container vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error .vega-file-upload-area{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .vega-file-uploader-container.error .vega-file-upload-area:active{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error vega-button::part(button),:host .vega-file-uploader-container.error vega-button::part(button):hover{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1));border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error vega-button::part(button):hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host .vega-file-uploader-container.error vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error vega-button::part(button):active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host .vega-file-uploader-file-list .vega-file-uploader-file .vega-file-preview-button{visibility:hidden}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover .vega-file-preview-button{visibility:visible}:host .vega-file-uploader-file-list .vega-file-list-buttons{margin-left:8px;flex-shrink:0}:host .vega-file-uploader-file-list .vega-file-list-status svg{width:16px;height:16px}:host .vega-file-uploader-file-list .vega-file-status-and-name{padding-top:5px}:host .vega-file-uploader-file-list .vega-file-status-and-name vega-font{word-break:break-word}:host vega-field-label{margin-bottom:8px}:host .vega-file-uploader-file-list{margin-top:8px}:host .vega-file-uploader-file-list.vega-file-list-hidden{display:none}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}';export{q as vega_file_uploader}

package/dist/vega/{p-9b45e5dc.entry.js → p-e5e0394a.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as r,g as s}from"./p-1c298d5a.js";import{R as a}from"./p-e2acbc60.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-9b797118.js";import{a as l,h as p,b as h}from"./p-4163c2c2.js";import{F as d}from"./p-b347f967.js";import{I as c}from"./p-6e1ab235.js";import{V as m,I as f}from"./p-61f6167c.js";import{b as g}from"./p-32f651f7.js";import{c as x}from"./p-302e7589.js";import{C as b}from"./p-2d0d575f.js";import{e as v}from"./p-bf3fbb9b.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-6c6d86da.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-2306c736.js";const u=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!1===e.autoValidation}];var w=function(e,t,i,r){var s,a=arguments.length,o=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(o=(a<3?s(o):a>3?s(t,i,o):s(t,i))||o);return a>3&&o&&Object.defineProperty(t,i,o),o};const k=class{constructor(r){e(this,r),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.globalSlimmers={},this.formFieldController=new d({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new a:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.colorPickerContainerRef,touchableAreaGetter:()=>[this.colorPickerTouchableAreaRef]}),this.changeEventEmitter=x(k,v),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(u),this.value="",this.hint="",this.disabled=!1,this.required=!1,this.label="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.isInline=!1,this.renderColorPickerContainer=()=>i("div",{class:l([this.isInline?null:"color-picker-inline"]),ref:e=>this.colorPickerContainerRef=e},i("vega-flex",{direction:"row",gap:"size-8"},this.colors.map((e=>i("div",{id:e,class:"color-picker-inline-items",ref:e=>this.colorPickerTouchableAreaRef=e,style:{backgroundColor:e},onClick:this.updateValueProp,role:"button",tabIndex:0,"aria-label":"color",onKeyDown:o()},this.value===e?i("vega-icon",{icon:"checkmark",size:"size-16",class:{"v-text-black":this.isDarkColorCheckmark(this.value),"v-text-white":!this.isDarkColorCheckmark(this.value)}}):null))))),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.updateValueProp=async e=>{this.disabled||(this.value=String(e.currentTarget.getAttribute("id")))}}watchValue(){this.resetValueIfInvalid(),this.changeEventEmitter.emit(this.value),b.notify(g,{host:this.host,detail:this.value})}watchValidationRules(){}connectedCallback(){this.resetValueIfInvalid()}render(){return n(i(r,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderColorPickerContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}isDarkColorCheckmark(e,t="#fcfcfc",i="#203645"){const r=this.getLuminance(e),s=this.getLuminance(t),a=this.getLuminance(i);return r>Math.sqrt((s+.05)*(a+.05))-.05}getLuminance(e){const t=[p(e).r/255,p(e).g/255,p(e).b/255].map((e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4));return.2126*t[0]+.7152*t[1]+.0722*t[2]}resetValueIfInvalid(){this.colors.some((e=>h(e).toUpperCase()==h(this.value).toUpperCase()))||(this.value="")}get host(){return s(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};w([f()],k.prototype,"globalSlimmers",void 0),w([c()],k.prototype,"formFieldController",void 0),w([c()],k.prototype,"changeEventEmitter",void 0),w([c()],k.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),k.style=':host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-inline{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.color-picker-inline-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.color-picker-inline-items:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.disabled) .color-picker-inline-items:hover{box-shadow:none}:host(.disabled) .color-picker-inline-items:focus-within{box-shadow:none}:host .color-picker-inline{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-inline-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-inline.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}';export{k as vega_color_picker}
+import{r as e,c as t,h as i,H as r,g as s}from"./p-1c298d5a.js";import{R as a}from"./p-e2acbc60.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-9b797118.js";import{a as l,h as p,b as h}from"./p-4163c2c2.js";import{F as d}from"./p-16bb355d.js";import{I as c}from"./p-6e1ab235.js";import{V as m,I as f}from"./p-61f6167c.js";import{b as g}from"./p-32f651f7.js";import{c as x}from"./p-a04632d0.js";import{C as b}from"./p-2d0d575f.js";import{e as v}from"./p-9e9ec748.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-6c6d86da.js";import"./p-8a091eb7.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-0fecf145.js";const u=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!1===e.autoValidation}];var w=function(e,t,i,r){var s,a=arguments.length,o=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(o=(a<3?s(o):a>3?s(t,i,o):s(t,i))||o);return a>3&&o&&Object.defineProperty(t,i,o),o};const k=class{constructor(r){e(this,r),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.globalSlimmers={},this.formFieldController=new d({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new a:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.colorPickerContainerRef,touchableAreaGetter:()=>[this.colorPickerTouchableAreaRef]}),this.changeEventEmitter=x(k,v),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(u),this.value="",this.hint="",this.disabled=!1,this.required=!1,this.label="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.isInline=!1,this.renderColorPickerContainer=()=>i("div",{class:l([this.isInline?null:"color-picker-inline"]),ref:e=>this.colorPickerContainerRef=e},i("vega-flex",{direction:"row",gap:"size-8"},this.colors.map((e=>i("div",{id:e,class:"color-picker-inline-items",ref:e=>this.colorPickerTouchableAreaRef=e,style:{backgroundColor:e},onClick:this.updateValueProp,role:"button",tabIndex:0,"aria-label":"color",onKeyDown:o()},this.value===e?i("vega-icon",{icon:"checkmark",size:"size-16",class:{"v-text-black":this.isDarkColorCheckmark(this.value),"v-text-white":!this.isDarkColorCheckmark(this.value)}}):null))))),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.updateValueProp=async e=>{this.disabled||(this.value=String(e.currentTarget.getAttribute("id")))}}watchValue(){this.resetValueIfInvalid(),this.changeEventEmitter.emit(this.value),b.notify(g,{host:this.host,detail:this.value})}watchValidationRules(){}connectedCallback(){this.resetValueIfInvalid()}render(){return n(i(r,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderColorPickerContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}isDarkColorCheckmark(e,t="#fcfcfc",i="#203645"){const r=this.getLuminance(e),s=this.getLuminance(t),a=this.getLuminance(i);return r>Math.sqrt((s+.05)*(a+.05))-.05}getLuminance(e){const t=[p(e).r/255,p(e).g/255,p(e).b/255].map((e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4));return.2126*t[0]+.7152*t[1]+.0722*t[2]}resetValueIfInvalid(){this.colors.some((e=>h(e).toUpperCase()==h(this.value).toUpperCase()))||(this.value="")}get host(){return s(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};w([f()],k.prototype,"globalSlimmers",void 0),w([c()],k.prototype,"formFieldController",void 0),w([c()],k.prototype,"changeEventEmitter",void 0),w([c()],k.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),k.style=':host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-inline{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.color-picker-inline-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.color-picker-inline-items:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.disabled) .color-picker-inline-items:hover{box-shadow:none}:host(.disabled) .color-picker-inline-items:focus-within{box-shadow:none}:host .color-picker-inline{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-inline-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-inline.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}';export{k as vega_color_picker}

package/dist/vega/{p-95b25b97.entry.js → p-e74a6d22.entry.js}

@@ -1 +1 @@
-import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-e2acbc60.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-2d5a9f66.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-61f6167c.js";import{D as m}from"./p-6c6d86da.js";import{a as f,e as u,r as b,x}from"./p-bf3fbb9b.js";import{b as w}from"./p-32f651f7.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-bdb94242.js";import{F as I}from"./p-b347f967.js";import{f as C,d as k}from"./p-4163c2c2.js";import{C as U}from"./p-e5d7b4b8.js";import{c as O}from"./p-302e7589.js";import{T as z}from"./p-68ad953c.js";import"./p-9fbdeada.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";var V=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class F extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}V([s({componentFieldName:"vegaImageUploaderInputRenderer"})],F.prototype,"inputRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],F.prototype,"defaultContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],F.prototype,"previewContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],F.prototype,"uploadingContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewController"})],F.prototype,"previewController",void 0),V([s()],F.prototype,"value",void 0),V([s()],F.prototype,"disabled",void 0),V([s()],F.prototype,"status",void 0),V([s()],F.prototype,"label",void 0),V([s()],F.prototype,"required",void 0),V([s()],F.prototype,"width",void 0),V([s()],F.prototype,"height",void 0),V([s()],F.prototype,"hint",void 0);var N=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class D extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}N([s({componentFieldName:"vegaImageUploaderValueController"})],D.prototype,"valueController",void 0),N([s()],D.prototype,"accept",void 0);var E=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class A extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}E([s({componentFieldName:"vegaImageUploaderInputRenderer"})],A.prototype,"inputRenderer",void 0),E([s()],A.prototype,"disabled",void 0);var P=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class S extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{m.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}P([s({componentFieldName:"vegaImageUploaderInputController"})],S.prototype,"inputController",void 0),P([s({componentFieldName:"vegaImageUploaderValueController"})],S.prototype,"valueController",void 0),P([s({componentFieldName:"vegaImageUploaderPreviewController"})],S.prototype,"previewController",void 0),P([s({componentFieldName:"vegaImageUploaderRemoveController"})],S.prototype,"removeController",void 0),P([s()],S.prototype,"disabled",void 0),P([s()],S.prototype,"showPreviewButton",void 0),P([s()],S.prototype,"showRemoveButton",void 0),P([s()],S.prototype,"showReplaceButton",void 0),P([s()],S.prototype,"removeEventEmitter",void 0);var L=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class T extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}L([s({writable:!0})],T.prototype,"value",void 0),L([s()],T.prototype,"changeEventEmitter",void 0),L([s()],T.prototype,"host",void 0),L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([d("watchValue")],T.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n            <div style='text-align: center'>\n                <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n            </div>\n        `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class K extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],K.prototype,"actionsRenderer",void 0);var $=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class q extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}$([s({componentFieldName:"vegaImageUploaderRemoveController"})],q.prototype,"removeController",void 0),$([s({writable:!0})],q.prototype,"status",void 0),$([s()],q.prototype,"cancelEventEmitter",void 0);var G=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}G([s({componentFieldName:"vegaImageUploaderInputController"})],H.prototype,"inputController",void 0),G([s()],H.prototype,"actionTitle",void 0),G([s()],H.prototype,"actionSubTitle",void 0),G([s()],H.prototype,"translationSlimmer",void 0);var M=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class J extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}M([s({componentFieldName:"vegaImageUploaderValueController"})],J.prototype,"valueController",void 0),M([s()],J.prototype,"removeEventEmitter",void 0),M([d("disconnectedCallback")],J.prototype,"disconnectedCallback",null);var Q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class W extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}Q([s()],W.prototype,"host",void 0),Q([s()],W.prototype,"value",void 0),Q([d("watchValue")],W.prototype,"handleValueChange",null);const X=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var Y=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Z=["jpg","png","jpeg"],ee=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaImageUploaderRenderer=new F,this.vegaImageUploaderUploadingContentRenderer=new q,this.vegaImageUploaderPreviewContentRenderer=new K,this.vegaImageUploaderDefaultContentRenderer=new H,this.vegaImageUploaderInputRenderer=new D,this.vegaImageUploaderActionsRenderer=new S,this.vegaImageUploaderInputController=new A,this.vegaImageUploaderValueController=new T,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new J,this.actionsVisibilityController=new W,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(ee,u),this.removeEventEmitter=O(ee,b),this.cancelEventEmitter=O(ee,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(X),this.value=null,this.accept=Z.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};Y([v()],ee.prototype,"globalSlimmers",void 0),Y([p()],ee.prototype,"translationSlimmer",void 0),Y([p()],ee.prototype,"vegaImageUploaderRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderActionsRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputController",void 0),Y([p()],ee.prototype,"vegaImageUploaderValueController",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewController",void 0),Y([p()],ee.prototype,"vegaImageUploaderRemoveController",void 0),Y([p()],ee.prototype,"actionsVisibilityController",void 0),Y([p()],ee.prototype,"formFieldController",void 0),Y([p()],ee.prototype,"changeEventEmitter",void 0),Y([p()],ee.prototype,"removeEventEmitter",void 0),Y([p()],ee.prototype,"cancelEventEmitter",void 0),Y([p()],ee.prototype,"buttonCircleEventPrevent",void 0),Y([p()],ee.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ee.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ee as vega_image_uploader}
+import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-e2acbc60.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-2d5a9f66.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-61f6167c.js";import{D as m}from"./p-6c6d86da.js";import{a as f,e as u,r as b,x}from"./p-9e9ec748.js";import{b as w}from"./p-32f651f7.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-bdb94242.js";import{F as I}from"./p-16bb355d.js";import{f as C,d as k}from"./p-4163c2c2.js";import{C as U}from"./p-30860766.js";import{c as O}from"./p-a04632d0.js";import{T as z}from"./p-68ad953c.js";import"./p-9fbdeada.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-8a091eb7.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";var V=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class F extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}V([s({componentFieldName:"vegaImageUploaderInputRenderer"})],F.prototype,"inputRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],F.prototype,"defaultContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],F.prototype,"previewContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],F.prototype,"uploadingContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewController"})],F.prototype,"previewController",void 0),V([s()],F.prototype,"value",void 0),V([s()],F.prototype,"disabled",void 0),V([s()],F.prototype,"status",void 0),V([s()],F.prototype,"label",void 0),V([s()],F.prototype,"required",void 0),V([s()],F.prototype,"width",void 0),V([s()],F.prototype,"height",void 0),V([s()],F.prototype,"hint",void 0);var N=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class D extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}N([s({componentFieldName:"vegaImageUploaderValueController"})],D.prototype,"valueController",void 0),N([s()],D.prototype,"accept",void 0);var E=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class A extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}E([s({componentFieldName:"vegaImageUploaderInputRenderer"})],A.prototype,"inputRenderer",void 0),E([s()],A.prototype,"disabled",void 0);var P=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class S extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{m.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}P([s({componentFieldName:"vegaImageUploaderInputController"})],S.prototype,"inputController",void 0),P([s({componentFieldName:"vegaImageUploaderValueController"})],S.prototype,"valueController",void 0),P([s({componentFieldName:"vegaImageUploaderPreviewController"})],S.prototype,"previewController",void 0),P([s({componentFieldName:"vegaImageUploaderRemoveController"})],S.prototype,"removeController",void 0),P([s()],S.prototype,"disabled",void 0),P([s()],S.prototype,"showPreviewButton",void 0),P([s()],S.prototype,"showRemoveButton",void 0),P([s()],S.prototype,"showReplaceButton",void 0),P([s()],S.prototype,"removeEventEmitter",void 0);var L=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class T extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}L([s({writable:!0})],T.prototype,"value",void 0),L([s()],T.prototype,"changeEventEmitter",void 0),L([s()],T.prototype,"host",void 0),L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([d("watchValue")],T.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n            <div style='text-align: center'>\n                <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n            </div>\n        `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class K extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],K.prototype,"actionsRenderer",void 0);var $=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class q extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}$([s({componentFieldName:"vegaImageUploaderRemoveController"})],q.prototype,"removeController",void 0),$([s({writable:!0})],q.prototype,"status",void 0),$([s()],q.prototype,"cancelEventEmitter",void 0);var G=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}G([s({componentFieldName:"vegaImageUploaderInputController"})],H.prototype,"inputController",void 0),G([s()],H.prototype,"actionTitle",void 0),G([s()],H.prototype,"actionSubTitle",void 0),G([s()],H.prototype,"translationSlimmer",void 0);var M=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class J extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}M([s({componentFieldName:"vegaImageUploaderValueController"})],J.prototype,"valueController",void 0),M([s()],J.prototype,"removeEventEmitter",void 0),M([d("disconnectedCallback")],J.prototype,"disconnectedCallback",null);var Q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class W extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}Q([s()],W.prototype,"host",void 0),Q([s()],W.prototype,"value",void 0),Q([d("watchValue")],W.prototype,"handleValueChange",null);const X=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var Y=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Z=["jpg","png","jpeg"],ee=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaImageUploaderRenderer=new F,this.vegaImageUploaderUploadingContentRenderer=new q,this.vegaImageUploaderPreviewContentRenderer=new K,this.vegaImageUploaderDefaultContentRenderer=new H,this.vegaImageUploaderInputRenderer=new D,this.vegaImageUploaderActionsRenderer=new S,this.vegaImageUploaderInputController=new A,this.vegaImageUploaderValueController=new T,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new J,this.actionsVisibilityController=new W,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(ee,u),this.removeEventEmitter=O(ee,b),this.cancelEventEmitter=O(ee,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(X),this.value=null,this.accept=Z.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};Y([v()],ee.prototype,"globalSlimmers",void 0),Y([p()],ee.prototype,"translationSlimmer",void 0),Y([p()],ee.prototype,"vegaImageUploaderRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderActionsRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputController",void 0),Y([p()],ee.prototype,"vegaImageUploaderValueController",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewController",void 0),Y([p()],ee.prototype,"vegaImageUploaderRemoveController",void 0),Y([p()],ee.prototype,"actionsVisibilityController",void 0),Y([p()],ee.prototype,"formFieldController",void 0),Y([p()],ee.prototype,"changeEventEmitter",void 0),Y([p()],ee.prototype,"removeEventEmitter",void 0),Y([p()],ee.prototype,"cancelEventEmitter",void 0),Y([p()],ee.prototype,"buttonCircleEventPrevent",void 0),Y([p()],ee.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ee.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ee as vega_image_uploader}

package/dist/vega/{p-ff22a95f.entry.js → p-e828ee94.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,g as a}from"./p-1c298d5a.js";import{F as r}from"./p-b347f967.js";import{C as o}from"./p-2d0d575f.js";import{O as h}from"./p-331a62d5.js";import{g as n,b as m,d as c,c as d,e as l,F as p,a as f}from"./p-32f651f7.js";import{d as u}from"./p-b0502d01.js";import{s as v}from"./p-9b797118.js";import{f as w,c as j,i as b}from"./p-4163c2c2.js";import{I as g}from"./p-bf8c1fe3.js";import{I as F}from"./p-6e1ab235.js";import{V as y,I as V}from"./p-61f6167c.js";import{c as E}from"./p-302e7589.js";import{C}from"./p-e5d7b4b8.js";import{u as R,v as I,w as P}from"./p-bf3fbb9b.js";import{C as O}from"./p-ec157238.js";import{d as S}from"./p-6c6d86da.js";import{a as M}from"./p-e731976a.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-262ec334.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";var A=function(t,s,i,e){var a,r=arguments.length,o=r<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(a=t[h])&&(o=(r<3?a(o):r>3?a(s,i,o):a(s,i))||o);return r>3&&o&&Object.defineProperty(s,i,o),o};const D=class{constructor(i){t(this,i),this.vegaValidate=s(this,"vegaValidate",7),this.validate=s(this,"validate",7),this.vegaFormSubmit=s(this,"vegaFormSubmit",7),this.formSubmit=s(this,"formSubmit",7),this.vegaFormReset=s(this,"vegaFormReset",7),this.formReset=s(this,"formReset",7),this.globalSlimmers={},this.submitEventEmitter=E(D,R),this.resetEventEmitter=E(D,I),this.validateEventEmitter=E(D,P),this.childEventPrevent=new C([R,I],(()=>this.host.querySelector("vega-form")),{customPreventHandle:t=>{t.stopPropagation()}}),this.childFormValidateEventPrevent=new C([P],(()=>this.host),{customPreventHandle:t=>{t.stopPropagation()}}),this.childNotifyObserver=new O(n,(t=>this.updateInternalValidStatus(t))),this.childNodeValueChangeObserver=new O(m,(()=>this.updateInternalTouchedStatus())),this.vegaComponentUsageRuntimeMetricsSlimmer=new y,this.invalidFieldPathMap=new g(new Map,(t=>{this.invalidFieldPathMap=t,this.updateIsValidFlag()})),this.pendingValidFieldPathMap=new g(new Map,(t=>{this.pendingValidFieldPathMap=t,this.updateIsValidFlag()})),this.controlledFieldPathSet=new Set,this.isValid=null,this.isTouched=!1,this.updateInternalValidStatus=t=>{if(t.host!==this.host){const s=t.host,i=t.detail;r.isValidFormField(s)&&this.shouldVisitElement(s,!1,!1)&&(i?this.invalidFieldPathMap.delete(s):this.invalidFieldPathMap.set(s,s.dataset.vegaForm))}}}watchIsValid(){this.validateEventEmitter.emit(this.isValid),o.notify(n,{host:this.host,detail:this.isValid})}async disconnectedCallback(){o.notify(c,{host:this.host}),o.unregister(c,this.formFieldDisconnectedObserver),o.unregister(d,this.formFieldPendingValidObserver)}async componentDidLoad(){await this.navigateVegaFormChildren((async(t,s)=>{s||this.controlledFieldPathSet.add(this.getFormFieldName(t,!0))})),this.initFormFieldDisconnectedObserver(),this.registerFormSubmitChangeManager(),this.registerFormResetChangeManager(),this.registerFormFieldPendingValidChangeManager()}async valid(t=!0){const s={isValid:!0,invalidFields:[]};return await this.navigateVegaFormChildren((async(i,e)=>{if("function"==typeof i.valid&&e){const e=await i.valid(t);e.isValid||(s.isValid=!1,s.invalidFields.push(...e.invalidFields))}else await this.handleChildFormFieldElementValid(i,t)||(s.isValid=!1,s.invalidFields.push(this.getFormFieldName(i)))})),s}async getValue(t){const s={};return await this.navigateVegaFormChildren((async(i,e)=>{const a=this.getFormFieldName(i);s[a]=e?await i.getValue(t):D.getFormFieldValue(i)}),t),u(s)?Object.values(s):s}async setValue(t,s){t&&(await this.navigateVegaFormChildren((async(i,e)=>{const a=this.getFormFieldName(i);e?await i.setValue(t[a],s):(await i.componentOnReady(),void 0!==t[a]&&("function"==typeof i.setValue?await i.setValue(t[a]):i.value=t[a]))}),s),this.isTouched=!1)}async reset(t={},s){await this.navigateVegaFormChildren((async(i,e)=>{const a=this.getFormFieldName(i);e&&await i.reset(t[a]||{},s)}),s),o.notify(l,{host:this.host,defaultValueMap:t,option:s}),this.isTouched=!1}static getFormFieldValue(t){return void 0===t.value?t.getAttribute("value"):t.value}render(){return v(i(e,null,i("slot",null)),this.host)}updateInternalTouchedStatus(){this.isTouched=!0}async navigateVegaFormChildren(t,s,i=this.host){const e=[];Array.from(i.children).forEach((i=>{r.isValidFormField(i)?this.shouldVisitElement(i,null==s?void 0:s.skipDisabled,null==s?void 0:s.skipInvisible)&&e.push(t(i,"VEGA-FORM"===i.tagName)):e.push(this.navigateVegaFormChildren(t,s,i))})),await Promise.all(e)}updateIsValidFlag(){this.isValid=this.pendingValidFieldPathMap.size>0?null:0===this.invalidFieldPathMap.size}getFormFieldName(t,s){let i=t.dataset.vegaForm;if(s){let s=w(t,"vega-form");for(;s&&s!==this.host;)i=s.dataset.vegaForm+" -> "+i,s=w(s,"vega-form")}return i}shouldVisitElement(t,s,i){return this.getFormFieldName(t)&&(!s||!t.disabled)&&(!i||j(t))}initFormFieldDisconnectedObserver(){this.formFieldDisconnectedObserver=new h(this.canAcceptFormFieldDisconnectedOperation.bind(this),this.updateInvalidFieldPath.bind(this)),o.register(c,this.formFieldDisconnectedObserver)}canAcceptFormFieldDisconnectedOperation(t){return this.invalidFieldPathMap.has(t.host)}async updateInvalidFieldPath(t){this.invalidFieldPathMap.delete(t.host),this.pendingValidFieldPathMap.delete(t.host)}registerFormSubmitChangeManager(){this.formEventsObserver=new h(this.canAcceptFormSubmitEvent.bind(this),this.handleSubmitEvents.bind(this)),o.register(p,this.formEventsObserver)}canAcceptFormSubmitEvent(t){return this.isElementInCurrentForm(t.host)}async handleSubmitEvents(){if((await this.valid()).isValid){const t=await this.getValue();this.submitEventEmitter.emit(t)}}registerFormResetChangeManager(){this.formEventsObserver=new h(this.canAcceptFormResetEvent.bind(this),this.handleResetEvents.bind(this)),o.register(f,this.formEventsObserver)}canAcceptFormResetEvent(t){return this.isElementInCurrentForm(t.host)}async handleResetEvents(){await this.reset(),this.resetEventEmitter.emit()}registerFormFieldPendingValidChangeManager(){this.formFieldPendingValidObserver=new h(this.canAcceptFormFieldPendingValid.bind(this),this.handleFieldPendingValid.bind(this)),o.register(d,this.formFieldPendingValidObserver)}canAcceptFormFieldPendingValid(t){return this.isElementInCurrentForm(t.host)}handleFieldPendingValid(t){"boolean"==typeof t.detail?this.pendingValidFieldPathMap.delete(t.host):this.pendingValidFieldPathMap.set(t.host,t.host.dataset.vegaForm)}isElementInCurrentForm(t){return this.invalidFieldPathMap.has(t)||b(t,this.host)}async handleChildFormFieldElementValid(t,s){const i=S.getSubject(t,M);return await new Promise((e=>{const a=setTimeout((()=>{e(!0)}),2e3);o.notify(i,{host:t,message:s,promiseResolve:e,timerId:a})}))}get host(){return a(this)}static get watchers(){return{isValid:["watchIsValid"]}}};A([V()],D.prototype,"globalSlimmers",void 0),A([F()],D.prototype,"submitEventEmitter",void 0),A([F()],D.prototype,"resetEventEmitter",void 0),A([F()],D.prototype,"validateEventEmitter",void 0),A([F()],D.prototype,"childEventPrevent",void 0),A([F()],D.prototype,"childFormValidateEventPrevent",void 0),A([F()],D.prototype,"childNotifyObserver",void 0),A([F()],D.prototype,"childNodeValueChangeObserver",void 0),A([F()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=":host{display:block}";export{D as vega_form}
+import{r as t,c as s,h as i,H as e,g as a}from"./p-1c298d5a.js";import{F as r}from"./p-16bb355d.js";import{C as o}from"./p-2d0d575f.js";import{O as h}from"./p-331a62d5.js";import{g as n,b as m,d as c,c as d,e as l,F as p,a as f}from"./p-32f651f7.js";import{d as u}from"./p-b0502d01.js";import{s as v}from"./p-9b797118.js";import{f as w,c as j,i as g}from"./p-4163c2c2.js";import{I as b}from"./p-bf8c1fe3.js";import{I as F}from"./p-6e1ab235.js";import{V as y,I as V}from"./p-61f6167c.js";import{c as E}from"./p-a04632d0.js";import{C}from"./p-30860766.js";import{u as R,v as I,w as P}from"./p-9e9ec748.js";import{C as O}from"./p-ec157238.js";import{d as S}from"./p-6c6d86da.js";import{a as M}from"./p-8a091eb7.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-262ec334.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";var A=function(t,s,i,e){var a,r=arguments.length,o=r<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,i,e);else for(var h=t.length-1;h>=0;h--)(a=t[h])&&(o=(r<3?a(o):r>3?a(s,i,o):a(s,i))||o);return r>3&&o&&Object.defineProperty(s,i,o),o};const D=class{constructor(i){t(this,i),this.vegaValidate=s(this,"vegaValidate",7),this.validate=s(this,"validate",7),this.vegaFormSubmit=s(this,"vegaFormSubmit",7),this.formSubmit=s(this,"formSubmit",7),this.vegaFormReset=s(this,"vegaFormReset",7),this.formReset=s(this,"formReset",7),this.globalSlimmers={},this.submitEventEmitter=E(D,R),this.resetEventEmitter=E(D,I),this.validateEventEmitter=E(D,P),this.childEventPrevent=new C([R,I],(()=>this.host.querySelector("vega-form")),{customPreventHandle:t=>{t.stopPropagation()}}),this.childFormValidateEventPrevent=new C([P],(()=>this.host),{customPreventHandle:t=>{t.stopPropagation()}}),this.childNotifyObserver=new O(n,(t=>this.updateInternalValidStatus(t))),this.childNodeValueChangeObserver=new O(m,(()=>this.updateInternalTouchedStatus())),this.vegaComponentUsageRuntimeMetricsSlimmer=new y,this.invalidFieldPathMap=new b(new Map,(t=>{this.invalidFieldPathMap=t,this.updateIsValidFlag()})),this.pendingValidFieldPathMap=new b(new Map,(t=>{this.pendingValidFieldPathMap=t,this.updateIsValidFlag()})),this.controlledFieldPathSet=new Set,this.isValid=null,this.isTouched=!1,this.updateInternalValidStatus=t=>{if(t.host!==this.host){const s=t.host,i=t.detail;r.isValidFormField(s)&&this.shouldVisitElement(s,!1,!1)&&(i?this.invalidFieldPathMap.delete(s):this.invalidFieldPathMap.set(s,s.dataset.vegaForm))}}}watchIsValid(){this.validateEventEmitter.emit(this.isValid),o.notify(n,{host:this.host,detail:this.isValid})}async disconnectedCallback(){o.notify(c,{host:this.host}),o.unregister(c,this.formFieldDisconnectedObserver),o.unregister(d,this.formFieldPendingValidObserver)}async componentDidLoad(){await this.navigateVegaFormChildren((async(t,s)=>{s||this.controlledFieldPathSet.add(this.getFormFieldName(t,!0))})),this.initFormFieldDisconnectedObserver(),this.registerFormSubmitChangeManager(),this.registerFormResetChangeManager(),this.registerFormFieldPendingValidChangeManager()}async valid(t=!0){const s={isValid:!0,invalidFields:[]};return await this.navigateVegaFormChildren((async(i,e)=>{if("function"==typeof i.valid&&e){const e=await i.valid(t);e.isValid||(s.isValid=!1,s.invalidFields.push(...e.invalidFields))}else await this.handleChildFormFieldElementValid(i,t)||(s.isValid=!1,s.invalidFields.push(this.getFormFieldName(i)))})),s}async getValue(t){const s={};return await this.navigateVegaFormChildren((async(i,e)=>{const a=this.getFormFieldName(i);s[a]=e?await i.getValue(t):D.getFormFieldValue(i)}),t),u(s)?Object.values(s):s}async setValue(t,s){t&&(await this.navigateVegaFormChildren((async(i,e)=>{const a=this.getFormFieldName(i);e?await i.setValue(t[a],s):(await i.componentOnReady(),void 0!==t[a]&&("function"==typeof i.setValue?await i.setValue(t[a]):i.value=t[a]))}),s),this.isTouched=!1)}async reset(t={},s){await this.navigateVegaFormChildren((async(i,e)=>{const a=this.getFormFieldName(i);e&&await i.reset(t[a]||{},s)}),s),o.notify(l,{host:this.host,defaultValueMap:t,option:s}),this.isTouched=!1}static getFormFieldValue(t){return void 0===t.value?t.getAttribute("value"):t.value}render(){return v(i(e,null,i("slot",null)),this.host)}updateInternalTouchedStatus(){this.isTouched=!0}async navigateVegaFormChildren(t,s,i=this.host){const e=[];Array.from(i.children).forEach((i=>{r.isValidFormField(i)?this.shouldVisitElement(i,null==s?void 0:s.skipDisabled,null==s?void 0:s.skipInvisible)&&e.push(t(i,"VEGA-FORM"===i.tagName)):e.push(this.navigateVegaFormChildren(t,s,i))})),await Promise.all(e)}updateIsValidFlag(){this.isValid=this.pendingValidFieldPathMap.size>0?null:0===this.invalidFieldPathMap.size}getFormFieldName(t,s){let i=t.dataset.vegaForm;if(s){let s=w(t,"vega-form");for(;s&&s!==this.host;)i=s.dataset.vegaForm+" -> "+i,s=w(s,"vega-form")}return i}shouldVisitElement(t,s,i){return this.getFormFieldName(t)&&(!s||!t.disabled)&&(!i||j(t))}initFormFieldDisconnectedObserver(){this.formFieldDisconnectedObserver=new h(this.canAcceptFormFieldDisconnectedOperation.bind(this),this.updateInvalidFieldPath.bind(this)),o.register(c,this.formFieldDisconnectedObserver)}canAcceptFormFieldDisconnectedOperation(t){return this.invalidFieldPathMap.has(t.host)}async updateInvalidFieldPath(t){this.invalidFieldPathMap.delete(t.host),this.pendingValidFieldPathMap.delete(t.host)}registerFormSubmitChangeManager(){this.formEventsObserver=new h(this.canAcceptFormSubmitEvent.bind(this),this.handleSubmitEvents.bind(this)),o.register(p,this.formEventsObserver)}canAcceptFormSubmitEvent(t){return this.isElementInCurrentForm(t.host)}async handleSubmitEvents(){if((await this.valid()).isValid){const t=await this.getValue();this.submitEventEmitter.emit(t)}}registerFormResetChangeManager(){this.formEventsObserver=new h(this.canAcceptFormResetEvent.bind(this),this.handleResetEvents.bind(this)),o.register(f,this.formEventsObserver)}canAcceptFormResetEvent(t){return this.isElementInCurrentForm(t.host)}async handleResetEvents(){await this.reset(),this.resetEventEmitter.emit()}registerFormFieldPendingValidChangeManager(){this.formFieldPendingValidObserver=new h(this.canAcceptFormFieldPendingValid.bind(this),this.handleFieldPendingValid.bind(this)),o.register(d,this.formFieldPendingValidObserver)}canAcceptFormFieldPendingValid(t){return this.isElementInCurrentForm(t.host)}handleFieldPendingValid(t){"boolean"==typeof t.detail?this.pendingValidFieldPathMap.delete(t.host):this.pendingValidFieldPathMap.set(t.host,t.host.dataset.vegaForm)}isElementInCurrentForm(t){return this.invalidFieldPathMap.has(t)||g(t,this.host)}async handleChildFormFieldElementValid(t,s){const i=S.getSubject(t,M);return await new Promise((e=>{const a=setTimeout((()=>{e(!0)}),2e3);o.notify(i,{host:t,message:s,promiseResolve:e,timerId:a})}))}get host(){return a(this)}static get watchers(){return{isValid:["watchIsValid"]}}};A([V()],D.prototype,"globalSlimmers",void 0),A([F()],D.prototype,"submitEventEmitter",void 0),A([F()],D.prototype,"resetEventEmitter",void 0),A([F()],D.prototype,"validateEventEmitter",void 0),A([F()],D.prototype,"childEventPrevent",void 0),A([F()],D.prototype,"childFormValidateEventPrevent",void 0),A([F()],D.prototype,"childNotifyObserver",void 0),A([F()],D.prototype,"childNodeValueChangeObserver",void 0),A([F()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=":host{display:block}";export{D as vega_form}

package/dist/vega/{p-be6041fc.entry.js → p-ea285b12.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,h as t,H as a,g as r}from"./p-1c298d5a.js";import{c as n}from"./p-86194314.js";import{s as o}from"./p-9b797118.js";import{C as s}from"./p-2d0d575f.js";import{C as c,b as h,h as l}from"./p-32f651f7.js";import{O as d}from"./p-331a62d5.js";import{f as p}from"./p-4163c2c2.js";import{c as g,M as b,V as x,I as v}from"./p-6e1ab235.js";import{V as f,I as m}from"./p-61f6167c.js";import{F as u}from"./p-b347f967.js";import{c as k}from"./p-302e7589.js";import{e as w}from"./p-bf3fbb9b.js";import{V as y}from"./p-e731976a.js";import{d as j}from"./p-6c6d86da.js";import{R as C}from"./p-e2acbc60.js";import{C as I}from"./p-ed4a57a8.js";import{C as z}from"./p-ec157238.js";import{C as R}from"./p-e5d7b4b8.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";class V{evaluate(e){return"boolean"==typeof e?{isValid:e,message:e?"":"This field is required"}:"string"==typeof e?{isValid:""!==e,message:""!==e?"":"This field is required"}:{isValid:!1,message:"This field is required"}}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return"string"==typeof e||"boolean"==typeof e||null===e}}var D=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};class O extends x{connectedCallback(){this.checkboxGroup=p(this.host,"vega-checkbox-group")||p(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new d(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),s.register(j.getSubject(this.checkboxGroup||this.host,y),this.fieldErrorObserver)}disconnectedCallback(){s.unregister(j.getSubject(this.checkboxGroup||this.host,y),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}D([g({writable:!0})],O.prototype,"showError",void 0),D([g()],O.prototype,"host",void 0),D([b("connectedCallback")],O.prototype,"connectedCallback",null),D([b("disconnectedCallback")],O.prototype,"disconnectedCallback",null);var E=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const G=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.vegaCheckboxShowErrorController=new O,this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new V:null}],defaultValue:e=>""!==e.identifier&&"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=k(G,w),this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=""!==this.identifier&&"",this.checked=!1,this.disabled=!1,this.size="default",this.required=!1,this.isValid=null,this.onCheckBoxChange=e=>{this.checked=e.currentTarget.checked,e.stopPropagation()},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.initValue(),this.changeEventEmitter.emit(this.value),s.notify(c,{host:this.host,detail:this.value}),s.notify(h,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentDidRender(){""===this.host.innerHTML.trim()&&this.labelElement.classList.add("vega-hidden")}async setValue(e){this.checked=this.identifier?e===this.identifier:!0===e}render(){return o(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":"VEGA-CHECKBOX-GROUP"==this.host.parentElement.nodeName,checked:this.checked,disabled:this.isDisabled()}},t("label",{class:{"vega-checkbox-container":!0,error:this.showError},ref:e=>this.inputContainerRef=e},t("input",{ref:e=>this.inputRef=e,type:"checkbox",checked:this.checked,value:this.identifier,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined",disabled:this.isDisabled(),role:"button",tabIndex:0,onKeyDown:n()}),t("span",{class:{"vega-checkbox-icon":!0,"vega-checkbox-small":"small"===this.size},onClick:this.onSelectedIconClick,tabIndex:-1},this.renderIconDom()),t("div",{class:{"vega-checkbox-label-container":!0,"vega-checkbox-label-small":"small"===this.size},ref:e=>this.labelElement=e},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.checked?t("vega-icon",{icon:"checkmark",size:"small"===this.size?"size-12":"size-16"}):null}renderLabelDom(){return t("span",{class:"vega-checkbox-label"},t("slot",null))}renderRequireDom(){return t("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=""!==this.identifier?this.checked?this.identifier:"":this.checked}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return p(this.host,"vega-checkbox-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){p(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new d(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),s.register(l,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&s.unregister(l,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};E([m()],G.prototype,"globalSlimmers",void 0),E([v()],G.prototype,"vegaCheckboxShowErrorController",void 0),E([v()],G.prototype,"formFieldController",void 0),E([v()],G.prototype,"changeEventEmitter",void 0),E([v()],G.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G.style=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon.vega-checkbox-small{width:16px;height:16px;min-width:16px;border-radius:2px}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:none}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{display:inline-flex;align-items:center;justify-content:center}.vega-checkbox-container:hover{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25));border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));outline:none}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-checkbox-container>.vega-checkbox-label-container.vega-checkbox-label-small{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container.vega-checkbox-label-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-checkbox-container>.vega-checkbox-label-container.vega-checkbox-label-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-checkbox-container>.vega-checkbox-label-container.vega-checkbox-label-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}';var q=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const F=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new C:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new z(c,(e=>this.childCheckboxValueChange(e))),this.checkboxEventPrevent=new R([w],(()=>this.vegaFlexElement)),this.changeEventEmitter=k(F,w),this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach((async i=>{e.push(i.shadowRoot.querySelector("input"))})),e}}async watchValue(){this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),s.notify(h,{host:this.host,detail:this.value})}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}render(){return o(t(a,null,this.renderLabelDom(),t("div",{class:"vega-checkbox-group-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(e,i){e&&!this.value.includes(i)?this.value=[...this.value,i]:!e&&this.value.includes(i)&&(this.value=[...this.value.filter((e=>e!==i))])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach((e=>{e.checked=!!(this.value&&this.value.length>0)&&this.value.includes(e.identifier)}))}notifyGroupDisabledChange(){s.notify(l,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};q([m()],F.prototype,"globalSlimmers",void 0),q([v()],F.prototype,"formFieldController",void 0),q([v()],F.prototype,"checkboxValueChangeObserver",void 0),q([v()],F.prototype,"checkboxEventPrevent",void 0),q([v()],F.prototype,"changeEventEmitter",void 0),q([v()],F.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),q([I()],F.prototype,"watchVegaFlexProp",null),F.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{G as vega_checkbox,F as vega_checkbox_group}
+import{r as e,c as i,h as t,H as a,g as r}from"./p-1c298d5a.js";import{c as n}from"./p-86194314.js";import{s as o}from"./p-9b797118.js";import{C as s}from"./p-2d0d575f.js";import{C as c,b as h,h as l}from"./p-32f651f7.js";import{O as d}from"./p-331a62d5.js";import{f as p}from"./p-4163c2c2.js";import{c as g,M as b,V as x,I as v}from"./p-6e1ab235.js";import{V as f,I as m}from"./p-61f6167c.js";import{F as u}from"./p-16bb355d.js";import{c as k}from"./p-a04632d0.js";import{e as w}from"./p-9e9ec748.js";import{V as y}from"./p-8a091eb7.js";import{d as j}from"./p-6c6d86da.js";import{R as C}from"./p-e2acbc60.js";import{C as I}from"./p-ed4a57a8.js";import{C as z}from"./p-ec157238.js";import{C as R}from"./p-30860766.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";class V{evaluate(e){return"boolean"==typeof e?{isValid:e,message:e?"":"This field is required"}:"string"==typeof e?{isValid:""!==e,message:""!==e?"":"This field is required"}:{isValid:!1,message:"This field is required"}}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return"string"==typeof e||"boolean"==typeof e||null===e}}var D=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};class O extends x{connectedCallback(){this.checkboxGroup=p(this.host,"vega-checkbox-group")||p(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new d(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),s.register(j.getSubject(this.checkboxGroup||this.host,y),this.fieldErrorObserver)}disconnectedCallback(){s.unregister(j.getSubject(this.checkboxGroup||this.host,y),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}D([g({writable:!0})],O.prototype,"showError",void 0),D([g()],O.prototype,"host",void 0),D([b("connectedCallback")],O.prototype,"connectedCallback",null),D([b("disconnectedCallback")],O.prototype,"disconnectedCallback",null);var E=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const G=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.vegaCheckboxShowErrorController=new O,this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new V:null}],defaultValue:e=>""!==e.identifier&&"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=k(G,w),this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=""!==this.identifier&&"",this.checked=!1,this.disabled=!1,this.size="default",this.required=!1,this.isValid=null,this.onCheckBoxChange=e=>{this.checked=e.currentTarget.checked,e.stopPropagation()},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.initValue(),this.changeEventEmitter.emit(this.value),s.notify(c,{host:this.host,detail:this.value}),s.notify(h,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentDidRender(){""===this.host.innerHTML.trim()&&this.labelElement.classList.add("vega-hidden")}async setValue(e){this.checked=this.identifier?e===this.identifier:!0===e}render(){return o(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":"VEGA-CHECKBOX-GROUP"==this.host.parentElement.nodeName,checked:this.checked,disabled:this.isDisabled()}},t("label",{class:{"vega-checkbox-container":!0,error:this.showError},ref:e=>this.inputContainerRef=e},t("input",{ref:e=>this.inputRef=e,type:"checkbox",checked:this.checked,value:this.identifier,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined",disabled:this.isDisabled(),role:"button",tabIndex:0,onKeyDown:n()}),t("span",{class:{"vega-checkbox-icon":!0,"vega-checkbox-small":"small"===this.size},onClick:this.onSelectedIconClick,tabIndex:-1},this.renderIconDom()),t("div",{class:{"vega-checkbox-label-container":!0,"vega-checkbox-label-small":"small"===this.size},ref:e=>this.labelElement=e},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.checked?t("vega-icon",{icon:"checkmark",size:"small"===this.size?"size-12":"size-16"}):null}renderLabelDom(){return t("span",{class:"vega-checkbox-label"},t("slot",null))}renderRequireDom(){return t("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=""!==this.identifier?this.checked?this.identifier:"":this.checked}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return p(this.host,"vega-checkbox-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){p(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new d(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),s.register(l,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&s.unregister(l,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};E([m()],G.prototype,"globalSlimmers",void 0),E([v()],G.prototype,"vegaCheckboxShowErrorController",void 0),E([v()],G.prototype,"formFieldController",void 0),E([v()],G.prototype,"changeEventEmitter",void 0),E([v()],G.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G.style=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon.vega-checkbox-small{width:16px;height:16px;min-width:16px;border-radius:2px}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:none}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{display:inline-flex;align-items:center;justify-content:center}.vega-checkbox-container:hover{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25));border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));outline:none}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-checkbox-container>.vega-checkbox-label-container.vega-checkbox-label-small{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container.vega-checkbox-label-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-checkbox-container>.vega-checkbox-label-container.vega-checkbox-label-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-checkbox-container>.vega-checkbox-label-container.vega-checkbox-label-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}';var q=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const F=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new C:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new z(c,(e=>this.childCheckboxValueChange(e))),this.checkboxEventPrevent=new R([w],(()=>this.vegaFlexElement)),this.changeEventEmitter=k(F,w),this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach((async i=>{e.push(i.shadowRoot.querySelector("input"))})),e}}async watchValue(){this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),s.notify(h,{host:this.host,detail:this.value})}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}render(){return o(t(a,null,this.renderLabelDom(),t("div",{class:"vega-checkbox-group-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(e,i){e&&!this.value.includes(i)?this.value=[...this.value,i]:!e&&this.value.includes(i)&&(this.value=[...this.value.filter((e=>e!==i))])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach((e=>{e.checked=!!(this.value&&this.value.length>0)&&this.value.includes(e.identifier)}))}notifyGroupDisabledChange(){s.notify(l,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};q([m()],F.prototype,"globalSlimmers",void 0),q([v()],F.prototype,"formFieldController",void 0),q([v()],F.prototype,"checkboxValueChangeObserver",void 0),q([v()],F.prototype,"checkboxEventPrevent",void 0),q([v()],F.prototype,"changeEventEmitter",void 0),q([v()],F.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),q([I()],F.prototype,"watchVegaFlexProp",null),F.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{G as vega_checkbox,F as vega_checkbox_group}