@globalpayments/vega 2.35.0 → 2.37.0

package/dist/vega/p-c016c3b2.entry.js

@@ -1 +0,0 @@
-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-3152031c.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-6705c68a.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-4387d550.js";import{D as m}from"./p-29b09aad.js";import{a as f,f as u,s as b,y as x}from"./p-6a3989dd.js";import{b as w}from"./p-d057999f.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-149d2801.js";import{F as I}from"./p-b57792b7.js";import{f as C,d as k}from"./p-79ec5d69.js";import{C as U}from"./p-be12fa36.js";import{c as O}from"./p-e8f540d8.js";import{T as z}from"./p-b688a71b.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-4bcd6612.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-33b62194.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-f357cf46.js";import"./p-de664bdd.js";import"./p-5f589974.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-0af4bda9.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.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-c02f650e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,H as r,g as i}from"./p-1c298d5a.js";import{s as a}from"./p-9b797118.js";import{c as s,M as n,V as l,I as p}from"./p-6e1ab235.js";import{V as u,I as d}from"./p-4387d550.js";import{c as h}from"./p-85365f8b.js";import{c}from"./p-e8f540d8.js";import{a as b,b as g,d as v}from"./p-6a3989dd.js";import{C as f}from"./p-be12fa36.js";import{D as m}from"./p-29b09aad.js";import{l as x}from"./p-f357cf46.js";import{S as y}from"./p-4f0b56fc.js";import{C as w}from"./p-2d0d575f.js";import{f as j}from"./p-79ec5d69.js";import"./p-6a334573.js";import"./p-0af4bda9.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.js";var S=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class R extends l{registerGroupClickObserver(){m.addUniqueObserverToNode(this.host,x,(t=>{this.clickEventEmitter.emit(t.detail)}))}unregisterGroupClickObserver(){m.removeUniqueObserverFromNode(this.host,x)}}S([s()],R.prototype,"host",void 0),S([s()],R.prototype,"clickEventEmitter",void 0),S([n("connectedCallback")],R.prototype,"registerGroupClickObserver",null),S([n("disconnectedCallback")],R.prototype,"unregisterGroupClickObserver",null);const k=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"primary"===t.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"secondary"===t.variant},{payloadKey:"VARIANT_IS_TERTIARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"tertiary"===t.variant}];var A=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};const I=class{constructor(o){t(this,o),this.vegaClick=e(this,"vegaClick",7),this.click=e(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=c(I,b),this.clickEventPrevent=new f([b],(()=>this.flexContainer)),this.buttonGroupClickController=new R,this.variantNotifySlimmer=h(I,"variant","watchVariant"),this.sizeNotifySlimmer=h(I,"size","watchSize"),this.iconAlignNotifySlimmer=h(I,"iconAlign","watchIconAlign"),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(k),this.variant="primary",this.size="default",this.iconAlign="left"}watchVariant(){}watchSize(){}watchIconAlign(){}render(){return a(o(r,null,o("vega-flex",{class:`vega-button-group-container vega-button-group-${this.variant}`,direction:"row",alignItems:"tertiary"===this.variant?"center":"stretch",gap:"tertiary"!==this.variant?"size-2":"0",ref:t=>this.flexContainer=t},o("slot",null))),this.host)}get host(){return i(this)}static get watchers(){return{variant:["watchVariant"],size:["watchSize"],iconAlign:["watchIconAlign"]}}};A([d()],I.prototype,"globalSlimmers",void 0),A([p()],I.prototype,"clickEventEmitter",void 0),A([p()],I.prototype,"clickEventPrevent",void 0),A([p()],I.prototype,"buttonGroupClickController",void 0),A([p()],I.prototype,"variantNotifySlimmer",void 0),A([p()],I.prototype,"sizeNotifySlimmer",void 0),A([p()],I.prototype,"iconAlignNotifySlimmer",void 0),A([p()],I.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),I.style=":host{display:inline-block;border-radius:9999px}.vega-button-group-primary{gap:6px}.vega-button-group-container:not(.vega-button-group-tertiary){border-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:first-child){border-top-left-radius:9999px;border-bottom-left-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:last-child){border-top-right-radius:9999px;border-bottom-right-radius:9999px}.vega-button-group-tertiary>::slotted(.vega-button-group-item){padding-left:12px;padding-right:12px;border-color:rgba(var(--v-border-color-divider-secondary, 199, 217, 229, 1));border-left-width:1px;border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-style:solid}.vega-button-group-tertiary>::slotted(.vega-button-group-item:first-child){border-left-width:0px}";var O=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class C extends y{constructor(){super({parent:"vega-button-group",subStates:[{subStateName:"variant",parentStateName:"variant"},{subStateName:"size",parentStateName:"size"},{subStateName:"iconAlign",parentStateName:"iconAlign"}]})}}O([s({writable:!0})],C.prototype,"size",void 0),O([s({writable:!0})],C.prototype,"variant",void 0),O([s({writable:!0})],C.prototype,"iconAlign",void 0);var z=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class N extends l{constructor(){super(...arguments),this.buttonItemClickHandle=()=>{this.notifyParentGroup(this.itemKey)},this.moreDropdownItemClickHandle=t=>{this.notifyParentGroup(t.detail)}}render(){return this.dropdownSource&&this.dropdownSource.length?o("vega-dropdown",Object.assign({source:this.dropdownSource,trigger:"click"},this.dropdownProps,{ref:t=>{m.addUniqueObserverToNode(t,g,this.moreDropdownItemClickHandle)}}),this.renderButtonItemWithTooltip()):this.renderButtonItemWithTooltip()}renderButtonItemWithTooltip(){return this.iconOnly&&this.label?o("vega-tooltip",{placement:"top",text:this.label},this.renderButtonItem()):this.renderButtonItem()}renderButtonItem(){const t=this.getButtonProps();return"tertiary"===this.variant?o("vega-button-link",Object.assign({},t)):o("vega-button",Object.assign({class:`button-group-item-button-${this.variant}`,variant:this.variant},t))}notifyParentGroup(t){const e=j(this.host,"vega-button-group");e&&w.notify(v.getSubject(e,x),{host:this.host,detail:t})}getButtonProps(){return{size:this.size,icon:this.icon,label:this.iconOnly?"":this.getDefaultLabel(),iconAlign:this.iconAlign,ref:t=>{m.addUniqueObserverToNode(t,b,this.buttonItemClickHandle)}}}getDefaultLabel(){return!this.icon&&!this.label&&this.dropdownSource&&this.dropdownSource.length?"More":this.label}}z([s()],N.prototype,"host",void 0),z([s()],N.prototype,"size",void 0),z([s()],N.prototype,"icon",void 0),z([s()],N.prototype,"label",void 0),z([s()],N.prototype,"iconAlign",void 0),z([s()],N.prototype,"iconOnly",void 0),z([s()],N.prototype,"variant",void 0),z([s()],N.prototype,"itemKey",void 0),z([s()],N.prototype,"dropdownSource",void 0),z([s()],N.prototype,"dropdownProps",void 0);var V=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};const _=class{constructor(e){t(this,e),this.globalSlimmers={},this.subStateObserverSlimmer=new C,this.buttonGroupItemRenderer=new N,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.variant="primary",this.size="default",this.iconAlign="left",this.iconOnly=!1}render(){return a(o(r,{class:"vega-button-group-item"},this.buttonGroupItemRenderer.render()),this.host)}get host(){return i(this)}};V([d()],_.prototype,"globalSlimmers",void 0),V([p()],_.prototype,"subStateObserverSlimmer",void 0),V([p()],_.prototype,"buttonGroupItemRenderer",void 0),V([p()],_.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_.style=":host{display:inline-block}:host>vega-tooltip,:host>vega-dropdown{height:100%}:host>vega-tooltip>vega-tooltip,:host>vega-dropdown>vega-tooltip{height:100%}:host vega-button{height:100%}:host vega-button::part(button):focus-visible{position:relative;outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;z-index:1;box-shadow:0 0 0}:host vega-button-link::part(link-border){outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;height:calc(100% + 2px);top:-1px;box-shadow:0 0 0;visibility:hidden}:host vega-button-link::part(label-container){text-decoration:none}:host vega-button-link:hover::part(label-container){text-decoration:underline}:host vega-button::part(button){margin-right:-4px}:host vega-button::part(button):focus-visible{margin-right:0px;margin-left:4px}:host(:first-child) vega-tooltip:has(vega-button),:host(:first-child) vega-dropdown:has(vega-button){border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(:first-child) vega-button::part(button){border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(:first-child) vega-button::part(button):focus-visible{margin-left:0}:host(:last-child) vega-tooltip:has(vega-button),:host(:last-child) vega-dropdown:has(vega-button){border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(:last-child) vega-button::part(button){border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(:last-child) vega-button::part(button){margin-right:0}vega-button::part(button){border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;height:100%}";export{I as vega_button_group,_ as vega_button_group_item}

package/dist/vega/p-c56965fc.entry.js

@@ -1 +0,0 @@
-import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{c as s,V as p,M as l,I as d}from"./p-6e1ab235.js";import{V as u,I as h}from"./p-4387d550.js";import{c}from"./p-e8f540d8.js";import{f as g}from"./p-6a3989dd.js";import{F as v}from"./p-b57792b7.js";import{i as f}from"./p-b0502d01.js";import{C as b}from"./p-2d0d575f.js";import{b as m}from"./p-d057999f.js";import{g as x,D as w}from"./p-79ec5d69.js";import{D as y}from"./p-29b09aad.js";import{C as j}from"./p-be12fa36.js";import{c as R}from"./p-86194314.js";import{T as I}from"./p-b688a71b.js";import"./p-6a334573.js";import"./p-0af4bda9.js";import"./p-0bb29d98.js";import"./p-33b62194.js";import"./p-f357cf46.js";import"./p-de664bdd.js";import"./p-5f589974.js";import"./p-4bcd6612.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-262ec334.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.js";var C=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class V extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}C([s()],V.prototype,"required",void 0),C([s()],V.prototype,"disabled",void 0),C([s()],V.prototype,"label",void 0),C([s()],V.prototype,"hint",void 0),C([s()],V.prototype,"stack",void 0),C([s()],V.prototype,"inputRangeInputRenderer",void 0);var N=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class A extends p{emitEventAndNotifyAfterValueChange(e,i){f(e,i)||(this.changeEventEmitter.emit(e),b.notify(m,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],f(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}N([s({writable:!0})],A.prototype,"value",void 0),N([s()],A.prototype,"host",void 0),N([s()],A.prototype,"changeEventEmitter",void 0),N([l("watchValue")],A.prototype,"emitEventAndNotifyAfterValueChange",null);var E=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class k extends p{constructor(){super(...arguments),this.isMobileDevice=x()===w.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return this.translationSlimmer.t((this.placeholder||k.defaultPlaceholder)[e])}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}k.defaultPlaceholder=["Minimum","Maximum"],E([s()],k.prototype,"value",void 0),E([s()],k.prototype,"prefixIcon",void 0),E([s()],k.prototype,"disabled",void 0),E([s()],k.prototype,"min",void 0),E([s()],k.prototype,"max",void 0),E([s()],k.prototype,"size",void 0),E([s()],k.prototype,"placeholder",void 0),E([s()],k.prototype,"showClearIcon",void 0),E([s()],k.prototype,"valueController",void 0),E([s()],k.prototype,"clearIconRenderer",void 0),E([s()],k.prototype,"translationSlimmer",void 0);class z{evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid value ${e} for input range`);const i=Array.isArray(e)&&2===e.length&&e.every((e=>!!e||"0"==e));return{isValid:i,message:i?"":"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 null==e||Array.isArray(e)}}class O{constructor(e){this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult({key:"The minimum input value is {0}",args:[this.minValue]}):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult({key:"The maximum input value is {0}",args:[this.maxValue]}):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var F=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class S extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:"-1",onClick:this.clearInputRangeValue,onKeyDown:R()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}F([s()],S.prototype,"showClearIcon",void 0),F([s()],S.prototype,"value",void 0),F([s()],S.prototype,"disabled",void 0),F([s()],S.prototype,"inputRangeInputRenderer",void 0),F([s()],S.prototype,"valueController",void 0);var T=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const M=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new I,this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new z:null},{propertyName:"min",ruleFactory:(e,i)=>new O({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new O({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new k,this.clearIconRenderer=new S,this.inputRangeRenderer=new V,this.valueController=new A,this.inputChangeEventPrevent=new j([g],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(M,g),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};T([h()],M.prototype,"globalSlimmers",void 0),T([d()],M.prototype,"translationSlimmer",void 0),T([d()],M.prototype,"formFieldController",void 0),T([d()],M.prototype,"inputRangeInputRenderer",void 0),T([d()],M.prototype,"clearIconRenderer",void 0),T([d()],M.prototype,"inputRangeRenderer",void 0),T([d()],M.prototype,"valueController",void 0),T([d()],M.prototype,"inputChangeEventPrevent",void 0),T([d()],M.prototype,"changeEventEmitter",void 0),T([d()],M.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),M.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{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))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.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){.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}';export{M as vega_input_range}

package/dist/vega/p-c6f544fe.entry.js

@@ -1 +0,0 @@
-import{h as e,H as t,r as i,c as s,g as o}from"./p-1c298d5a.js";import{R as r}from"./p-3152031c.js";import{s as n}from"./p-9b797118.js";import{g as a}from"./p-4bcd6612.js";import{c as l,V as p,M as d,L as h,I as c}from"./p-6e1ab235.js";import{a as v}from"./p-79ec5d69.js";import{R as f}from"./p-6705c68a.js";import{V as g,I as u}from"./p-4387d550.js";import{D as m}from"./p-29b09aad.js";import{m as x,n as b,b as w,o as y,p as j,f as I,l as S,C as R,D}from"./p-6a3989dd.js";import{e as z,f as O}from"./p-f357cf46.js";import{i as C}from"./p-b0502d01.js";import{C as E}from"./p-2d0d575f.js";import{b as L}from"./p-d057999f.js";import{c as T}from"./p-86194314.js";import{c as V}from"./p-1ec763ab.js";import{c as k}from"./p-613ddaab.js";import{V as A}from"./p-8284a445.js";import{F as _}from"./p-b57792b7.js";import{P as N}from"./p-5f589974.js";import{c as G}from"./p-e8f540d8.js";import{C as P}from"./p-be12fa36.js";import{N as U,P as F}from"./p-b1f65b13.js";import{M as K}from"./p-987fbbd0.js";import{T as M}from"./p-a9354a5c.js";import{T as q}from"./p-b688a71b.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-032df16f.js";import"./p-33b62194.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-de664bdd.js";import"./p-0af4bda9.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";var B=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends p{constructor(){super(...arguments),this.renderLabel=()=>this.label&&e("div",{class:"vega-input-select-label"},e("span",null,this.label),this.required&&e("span",{class:"vega-input-select-required"},"*")),this.renderErrorMessage=()=>e("div",{class:"vega-input-select-error-message"}),this.renderHelpMessage=()=>e("div",{class:"vega-input-select-hint"},this.hint)}render(){return e(t,{class:v([this.disabled?"vega-input-select-disabled":"",f.formatCustom(this.size)])},this.renderLabel(),this.dropdownRenderer.render(),this.renderErrorMessage(),this.hint&&this.renderHelpMessage())}}B([l()],H.prototype,"disabled",void 0),B([l()],H.prototype,"size",void 0),B([l()],H.prototype,"hint",void 0),B([l()],H.prototype,"label",void 0),B([l()],H.prototype,"required",void 0),B([l({componentFieldName:"vegaInputSelectDropdownRenderer"})],H.prototype,"dropdownRenderer",void 0);var W=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class $ extends p{constructor(){super(...arguments),this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1}}addDropdownObserver(e){m.addUniqueObserverToNode(e,x,(e=>{this.onDropdownShow(),this.showEventEmitter.emit(e.detail)})),m.addUniqueObserverToNode(e,b,(e=>{this.onDropdownHide(),this.hideEventEmitter.emit(e.detail)})),m.addUniqueObserverToNode(e,w,(async e=>{this.vegaInputSelectValueController.setValue(await e.host.getSelection())})),m.addUniqueObserverToNode(e,y,(e=>{this.searchEventEmitter.emit(e.detail)})),m.addUniqueObserverToNode(e,j,(e=>{this.searchTriggerEventEmitter.emit(e.detail)})),m.addUniqueObserverToNode(e,z,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.id===e.itemKey)))).map((e=>({id:e.itemKey,displayName:e.label})));this.sourceController.appendSourceItems(t)}))}}W([l({writable:!0})],$.prototype,"isDropdownShow",void 0),W([l()],$.prototype,"vegaSearch",void 0),W([l()],$.prototype,"searchEventEmitter",void 0),W([l()],$.prototype,"searchTriggerEventEmitter",void 0),W([l()],$.prototype,"vegaInputSelectValueController",void 0),W([l()],$.prototype,"sourceController",void 0),W([l()],$.prototype,"source",void 0),W([l()],$.prototype,"showEventEmitter",void 0),W([l()],$.prototype,"hideEventEmitter",void 0);var J=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends p{constructor(){super(...arguments),this.handleValueChange=(e,t)=>{if("multiple"===this.selectType){t=t;const i=(e=e)?e.filter((e=>this.sourceController.getItem(e))):[];C(i,t,!0)?C(i,e,!0)||this.setValue(i):(this.setValue(i),this.changeEventEmitter.emit(i),E.notify(L,{host:this.host,detail:i}))}else if(e!==t){const t=this.sourceController.getItem(e);this.setValue(t?t.id:""),this.changeEventEmitter.emit(this.value),E.notify(L,{host:this.host,detail:this.value})}}}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){switch(this.selectType){case"single":return null===e||"string"==typeof e;case"multiple":return Array.isArray(e)&&e.every((e=>"string"==typeof e));default:return h.warn(`Invalid input select value ${e} for ${this.selectType} mode`),!1}}}J([l({writable:!0})],Q.prototype,"value",void 0),J([l()],Q.prototype,"selectType",void 0),J([l()],Q.prototype,"changeEventEmitter",void 0),J([l()],Q.prototype,"host",void 0),J([l()],Q.prototype,"sourceController",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",void 0);var X=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Y extends p{constructor(){super(...arguments),this.renderContainer=()=>e("div",{role:"button",class:"vega-input-select-container",ref:e=>this.inputSelectContainer=e,tabIndex:0,onKeyDown:T(),onBlur:this.preventBlur},this.renderPrefixIcon(),this.renderSelectContainer(),this.renderToggleIcon()),this.renderPrefixIcon=()=>this.prefixIcon&&e("div",{class:"vega-input-select-prefix-icon"},e("vega-icon",{icon:this.prefixIcon,size:"size-16"})),this.renderToggleIcon=()=>e("div",{class:"vega-input-select-toggle-icon"},e("vega-icon",{icon:A.getIconKey(this.isDropdownShow?"chevron-up":"chevron-down")})),this.renderSelectContainer=()=>e("div",{class:"vega-input-select-select-container"},e("div",{class:"vega-input-select-selected-box"},"multiple"===this.selectType?this.renderMultipleSelected():this.renderSingleSelected())),this.renderMultipleSelected=()=>this.value.length>0?e("span",{class:"vega-input-select-selected"},this.selectedLabel(this.value)):e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder)),this.renderSingleSelected=()=>{const t=this.sourceController.getItem(this.value);return t?e("span",{class:"vega-input-select-selected"},t.displayName):e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder))},this.getVegaDropdownProperties=()=>Object.assign({searchable:!0,caseSensitive:!1},this.vegaDropdownProps)}show(){return this.dropdown.show()}hide(){return this.dropdown.hide()}getDropdownRef(){return this.dropdown}getInputSelectContainerRef(){return this.inputSelectContainer}getItemsSlotRef(){return this.itemsSlotRef}render(){return e("vega-dropdown",Object.assign({trigger:"click",source:this.getDropdownSource(),selectType:this.selectType,selectedSourceKey:this.value,matchTargetWidth:!0},this.getVegaDropdownProperties(),{ref:e=>{this.dropdown=e,this.vegaInputSelectDropdownController.addDropdownObserver(e)},isLazyLoading:this.isLazyLoading}),this.renderContainer(),this.renderItemsSlot())}renderItemsSlot(){return this.host.querySelector("[slot=items]")&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}preventBlur(e){e.stopImmediatePropagation()}getDropdownSource(){return this.source.map((e=>({key:e.id,label:e.displayName})))}}A.register({"chevron-up":V,"chevron-down":k}),X([l()],Y.prototype,"value",void 0),X([l()],Y.prototype,"source",void 0),X([l()],Y.prototype,"host",void 0),X([l()],Y.prototype,"selectType",void 0),X([l()],Y.prototype,"isDropdownShow",void 0),X([l()],Y.prototype,"vegaDropdownProps",void 0),X([l()],Y.prototype,"prefixIcon",void 0),X([l()],Y.prototype,"placeholder",void 0),X([l()],Y.prototype,"selectedLabel",void 0),X([l()],Y.prototype,"isLazyLoading",void 0),X([l()],Y.prototype,"vegaInputSelectDropdownController",void 0),X([l()],Y.prototype,"sourceController",void 0),X([l()],Y.prototype,"translationSlimmer",void 0);var Z=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ee extends p{constructor(){super(...arguments),this.hasMore=!0}componentDidLoad(){const e=this.getVirtualScroll();e&&m.addUniqueObserverToNode(e,O,this.onScrollToBottom.bind(this))}getVirtualScroll(){var e,t,i;return null===(i=null===(t=null===(e=this.vegaInputSelectDropdownRenderer.getDropdownRef().shadowRoot)||void 0===e?void 0:e.querySelector("vega-dropdown-content-box"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("vega-virtual-scroll")}async onScrollToBottom(e){if(this.sourceLazyLoadCallback&&this.hasMore){this.isLazyLoading=!0;const t=await this.sourceLazyLoadCallback(e.endIndex);this.hasMore=t.hasMore,t.items.length>0&&this.sourceController.appendSourceItems(t.items),this.isLazyLoading=!1}}}Z([l()],ee.prototype,"sourceLazyLoadCallback",void 0),Z([l({writable:!0})],ee.prototype,"isLazyLoading",void 0),Z([l()],ee.prototype,"sourceController",void 0),Z([l()],ee.prototype,"vegaInputSelectDropdownRenderer",void 0),Z([d("componentDidLoad")],ee.prototype,"componentDidLoad",null);const te=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!1===e.autoValidation},{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>e.source.length>0}];var ie=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class se extends p{constructor(){super(...arguments),this.handleSourceChange=()=>{this.source=U(this.source,F)?this.source:[]}}appendSourceItems(e){this.source=[...this.source,...e]}getItem(e){return this.source.find((t=>t.id===e))}}ie([l({writable:!0})],se.prototype,"source",void 0),ie([d("watchSource")],se.prototype,"handleSourceChange",void 0);var oe=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class re extends p{constructor(){super(...arguments),this.mutationObserver=new K({mutationFilter:M("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){const e=this.host.querySelector("[slot=items]"),t=this.vegaInputSelectDropdownRenderer.getItemsSlotRef();e&&t&&(t.remove(),this.vegaInputSelectDropdownRenderer.getDropdownRef().append(e))}}oe([c()],re.prototype,"mutationObserver",void 0),oe([l()],re.prototype,"host",void 0),oe([l()],re.prototype,"vegaInputSelectDropdownRenderer",void 0),oe([d("componentDidLoad")],re.prototype,"componentDidLoad",null);var ne=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const ae=class{constructor(e){i(this,e),this.vegaChange=s(this,"vegaChange",7),this.change=s(this,"change",7),this.vegaSearch=s(this,"vegaSearch",7),this.search=s(this,"search",7),this.vegaSearchTrigger=s(this,"vegaSearchTrigger",7),this.searchTrigger=s(this,"searchTrigger",7),this.vegaShow=s(this,"vegaShow",7),this.vegaHide=s(this,"vegaHide",7),this.globalSlimmers={},this.translationSlimmer=new q,this.sourceController=new se,this.vegaInputSelectRenderer=new H,this.vegaInputSelectDropdownController=new $,this.vegaInputSelectValueController=new Q,this.vegaInputSelectDropdownRenderer=new Y,this.vegaInputSelectItemsSlotController=new re,this.formFieldControllerSlimmer=new _({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new r:null}],validationRulesName:"validationRules",defaultValue:e=>"multiple"===e.selectType?[]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaInputSelectDropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.vegaInputSelectDropdownRenderer.getInputSelectContainerRef()]}),this.pageResizeObserverSlimmer=new N,this.lazyLoadController=new ee,this.changeEventEmitter=G(ae,I),this.searchEventEmitter=G(ae,S),this.searchTriggerEventEmitter=G(ae,j),this.showEventEmitter=G(ae,R),this.hideEventEmitter=G(ae,D),this.eventPrevent=new P([S,j,R,D],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(te),this.isDropdownShow=!1,this.currentBreakpoint=a(),this.isLazyLoading=!1,this.label="",this.required=!1,this.selectedLabel=e=>`${e.length} Selected`,this.selectType="single",this.source=[],this.value="multiple"===this.selectType?[]:"",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="Please select",this.vegaDropdownProps={},this.size="default"}watchSource(){}watchValue(e,t){}watchValidationRules(){}componentWillLoad(){}async doClose(){await this.vegaInputSelectDropdownRenderer.hide()}async doOpen(){await this.vegaInputSelectDropdownRenderer.show()}async doChange(e){this.vegaInputSelectValueController.setValue(e)}render(){return n(this.vegaInputSelectRenderer.render(),this.host)}get host(){return o(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};ne([u()],ae.prototype,"globalSlimmers",void 0),ne([c()],ae.prototype,"translationSlimmer",void 0),ne([c()],ae.prototype,"sourceController",void 0),ne([c()],ae.prototype,"vegaInputSelectRenderer",void 0),ne([c()],ae.prototype,"vegaInputSelectDropdownController",void 0),ne([c()],ae.prototype,"vegaInputSelectValueController",void 0),ne([c()],ae.prototype,"vegaInputSelectDropdownRenderer",void 0),ne([c()],ae.prototype,"vegaInputSelectItemsSlotController",void 0),ne([c()],ae.prototype,"formFieldControllerSlimmer",void 0),ne([c()],ae.prototype,"pageResizeObserverSlimmer",void 0),ne([c()],ae.prototype,"lazyLoadController",void 0),ne([c()],ae.prototype,"changeEventEmitter",void 0),ne([c()],ae.prototype,"searchEventEmitter",void 0),ne([c()],ae.prototype,"searchTriggerEventEmitter",void 0),ne([c()],ae.prototype,"showEventEmitter",void 0),ne([c()],ae.prototype,"hideEventEmitter",void 0),ne([c()],ae.prototype,"eventPrevent",void 0),ne([c()],ae.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ae.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));padding-bottom:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-input-select-label .vega-input-select-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.vega-input-select-disabled) .vega-input-select-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{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){:host .vega-input-select-selected{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){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{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){:host .vega-input-select-placeholder{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){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-error{display:inline-block;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-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}:host .vega-input-select-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-input-select-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-input-select-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-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}';export{ae as vega_input_select}

package/dist/vega/p-c88acd87.entry.js

@@ -1 +0,0 @@
-import{h as e,F as t,r as i,c as o,H as r,g as n}from"./p-1c298d5a.js";import{g as s,s as a}from"./p-9b797118.js";import{c as l,M as d,V as h,L as c,I as p}from"./p-6e1ab235.js";import{m as v,s as f}from"./p-6bd5c49b.js";import{V as u,I as g}from"./p-4387d550.js";import{f as m,k as w,l as x}from"./p-79ec5d69.js";import{N as b,O as y}from"./p-b1f65b13.js";import{c as S}from"./p-86194314.js";import{D as R}from"./p-29b09aad.js";import{f as j,d as C,m as I,n as O,b as k,k as T,o as D,p as M,a as L}from"./p-6a3989dd.js";import{K as E}from"./p-de25326f.js";import{E as z}from"./p-f31bb1fd.js";import{i as H}from"./p-b0502d01.js";import{c as K}from"./p-85365f8b.js";import{M as A}from"./p-987fbbd0.js";import{C as V}from"./p-2d0d575f.js";import{e as W,j as N,i as $,f as _}from"./p-f357cf46.js";import{c as B}from"./p-e8f540d8.js";import{C as U}from"./p-72eee5e2.js";import{k as P}from"./p-d057999f.js";import{r as F}from"./p-4b500240.js";import{T as Y}from"./p-b688a71b.js";import{C as q}from"./p-be12fa36.js";import{S as G}from"./p-4f0b56fc.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-6a5a5c7b.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-5f589974.js";import"./p-4bcd6612.js";import"./p-6705c68a.js";import"./p-0c667d6a.js";import"./p-0af4bda9.js";import"./p-de664bdd.js";import"./p-33b62194.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.js";var X=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends h{componentDidRender(){this.setVirtualContainer(),this.appendItemsToContentBox(),this.appendDropdownToContentBox()}getDropdownRef(){return this.dropdownRef}getDropdownContentBoxRef(){return this.dropdownContentBoxRef}getVirtualContainerRef(){return this.virtualContainerRef}getNextActiveItem(e){const t=this.getAllItems(),i=this.getCurrentActiveItem();if(i){const o=t.findIndex((e=>e===i)),r="ArrowDown"===e?o+1:o-1,n=t[r];return n?n.disabled?this.findNextCallFocusItem(t,r,e):n:null}return t[0]}render(){return e(t,null,this.renderContentSlot(),this.renderDropdown())}renderContentSlot(){return this.renderModeController.isSourceRenderMode()?e("slot",null):e(t,null,e("slot",{name:"dropdown-content"}),e("slot",null))}renderDropdown(){return e("vega-dropdown-content-box",{ref:e=>this.dropdownContentBoxRef=e,style:{maxHeight:`${this.maxHeight}px`},"data-parent-ref":this.host,"data-vega-no-event-prevent":this.host&&"true"===this.host.dataset.vegaNoEventPrevent?"true":"false"},e("div",{ref:e=>this.dropdownRef=e,class:{"vega-dropdown":!0,"vega-dropdown-with-searchable":this.searchable}},e("div",{class:"vega-dropdown-actions"},this.searchRenderer.render(),this.createRenderer.render()),e("div",null,e("div",{class:"vega-dropdown-container"},this.renderModeController.isSourceRenderMode()?this.listRenderer.renderBySource():this.listRenderer.renderBySlot()))))}setVirtualContainer(){this.virtualContainerRef=this.dropdownRef.querySelector(".vega-dropdown-container")}appendItemsToContentBox(){if(!this.renderModeController.isSourceRenderMode()){const e=this.host.querySelector("[slot='items']");!this.dropdownContentBoxRef.contains(e)&&e&&this.dropdownContentBoxRef.append(e)}}appendDropdownToContentBox(){var e,t;(null===(e=this.dropdownContentBoxRef.shadowRoot)||void 0===e?void 0:e.contains(this.dropdownRef))||null===(t=this.dropdownContentBoxRef.shadowRoot)||void 0===t||t.append(this.dropdownRef)}getAllItems(){const e=this.dropdownRef.querySelector("vega-virtual-scroll");return Array.from((e?e.shadowRoot:this.dropdownRef).querySelectorAll("vega-dropdown-item"))}getCurrentActiveItem(){return m(s(this.dropdownContentBoxRef.shadowRoot),"vega-dropdown-item")}findNextCallFocusItem(e,t,i){const o="ArrowDown"===i?t+1:t-1,r=e[o];return r?r.disabled?this.findNextCallFocusItem(e,o,i):r:null}}X([l()],J.prototype,"host",void 0),X([l()],J.prototype,"maxHeight",void 0),X([l()],J.prototype,"searchable",void 0),X([l()],J.prototype,"searchRenderer",void 0),X([l()],J.prototype,"createRenderer",void 0),X([l()],J.prototype,"listRenderer",void 0),X([l()],J.prototype,"renderModeController",void 0),X([d("componentDidRender")],J.prototype,"componentDidRender",null);var Q=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends h{componentWillLoad(){this.handleSource()}watchSource(){this.handleSource()}setRenderSource(){this.renderModeController.isSourceRenderMode()&&(this.sourceForRender=this.searchController.search(this.source))}handleSource(){this.validSource(),this.setRenderSource()}validSource(){this.source=b(this.source,y)?this.source:[]}}Q([l({writable:!0})],Z.prototype,"source",void 0),Q([l({writable:!0})],Z.prototype,"sourceForRender",void 0),Q([l()],Z.prototype,"searchController",void 0),Q([l()],Z.prototype,"renderModeController",void 0),Q([d("componentWillLoad")],Z.prototype,"componentWillLoad",null),Q([d("watchSource")],Z.prototype,"watchSource",null);var ee=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends h{constructor(){super(...arguments),this.onItemAdd=()=>{this.createEventEmitter.emit(this.searchString),this.appenderController.hide()}}render(){return this.searchString&&this.dynamicOption&&!this.childrenController.isLabelExist(this.searchString)&&e("fragment",null,e("div",{class:"vega-dropdown-add-item",onClick:this.onItemAdd,tabIndex:0,role:"button","aria-label":`Add ${this.searchString}`,onKeyDown:S()},e("div",null,e("vega-icon",{icon:"plus-sign"})),e("span",{class:"v-break-all"},`Add "${this.searchString}"`)),e("div",{class:"vega-dropdown-divider"}))}}ee([l()],te.prototype,"searchString",void 0),ee([l()],te.prototype,"dynamicOption",void 0),ee([l()],te.prototype,"sourceForRender",void 0),ee([l()],te.prototype,"appenderController",void 0),ee([l()],te.prototype,"childrenController",void 0),ee([l()],te.prototype,"renderModeController",void 0),ee([l()],te.prototype,"createEventEmitter",void 0);var ie=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class oe extends h{constructor(){super(...arguments),this.defaultMaxHeightOfItemsContainer=400}getVirtualScrollRef(){return this.virtualScrollRef}getTemplateContainerRef(){return this.templateContainerRef}renderBySource(){return e(t,null,this.renderLoading(),this.renderDropdownListBySource())}renderBySlot(){return e(t,null,this.renderLoading(),this.renderDropdownListBySlot())}renderLoading(){return e("div",{class:{"vega-dropdown-loading":!0,"v-hidden":!this.isLoading}},e("vega-flex",{gap:"size-8",direction:"row"},e("vega-loading-indicator",{size:"small"}),e("span",null,"Loading")))}renderDropdownListBySource(){return e(t,null,e("div",{class:{"vega-dropdown-empty-list":!0,"v-hidden":this.sourceForRender.length>0}},this.translationSlimmer.t(this.searchString?"No results found":"No options")),e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"v-hidden":0===this.sourceForRender.length}},e("vega-virtual-scroll",{source:this.sourceForRender,renderItem:(e,t,i)=>e.children?this.groupLevelRenderer.render(e,t,i):this.itemLevelRenderer.render(e,i),viewportMaxHeight:this.defaultMaxHeightOfItemsContainer,ref:e=>this.virtualScrollRef=e,isLoading:this.isLazyLoading})))}renderDropdownListBySlot(){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{[`vega-dropdown-item-display-${this.itemDisplayRule}`]:!0,"v-hidden":this.isLoading},ref:e=>this.templateContainerRef=e},e("slot",{name:"items"}))}}ie([l()],oe.prototype,"host",void 0),ie([l()],oe.prototype,"isLoading",void 0),ie([l()],oe.prototype,"searchString",void 0),ie([l()],oe.prototype,"itemDisplayRule",void 0),ie([l()],oe.prototype,"sourceForRender",void 0),ie([l()],oe.prototype,"itemLevelRenderer",void 0),ie([l()],oe.prototype,"groupLevelRenderer",void 0),ie([l()],oe.prototype,"isLazyLoading",void 0),ie([l()],oe.prototype,"isDropdownShow",void 0),ie([l()],oe.prototype,"renderModeController",void 0),ie([l()],oe.prototype,"translationSlimmer",void 0);var re=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ne extends h{render(t,i){return this.remoteInvocationController.callRemoteItemRender(t,i)||e("vega-dropdown-item",Object.assign({},t,{itemKey:t.key,height:i,prefixIcon:t.prefixIcon}))}}re([l()],ne.prototype,"host",void 0),re([l()],ne.prototype,"selectType",void 0),re([l()],ne.prototype,"caseSensitive",void 0),re([l()],ne.prototype,"searchString",void 0),re([l()],ne.prototype,"selectedController",void 0),re([l()],ne.prototype,"sourceController",void 0),re([l()],ne.prototype,"remoteInvocationController",void 0);var se=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ae extends h{constructor(){super(...arguments),this.clear=()=>{this.searchString=null,this.searchInputRef&&(this.searchInputRef.value="")},this.onInputSearch=e=>{this.searchInputRef=e,R.addUniqueObserverToNode(e,j,(e=>{this.search(e.detail,"input")}))},this.search=(e,t)=>{this.searchTriggerBy&&this.searchTriggerBy!==t||(this.searchString=e,this.renderModeController.isSourceRenderMode()?this.useDefaultFilter?(this.sourceController.setRenderSource(),this.focus()):this.isDropdownShow&&(this.searchEventEmitter.emit(e),this.searchTriggerEventEmitter.emit({trigger:t,value:e})):(this.searchEventEmitter.emit(e),this.searchTriggerEventEmitter.emit({trigger:t,value:e})))}}userSearch(e){this.search(e,"input")}focus(){this.searchInputRef&&this.searchInputRef.shadowRoot.querySelector("input").focus()}render(){return this.searchable&&e("div",{class:"vega-dropdown-search"},e("vega-input",{"prefix-icon":"search",size:"small",autoValidation:!1,ref:this.onInputSearch,onKeyDown:e=>{"Enter"===e.code&&this.search(this.searchInputRef.value,"enter")}}))}}se([l()],ae.prototype,"searchable",void 0),se([l({writable:!0})],ae.prototype,"searchString",void 0),se([l()],ae.prototype,"source",void 0),se([l()],ae.prototype,"useDefaultFilter",void 0),se([l()],ae.prototype,"searchEventEmitter",void 0),se([l()],ae.prototype,"searchTriggerEventEmitter",void 0),se([l()],ae.prototype,"isDropdownShow",void 0),se([l()],ae.prototype,"sourceController",void 0),se([l()],ae.prototype,"renderModeController",void 0),se([l()],ae.prototype,"searchTriggerBy",void 0),se([d("search")],ae.prototype,"userSearch",null);var le=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class de extends E{constructor(){super((e=>{const t=this.renderer.getDropdownRef(),i=this.renderer.getVirtualContainerRef();return[{keyCode:"Tab",activeElementInScope:[e.host],callback:e.showDropdownIfHover},{keyCode:"Escape",activeElementInScope:[e.host,t,i],callback:()=>e.appenderController.hide()},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[e.host,t],callback:t=>e.controlDirectionByKeyboard(t.code)},{keyCode:"Tab",activeElementOutScope:[e.host,t,i],callback:()=>e.isDropdownShow&&e.appenderController.hide()}]})),this.showDropdownIfHover=async()=>{"hover"===this.trigger&&this.appenderController.show()},this.controlDirectionByKeyboard=e=>{var t;null===(t=this.renderer.getNextActiveItem(e))||void 0===t||t.shadowRoot.querySelector("li").focus()}}}le([l()],de.prototype,"host",void 0),le([l()],de.prototype,"trigger",void 0),le([l()],de.prototype,"isDropdownShow",void 0),le([l()],de.prototype,"renderer",void 0),le([l()],de.prototype,"appenderController",void 0),le([l()],de.prototype,"listRenderer",void 0);var he=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ce extends z{constructor(){super((()=>({target:this.host,appendableElement:this.renderer.getDropdownContentBoxRef(),positionRelativeTo:this.positionRelativeTo,matchTargetWidth:this.matchTargetWidth,matchContainerHeight:this.matchContainerHeight,size:this.size,minWidth:this.minWidth,maxWidth:this.maxWidth,translocation:this.translocation,maxHeight:this.maxHeight,placement:this.placement,alignment:this.alignment})),(()=>this.trigger))}async watchIsDropdownShow(){this.isDropdownShow?this.showEventEmitter.emit():(this.searchRenderer.clear(),this.hideEventEmitter.emit())}userShow(){this.isDropdownShow||this.show()}userHide(){this.isDropdownShow&&this.hide()}}he([l()],ce.prototype,"host",void 0),he([l()],ce.prototype,"trigger",void 0),he([l({writable:!0})],ce.prototype,"isDropdownShow",void 0),he([l()],ce.prototype,"positionRelativeTo",void 0),he([l()],ce.prototype,"matchTargetWidth",void 0),he([l()],ce.prototype,"matchContainerHeight",void 0),he([l()],ce.prototype,"size",void 0),he([l()],ce.prototype,"minWidth",void 0),he([l()],ce.prototype,"maxWidth",void 0),he([l()],ce.prototype,"translocation",void 0),he([l()],ce.prototype,"maxHeight",void 0),he([l()],ce.prototype,"placement",void 0),he([l()],ce.prototype,"alignment",void 0),he([l()],ce.prototype,"renderer",void 0),he([l()],ce.prototype,"searchRenderer",void 0),he([l()],ce.prototype,"showEventEmitter",void 0),he([l()],ce.prototype,"hideEventEmitter",void 0),he([d("watchIsDropdownShow")],ce.prototype,"watchIsDropdownShow",null),he([d("show")],ce.prototype,"userShow",null),he([d("hide")],ce.prototype,"userHide",null);var pe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ve extends h{render(t,i,o){return e("vega-dropdown-group",{label:t.label,key:t.key,divide:i<this.sourceForRender.length-1},t.children.map((e=>this.itemLevelRenderer.render(e,o))))}}pe([l()],ve.prototype,"sourceForRender",void 0),pe([l()],ve.prototype,"itemLevelRenderer",void 0);var fe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ue extends h{search(e){return this.canSearch()?this.searchSource(e,[]):e}canSearch(){return this.useDefaultFilter&&!!this.searchString}searchSource(e,t){return this.remoteInvocationController.callRemoteSearch(e,this.searchString,this.caseSensitive)||(e.forEach((e=>{if(e.children){const i=this.searchSource(e.children,[]);i.length>0&&t.push(Object.assign(Object.assign({},e),{children:i}))}else this.isLabelIncludeSearchString(e.label)&&t.push(Object.assign(Object.assign({},e),{label:this.replaceLabelBySearchString(e.label)}))})),t)}isLabelIncludeSearchString(e){return this.caseSensitive?e.includes(this.searchString):e.toLowerCase().includes(this.searchString.toLowerCase())}replaceLabelBySearchString(e){return e.replace(new RegExp(`(${this.searchString})`,"g"+(this.caseSensitive?"":"i")),"<b>$1</b>")}}fe([l()],ue.prototype,"host",void 0),fe([l()],ue.prototype,"searchString",void 0),fe([l()],ue.prototype,"caseSensitive",void 0),fe([l()],ue.prototype,"useDefaultFilter",void 0),fe([l()],ue.prototype,"searchable",void 0),fe([l()],ue.prototype,"remoteInvocationController",void 0);var ge=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class me extends h{componentWillLoad(){this.checkSelectedSourceKey(this.selectedSourceKey)}clearSelection(){this.selectedSourceKey="multiple"===this.selectType?[]:""}getSelection(){return this.selectedSourceKey}watchSelectedRowKeySet(e){this.checkSelectedSourceKey(e)}watchSelectType(){this.checkSelectedSourceKey(this.selectedSourceKey)}watchSelectedSourceKey(e,t){Array.isArray(t)&&Array.isArray(e)&&H(t,e)||this.checkSelectedSourceKey(e)}watchSource(){this.checkSelectedSourceKey(this.selectedSourceKey)}isAcceptableItemSelectionObserver(e){return"VEGA-DROPDOWN-ITEM"===e.host.tagName&&this.isCurrentDropdown(e.host)}select(e){"multiple"===this.selectType?this.selectedSourceKey=this.selectedSourceKey.includes(e)?[...this.selectedSourceKey.filter((t=>t!==e))]:[...this.selectedSourceKey,e]:"single"===this.selectType?(this.selectedSourceKey=e,this.appenderController.hide()):this.appenderController.hide(),this.dropdownClickEventEmitter.emit(e)}isCurrentDropdown(e){const t=m(e,"vega-dropdown-content-box");return this.host===t["data-parent-ref"]}checkSelectedSourceKey(e){if(this.renderModeController.isSourceRenderMode()){let t;"string"==typeof e&&"single"===this.selectType&&this.childrenController.isKeyExist(e)?t=e:Array.isArray(e)&&"multiple"===this.selectType?t=this.checkMultipleSelectedKeys(e):(c.warn(`Invalid selectedSourceKey ${e} for ${this.selectType} mode`),t="multiple"===this.selectType?[]:""),this.selectedSourceKey=t}else this.selectedSourceKey=e}checkMultipleSelectedKeys(e){const t=[],i=e.filter((e=>{const i=this.childrenController.isKeyExist(e);return i||t.push(e),i}));return t.length>0&&c.warn(`Invalid selectedSourceKey ${e} for ${this.selectType} mode`),i}}ge([l()],me.prototype,"host",void 0),ge([l()],me.prototype,"selectType",void 0),ge([l()],me.prototype,"source",void 0),ge([l({writable:!0})],me.prototype,"selectedSourceKey",void 0),ge([l()],me.prototype,"vegaDropdownClick",void 0),ge([l()],me.prototype,"appenderController",void 0),ge([l()],me.prototype,"childrenController",void 0),ge([l()],me.prototype,"renderModeController",void 0),ge([l()],me.prototype,"dropdownClickEventEmitter",void 0),ge([d("componentWillLoad")],me.prototype,"componentWillLoad",null),ge([d("clearSelection")],me.prototype,"clearSelection",null),ge([d("getSelection")],me.prototype,"getSelection",null),ge([d("setSelection")],me.prototype,"watchSelectedRowKeySet",null),ge([d("watchSelectType")],me.prototype,"watchSelectType",null),ge([d("watchSelectedSourceKey")],me.prototype,"watchSelectedSourceKey",null),ge([d("watchSource")],me.prototype,"watchSource",null);var we=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class xe extends h{constructor(){super(...arguments),this.renderMode="SOURCE"}connectedCallback(){this.setRenderMode()}isSourceRenderMode(){return"SOURCE"===this.renderMode}setRenderMode(){const e=this.renderer.getDropdownContentBoxRef()||this.host;this.renderMode=e.querySelector("[slot=items]")?"SLOT":"SOURCE"}}we([l()],xe.prototype,"host",void 0),we([l()],xe.prototype,"renderer",void 0),we([d("connectedCallback")],xe.prototype,"connectedCallback",null);var be=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ye extends h{constructor(){super(...arguments),this.mutationObserver=new A({target:()=>this.renderer.getDropdownContentBoxRef(),options:{childList:!0,subtree:!0},callback:()=>this.syncUpDropdownCurrentData()}),this.labelSet=new Set,this.keySet=new Set,this.collectKeyAndLabelFromSlot=()=>{const e=this.renderer.getDropdownContentBoxRef()||this.host;Array.from(e.querySelectorAll("vega-dropdown-item")).forEach((e=>{e.label&&this.labelSet.add(e.label),e.itemKey&&this.keySet.add(e.itemKey)}))}}disconnectedCallback(){}componentWillLoad(){this.syncUpDropdownCurrentData()}componentDidLoad(){}watchSource(){this.renderModeController.isSourceRenderMode()&&this.syncUpDropdownCurrentData()}isLabelExist(e){return this.labelSet.has(e)}isKeyExist(e){return this.keySet.has(e)}syncUpDropdownCurrentData(){this.clearDropdownCurrentData(),this.renderModeController.isSourceRenderMode()?this.collectKeyAndLabelFromSource(this.source):(this.collectKeyAndLabelFromSlot(),this.notifyTemplateItemsChange())}collectKeyAndLabelFromSource(e){e.forEach((e=>{e.children?this.collectKeyAndLabelFromSource(e.children):(this.labelSet.add(e.label),this.keySet.add(e.key))}))}clearDropdownCurrentData(){this.keySet.clear(),this.labelSet.clear()}notifyTemplateItemsChange(){const e=this.renderer.getDropdownContentBoxRef()||this.host;V.notify(C.getSubject(this.host,W),e.querySelectorAll("vega-dropdown-item"))}}be([l()],ye.prototype,"host",void 0),be([l()],ye.prototype,"source",void 0),be([l()],ye.prototype,"sourceController",void 0),be([l()],ye.prototype,"renderModeController",void 0),be([l()],ye.prototype,"listRenderer",void 0),be([l()],ye.prototype,"renderer",void 0),be([l()],ye.prototype,"selectedController",void 0),be([p()],ye.prototype,"mutationObserver",void 0),be([d("disconnectedCallback")],ye.prototype,"disconnectedCallback",null),be([d("componentWillLoad")],ye.prototype,"componentWillLoad",null),be([d("componentDidLoad")],ye.prototype,"componentDidLoad",null),be([d("watchSource")],ye.prototype,"watchSource",null);const Se=[{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the dropdown",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the dropdown",payloadValue:e=>e.source.length>0}];var Re=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class je extends h{async watchIsDropdownShow(){this.isDropdownShow&&(this.adjustListContainerMaxHeight(),await this.scrollToSelectedIndex())}async scrollToSelectedIndex(){this.renderModeController.isSourceRenderMode()?await this.scrollToVirtualIndex():this.scrollToTemplateIndex()}async scrollToVirtualIndex(){const e=this.sourceForRender.findIndex((e=>e.key===this.getSelectedKey()));e>=0&&await this.listRenderer.getVirtualScrollRef().scrollToIndex(e)}scrollToTemplateIndex(){const e=this.getSelectedKey();if(e){const t=this.renderer.getDropdownContentBoxRef(),i=t.querySelector(`vega-dropdown-item[item-key='${e}']`),o=t.shadowRoot.querySelector("ul"),r=o.getBoundingClientRect(),n=i.getBoundingClientRect();o.scrollTop=n.top-r.top}}getSelectedKey(){return"multiple"===this.selectType?this.selectedSourceKey[0]:this.selectedSourceKey}adjustListContainerMaxHeight(){const e=this.renderer.getDropdownContentBoxRef(),t=w(e.style.maxHeight)-(this.searchable?59:8)-8-(e.classList.contains("vega-placement-top")?0:16);e.style.maxHeight="unset",t<=40?(this.setItemsContainerMaxHeight(40),c.error("There have no space on the bottom to display dropdown, if you want to adjust position, you should make 'match-container-height' as false.")):this.setItemsContainerMaxHeight(t)}setItemsContainerMaxHeight(e){if(this.renderModeController.isSourceRenderMode())this.listRenderer.getVirtualScrollRef().viewportMaxHeight=e;else{const t=this.listRenderer.getTemplateContainerRef();t.style.overflowY="auto",t.style.maxHeight=`${e}px`}}}Re([l()],je.prototype,"isDropdownShow",void 0),Re([l()],je.prototype,"renderModeController",void 0),Re([l()],je.prototype,"sourceForRender",void 0),Re([l()],je.prototype,"selectType",void 0),Re([l()],je.prototype,"selectedSourceKey",void 0),Re([l()],je.prototype,"searchable",void 0),Re([l()],je.prototype,"listRenderer",void 0),Re([l()],je.prototype,"renderer",void 0),Re([d("watchIsDropdownShow")],je.prototype,"watchIsDropdownShow",null);var Ce=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ie extends h{connectedCallback(){this.remotePhoneNumberSearchSubject=C.getSubjectFromParentNodeByEventId(this.host,N),this.remotePhoneNumberItemRenderSubject=C.getSubjectFromParentNodeByEventId(this.host,$)}callRemoteSearch(...e){if(this.remotePhoneNumberSearchSubject){const t=F.call(this.remotePhoneNumberSearchSubject,...e);if(t)return t}return null}callRemoteItemRender(...e){if(this.remotePhoneNumberItemRenderSubject){const t=F.call(this.remotePhoneNumberItemRenderSubject,...e);if(t)return t}return null}}Ce([l()],Ie.prototype,"host",void 0),Ce([d("connectedCallback")],Ie.prototype,"connectedCallback",null);var Oe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ke=class{constructor(e){i(this,e),this.vegaDropdownClick=o(this,"vegaDropdownClick",7),this.dropdownClick=o(this,"dropdownClick",7),this.vegaShow=o(this,"vegaShow",7),this.dropdownShow=o(this,"dropdownShow",7),this.vegaHide=o(this,"vegaHide",7),this.dropdownHide=o(this,"dropdownHide",7),this.vegaCreate=o(this,"vegaCreate",7),this.create=o(this,"create",7),this.vegaSearch=o(this,"vegaSearch",7),this.dropdownSearch=o(this,"dropdownSearch",7),this.vegaSearchTrigger=o(this,"vegaSearchTrigger",7),this.searchTrigger=o(this,"searchTrigger",7),this.globalSlimmers={},this.translationSlimmer=new Y,this.renderer=new J,this.sourceController=new Z,this.searchRenderer=new ae,this.createRenderer=new te,this.listRenderer=new oe,this.groupLevelRenderer=new ve,this.itemLevelRenderer=new ne,this.keyboardController=new de,this.appenderController=new ce,this.searchController=new ue,this.childrenController=new ye,this.selectedController=new me,this.renderModeController=new xe,this.scrollableController=new je,this.remoteInvocationController=new Ie,this.selectTypeNotifySlimmer=K(ke,"selectType","watchSelectType"),this.selectedSourceKeyNotifySlimmer=K(ke,"selectedSourceKey","watchSelectedSourceKey"),this.prefixIconSlotNotifySlimmer=K(ke,"prefixIconSlot","watchPrefixIconSlot"),this.itemClickObserver=new U(P,(e=>this.selectedController.select(e.detail.itemKey)),this.selectedController.isAcceptableItemSelectionObserver.bind(this.selectedController)),this.showEventEmitter=B(ke,I),this.hideEventEmitter=B(ke,O),this.dropdownClickEventEmitter=B(ke,k),this.createEventEmitter=B(ke,T),this.searchEventEmitter=B(ke,D),this.searchTriggerEventEmitter=B(ke,M),this.itemDisplayRuleNotifySlimmer=K(ke,"itemDisplayRule","watchItemDisplayRule"),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(Se),this.searchString=null,this.isDropdownShow=!1,this.trigger="hover",this.translocation={X:0,Y:8},this.source=[],this.selectType="none",this.selectedSourceKey="multiple"===this.selectType?[]:"",this.prefixIconSlot=!1,this.maxHeight=400,this.searchable=!1,this.matchTargetWidth=!1,this.itemDisplayRule="newline",this.matchContainerHeight=!1,this.caseSensitive=!1,this.dynamicOption=!1,this.useDefaultFilter=!0,this.isLoading=!1,this.placement=["bottom","top"],this.alignment="start",this.isLazyLoading=!1}watchIsDropdownShow(){}watchSource(){}watchSelectType(){}watchSelectedSourceKey(){}watchPrefixIconSlot(){}watchItemDisplayRule(){}async show(){}async hide(){}async search(e){}async clearSelection(){}async getSelection(){return v()}async setSelection(e){}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],source:["watchSource","watchItemDisplayRule"],selectType:["watchSelectType"],selectedSourceKey:["watchSelectedSourceKey"],prefixIconSlot:["watchPrefixIconSlot"]}}};Oe([g()],ke.prototype,"globalSlimmers",void 0),Oe([p()],ke.prototype,"translationSlimmer",void 0),Oe([p()],ke.prototype,"renderer",void 0),Oe([p()],ke.prototype,"sourceController",void 0),Oe([p()],ke.prototype,"searchRenderer",void 0),Oe([p()],ke.prototype,"createRenderer",void 0),Oe([p()],ke.prototype,"listRenderer",void 0),Oe([p()],ke.prototype,"groupLevelRenderer",void 0),Oe([p()],ke.prototype,"itemLevelRenderer",void 0),Oe([p()],ke.prototype,"keyboardController",void 0),Oe([p()],ke.prototype,"appenderController",void 0),Oe([p()],ke.prototype,"searchController",void 0),Oe([p()],ke.prototype,"childrenController",void 0),Oe([p()],ke.prototype,"selectedController",void 0),Oe([p()],ke.prototype,"renderModeController",void 0),Oe([p()],ke.prototype,"scrollableController",void 0),Oe([p()],ke.prototype,"remoteInvocationController",void 0),Oe([p()],ke.prototype,"selectTypeNotifySlimmer",void 0),Oe([p()],ke.prototype,"selectedSourceKeyNotifySlimmer",void 0),Oe([p()],ke.prototype,"prefixIconSlotNotifySlimmer",void 0),Oe([p()],ke.prototype,"itemClickObserver",void 0),Oe([p()],ke.prototype,"showEventEmitter",void 0),Oe([p()],ke.prototype,"hideEventEmitter",void 0),Oe([p()],ke.prototype,"dropdownClickEventEmitter",void 0),Oe([p()],ke.prototype,"createEventEmitter",void 0),Oe([p()],ke.prototype,"searchEventEmitter",void 0),Oe([p()],ke.prototype,"searchTriggerEventEmitter",void 0),Oe([p()],ke.prototype,"itemDisplayRuleNotifySlimmer",void 0),Oe([p()],ke.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ke.style=":host{display:inline-block}";var Te=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const De=class{constructor(e){i(this,e),this.globalSlimmers={},this.eventPrevent=new q([L],(()=>this.host),void 0,!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u}render(){return a(e(r,null,e("slot",null)),this.host)}get host(){return n(this)}};Te([g()],De.prototype,"globalSlimmers",void 0),Te([p()],De.prototype,"eventPrevent",void 0),Te([p()],De.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),De.style=':host{display:block;position:absolute}:host .vega-dropdown{box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-top:8px;padding-bottom:8px;text-align:left;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;box-sizing:border-box;width:inherit}:host(.vega-force-hidden){display:none}:host .vega-dropdown.vega-dropdown-with-searchable{padding-top:0px}:host .vega-dropdown .vega-dropdown-container{overflow-y:auto;position:relative;min-width:100px;min-height:40px}:host .vega-dropdown .vega-dropdown-container>ul{padding-left:0px;margin:0px;list-style-type:none}:host .vega-dropdown .vega-dropdown-search{padding-top:16px;padding-left:12px;padding-right:12px;padding-bottom:12px;margin-bottom:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-width:0px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container){padding:0px;border-width:0px;--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(prefix-icon-container){color:rgba(var(--v-text-secondary, 107, 116, 125, 1));width:16px;height:16px;padding-top:0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):focus-within{outline:none}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):hover{border-width:0px}:host .vega-dropdown .vega-dropdown-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}:host .v-hidden{display:none}:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;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-dropdown .vega-dropdown-loading>vega-flex>span{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){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{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){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item{padding-top:8px;padding-left:12px;padding-right:12px;padding-bottom:8px;margin-left:4px;margin-right:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));cursor:pointer;display:flex;gap:8px;align-items:center}:host .vega-dropdown .vega-dropdown-add-item>div{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-add-item>span{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){:host .vega-dropdown .vega-dropdown-add-item>span{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){:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));outline:2px solid transparent;outline-offset:2px}:host .vega-dropdown .vega-dropdown-clear-icon{width:16px;height:16px;cursor:pointer}:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-empty-list{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){:host .vega-dropdown .vega-dropdown-empty-list{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){:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-divider{margin-top:4px;margin-bottom:4px;border-bottom:1px solid rgb(171, 198, 216)}';var Me=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Le extends h{render(){return e("li",{class:"vega-dropdown-group"},this.renderLabel(),this.renderChildren(),this.renderDivide())}renderLabel(){return this.label&&e("div",{class:"vega-dropdown-group-label"},this.label)}renderChildren(){return e("ul",{class:"vega-dropdown-group-items"},e("slot",null))}renderDivide(){return this.divide&&e("div",{class:"vega-dropdown-group-divide"})}}Me([l()],Le.prototype,"label",void 0),Me([l()],Le.prototype,"divide",void 0);var Ee=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ze=class{constructor(e){i(this,e),this.globalSlimmers={},this.renderer=new Le,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.divide=!0}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};Ee([g()],ze.prototype,"globalSlimmers",void 0),Ee([p()],ze.prototype,"renderer",void 0),Ee([p()],ze.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ze.style=':host{display:block}:host .vega-dropdown-group{padding:0px;margin:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));cursor:default;font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown-group{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dropdown-group{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dropdown-group{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host .vega-dropdown-group-label{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:4px}:host .vega-dropdown-group-items{padding:0px;margin:0px}:host .vega-dropdown-group-divide{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));margin-top:4px;margin-bottom:4px;height:1px}';var He=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ke extends h{render(){return e("li",{key:this.label,role:"menuitem","aria-label":this.label,class:{"vega-dropdown-item-selected":this.selected,"vega-dropdown-item-disabled":this.disabled,[`vega-dropdown-item-display-${this.itemDisplayRule}`]:!0,danger:this.danger&&"none"===this.selectType},tabIndex:this.disabled?-1:0,onClick:e=>this.onSelect(e),onKeyDown:S(),style:this.height>0&&{height:`${this.height}px`,boxSizing:"border-box",overflow:"hidden"}},this.renderSelectIcon(),this.renderPrefixIcon(),this.renderLabel(),this.renderCounter())}renderSelectIcon(){return"none"!==this.selectType&&e("span",{class:"selected-prefix"},"single"===this.selectType&&this.renderSingleSelectIcon(),"multiple"===this.selectType&&this.renderMultipleSelectIcon())}renderSingleSelectIcon(){return this.selected&&e("vega-icon",{icon:"checkmark",size:"size-16"})}renderMultipleSelectIcon(){return e("vega-checkbox",{size:"small",checked:this.selected,disabled:this.disabled})}renderPrefixIcon(){return(this.prefixIcon||this.prefixIconSlot)&&e("div",{class:"item-prefix"},this.renderItemPrefixIcon())}renderItemPrefixIcon(){return this.prefixIcon&&e("vega-icon",{icon:this.prefixIcon,size:"size-16"})}renderLabel(){return this.host.childElementCount>0||""!==this.host.textContent.trim()?e("span",{class:"vega-dropdown-item-label"},e("slot",null)):e(t,null,e("span",{innerHTML:this.label,class:"vega-dropdown-item-label"}),e("span",{class:"v-hidden"},e("slot",null)))}renderCounter(){return this.count>0&&e("div",{class:"item-counter"},e("vega-counter-badge",{count:this.count,color:"bg-action",offset:[10,10]}))}onSelect(e){this.vegaDropdownItemClickController.handleClick(e)}}He([l()],Ke.prototype,"host",void 0),He([l()],Ke.prototype,"label",void 0),He([l()],Ke.prototype,"count",void 0),He([l()],Ke.prototype,"prefixIcon",void 0),He([l()],Ke.prototype,"prefixIconSlot",void 0),He([l()],Ke.prototype,"disabled",void 0),He([l()],Ke.prototype,"selected",void 0),He([l()],Ke.prototype,"selectType",void 0),He([l()],Ke.prototype,"height",void 0),He([l()],Ke.prototype,"itemDisplayRule",void 0),He([l()],Ke.prototype,"danger",void 0),He([l()],Ke.prototype,"vegaDropdownItemClickController",void 0);var Ae=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ve extends G{constructor(){super({parent:()=>{const e=m(this.host,"vega-dropdown");if(e)return e;{const e=m(this.host,"vega-dropdown-content-box");if(e&&e["data-parent-ref"])return e["data-parent-ref"]}},subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"prefixIconSlot",parentStateName:"prefixIconSlot"},{subStateName:"itemDisplayRule",parentStateName:"itemDisplayRule"},{subStateName:"selected",parentStateName:"selectedSourceKey",callback:e=>{this.selected=Array.isArray(e)?e.includes(this.itemKey):e===this.itemKey}}],pullStatesWhenReattached:!0})}}Ae([l()],Ve.prototype,"host",void 0),Ae([l({writable:!0})],Ve.prototype,"selectType",void 0),Ae([l()],Ve.prototype,"itemKey",void 0),Ae([l({writable:!0})],Ve.prototype,"selected",void 0),Ae([l({writable:!0})],Ve.prototype,"prefixIconSlot",void 0),Ae([l({writable:!0})],Ve.prototype,"itemDisplayRule",void 0);var We=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ne extends h{handleClick(e){this.clickEventEmitter.emit({itemKey:this.itemKey},e),V.notify(P,{host:this.host,detail:{itemKey:this.itemKey}})}}We([l()],Ne.prototype,"host",void 0),We([l()],Ne.prototype,"itemKey",void 0),We([l()],Ne.prototype,"vegaClick",void 0),We([l()],Ne.prototype,"clickEventEmitter",void 0);var $e=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const _e=class{constructor(e){i(this,e),this.vegaClick=o(this,"vegaClick",7),this.click=o(this,"click",7),this.globalSlimmers={},this.renderer=new Ke,this.vegaDropdownItemStateController=new Ve,this.vegaDropdownItemClickController=new Ne,this.dropdownItemEventPrevent=new q([j],(()=>this.host)),this.clickEventEmitter=B(_e,L),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.prefixIconSlot=!1,this.selected=!1,this.itemDisplayRule="newline",this.disabled=!1,this.danger=!1}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};$e([g()],_e.prototype,"globalSlimmers",void 0),$e([p()],_e.prototype,"renderer",void 0),$e([p()],_e.prototype,"vegaDropdownItemStateController",void 0),$e([p()],_e.prototype,"vegaDropdownItemClickController",void 0),$e([p()],_e.prototype,"dropdownItemEventPrevent",void 0),$e([p()],_e.prototype,"clickEventEmitter",void 0),$e([p()],_e.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_e.style=':host{display:block}:host li{padding-top:8px;padding-bottom:8px;padding-left:20px;padding-right:20px;cursor:pointer;display:flex;align-items:center;gap:8px}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:0}:host li,:host li a{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;text-decoration:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host li,:host li a{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){:host li,:host li a{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){:host li,:host li a{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li.vega-dropdown-item-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}:host li.vega-dropdown-item-disabled .item-prefix,:host li.vega-dropdown-item-disabled .selected-prefix{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host li.danger .item-prefix,:host li.danger .vega-dropdown-item-label{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host li .item-prefix{display:flex;width:16px;height:16px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:1}:host li .selected-prefix{color:rgba(var(--v-text-link, 19, 98, 226, 1));width:16px;height:16px;display:flex;align-items:center;min-width:16px}:host li .item-counter{width:20px;height:20px}:host .vega-dropdown-item-label{flex-grow:1}:host .vega-dropdown-item-display-newline .vega-dropdown-item-label{overflow-wrap:break-word}:host .vega-dropdown-item-display-ellipsis .vega-dropdown-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .v-hidden{display:none}';var Be=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ue extends h{constructor(){super(...arguments),this.extendItemsCount=10,this.totalCount=0,this.viewportItemsCount=0}componentWillLoad(){this.initVirtualScroll(),this.initPositionConfig()}watchSourceChange(e,t){this.isSameSource(e,t)||this.initVirtualScroll()}watchApproxItemHeight(){this.initVirtualScroll()}watchViewportMaxHeight(){this.initVirtualScroll()}getMaxStartIndex(){return this.maxStartIndex}setPositionByScrollTop(){if("virtual"===this.modeController.getMode()){const e=Math.floor(this.scrollTop/this.approxItemHeight),t=Math.min(Math.max(e-this.extendItemsCount,0),this.maxStartIndex),i=0===t?e:t+this.extendItemsCount,o=i+this.viewportItemsCount+this.extendItemsCount,r=Math.min(Math.max(this.scrollTop-this.extendItemsCount*this.approxItemHeight,0),this.maxStartIndex*this.approxItemHeight);this.positionConfig={startIndex:t,viewportStartIndex:i,endIndex:o,transformY:r}}}changeModeFromNormalToVirtual(){this.initVirtualScroll(),this.setPositionByScrollTop()}initVirtualScroll(){"virtual"===this.modeController.getMode()&&(this.totalCount=this.source.length,this.viewportItemsCount=Math.ceil(this.viewportMaxHeight/this.approxItemHeight),this.maxStartIndex=this.totalCount-this.viewportItemsCount-this.extendItemsCount)}initPositionConfig(){this.positionConfig={startIndex:0,viewportStartIndex:0,endIndex:this.viewportItemsCount+this.extendItemsCount,transformY:0},this.scrollableController.resetScrollTop()}isSameSource(e,t){if(e.length!==t.length)return!1;for(let i=0;i<e.length;i++)if(e[i][this.sourceItemIdentifier]!==t[i][this.sourceItemIdentifier])return!1;return!0}}Be([l()],Ue.prototype,"sourceItemIdentifier",void 0),Be([l()],Ue.prototype,"source",void 0),Be([l()],Ue.prototype,"approxItemHeight",void 0),Be([l()],Ue.prototype,"viewportMaxHeight",void 0),Be([l({writable:!0})],Ue.prototype,"positionConfig",void 0),Be([l()],Ue.prototype,"scrollTop",void 0),Be([l()],Ue.prototype,"scrollableController",void 0),Be([l()],Ue.prototype,"modeController",void 0),Be([d("componentWillLoad")],Ue.prototype,"componentWillLoad",null),Be([d("watchSourceChange")],Ue.prototype,"watchSourceChange",null),Be([d("watchApproxItemHeight")],Ue.prototype,"watchApproxItemHeight",null),Be([d("watchViewportMaxHeight")],Ue.prototype,"watchViewportMaxHeight",null);var Pe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Fe extends h{componentDidLoad(){this.listenScrollContainer()}componentDidRender(){this.renderer.getContainerRef().scrollTop=this.scrollTop}watchScrollTop(){this.handleScroll()}watchSourceChange(){this.adjustScrollTopWhilePropChange()}watchApproxItemHeight(){this.adjustScrollTopWhilePropChange()}watchViewportMaxHeight(){this.adjustScrollTopWhilePropChange()}scrollToIndex(e){const t=this.renderer.getContainerRef();if(e>=0)if("normal"===this.modeController.getMode()){const i=t.querySelector(`:nth-child(${e+1})`);x(t,i)}else this.scrollTop=e*this.approxItemHeight}resetScrollTop(){this.scrollTop=0}listenScrollContainer(){this.renderer.getContainerRef().addEventListener("scroll",(()=>{this.scrollTop=this.renderer.getContainerRef().scrollTop}))}handleScroll(){const e=this.renderer.getContainerRef();e&&(e.scrollTop=this.scrollTop),this.positionController.setPositionByScrollTop(),this.checkIsScrollToBottom()}adjustScrollTopWhilePropChange(){this.scrollTop=Math.min((this.source.length-Math.floor(this.viewportMaxHeight/this.approxItemHeight))*this.approxItemHeight,this.scrollTop)}checkIsScrollToBottom(){this.isLoading||!this.isScrollToBottomInVirtualMode()&&!this.isScrollToBottomInNormalMode()||V.notify(C.getSubject(this.host,_),{endIndex:this.source.length-1})}isScrollToBottomInVirtualMode(){return"virtual"===this.modeController.getMode()&&this.positionConfig.startIndex===this.positionController.getMaxStartIndex()}isScrollToBottomInNormalMode(){return"normal"===this.modeController.getMode()&&this.source.length*this.approxItemHeight-this.scrollTop===this.viewportMaxHeight}}Pe([l()],Fe.prototype,"sourceItemIdentifier",void 0),Pe([l()],Fe.prototype,"source",void 0),Pe([l()],Fe.prototype,"host",void 0),Pe([l()],Fe.prototype,"viewportMaxHeight",void 0),Pe([l()],Fe.prototype,"approxItemHeight",void 0),Pe([l({writable:!0})],Fe.prototype,"scrollTop",void 0),Pe([l()],Fe.prototype,"positionConfig",void 0),Pe([l()],Fe.prototype,"isLoading",void 0),Pe([l()],Fe.prototype,"renderer",void 0),Pe([l()],Fe.prototype,"positionController",void 0),Pe([l()],Fe.prototype,"modeController",void 0),Pe([d("componentDidLoad")],Fe.prototype,"componentDidLoad",null),Pe([d("componentDidRender")],Fe.prototype,"componentDidRender",null),Pe([d("watchScrollTop")],Fe.prototype,"watchScrollTop",null),Pe([d("watchSourceChange")],Fe.prototype,"watchSourceChange",null),Pe([d("watchApproxItemHeight")],Fe.prototype,"watchApproxItemHeight",null),Pe([d("watchViewportMaxHeight")],Fe.prototype,"watchViewportMaxHeight",null),Pe([d("scrollToIndex")],Fe.prototype,"scrollToIndex",null);var Ye=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class qe extends h{getContainerRef(){return this.virtualScrollContainerRef}render(){return e("div",{style:{maxHeight:`${this.viewportMaxHeight}px`,overflow:"auto"},class:"virtual-scroll-container",ref:e=>this.virtualScrollContainerRef=e},"normal"===this.modeController.getMode()?this.renderNormal():this.renderVirtualScroll())}renderNormal(){return e(t,null,this.source.map(((e,t)=>this.renderItem(e,t))),this.loadingRenderer.render())}renderVirtualScroll(){return e("div",{style:{height:this.source.length*this.approxItemHeight+"px",position:"relative"}},e("div",{class:"virtual-scroll-block",style:{transform:`translateY(${this.positionConfig.transformY}px)`}},this.source.slice(this.positionConfig.startIndex,this.positionConfig.viewportStartIndex).map(((e,t)=>this.renderItem(e,this.positionConfig.startIndex+t,this.approxItemHeight))),this.source.slice(this.positionConfig.viewportStartIndex,this.positionConfig.endIndex).map(((e,t)=>this.renderItem(e,this.positionConfig.viewportStartIndex+t))),this.loadingRenderer.render()))}}Ye([l()],qe.prototype,"source",void 0),Ye([l()],qe.prototype,"renderItem",void 0),Ye([l()],qe.prototype,"approxItemHeight",void 0),Ye([l()],qe.prototype,"positionConfig",void 0),Ye([l()],qe.prototype,"viewportMaxHeight",void 0),Ye([l()],qe.prototype,"modeController",void 0),Ye([l()],qe.prototype,"loadingRenderer",void 0);var Ge=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Xe extends h{constructor(){super(...arguments),this.mode="normal"}componentWillLoad(){this.setMode()}watchVirtualizationThreshold(){this.setMode()}watchSourceChange(){this.setMode()}getMode(){return this.mode}setMode(){const e=this.mode;this.mode=this.source.length>this.virtualizationThreshold?"virtual":"normal","normal"===e&&"virtual"===this.mode&&this.positionController.changeModeFromNormalToVirtual()}}Ge([l()],Xe.prototype,"source",void 0),Ge([l()],Xe.prototype,"virtualizationThreshold",void 0),Ge([l()],Xe.prototype,"positionController",void 0),Ge([d("componentWillLoad")],Xe.prototype,"componentWillLoad",null),Ge([d("watchVirtualizationThreshold")],Xe.prototype,"watchVirtualizationThreshold",null),Ge([d("watchSourceChange")],Xe.prototype,"watchSourceChange",null);class Je extends h{render(){return this.isLoading&&e("div",{class:"virtual-scroll-more-loading"},e("vega-flex",{gap:"size-8",direction:"row"},e("vega-loading-indicator",{size:"small"}),e("vega-font",{variant:"font-field-value",color:"text-secondary"},"Loading")))}}!function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);n>3&&s&&Object.defineProperty(t,i,s)}([l()],Je.prototype,"isLoading",void 0);var Qe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const Ze=class{constructor(e){i(this,e),this.globalSlimmers={},this.modeController=new Xe,this.positionController=new Ue,this.scrollableController=new Fe,this.renderer=new qe,this.loadingRenderer=new Je,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.scrollTop=0,this.source=[],this.approxItemHeight=40,this.viewportMaxHeight=320,this.isLoading=!1,this.virtualizationThreshold=60,this.sourceItemIdentifier="key"}watchScrollTop(){}watchSourceChange(e,t){}watchApproxItemHeight(){}watchViewportMaxHeight(){}watchVirtualizationThreshold(){}async scrollToIndex(e){}render(){return a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{scrollTop:["watchScrollTop"],source:["watchSourceChange"],approxItemHeight:["watchApproxItemHeight"],viewportMaxHeight:["watchViewportMaxHeight"],virtualizationThreshold:["watchVirtualizationThreshold"]}}};Qe([g()],Ze.prototype,"globalSlimmers",void 0),Qe([p()],Ze.prototype,"modeController",void 0),Qe([p()],Ze.prototype,"positionController",void 0),Qe([p()],Ze.prototype,"scrollableController",void 0),Qe([p()],Ze.prototype,"renderer",void 0),Qe([p()],Ze.prototype,"loadingRenderer",void 0),Qe([p()],Ze.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Ze.style=":host .virtual-scroll-more-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}";export{ke as vega_dropdown,De as vega_dropdown_content_box,ze as vega_dropdown_group,_e as vega_dropdown_item,Ze as vega_virtual_scroll}

package/dist/vega/p-cb8f8458.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as s,H as i,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{I as g}from"./p-74168615.js";import{D as r}from"./p-29b09aad.js";import{E as n,a as l}from"./p-6a3989dd.js";import{c as d}from"./p-e8f540d8.js";import{I as c}from"./p-6e1ab235.js";import{V as p,I as h}from"./p-4387d550.js";import{c as u}from"./p-5915634b.js";import"./p-2d0d575f.js";import"./p-79ec5d69.js";import"./p-6a334573.js";import"./p-0af4bda9.js";import"./p-47a4c625.js";const v=[{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"===t.itemToggleStatusMap.unToggledIcon&&"delete-bin"===t.itemToggleStatusMap.toggledIcon&&"Add"===t.itemToggleStatusMap.unToggledLabel&&"Added"===t.itemToggleStatusMap.togglingLabel&&"Remove"===t.itemToggleStatusMap.toggledLabel&&"Removed"===t.itemToggleStatusMap.unTogglingLabel},{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_NOT_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"!==t.itemToggleStatusMap.unToggledIcon||"delete-bin"!==t.itemToggleStatusMap.toggledIcon||"Add"!==t.itemToggleStatusMap.unToggledLabel||"Added"!==t.itemToggleStatusMap.togglingLabel||"Remove"!==t.itemToggleStatusMap.toggledLabel||"Removed"!==t.itemToggleStatusMap.unTogglingLabel}];var m=function(t,e,s,i){var a,o=arguments.length,g=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(g=(o<3?a(g):o>3?a(e,s,g):a(e,s))||g);return o>3&&g&&Object.defineProperty(e,s,g),g};const b=class{constructor(s){t(this,s),this.vegaToggleStatus=e(this,"vegaToggleStatus",7),this.toggleStatus=e(this,"toggleStatus",7),this.globalSlimmers={},this.toggleStatusEventEmitter=d(b,n),this.deprecatedPropertySlimmer=u(b,"statusMap","itemToggleStatusMap",b.defaultStatusMap),this.vegaComponentUsageRuntimeMetricsSlimmer=new p(v),this.toggleItemStatus="unToggled",this.itemToggleStatusMap=b.defaultStatusMap,this.statusMap=b.defaultStatusMap,this.isToggled=!1,this.handleToggle=()=>{this.isTogglingOrUnToggling()||this.updateToggleStatus()}}onToggledPropsChange(){this.updateTransitionStatus()}componentWillLoad(){this.updateTransitionStatus()}render(){return o(s(i,{class:{"vega-toggled-status":this.isTogglingOrUnToggling()}},this.renderLabelDom(),s("vega-button-circle",{size:"small",variant:"secondary",icon:"unToggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().unToggledIcon||"plus-sign":"toggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().toggledIcon||"delete-bin":"checkmark",ref:t=>{r.addUniqueObserverToNode(t,l,this.handleToggle)}})),this.host)}renderLabelDom(){let t;switch(this.toggleItemStatus){case"unToggled":t=this.deprecatedPropertySlimmer.getValue().unToggledLabel;break;case"toggling":t=this.deprecatedPropertySlimmer.getValue().togglingLabel;break;case"toggled":t=this.deprecatedPropertySlimmer.getValue().toggledLabel;break;case"unToggling":t=this.deprecatedPropertySlimmer.getValue().unTogglingLabel}return s("div",null,t||"No label defined")}isTogglingOrUnToggling(){return"toggling"===this.toggleItemStatus||"unToggling"===this.toggleItemStatus}updateToggleStatus(){switch(this.toggleItemStatus){case"unToggled":this.toggleItemStatus="toggling",setTimeout((()=>{this.isToggled=!0}),g);break;case"toggled":this.toggleItemStatus="unToggling",setTimeout((()=>{this.isToggled=!1}),g)}}updateTransitionStatus(){this.toggleItemStatus=this.isToggled?"toggled":"unToggled",this.toggleStatusEventEmitter.emit(this.isToggled)}get host(){return a(this)}static get watchers(){return{isToggled:["onToggledPropsChange"]}}};b.defaultStatusMap={unToggledIcon:"plus-sign",toggledIcon:"delete-bin",unToggledLabel:"Add",togglingLabel:"Added",toggledLabel:"Remove",unTogglingLabel:"Removed"},m([h()],b.prototype,"globalSlimmers",void 0),m([c()],b.prototype,"toggleStatusEventEmitter",void 0),m([c()],b.prototype,"deprecatedPropertySlimmer",void 0),m([c()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=':host{display:inline-block;text-align:left;line-height:normal}div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1));padding-right:8px;display:inline-block}@media screen and (min-width: 768px) and (max-width: 1023px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}div:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}vega-button-circle::part(button):hover{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}vega-button-circle::part(button):active{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-toggled-status)>div,:host(.vega-toggled-status) vega-button-circle{animation:fadein 1.4s ease}:host(.vega-toggled-status)>div{cursor:default;color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status)>div:hover{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(button){border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1));cursor:default;box-shadow:0 0 0 0}:host(.vega-toggled-status) vega-button-circle::part(button):hover{border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(icon){color:rgba(var(--v-text-success, 1, 128, 31, 1))}@keyframes fadein{0%{opacity:0}10%{opacity:0.1}50%{opacity:0.5}80%{opacity:0.8}100%{opacity:1}}';export{b as vega_item_toggle}

package/dist/vega/p-d057999f.js

@@ -1 +0,0 @@
-class E{constructor(E){this.title=E}getDescription(){return this.title}}const _=new E("SIDENAV_LINK_SELECTED_TOPIC"),A=new E("LEFT_NAV_LINK_SELECTED_TOPIC"),O=new E("ACCORDION_EXPAND_TOPIC"),L=new E("FORM_RESET_OPERATION_TRIGGERED"),s=new E("FORM_FIELD_ELEMENT_DISCONNECTED"),D=new E("FORM_SUBMIT"),N=new E("FORM_RESET"),T=new E("RADIO_GROUP_DISABLED_CHANGE"),C=new E("CHECKBOX_GROUP_DISABLED_CHANGE"),R=new E("FORM_FIELD_PENDING_VALID_CHANGE"),e=new E("TAB_PANEL_ADD_OR_DEL_TO_GROUP"),n=new E("TABLE_EXPAND_ROW"),I=new E("TABLE_ROW_SELECTION"),a=new E("TABLE_ROW_SELECTION_ALL"),w=new E("TABLE_ROW_CLICK"),G=new E("FIELD_ERROR_MESSAGE_CHANGE"),S=new E("DROPDOWN_ITEM_CLICK"),M=new E("CHECKBOX_VALUE_CHANGE"),P=new E("RADIO_VALUE_CHANGE"),F=new E("FORM_ELEMENT_VALUE_CHANGE"),H=new E("FORM_EMEMENT_VALIDATE"),B=new E("SELECTION_TILE_VALUE_CHANGE"),U=new E("UPDATE_TRANSLATION"),t=new E("DARK_MODE_CHANGE");export{O as A,M as C,t as D,D as F,A as L,P as R,B as S,e as T,U,N as a,F as b,R as c,s as d,L as e,G as f,H as g,C as h,T as i,_ as j,S as k,n as l,I as m,a as n,w as o}

package/dist/vega/p-d994874a.entry.js

@@ -1 +0,0 @@
-import{h as r,r as a,c as t,f as o,H as e,g as c}from"./p-1c298d5a.js";import{s as g}from"./p-9b797118.js";import{a as b}from"./p-79ec5d69.js";import{d as v,i as n}from"./p-81dbada7.js";import{R as i}from"./p-6705c68a.js";import{c as s,V as l,L as d,I as h}from"./p-6e1ab235.js";import{g as k}from"./p-4bcd6612.js";import{V as p,I as u}from"./p-4387d550.js";import{P as y}from"./p-5f589974.js";import{C as f}from"./p-be12fa36.js";import{c as m}from"./p-e8f540d8.js";import{D as x}from"./p-29b09aad.js";import{a as w,b as q,m as j,n as z}from"./p-6a3989dd.js";import{V as I}from"./p-8284a445.js";import{c as R}from"./p-1ec763ab.js";import{c as C}from"./p-613ddaab.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-2205ee4c.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-0af4bda9.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-032df16f.js";import"./p-33b62194.js";class E extends l{render(){return r("span",{class:"toggle-icon-wrapper"},r("vega-icon",{size:"size-12",icon:I.getIconKey(this.isDropdownShow?"chevron-up":"chevron-down")}))}}I.register({"chevron-up":R,"chevron-down":C}),function(r,a,t,o){var e,c=arguments.length,g=c<3?a:null===o?o=Object.getOwnPropertyDescriptor(a,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(r,a,t,o);else for(var b=r.length-1;b>=0;b--)(e=r[b])&&(g=(c<3?e(g):c>3?e(a,t,g):e(a,t))||g);c>3&&g&&Object.defineProperty(a,t,g)}([s()],E.prototype,"isDropdownShow",void 0);var O=function(r,a,t,o){var e,c=arguments.length,g=c<3?a:null===o?o=Object.getOwnPropertyDescriptor(a,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(r,a,t,o);else for(var b=r.length-1;b>=0;b--)(e=r[b])&&(g=(c<3?e(g):c>3?e(a,t,g):e(a,t))||g);return c>3&&g&&Object.defineProperty(a,t,g),g};const S=class{constructor(e){a(this,e),this.vegaClick=t(this,"vegaClick",7),this.click=t(this,"click",7),this.vegaDropdownClick=t(this,"vegaDropdownClick",7),this.dropdownClick=t(this,"dropdownClick",7),this.globalSlimmers={},this.pageResizeObserverSlimmer=new y,this.dropdownEventPrevent=new f([w,q],(()=>this.dropdownRef),{customPreventHandle:r=>{r.stopPropagation()}}),this.clickEventEmitter=m(S,w),this.dropdownClickEventEmitter=m(S,q),this.vegaMenuArrowIconRenderer=new E,this.vegaComponentUsageRuntimeMetricsSlimmer=new p,this.avatarImgLoaded=null,this.isDropdownShow=!1,this.currentBreakpoint=k(),this.dropdown=null,this.size="default",this.label="",this.showLabel=!0,this.avatar={},this.avatarPosition="left",this.showBorder=!1,this.showMenuArrowIcon=!0,this.selected=!1,this.renderButton=(a,t)=>r("button",{type:"button","aria-label":this.label||"No label defined",class:b(["vega-app-header-button-container",!this.avatar.src&&!this.avatar.fallbackText&&"icon",this.showBorder&&"with-border",a&&"with-menu-arrow-icon"]),onClick:()=>this.clickEventEmitter.emit()},"left"===this.avatarPosition&&this.renderAvatar(),(t||a||"right"===this.avatarPosition)&&r("div",{class:"right-container"},t&&r("span",{class:"label"},this.label),"right"===this.avatarPosition&&this.renderAvatar(),a&&this.vegaMenuArrowIconRenderer.render())),this.renderAvatar=()=>this.avatar.icon||!this.avatar.fallbackText&&!this.avatar.src?this.renderIconAvatar():this.avatar.src&&!1!==this.avatarImgLoaded?this.renderImgAvatar():this.renderFallbackTextAvatar(),this.renderFallbackTextAvatar=()=>{var a;let t=this.avatar.fallbackText;(null===(a=this.avatar.fallbackText)||void 0===a?void 0:a.length)>2&&(d.warn("The fallback text for avatar should not be more than two letters."),t=this.avatar.fallbackText.slice(0,2));const o=b(["vega-avatar",this.avatar.fallbackBgColor?v(this.avatar.fallbackBgColor,["dark"]):"v-bg-accent3-primary",this.avatar.fallbackTextColor?n(this.avatar.fallbackTextColor):"v-text-black"]);return r("span",{class:o},t)},this.renderImgAvatar=()=>r("img",{class:"vega-avatar profile",src:this.avatar.src,alt:"",onError:()=>this.handleImgAvatarLoadError(),onLoad:()=>this.setAvatarImgLoaded(!0)}),this.renderIconAvatar=()=>{if(this.avatar.icon)return r("span",{class:"avatar-icon-wrapper"},r("vega-icon",{icon:this.avatar.icon,size:"small"===this.size?"size-16":"size-20"}))},this.renderDropdownContainer=a=>this.dropdown?r("vega-dropdown",Object.assign({trigger:"click"},this.dropdown,{ref:r=>{this.dropdownRef=r,this.dropdownEventPrevent.setup(),x.addUniqueObserverToNode(r,j,(()=>{this.onDropdownShow()})),x.addUniqueObserverToNode(r,z,(()=>{this.onDropdownHide()})),x.addUniqueObserverToNode(r,q,this.triggerDropdownClickEvent)}}),a):a,this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1},this.setAvatarImgLoaded=r=>{this.avatarImgLoaded=r},this.handleImgAvatarLoadError=()=>{this.setAvatarImgLoaded(!1),o(this.host)},this.triggerDropdownClickEvent=r=>{this.dropdownClickEventEmitter.emit(r.detail)}}watchAvatar(){var r;(null===(r=this.avatar)||void 0===r?void 0:r.src)&&null!==this.avatarImgLoaded&&(this.avatarImgLoaded=null)}render(){var a;const t=this.showMenuArrowIcon&&(null===(a=this.dropdown)||void 0===a?void 0:a.source.length)>0,o=this.label&&this.showLabel,c=this.label&&!this.showLabel,v=b([i.formatCustom(this.size),this.selected&&"selected"].filter(Boolean));return g(r(e,{class:v},this.renderDropdownContainer(c?r("vega-tooltip",{text:this.label},this.renderButton(t,o)):this.renderButton(t,o))),this.host)}get host(){return c(this)}static get watchers(){return{avatar:["watchAvatar"]}}};O([u()],S.prototype,"globalSlimmers",void 0),O([h()],S.prototype,"pageResizeObserverSlimmer",void 0),O([h()],S.prototype,"dropdownEventPrevent",void 0),O([h()],S.prototype,"clickEventEmitter",void 0),O([h()],S.prototype,"dropdownClickEventEmitter",void 0),O([h()],S.prototype,"vegaMenuArrowIconRenderer",void 0),O([h()],S.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S.style=':host(.v-bg-brand),.v-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-bg-page),.v-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-bg-primary),.v-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-bg-secondary),.v-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-bg-tertiary),.v-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-bg-quaternary),.v-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-bg-inverted-primary),.v-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-bg-inverted-secondary),.v-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-bg-inverted-tertiary),.v-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-bg-inverted-quaternary),.v-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-bg-action),.v-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-bg-action-hover),.v-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-bg-action-focus),.v-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-bg-action-active),.v-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-bg-action-quaternary),.v-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-bg-action-quaternary-hover),.v-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-bg-action-quaternary-active),.v-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-bg-action-secondary),.v-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-bg-action-secondary-hover),.v-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-bg-action-secondary-active),.v-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-bg-action-tertiary),.v-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-bg-action-tertiary-hover),.v-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-bg-action-tertiary-active),.v-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-bg-app-header),.v-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-bg-backdrop-modal),.v-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-bg-backdrop-popover),.v-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-bg-backdrop-sidebar),.v-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-bg-chip),.v-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-bg-chip-hover),.v-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-bg-chip-active),.v-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-bg-danger),.v-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-bg-danger-hover),.v-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-bg-danger-focus),.v-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-bg-danger-active),.v-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-bg-danger-tertiary),.v-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-bg-danger-tertiary-hover),.v-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-bg-danger-tertiary-active),.v-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-bg-disabled),.v-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-bg-divider),.v-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-bg-divider-secondary),.v-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-bg-keypad-btn-active),.v-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-bg-loading-progress),.v-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-bg-loading-track),.v-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-bg-segment-hover),.v-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-bg-segment-control),.v-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-bg-selected),.v-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-bg-sidebar),.v-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon),.v-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-bg-sidebar-icon-hover),.v-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon-selected),.v-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-hover),.v-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-selected),.v-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-bg-site-footer),.v-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-bg-site-footer-action),.v-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-bg-site-footer-action-hover),.v-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-bg-site-footer-action-active),.v-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-bg-site-footer-field),.v-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-bg-slider-handle),.v-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-bg-status-error),.v-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-bg-status-info),.v-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-bg-status-success),.v-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-bg-status-warning),.v-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-bg-tab),.v-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-bg-tab-hover),.v-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-bg-tab-selected),.v-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-bg-table-alt-row),.v-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-bg-table-header),.v-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-bg-table-row-hover),.v-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-bg-table-row-selected-expanded),.v-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-bg-table-selected-row),.v-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-bg-textarea-count),.v-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-bg-tile),.v-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-bg-tile-hover),.v-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-bg-tile-selected),.v-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-bg-tile-selected-hover),.v-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-bg-toggle-switch),.v-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-bg-toggle-switch-hover),.v-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-bg-toggle-switch-selected-disabled),.v-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-bg-transparent),.v-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-bg-accent1-primary),.v-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-bg-accent1-secondary),.v-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-bg-accent1-tertiary),.v-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-bg-accent2-primary),.v-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-bg-accent2-secondary),.v-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-bg-accent2-tertiary),.v-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-bg-accent3-primary),.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-bg-accent3-secondary),.v-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-bg-accent3-tertiary),.v-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-bg-accent4-primary),.v-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-bg-accent4-secondary),.v-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-bg-accent4-tertiary),.v-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-bg-accent5-primary),.v-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-bg-accent5-secondary),.v-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-bg-accent5-tertiary),.v-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-bg-accent6-primary),.v-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-bg-accent6-secondary),.v-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-bg-accent6-tertiary),.v-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-bg-accent7-primary),.v-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-bg-accent7-secondary),.v-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-bg-accent7-tertiary),.v-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-bg-accent8-primary),.v-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-bg-accent8-secondary),.v-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-bg-accent8-tertiary),.v-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-bg-accent9-primary),.v-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-bg-accent9-secondary),.v-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-bg-accent9-tertiary),.v-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-bg-accent10-primary),.v-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-bg-accent10-secondary),.v-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-bg-accent10-tertiary),.v-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-bg-date-picker-range),.v-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-fill-bg-brand),.v-fill-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-fill-bg-page),.v-fill-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-fill-bg-primary),.v-fill-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-fill-bg-secondary),.v-fill-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-fill-bg-tertiary),.v-fill-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-fill-bg-quaternary),.v-fill-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-fill-bg-inverted-primary),.v-fill-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-fill-bg-inverted-secondary),.v-fill-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-fill-bg-inverted-tertiary),.v-fill-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-fill-bg-inverted-quaternary),.v-fill-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-fill-bg-action),.v-fill-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-fill-bg-action-hover),.v-fill-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-fill-bg-action-focus),.v-fill-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-fill-bg-action-active),.v-fill-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-fill-bg-action-quaternary),.v-fill-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-fill-bg-action-quaternary-hover),.v-fill-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-fill-bg-action-quaternary-active),.v-fill-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-fill-bg-action-secondary),.v-fill-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-fill-bg-action-secondary-hover),.v-fill-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-fill-bg-action-secondary-active),.v-fill-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-fill-bg-action-tertiary),.v-fill-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-action-tertiary-hover),.v-fill-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-fill-bg-action-tertiary-active),.v-fill-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-fill-bg-app-header),.v-fill-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-fill-bg-backdrop-modal),.v-fill-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-fill-bg-backdrop-popover),.v-fill-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-fill-bg-backdrop-sidebar),.v-fill-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-fill-bg-chip),.v-fill-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-fill-bg-chip-hover),.v-fill-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-fill-bg-chip-active),.v-fill-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-fill-bg-danger),.v-fill-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-fill-bg-danger-hover),.v-fill-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-fill-bg-danger-focus),.v-fill-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-fill-bg-danger-active),.v-fill-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-fill-bg-danger-tertiary),.v-fill-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-danger-tertiary-hover),.v-fill-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-fill-bg-danger-tertiary-active),.v-fill-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-fill-bg-disabled),.v-fill-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-fill-bg-divider),.v-fill-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-fill-bg-divider-secondary),.v-fill-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-fill-bg-keypad-btn-active),.v-fill-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-fill-bg-loading-progress),.v-fill-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-fill-bg-loading-track),.v-fill-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-fill-bg-segment-hover),.v-fill-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-fill-bg-segment-control),.v-fill-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-fill-bg-selected),.v-fill-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-fill-bg-sidebar),.v-fill-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon),.v-fill-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-fill-bg-sidebar-icon-hover),.v-fill-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon-selected),.v-fill-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-hover),.v-fill-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-selected),.v-fill-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-fill-bg-site-footer),.v-fill-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-fill-bg-site-footer-action),.v-fill-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-fill-bg-site-footer-action-hover),.v-fill-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-fill-bg-site-footer-action-active),.v-fill-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-fill-bg-site-footer-field),.v-fill-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-fill-bg-slider-handle),.v-fill-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-fill-bg-status-error),.v-fill-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-fill-bg-status-info),.v-fill-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-fill-bg-status-success),.v-fill-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-fill-bg-status-warning),.v-fill-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-fill-bg-tab),.v-fill-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-fill-bg-tab-hover),.v-fill-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tab-selected),.v-fill-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-fill-bg-table-alt-row),.v-fill-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-fill-bg-table-header),.v-fill-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-fill-bg-table-row-hover),.v-fill-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-fill-bg-table-row-selected-expanded),.v-fill-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-fill-bg-table-selected-row),.v-fill-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-fill-bg-textarea-count),.v-fill-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-fill-bg-tile),.v-fill-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-fill-bg-tile-hover),.v-fill-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tile-selected),.v-fill-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-fill-bg-tile-selected-hover),.v-fill-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-fill-bg-toggle-switch),.v-fill-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-fill-bg-toggle-switch-hover),.v-fill-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-fill-bg-toggle-switch-selected-disabled),.v-fill-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-fill-bg-transparent),.v-fill-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-fill-bg-accent1-primary),.v-fill-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-fill-bg-accent1-secondary),.v-fill-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-fill-bg-accent1-tertiary),.v-fill-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-fill-bg-accent2-primary),.v-fill-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-fill-bg-accent2-secondary),.v-fill-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-fill-bg-accent2-tertiary),.v-fill-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-fill-bg-accent3-primary),.v-fill-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-fill-bg-accent3-secondary),.v-fill-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-fill-bg-accent3-tertiary),.v-fill-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-fill-bg-accent4-primary),.v-fill-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-fill-bg-accent4-secondary),.v-fill-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-fill-bg-accent4-tertiary),.v-fill-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-fill-bg-accent5-primary),.v-fill-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-fill-bg-accent5-secondary),.v-fill-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-fill-bg-accent5-tertiary),.v-fill-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-fill-bg-accent6-primary),.v-fill-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-fill-bg-accent6-secondary),.v-fill-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-fill-bg-accent6-tertiary),.v-fill-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-fill-bg-accent7-primary),.v-fill-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-fill-bg-accent7-secondary),.v-fill-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-fill-bg-accent7-tertiary),.v-fill-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-fill-bg-accent8-primary),.v-fill-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-fill-bg-accent8-secondary),.v-fill-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-fill-bg-accent8-tertiary),.v-fill-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-fill-bg-accent9-primary),.v-fill-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-fill-bg-accent9-secondary),.v-fill-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-fill-bg-accent9-tertiary),.v-fill-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-fill-bg-accent10-primary),.v-fill-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-fill-bg-accent10-secondary),.v-fill-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-fill-bg-accent10-tertiary),.v-fill-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-fill-bg-date-picker-range),.v-fill-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-stroke-bg-brand),.v-stroke-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-stroke-bg-page),.v-stroke-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-stroke-bg-primary),.v-stroke-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-stroke-bg-secondary),.v-stroke-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-stroke-bg-tertiary),.v-stroke-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-stroke-bg-quaternary),.v-stroke-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-stroke-bg-inverted-primary),.v-stroke-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-stroke-bg-inverted-secondary),.v-stroke-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-stroke-bg-inverted-tertiary),.v-stroke-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-stroke-bg-inverted-quaternary),.v-stroke-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-stroke-bg-action),.v-stroke-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-stroke-bg-action-hover),.v-stroke-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-stroke-bg-action-focus),.v-stroke-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-stroke-bg-action-active),.v-stroke-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-stroke-bg-action-quaternary),.v-stroke-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-stroke-bg-action-quaternary-hover),.v-stroke-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-stroke-bg-action-quaternary-active),.v-stroke-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-stroke-bg-action-secondary),.v-stroke-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-stroke-bg-action-secondary-hover),.v-stroke-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-stroke-bg-action-secondary-active),.v-stroke-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-stroke-bg-action-tertiary),.v-stroke-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-action-tertiary-hover),.v-stroke-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-stroke-bg-action-tertiary-active),.v-stroke-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-stroke-bg-app-header),.v-stroke-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-stroke-bg-backdrop-modal),.v-stroke-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-stroke-bg-backdrop-popover),.v-stroke-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-stroke-bg-backdrop-sidebar),.v-stroke-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-stroke-bg-chip),.v-stroke-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-stroke-bg-chip-hover),.v-stroke-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-stroke-bg-chip-active),.v-stroke-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-stroke-bg-danger),.v-stroke-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-hover),.v-stroke-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-stroke-bg-danger-focus),.v-stroke-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-active),.v-stroke-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-stroke-bg-danger-tertiary),.v-stroke-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-danger-tertiary-hover),.v-stroke-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-stroke-bg-danger-tertiary-active),.v-stroke-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-stroke-bg-disabled),.v-stroke-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-stroke-bg-divider),.v-stroke-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-stroke-bg-divider-secondary),.v-stroke-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-stroke-bg-keypad-btn-active),.v-stroke-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-stroke-bg-loading-progress),.v-stroke-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-stroke-bg-loading-track),.v-stroke-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-stroke-bg-segment-hover),.v-stroke-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-stroke-bg-segment-control),.v-stroke-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-stroke-bg-selected),.v-stroke-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-stroke-bg-sidebar),.v-stroke-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon),.v-stroke-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-stroke-bg-sidebar-icon-hover),.v-stroke-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon-selected),.v-stroke-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-hover),.v-stroke-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-selected),.v-stroke-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-stroke-bg-site-footer),.v-stroke-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-stroke-bg-site-footer-action),.v-stroke-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-stroke-bg-site-footer-action-hover),.v-stroke-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-stroke-bg-site-footer-action-active),.v-stroke-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-stroke-bg-site-footer-field),.v-stroke-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-stroke-bg-slider-handle),.v-stroke-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-stroke-bg-status-error),.v-stroke-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-stroke-bg-status-info),.v-stroke-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-stroke-bg-status-success),.v-stroke-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-stroke-bg-status-warning),.v-stroke-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-stroke-bg-tab),.v-stroke-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-stroke-bg-tab-hover),.v-stroke-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tab-selected),.v-stroke-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-stroke-bg-table-alt-row),.v-stroke-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-stroke-bg-table-header),.v-stroke-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-stroke-bg-table-row-hover),.v-stroke-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-stroke-bg-table-row-selected-expanded),.v-stroke-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-stroke-bg-table-selected-row),.v-stroke-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-stroke-bg-textarea-count),.v-stroke-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-stroke-bg-tile),.v-stroke-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-stroke-bg-tile-hover),.v-stroke-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tile-selected),.v-stroke-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-stroke-bg-tile-selected-hover),.v-stroke-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-stroke-bg-toggle-switch),.v-stroke-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-stroke-bg-toggle-switch-hover),.v-stroke-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-stroke-bg-toggle-switch-selected-disabled),.v-stroke-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-stroke-bg-transparent),.v-stroke-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-stroke-bg-accent1-primary),.v-stroke-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-stroke-bg-accent1-secondary),.v-stroke-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-stroke-bg-accent1-tertiary),.v-stroke-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-stroke-bg-accent2-primary),.v-stroke-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-stroke-bg-accent2-secondary),.v-stroke-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-stroke-bg-accent2-tertiary),.v-stroke-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-stroke-bg-accent3-primary),.v-stroke-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-stroke-bg-accent3-secondary),.v-stroke-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-stroke-bg-accent3-tertiary),.v-stroke-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-stroke-bg-accent4-primary),.v-stroke-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-stroke-bg-accent4-secondary),.v-stroke-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-stroke-bg-accent4-tertiary),.v-stroke-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-stroke-bg-accent5-primary),.v-stroke-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-stroke-bg-accent5-secondary),.v-stroke-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-stroke-bg-accent5-tertiary),.v-stroke-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-stroke-bg-accent6-primary),.v-stroke-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-stroke-bg-accent6-secondary),.v-stroke-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-stroke-bg-accent6-tertiary),.v-stroke-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-stroke-bg-accent7-primary),.v-stroke-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-stroke-bg-accent7-secondary),.v-stroke-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-stroke-bg-accent7-tertiary),.v-stroke-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-stroke-bg-accent8-primary),.v-stroke-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-stroke-bg-accent8-secondary),.v-stroke-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-stroke-bg-accent8-tertiary),.v-stroke-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-stroke-bg-accent9-primary),.v-stroke-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-stroke-bg-accent9-secondary),.v-stroke-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-stroke-bg-accent9-tertiary),.v-stroke-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-stroke-bg-accent10-primary),.v-stroke-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-stroke-bg-accent10-secondary),.v-stroke-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-stroke-bg-accent10-tertiary),.v-stroke-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-stroke-bg-date-picker-range),.v-stroke-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host{display:inline-block;border-radius:9999px;vertical-align:middle}:host vega-dropdown,:host vega-tooltip{border-radius:9999px}:host .vega-app-header-button-container{padding:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:9999px;border-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px;outline:none}:host(.default) .vega-app-header-button-container{min-height:52px}:host(.small) .vega-app-header-button-container{gap:4px;min-height:44px}:host .vega-app-header-button-container:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host .vega-app-header-button-container:active{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host .vega-app-header-button-container:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .vega-app-header-button-container.icon{padding:16px}:host(.small) .vega-app-header-button-container.icon{padding:12px}:host .vega-app-header-button-container .label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));display:flex;align-items:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-header-button-container .label{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-app-header-button-container .label{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-app-header-button-container .label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-app-header-button-container .vega-avatar{border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;width:36px;height:36px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-header-button-container .vega-avatar{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-header-button-container .vega-avatar{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-header-button-container .vega-avatar{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host .vega-app-header-button-container .vega-avatar.profile{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host.default .vega-app-header-button-container .vega-avatar{width:36px;height:36px}:host(.small) .vega-app-header-button-container .vega-avatar{width:28px;height:28px}:host .vega-app-header-button-container .toggle-icon-wrapper{display:flex;justify-content:center;align-items:center;padding:4px}:host .vega-app-header-button-container.icon .toggle-icon-wrapper{margin-right:0px}:host .vega-app-header-button-container .right-container{display:flex;gap:8px}:host .vega-app-header-button-container .avatar-icon-wrapper{display:flex;align-items:center;justify-content:center;width:20px;height:20px}:host .vega-app-header-button-container .toggle-icon-wrapper vega-icon,:host .vega-app-header-button-container .avatar-icon-wrapper vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-app-header-button-container.with-border{border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}:host .vega-app-header-button-container:not(.icon) .right-container span:not(.vega-avatar):last-child{margin-right:8px}:host(.small) .vega-app-header-button-container:not(.icon) .right-container span:not(.vega-avatar):last-child{margin-right:4px}:host(.selected) .vega-app-header-button-container{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.selected) .vega-app-header-button-container .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container .label{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container:hover .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:hover .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:hover .label{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.selected) .vega-app-header-button-container:active .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:active .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:active .label{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.selected) .vega-app-header-button-container:focus-visible .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:focus-visible .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:focus-visible .label{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container:focus-visible{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1));border-style:solid;border-width:1px}:host .vega-app-header-button-container .vega-avatar.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host .vega-app-header-button-container .vega-avatar.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}';export{S as vega_app_header_button}