@globalpayments/vega 2.24.2 → 2.26.0

package/dist/vega/p-1878a270.entry.js

@@ -0,0 +1 @@
+import{h as e,H as t,r as i,c as s,g as o}from"./p-1c298d5a.js";import{R as n}from"./p-961e1ecd.js";import{s as r}from"./p-9b797118.js";import{g as a}from"./p-3542f8fe.js";import{c as l,V as p,M as d,L as c,I as h}from"./p-6e1ab235.js";import{a as f}from"./p-4163c2c2.js";import{R as v}from"./p-a73c06f0.js";import{V as u,I as g}from"./p-61f6167c.js";import{D as m}from"./p-eae4a1c1.js";import{l as x,m as b,b as w,n as y,e as j,k as I}from"./p-3f5e44c1.js";import{b as R,c as S}from"./p-6168c1e7.js";import{i as z}from"./p-ee68920f.js";import{C as D}from"./p-2d0d575f.js";import{b as O}from"./p-bb491bed.js";import{c as C}from"./p-86194314.js";import{c as L,a as V}from"./p-faea1620.js";import{V as T}from"./p-af26780d.js";import{F as k}from"./p-c093f5d2.js";import{P as E}from"./p-883a939b.js";import{c as A}from"./p-016045b0.js";import{C as _}from"./p-191c5c26.js";import{N,P as G}from"./p-2df25c7f.js";import{M as P}from"./p-987fbbd0.js";import{T as U}from"./p-38d81bde.js";import"./p-3c8b2105.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-66098cf8.js";import"./p-23ec14fe.js";import"./p-6a334573.js";import"./p-8b5d3a52.js";import"./p-0bb29d98.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-7c316199.js";import"./p-f404aa83.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";var F=function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};class K 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:f([this.disabled?"vega-input-select-disabled":"",v.formatCustom(this.size)])},this.renderLabel(),this.dropdownRenderer.render(),this.renderErrorMessage(),this.hint&&this.renderHelpMessage())}}F([l()],K.prototype,"disabled",void 0),F([l()],K.prototype,"size",void 0),F([l()],K.prototype,"hint",void 0),F([l()],K.prototype,"label",void 0),F([l()],K.prototype,"required",void 0),F([l({componentFieldName:"vegaInputSelectDropdownRenderer"})],K.prototype,"dropdownRenderer",void 0);var M=function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};class q extends p{constructor(){super(...arguments),this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1}}addDropdownObserver(e){m.addUniqueObserverToNode(e,x,(()=>{this.onDropdownShow()})),m.addUniqueObserverToNode(e,b,(()=>{this.onDropdownHide()})),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,R,(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)}))}}M([l({writable:!0})],q.prototype,"isDropdownShow",void 0),M([l()],q.prototype,"vegaSearch",void 0),M([l()],q.prototype,"searchEventEmitter",void 0),M([l()],q.prototype,"vegaInputSelectValueController",void 0),M([l()],q.prototype,"sourceController",void 0),M([l()],q.prototype,"source",void 0);var B=function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};class W 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))):[];z(i,t,!0)?z(i,e,!0)||this.setValue(i):(this.setValue(i),this.changeEventEmitter.emit(i),D.notify(O,{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),D.notify(O,{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 c.warn(`Invalid input select value ${e} for ${this.selectType} mode`),!1}}}B([l({writable:!0})],W.prototype,"value",void 0),B([l()],W.prototype,"selectType",void 0),B([l()],W.prototype,"changeEventEmitter",void 0),B([l()],W.prototype,"host",void 0),B([l()],W.prototype,"sourceController",void 0),B([d("watchValue")],W.prototype,"handleValueChange",void 0);var $=function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};class H extends p{constructor(){super(...arguments),this.renderContainer=()=>e("div",{role:"button",class:"vega-input-select-container",ref:e=>this.inputSelectContainer=e,tabIndex:0,onKeyDown:C(),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:T.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.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.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})))}}T.register({"chevron-up":L,"chevron-down":V}),$([l()],H.prototype,"value",void 0),$([l()],H.prototype,"source",void 0),$([l()],H.prototype,"host",void 0),$([l()],H.prototype,"selectType",void 0),$([l()],H.prototype,"isDropdownShow",void 0),$([l()],H.prototype,"vegaDropdownProps",void 0),$([l()],H.prototype,"prefixIcon",void 0),$([l()],H.prototype,"placeholder",void 0),$([l()],H.prototype,"selectedLabel",void 0),$([l()],H.prototype,"isLazyLoading",void 0),$([l()],H.prototype,"vegaInputSelectDropdownController",void 0),$([l()],H.prototype,"sourceController",void 0);var J=function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};class Q extends p{constructor(){super(...arguments),this.hasMore=!0}componentDidLoad(){const e=this.getVirtualScroll();e&&m.addUniqueObserverToNode(e,S,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}}}J([l()],Q.prototype,"sourceLazyLoadCallback",void 0),J([l({writable:!0})],Q.prototype,"isLazyLoading",void 0),J([l()],Q.prototype,"sourceController",void 0),J([l()],Q.prototype,"vegaInputSelectDropdownRenderer",void 0),J([d("componentDidLoad")],Q.prototype,"componentDidLoad",null);const X=[{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 Y=function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};class Z extends p{constructor(){super(...arguments),this.handleSourceChange=()=>{this.source=N(this.source,G)?this.source:[]}}appendSourceItems(e){this.source=[...this.source,...e]}getItem(e){return this.source.find((t=>t.id===e))}}Y([l({writable:!0})],Z.prototype,"source",void 0),Y([d("watchSource")],Z.prototype,"handleSourceChange",void 0);var ee=function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};class te extends p{constructor(){super(...arguments),this.mutationObserver=new P({mutationFilter:U("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))}}ee([h()],te.prototype,"mutationObserver",void 0),ee([l()],te.prototype,"host",void 0),ee([l()],te.prototype,"vegaInputSelectDropdownRenderer",void 0),ee([d("componentDidLoad")],te.prototype,"componentDidLoad",null);var ie=function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r};const se=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.globalSlimmers={},this.sourceController=new Z,this.vegaInputSelectRenderer=new K,this.vegaInputSelectDropdownController=new q,this.vegaInputSelectValueController=new W,this.vegaInputSelectDropdownRenderer=new H,this.vegaInputSelectItemsSlotController=new te,this.formFieldControllerSlimmer=new k({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:e=>"multiple"===e.selectType?[]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaInputSelectDropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.vegaInputSelectDropdownRenderer.getInputSelectContainerRef()]}),this.pageResizeObserverSlimmer=new E,this.lazyLoadController=new Q,this.changeEventEmitter=A(se,j),this.searchEventEmitter=A(se,I),this.eventPrevent=new _([I],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(X),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 r(this.vegaInputSelectRenderer.render(),this.host)}get host(){return o(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};ie([g()],se.prototype,"globalSlimmers",void 0),ie([h()],se.prototype,"sourceController",void 0),ie([h()],se.prototype,"vegaInputSelectRenderer",void 0),ie([h()],se.prototype,"vegaInputSelectDropdownController",void 0),ie([h()],se.prototype,"vegaInputSelectValueController",void 0),ie([h()],se.prototype,"vegaInputSelectDropdownRenderer",void 0),ie([h()],se.prototype,"vegaInputSelectItemsSlotController",void 0),ie([h()],se.prototype,"formFieldControllerSlimmer",void 0),ie([h()],se.prototype,"pageResizeObserverSlimmer",void 0),ie([h()],se.prototype,"lazyLoadController",void 0),ie([h()],se.prototype,"changeEventEmitter",void 0),ie([h()],se.prototype,"searchEventEmitter",void 0),ie([h()],se.prototype,"eventPrevent",void 0),ie([h()],se.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),se.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{se as vega_input_select}

package/dist/vega/{p-025ccc18.js → p-191c5c26.js}

@@ -1 +1 @@
-import{c as t,M as e,V as s}from"./p-6e1ab235.js";import{i,j as n}from"./p-d97770c0.js";import{v as r}from"./p-5f377954.js";import{F as h}from"./p-c3ef9d64.js";var o=function(t,e,s,i){var n,r=arguments.length,h=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,s,i);else for(var o=t.length-1;o>=0;o--)(n=t[o])&&(h=(r<3?n(h):r>3?n(e,s,h):n(e,s))||h);return r>3&&h&&Object.defineProperty(e,s,h),h};class a extends s{constructor(t,e,s,i){if(super(),this.eventIds=[],this.useCapture=!1,this.isEventListenerAdded=!1,this.disabled=!1,this.preventChildEvent=t=>{const e=this.getHostElement();if(!this.shouldSkipEventPrevent())if("function"==typeof this.customPreventHandle)this.customPreventHandle(t);else{const s=t.composedPath();e===t.target&&e===s[0]||t.stopImmediatePropagation()}},this.eventIds=t,this.getHostElement=e,!0===s)this.useCapture=!0;else if(s){const{useCapture:t=!1,customPreventHandle:e}=s;this.useCapture=t,this.customPreventHandle=e}this.disabled=!0===i}setup(){this.addOrRemoveEventListener("add")}checkEventListenerStatus(){this.isEventListenerAdded||this.setup(),this.setSkipEventPreventFlag()}destroy(){this.addOrRemoveEventListener("remove")}setSkipEventPreventFlag(){h.isEnabled("VEGA_REACT.SKIP_NATIVE_EVENT_PREVENT_BY_DEFAULT")&&this.disabled&&this.host&&"react"===r.getVegaEnv().framework&&"native"===i.getSemantics(this.host).namespace&&this.getHostElement().setAttribute("data-vega-no-event-prevent","true")}addOrRemoveEventListener(t){const e=this.getHostElement();this.eventIds&&this.eventIds.length&&e&&(this.eventIds.filter((t=>this.shouldPrevent(t))).forEach((s=>{e["add"===t?"addEventListener":"removeEventListener"](this.getCurrentEventName(s),this.preventChildEvent,this.useCapture)})),this.isEventListenerAdded="add"===t)}getCurrentEventName(t){return t.getCurrentName(i.getSemantics(this.host))}shouldPrevent(t){const{namespace:e,jqueryDelegatedEvent:s}=i.getSemantics(this.host);return!("native"===e&&s&&n.isSupportDelegated(this.host,t))}shouldSkipEventPrevent(){const t=this.getHostElement();return t&&"true"===t.dataset.vegaNoEventPrevent}}o([t()],a.prototype,"host",void 0),o([e("connectedCallback")],a.prototype,"setup",null),o([e("componentDidLoad")],a.prototype,"checkEventListenerStatus",null),o([e("disconnectedCallback")],a.prototype,"destroy",null);export{a as C}
+import{c as t,M as e,V as s}from"./p-6e1ab235.js";import{i,j as n}from"./p-ead1a647.js";import{v as r}from"./p-5f377954.js";import{F as h}from"./p-7c316199.js";var o=function(t,e,s,i){var n,r=arguments.length,h=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,s,i);else for(var o=t.length-1;o>=0;o--)(n=t[o])&&(h=(r<3?n(h):r>3?n(e,s,h):n(e,s))||h);return r>3&&h&&Object.defineProperty(e,s,h),h};class a extends s{constructor(t,e,s,i){if(super(),this.eventIds=[],this.useCapture=!1,this.isEventListenerAdded=!1,this.disabled=!1,this.preventChildEvent=t=>{const e=this.getHostElement();if(!this.shouldSkipEventPrevent())if("function"==typeof this.customPreventHandle)this.customPreventHandle(t);else{const s=t.composedPath();e===t.target&&e===s[0]||t.stopImmediatePropagation()}},this.eventIds=t,this.getHostElement=e,!0===s)this.useCapture=!0;else if(s){const{useCapture:t=!1,customPreventHandle:e}=s;this.useCapture=t,this.customPreventHandle=e}this.disabled=!0===i}setup(){this.addOrRemoveEventListener("add")}checkEventListenerStatus(){this.isEventListenerAdded||this.setup(),this.setSkipEventPreventFlag()}destroy(){this.addOrRemoveEventListener("remove")}setSkipEventPreventFlag(){h.isEnabled("VEGA_REACT.SKIP_NATIVE_EVENT_PREVENT_BY_DEFAULT")&&this.disabled&&this.host&&"react"===r.getVegaEnv().framework&&"native"===i.getSemantics(this.host).namespace&&this.getHostElement().setAttribute("data-vega-no-event-prevent","true")}addOrRemoveEventListener(t){const e=this.getHostElement();this.eventIds&&this.eventIds.length&&e&&(this.eventIds.filter((t=>this.shouldPrevent(t))).forEach((s=>{e["add"===t?"addEventListener":"removeEventListener"](this.getCurrentEventName(s),this.preventChildEvent,this.useCapture)})),this.isEventListenerAdded="add"===t)}getCurrentEventName(t){return t.getCurrentName(i.getSemantics(this.host))}shouldPrevent(t){const{namespace:e,jqueryDelegatedEvent:s}=i.getSemantics(this.host);return!("native"===e&&s&&n.isSupportDelegated(this.host,t))}shouldSkipEventPrevent(){const t=this.getHostElement();return t&&"true"===t.dataset.vegaNoEventPrevent}}o([t()],a.prototype,"host",void 0),o([e("connectedCallback")],a.prototype,"setup",null),o([e("componentDidLoad")],a.prototype,"checkEventListenerStatus",null),o([e("disconnectedCallback")],a.prototype,"destroy",null);export{a as C}

package/dist/vega/{p-00cc05ea.js → p-1c1805aa.js}

@@ -1 +1 @@
-import{i as r,b as e,e as t,j as a,f as s,g as o,k as n,l as i,m as u,n as f,o as c,p as l,q as d,r as b,h as v,s as p,B as m,C as $,t as h}from"./p-12d5ed36.js";import{B as j}from"./p-3542f8fe.js";import{L as g}from"./p-6e1ab235.js";import{R as k}from"./p-ae3f8fe2.js";import{b as w}from"./p-c59042c0.js";import{S as x,s as T}from"./p-0197e7ec.js";import{a as O}from"./p-3c8b2105.js";const S=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(a){return r(a)?`border-color: ${t[a]};`:(g.warn(`The borderColor value ${a} is invalid, it must be a value of: `,e),"")}getStates(){return this.states}},C=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover"]}formatToken(r){return a(r)?`box-shadow: ${o[r]};`:(g.warn(`The shadow value ${r} is invalid, it must be a value of: `,s),"")}getStates(){return this.states}},B=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(r){return n(r)?`border: ${u[r]};`:(g.warn(`The border value ${r} is invalid, it must be a value of: `,i),"")}getStates(){return this.states}},F=new class{format(r,e){switch(e){case"backgroundColor":return T.format(r);case"borderColor":return S.format(r);case"shadow":return C.format(r);case"border":return B.format(r);default:throw new Error(`Invalid flag ${e} passed into StateFormatFacade`)}}};function q(r,e,t){g.warn(`The ${r} value ${e} is invalid, it must be a value of: `,t)}function y(r,e){let t="";return e.includes("dark")&&(t+=` dark:v-dark-${r}`),t}function E(r){if(f(r))return`v-p-${r}`;q("padding",r,Object.keys(v))}function I(r){if(p(r))return`v-border-${r}`;q("border-style",r,O)}function L(r){if(c(r))return`v-${r}`;q("border-radius",r,Object.keys(m))}function R(e){if(r(e))return`v-${e}`;q("border-color",e,$.filter((()=>/^border-color-.+$/.test)))}function z(r,e=[]){if(l(r))return`v-${r}`+y(r,e);q("background-color",r,$.filter((()=>/^bg-.+$/.test)))}function A(r,e=[]){if(d(r))return`v-${r}`+y(r,e);q("text-color",r,$.filter((()=>/^text-.+$/.test)))}function D(r){if(b(r))return`vega-flex-${r}`;q("breakpoint",r,Object.keys(j))}function G(r){if(b(r))return j[r];q("breakpoint",r,Object.keys(j))}function H(r){if(f(r))return`v-gap-${r}`;q("gap",r,Object.keys(v))}function J(r,e=[]){if(a(r))return`v-${r}`+y(r,e);q("shadows",r,s)}function K(r,e){if(null!=r)return k.format(r,e)}function M(r){if(h(r))return`v-${r}`;q("font",r,w)}function N(r,e){if(null!=r)return F.format(r,e)}export{H as a,J as b,G as c,z as d,R as e,K as f,L as g,E as h,A as i,N as j,I as k,D as l,M as m}
+import{i as r,b as e,e as t,j as a,f as s,g as o,k as n,l as i,m as u,n as f,o as c,p as l,q as d,r as b,h as v,s as p,B as m,C as $,t as h}from"./p-2df25c7f.js";import{B as j}from"./p-3542f8fe.js";import{L as g}from"./p-6e1ab235.js";import{R as k}from"./p-a73c06f0.js";import{b as w}from"./p-c59042c0.js";import{S as x,s as T}from"./p-770c736e.js";import{a as O}from"./p-3c8b2105.js";const S=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(a){return r(a)?`border-color: ${t[a]};`:(g.warn(`The borderColor value ${a} is invalid, it must be a value of: `,e),"")}getStates(){return this.states}},C=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover"]}formatToken(r){return a(r)?`box-shadow: ${o[r]};`:(g.warn(`The shadow value ${r} is invalid, it must be a value of: `,s),"")}getStates(){return this.states}},B=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(r){return n(r)?`border: ${u[r]};`:(g.warn(`The border value ${r} is invalid, it must be a value of: `,i),"")}getStates(){return this.states}},F=new class{format(r,e){switch(e){case"backgroundColor":return T.format(r);case"borderColor":return S.format(r);case"shadow":return C.format(r);case"border":return B.format(r);default:throw new Error(`Invalid flag ${e} passed into StateFormatFacade`)}}};function q(r,e,t){g.warn(`The ${r} value ${e} is invalid, it must be a value of: `,t)}function y(r,e){let t="";return e.includes("dark")&&(t+=` dark:v-dark-${r}`),t}function E(r){if(f(r))return`v-p-${r}`;q("padding",r,Object.keys(v))}function I(r){if(p(r))return`v-border-${r}`;q("border-style",r,O)}function L(r){if(c(r))return`v-${r}`;q("border-radius",r,Object.keys(m))}function R(e){if(r(e))return`v-${e}`;q("border-color",e,$.filter((()=>/^border-color-.+$/.test)))}function z(r,e=[]){if(l(r))return`v-${r}`+y(r,e);q("background-color",r,$.filter((()=>/^bg-.+$/.test)))}function A(r,e=[]){if(d(r))return`v-${r}`+y(r,e);q("text-color",r,$.filter((()=>/^text-.+$/.test)))}function D(r){if(b(r))return`vega-flex-${r}`;q("breakpoint",r,Object.keys(j))}function G(r){if(b(r))return j[r];q("breakpoint",r,Object.keys(j))}function H(r){if(f(r))return`v-gap-${r}`;q("gap",r,Object.keys(v))}function J(r,e=[]){if(a(r))return`v-${r}`+y(r,e);q("shadows",r,s)}function K(r,e){if(null!=r)return k.format(r,e)}function M(r){if(h(r))return`v-${r}`;q("font",r,w)}function N(r,e){if(null!=r)return F.format(r,e)}export{H as a,J as b,G as c,z as d,R as e,K as f,L as g,E as h,A as i,N as j,I as k,D as l,M as m}

package/dist/vega/p-1cb8f21a.entry.js

@@ -0,0 +1 @@
+import{r as i,h as s,H as t,g as e}from"./p-1c298d5a.js";import{F as m}from"./p-7c316199.js";import{s as o}from"./p-9b797118.js";import{f as p,l as a}from"./p-1c1805aa.js";import{a as v}from"./p-4163c2c2.js";import{I as g}from"./p-6e1ab235.js";import{V as r,I as z}from"./p-61f6167c.js";import{P as x}from"./p-883a939b.js";import{f as h}from"./p-8ca2b2a6.js";import"./p-f404aa83.js";import"./p-2df25c7f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-a73c06f0.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-770c736e.js";const n=[{payloadKey:"BREAK_POINT_IS_NONE",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"None"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_DEFAULT",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"default"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_S",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"S"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_M",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"M"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_L",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"L"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_XL",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"XL"===i.breakpoint},{payloadKey:"USE_NATIVE_FLEX_IS_TRUE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!0===i.useNativeFlex},{payloadKey:"USE_NATIVE_FLEX_IS_FALSE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!1===i.useNativeFlex}];var l=function(i,s,t,e){var m,o=arguments.length,p=o<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,t):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(i,s,t,e);else for(var a=i.length-1;a>=0;a--)(m=i[a])&&(p=(o<3?m(p):o>3?m(s,t,p):m(s,t))||p);return o>3&&p&&Object.defineProperty(s,t,p),p};const L=class{constructor(s){i(this,s),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new r(n),this.pageResizeSlimmer=new x,this.breakpoint="S",this.direction="row",this.useNativeFlex=!0}render(){const i=[p(this.gap,"gap"),p(this.margin,"margin"),"None"===this.breakpoint||m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")?"":a(this.breakpoint),p(this.alignItems,"flexAlignItem"),p(this.justifyContent,"flexJustifyContent"),p(this.flexWrap,"flexWrap"),this.useNativeFlex?"vega-flex-native-based":""];(m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")||"None"===this.breakpoint)&&(i.push("vega-flex-None"),i.push(p(this.direction,"flexDirection")));const e=h(this.flex,this.flexGrow,this.flexShrink,this.flexBasis);return o(s(t,{style:e,class:v(i)},s("slot",null)),this.host)}get host(){return e(this)}};l([z()],L.prototype,"globalSlimmers",void 0),l([g()],L.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),l([g()],L.prototype,"pageResizeSlimmer",void 0),L.style=':host(.v-m-0),.v-m-0{margin:0px}:host(.v-mx-0),.v-mx-0{margin-left:0px;margin-right:0px}:host(.v-my-0),.v-my-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-0),.v-mt-0{margin-top:0px}:host(.v-mb-0),.v-mb-0{margin-bottom:0px}:host(.v-mr-0),.v-mr-0{margin-right:0px}:host(.v-ml-0),.v-ml-0{margin-left:0px}:host(.v-m-size-0),.v-m-size-0{margin:0px}:host(.v-mx-size-0),.v-mx-size-0{margin-left:0px;margin-right:0px}:host(.v-my-size-0),.v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-size-0),.v-mt-size-0{margin-top:0px}:host(.v-mb-size-0),.v-mb-size-0{margin-bottom:0px}:host(.v-mr-size-0),.v-mr-size-0{margin-right:0px}:host(.v-ml-size-0),.v-ml-size-0{margin-left:0px}:host(.v-m-size-4),.v-m-size-4{margin:4px}:host(.v-mx-size-4),.v-mx-size-4{margin-left:4px;margin-right:4px}:host(.v-my-size-4),.v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.v-mt-size-4),.v-mt-size-4{margin-top:4px}:host(.v-mb-size-4),.v-mb-size-4{margin-bottom:4px}:host(.v-mr-size-4),.v-mr-size-4{margin-right:4px}:host(.v-ml-size-4),.v-ml-size-4{margin-left:4px}:host(.v-m-size-8),.v-m-size-8{margin:8px}:host(.v-mx-size-8),.v-mx-size-8{margin-left:8px;margin-right:8px}:host(.v-my-size-8),.v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.v-mt-size-8),.v-mt-size-8{margin-top:8px}:host(.v-mb-size-8),.v-mb-size-8{margin-bottom:8px}:host(.v-mr-size-8),.v-mr-size-8{margin-right:8px}:host(.v-ml-size-8),.v-ml-size-8{margin-left:8px}:host(.v-m-size-12),.v-m-size-12{margin:12px}:host(.v-mx-size-12),.v-mx-size-12{margin-left:12px;margin-right:12px}:host(.v-my-size-12),.v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.v-mt-size-12),.v-mt-size-12{margin-top:12px}:host(.v-mb-size-12),.v-mb-size-12{margin-bottom:12px}:host(.v-mr-size-12),.v-mr-size-12{margin-right:12px}:host(.v-ml-size-12),.v-ml-size-12{margin-left:12px}:host(.v-m-size-16),.v-m-size-16{margin:16px}:host(.v-mx-size-16),.v-mx-size-16{margin-left:16px;margin-right:16px}:host(.v-my-size-16),.v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.v-mt-size-16),.v-mt-size-16{margin-top:16px}:host(.v-mb-size-16),.v-mb-size-16{margin-bottom:16px}:host(.v-mr-size-16),.v-mr-size-16{margin-right:16px}:host(.v-ml-size-16),.v-ml-size-16{margin-left:16px}:host(.v-m-size-20),.v-m-size-20{margin:20px}:host(.v-mx-size-20),.v-mx-size-20{margin-left:20px;margin-right:20px}:host(.v-my-size-20),.v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.v-mt-size-20),.v-mt-size-20{margin-top:20px}:host(.v-mb-size-20),.v-mb-size-20{margin-bottom:20px}:host(.v-mr-size-20),.v-mr-size-20{margin-right:20px}:host(.v-ml-size-20),.v-ml-size-20{margin-left:20px}:host(.v-m-size-24),.v-m-size-24{margin:24px}:host(.v-mx-size-24),.v-mx-size-24{margin-left:24px;margin-right:24px}:host(.v-my-size-24),.v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.v-mt-size-24),.v-mt-size-24{margin-top:24px}:host(.v-mb-size-24),.v-mb-size-24{margin-bottom:24px}:host(.v-mr-size-24),.v-mr-size-24{margin-right:24px}:host(.v-ml-size-24),.v-ml-size-24{margin-left:24px}:host(.v-m-size-32),.v-m-size-32{margin:32px}:host(.v-mx-size-32),.v-mx-size-32{margin-left:32px;margin-right:32px}:host(.v-my-size-32),.v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.v-mt-size-32),.v-mt-size-32{margin-top:32px}:host(.v-mb-size-32),.v-mb-size-32{margin-bottom:32px}:host(.v-mr-size-32),.v-mr-size-32{margin-right:32px}:host(.v-ml-size-32),.v-ml-size-32{margin-left:32px}:host(.v-m-size-40),.v-m-size-40{margin:40px}:host(.v-mx-size-40),.v-mx-size-40{margin-left:40px;margin-right:40px}:host(.v-my-size-40),.v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.v-mt-size-40),.v-mt-size-40{margin-top:40px}:host(.v-mb-size-40),.v-mb-size-40{margin-bottom:40px}:host(.v-mr-size-40),.v-mr-size-40{margin-right:40px}:host(.v-ml-size-40),.v-ml-size-40{margin-left:40px}:host(.v-m-size-48),.v-m-size-48{margin:48px}:host(.v-mx-size-48),.v-mx-size-48{margin-left:48px;margin-right:48px}:host(.v-my-size-48),.v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.v-mt-size-48),.v-mt-size-48{margin-top:48px}:host(.v-mb-size-48),.v-mb-size-48{margin-bottom:48px}:host(.v-mr-size-48),.v-mr-size-48{margin-right:48px}:host(.v-ml-size-48),.v-ml-size-48{margin-left:48px}:host(.v-m-size-64),.v-m-size-64{margin:64px}:host(.v-mx-size-64),.v-mx-size-64{margin-left:64px;margin-right:64px}:host(.v-my-size-64),.v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.v-mt-size-64),.v-mt-size-64{margin-top:64px}:host(.v-mb-size-64),.v-mb-size-64{margin-bottom:64px}:host(.v-mr-size-64),.v-mr-size-64{margin-right:64px}:host(.v-ml-size-64),.v-ml-size-64{margin-left:64px}:host(.v-m-size-72),.v-m-size-72{margin:72px}:host(.v-mx-size-72),.v-mx-size-72{margin-left:72px;margin-right:72px}:host(.v-my-size-72),.v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.v-mt-size-72),.v-mt-size-72{margin-top:72px}:host(.v-mb-size-72),.v-mb-size-72{margin-bottom:72px}:host(.v-mr-size-72),.v-mr-size-72{margin-right:72px}:host(.v-ml-size-72),.v-ml-size-72{margin-left:72px}:host(.v-m-size-80),.v-m-size-80{margin:80px}:host(.v-mx-size-80),.v-mx-size-80{margin-left:80px;margin-right:80px}:host(.v-my-size-80),.v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.v-mt-size-80),.v-mt-size-80{margin-top:80px}:host(.v-mb-size-80),.v-mb-size-80{margin-bottom:80px}:host(.v-mr-size-80),.v-mr-size-80{margin-right:80px}:host(.v-ml-size-80),.v-ml-size-80{margin-left:80px}:host(.v-m-size-112),.v-m-size-112{margin:112px}:host(.v-mx-size-112),.v-mx-size-112{margin-left:112px;margin-right:112px}:host(.v-my-size-112),.v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.v-mt-size-112),.v-mt-size-112{margin-top:112px}:host(.v-mb-size-112),.v-mb-size-112{margin-bottom:112px}:host(.v-mr-size-112),.v-mr-size-112{margin-right:112px}:host(.v-ml-size-112),.v-ml-size-112{margin-left:112px}:host(.v-m-size-2),.v-m-size-2{margin:2px}:host(.v-mx-size-2),.v-mx-size-2{margin-left:2px;margin-right:2px}:host(.v-my-size-2),.v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.v-mt-size-2),.v-mt-size-2{margin-top:2px}:host(.v-mb-size-2),.v-mb-size-2{margin-bottom:2px}:host(.v-mr-size-2),.v-mr-size-2{margin-right:2px}:host(.v-ml-size-2),.v-ml-size-2{margin-left:2px}@media (min-width: 320px){:host(.S\\:v-m-0),.S\\:v-m-0{margin:0px}:host(.S\\:v-mx-0),.S\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-0),.S\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-0),.S\\:v-mt-0{margin-top:0px}:host(.S\\:v-mb-0),.S\\:v-mb-0{margin-bottom:0px}:host(.S\\:v-mr-0),.S\\:v-mr-0{margin-right:0px}:host(.S\\:v-ml-0),.S\\:v-ml-0{margin-left:0px}:host(.S\\:v-m-size-0),.S\\:v-m-size-0{margin:0px}:host(.S\\:v-mx-size-0),.S\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-size-0),.S\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-size-0),.S\\:v-mt-size-0{margin-top:0px}:host(.S\\:v-mb-size-0),.S\\:v-mb-size-0{margin-bottom:0px}:host(.S\\:v-mr-size-0),.S\\:v-mr-size-0{margin-right:0px}:host(.S\\:v-ml-size-0),.S\\:v-ml-size-0{margin-left:0px}:host(.S\\:v-m-size-4),.S\\:v-m-size-4{margin:4px}:host(.S\\:v-mx-size-4),.S\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.S\\:v-my-size-4),.S\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.S\\:v-mt-size-4),.S\\:v-mt-size-4{margin-top:4px}:host(.S\\:v-mb-size-4),.S\\:v-mb-size-4{margin-bottom:4px}:host(.S\\:v-mr-size-4),.S\\:v-mr-size-4{margin-right:4px}:host(.S\\:v-ml-size-4),.S\\:v-ml-size-4{margin-left:4px}:host(.S\\:v-m-size-8),.S\\:v-m-size-8{margin:8px}:host(.S\\:v-mx-size-8),.S\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.S\\:v-my-size-8),.S\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.S\\:v-mt-size-8),.S\\:v-mt-size-8{margin-top:8px}:host(.S\\:v-mb-size-8),.S\\:v-mb-size-8{margin-bottom:8px}:host(.S\\:v-mr-size-8),.S\\:v-mr-size-8{margin-right:8px}:host(.S\\:v-ml-size-8),.S\\:v-ml-size-8{margin-left:8px}:host(.S\\:v-m-size-12),.S\\:v-m-size-12{margin:12px}:host(.S\\:v-mx-size-12),.S\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.S\\:v-my-size-12),.S\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.S\\:v-mt-size-12),.S\\:v-mt-size-12{margin-top:12px}:host(.S\\:v-mb-size-12),.S\\:v-mb-size-12{margin-bottom:12px}:host(.S\\:v-mr-size-12),.S\\:v-mr-size-12{margin-right:12px}:host(.S\\:v-ml-size-12),.S\\:v-ml-size-12{margin-left:12px}:host(.S\\:v-m-size-16),.S\\:v-m-size-16{margin:16px}:host(.S\\:v-mx-size-16),.S\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.S\\:v-my-size-16),.S\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.S\\:v-mt-size-16),.S\\:v-mt-size-16{margin-top:16px}:host(.S\\:v-mb-size-16),.S\\:v-mb-size-16{margin-bottom:16px}:host(.S\\:v-mr-size-16),.S\\:v-mr-size-16{margin-right:16px}:host(.S\\:v-ml-size-16),.S\\:v-ml-size-16{margin-left:16px}:host(.S\\:v-m-size-20),.S\\:v-m-size-20{margin:20px}:host(.S\\:v-mx-size-20),.S\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.S\\:v-my-size-20),.S\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.S\\:v-mt-size-20),.S\\:v-mt-size-20{margin-top:20px}:host(.S\\:v-mb-size-20),.S\\:v-mb-size-20{margin-bottom:20px}:host(.S\\:v-mr-size-20),.S\\:v-mr-size-20{margin-right:20px}:host(.S\\:v-ml-size-20),.S\\:v-ml-size-20{margin-left:20px}:host(.S\\:v-m-size-24),.S\\:v-m-size-24{margin:24px}:host(.S\\:v-mx-size-24),.S\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.S\\:v-my-size-24),.S\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.S\\:v-mt-size-24),.S\\:v-mt-size-24{margin-top:24px}:host(.S\\:v-mb-size-24),.S\\:v-mb-size-24{margin-bottom:24px}:host(.S\\:v-mr-size-24),.S\\:v-mr-size-24{margin-right:24px}:host(.S\\:v-ml-size-24),.S\\:v-ml-size-24{margin-left:24px}:host(.S\\:v-m-size-32),.S\\:v-m-size-32{margin:32px}:host(.S\\:v-mx-size-32),.S\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.S\\:v-my-size-32),.S\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.S\\:v-mt-size-32),.S\\:v-mt-size-32{margin-top:32px}:host(.S\\:v-mb-size-32),.S\\:v-mb-size-32{margin-bottom:32px}:host(.S\\:v-mr-size-32),.S\\:v-mr-size-32{margin-right:32px}:host(.S\\:v-ml-size-32),.S\\:v-ml-size-32{margin-left:32px}:host(.S\\:v-m-size-40),.S\\:v-m-size-40{margin:40px}:host(.S\\:v-mx-size-40),.S\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.S\\:v-my-size-40),.S\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.S\\:v-mt-size-40),.S\\:v-mt-size-40{margin-top:40px}:host(.S\\:v-mb-size-40),.S\\:v-mb-size-40{margin-bottom:40px}:host(.S\\:v-mr-size-40),.S\\:v-mr-size-40{margin-right:40px}:host(.S\\:v-ml-size-40),.S\\:v-ml-size-40{margin-left:40px}:host(.S\\:v-m-size-48),.S\\:v-m-size-48{margin:48px}:host(.S\\:v-mx-size-48),.S\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.S\\:v-my-size-48),.S\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.S\\:v-mt-size-48),.S\\:v-mt-size-48{margin-top:48px}:host(.S\\:v-mb-size-48),.S\\:v-mb-size-48{margin-bottom:48px}:host(.S\\:v-mr-size-48),.S\\:v-mr-size-48{margin-right:48px}:host(.S\\:v-ml-size-48),.S\\:v-ml-size-48{margin-left:48px}:host(.S\\:v-m-size-64),.S\\:v-m-size-64{margin:64px}:host(.S\\:v-mx-size-64),.S\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.S\\:v-my-size-64),.S\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.S\\:v-mt-size-64),.S\\:v-mt-size-64{margin-top:64px}:host(.S\\:v-mb-size-64),.S\\:v-mb-size-64{margin-bottom:64px}:host(.S\\:v-mr-size-64),.S\\:v-mr-size-64{margin-right:64px}:host(.S\\:v-ml-size-64),.S\\:v-ml-size-64{margin-left:64px}:host(.S\\:v-m-size-72),.S\\:v-m-size-72{margin:72px}:host(.S\\:v-mx-size-72),.S\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.S\\:v-my-size-72),.S\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.S\\:v-mt-size-72),.S\\:v-mt-size-72{margin-top:72px}:host(.S\\:v-mb-size-72),.S\\:v-mb-size-72{margin-bottom:72px}:host(.S\\:v-mr-size-72),.S\\:v-mr-size-72{margin-right:72px}:host(.S\\:v-ml-size-72),.S\\:v-ml-size-72{margin-left:72px}:host(.S\\:v-m-size-80),.S\\:v-m-size-80{margin:80px}:host(.S\\:v-mx-size-80),.S\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.S\\:v-my-size-80),.S\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.S\\:v-mt-size-80),.S\\:v-mt-size-80{margin-top:80px}:host(.S\\:v-mb-size-80),.S\\:v-mb-size-80{margin-bottom:80px}:host(.S\\:v-mr-size-80),.S\\:v-mr-size-80{margin-right:80px}:host(.S\\:v-ml-size-80),.S\\:v-ml-size-80{margin-left:80px}:host(.S\\:v-m-size-112),.S\\:v-m-size-112{margin:112px}:host(.S\\:v-mx-size-112),.S\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.S\\:v-my-size-112),.S\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.S\\:v-mt-size-112),.S\\:v-mt-size-112{margin-top:112px}:host(.S\\:v-mb-size-112),.S\\:v-mb-size-112{margin-bottom:112px}:host(.S\\:v-mr-size-112),.S\\:v-mr-size-112{margin-right:112px}:host(.S\\:v-ml-size-112),.S\\:v-ml-size-112{margin-left:112px}:host(.S\\:v-m-size-2),.S\\:v-m-size-2{margin:2px}:host(.S\\:v-mx-size-2),.S\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.S\\:v-my-size-2),.S\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.S\\:v-mt-size-2),.S\\:v-mt-size-2{margin-top:2px}:host(.S\\:v-mb-size-2),.S\\:v-mb-size-2{margin-bottom:2px}:host(.S\\:v-mr-size-2),.S\\:v-mr-size-2{margin-right:2px}:host(.S\\:v-ml-size-2),.S\\:v-ml-size-2{margin-left:2px}}@media (min-width: 768px){:host(.M\\:v-m-0),.M\\:v-m-0{margin:0px}:host(.M\\:v-mx-0),.M\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-0),.M\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-0),.M\\:v-mt-0{margin-top:0px}:host(.M\\:v-mb-0),.M\\:v-mb-0{margin-bottom:0px}:host(.M\\:v-mr-0),.M\\:v-mr-0{margin-right:0px}:host(.M\\:v-ml-0),.M\\:v-ml-0{margin-left:0px}:host(.M\\:v-m-size-0),.M\\:v-m-size-0{margin:0px}:host(.M\\:v-mx-size-0),.M\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-size-0),.M\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-size-0),.M\\:v-mt-size-0{margin-top:0px}:host(.M\\:v-mb-size-0),.M\\:v-mb-size-0{margin-bottom:0px}:host(.M\\:v-mr-size-0),.M\\:v-mr-size-0{margin-right:0px}:host(.M\\:v-ml-size-0),.M\\:v-ml-size-0{margin-left:0px}:host(.M\\:v-m-size-4),.M\\:v-m-size-4{margin:4px}:host(.M\\:v-mx-size-4),.M\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.M\\:v-my-size-4),.M\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.M\\:v-mt-size-4),.M\\:v-mt-size-4{margin-top:4px}:host(.M\\:v-mb-size-4),.M\\:v-mb-size-4{margin-bottom:4px}:host(.M\\:v-mr-size-4),.M\\:v-mr-size-4{margin-right:4px}:host(.M\\:v-ml-size-4),.M\\:v-ml-size-4{margin-left:4px}:host(.M\\:v-m-size-8),.M\\:v-m-size-8{margin:8px}:host(.M\\:v-mx-size-8),.M\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.M\\:v-my-size-8),.M\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.M\\:v-mt-size-8),.M\\:v-mt-size-8{margin-top:8px}:host(.M\\:v-mb-size-8),.M\\:v-mb-size-8{margin-bottom:8px}:host(.M\\:v-mr-size-8),.M\\:v-mr-size-8{margin-right:8px}:host(.M\\:v-ml-size-8),.M\\:v-ml-size-8{margin-left:8px}:host(.M\\:v-m-size-12),.M\\:v-m-size-12{margin:12px}:host(.M\\:v-mx-size-12),.M\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.M\\:v-my-size-12),.M\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.M\\:v-mt-size-12),.M\\:v-mt-size-12{margin-top:12px}:host(.M\\:v-mb-size-12),.M\\:v-mb-size-12{margin-bottom:12px}:host(.M\\:v-mr-size-12),.M\\:v-mr-size-12{margin-right:12px}:host(.M\\:v-ml-size-12),.M\\:v-ml-size-12{margin-left:12px}:host(.M\\:v-m-size-16),.M\\:v-m-size-16{margin:16px}:host(.M\\:v-mx-size-16),.M\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.M\\:v-my-size-16),.M\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.M\\:v-mt-size-16),.M\\:v-mt-size-16{margin-top:16px}:host(.M\\:v-mb-size-16),.M\\:v-mb-size-16{margin-bottom:16px}:host(.M\\:v-mr-size-16),.M\\:v-mr-size-16{margin-right:16px}:host(.M\\:v-ml-size-16),.M\\:v-ml-size-16{margin-left:16px}:host(.M\\:v-m-size-20),.M\\:v-m-size-20{margin:20px}:host(.M\\:v-mx-size-20),.M\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.M\\:v-my-size-20),.M\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.M\\:v-mt-size-20),.M\\:v-mt-size-20{margin-top:20px}:host(.M\\:v-mb-size-20),.M\\:v-mb-size-20{margin-bottom:20px}:host(.M\\:v-mr-size-20),.M\\:v-mr-size-20{margin-right:20px}:host(.M\\:v-ml-size-20),.M\\:v-ml-size-20{margin-left:20px}:host(.M\\:v-m-size-24),.M\\:v-m-size-24{margin:24px}:host(.M\\:v-mx-size-24),.M\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.M\\:v-my-size-24),.M\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.M\\:v-mt-size-24),.M\\:v-mt-size-24{margin-top:24px}:host(.M\\:v-mb-size-24),.M\\:v-mb-size-24{margin-bottom:24px}:host(.M\\:v-mr-size-24),.M\\:v-mr-size-24{margin-right:24px}:host(.M\\:v-ml-size-24),.M\\:v-ml-size-24{margin-left:24px}:host(.M\\:v-m-size-32),.M\\:v-m-size-32{margin:32px}:host(.M\\:v-mx-size-32),.M\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.M\\:v-my-size-32),.M\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.M\\:v-mt-size-32),.M\\:v-mt-size-32{margin-top:32px}:host(.M\\:v-mb-size-32),.M\\:v-mb-size-32{margin-bottom:32px}:host(.M\\:v-mr-size-32),.M\\:v-mr-size-32{margin-right:32px}:host(.M\\:v-ml-size-32),.M\\:v-ml-size-32{margin-left:32px}:host(.M\\:v-m-size-40),.M\\:v-m-size-40{margin:40px}:host(.M\\:v-mx-size-40),.M\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.M\\:v-my-size-40),.M\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.M\\:v-mt-size-40),.M\\:v-mt-size-40{margin-top:40px}:host(.M\\:v-mb-size-40),.M\\:v-mb-size-40{margin-bottom:40px}:host(.M\\:v-mr-size-40),.M\\:v-mr-size-40{margin-right:40px}:host(.M\\:v-ml-size-40),.M\\:v-ml-size-40{margin-left:40px}:host(.M\\:v-m-size-48),.M\\:v-m-size-48{margin:48px}:host(.M\\:v-mx-size-48),.M\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.M\\:v-my-size-48),.M\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.M\\:v-mt-size-48),.M\\:v-mt-size-48{margin-top:48px}:host(.M\\:v-mb-size-48),.M\\:v-mb-size-48{margin-bottom:48px}:host(.M\\:v-mr-size-48),.M\\:v-mr-size-48{margin-right:48px}:host(.M\\:v-ml-size-48),.M\\:v-ml-size-48{margin-left:48px}:host(.M\\:v-m-size-64),.M\\:v-m-size-64{margin:64px}:host(.M\\:v-mx-size-64),.M\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.M\\:v-my-size-64),.M\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.M\\:v-mt-size-64),.M\\:v-mt-size-64{margin-top:64px}:host(.M\\:v-mb-size-64),.M\\:v-mb-size-64{margin-bottom:64px}:host(.M\\:v-mr-size-64),.M\\:v-mr-size-64{margin-right:64px}:host(.M\\:v-ml-size-64),.M\\:v-ml-size-64{margin-left:64px}:host(.M\\:v-m-size-72),.M\\:v-m-size-72{margin:72px}:host(.M\\:v-mx-size-72),.M\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.M\\:v-my-size-72),.M\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.M\\:v-mt-size-72),.M\\:v-mt-size-72{margin-top:72px}:host(.M\\:v-mb-size-72),.M\\:v-mb-size-72{margin-bottom:72px}:host(.M\\:v-mr-size-72),.M\\:v-mr-size-72{margin-right:72px}:host(.M\\:v-ml-size-72),.M\\:v-ml-size-72{margin-left:72px}:host(.M\\:v-m-size-80),.M\\:v-m-size-80{margin:80px}:host(.M\\:v-mx-size-80),.M\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.M\\:v-my-size-80),.M\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.M\\:v-mt-size-80),.M\\:v-mt-size-80{margin-top:80px}:host(.M\\:v-mb-size-80),.M\\:v-mb-size-80{margin-bottom:80px}:host(.M\\:v-mr-size-80),.M\\:v-mr-size-80{margin-right:80px}:host(.M\\:v-ml-size-80),.M\\:v-ml-size-80{margin-left:80px}:host(.M\\:v-m-size-112),.M\\:v-m-size-112{margin:112px}:host(.M\\:v-mx-size-112),.M\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.M\\:v-my-size-112),.M\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.M\\:v-mt-size-112),.M\\:v-mt-size-112{margin-top:112px}:host(.M\\:v-mb-size-112),.M\\:v-mb-size-112{margin-bottom:112px}:host(.M\\:v-mr-size-112),.M\\:v-mr-size-112{margin-right:112px}:host(.M\\:v-ml-size-112),.M\\:v-ml-size-112{margin-left:112px}:host(.M\\:v-m-size-2),.M\\:v-m-size-2{margin:2px}:host(.M\\:v-mx-size-2),.M\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.M\\:v-my-size-2),.M\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.M\\:v-mt-size-2),.M\\:v-mt-size-2{margin-top:2px}:host(.M\\:v-mb-size-2),.M\\:v-mb-size-2{margin-bottom:2px}:host(.M\\:v-mr-size-2),.M\\:v-mr-size-2{margin-right:2px}:host(.M\\:v-ml-size-2),.M\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1024px){:host(.L\\:v-m-0),.L\\:v-m-0{margin:0px}:host(.L\\:v-mx-0),.L\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-0),.L\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-0),.L\\:v-mt-0{margin-top:0px}:host(.L\\:v-mb-0),.L\\:v-mb-0{margin-bottom:0px}:host(.L\\:v-mr-0),.L\\:v-mr-0{margin-right:0px}:host(.L\\:v-ml-0),.L\\:v-ml-0{margin-left:0px}:host(.L\\:v-m-size-0),.L\\:v-m-size-0{margin:0px}:host(.L\\:v-mx-size-0),.L\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-size-0),.L\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-size-0),.L\\:v-mt-size-0{margin-top:0px}:host(.L\\:v-mb-size-0),.L\\:v-mb-size-0{margin-bottom:0px}:host(.L\\:v-mr-size-0),.L\\:v-mr-size-0{margin-right:0px}:host(.L\\:v-ml-size-0),.L\\:v-ml-size-0{margin-left:0px}:host(.L\\:v-m-size-4),.L\\:v-m-size-4{margin:4px}:host(.L\\:v-mx-size-4),.L\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.L\\:v-my-size-4),.L\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.L\\:v-mt-size-4),.L\\:v-mt-size-4{margin-top:4px}:host(.L\\:v-mb-size-4),.L\\:v-mb-size-4{margin-bottom:4px}:host(.L\\:v-mr-size-4),.L\\:v-mr-size-4{margin-right:4px}:host(.L\\:v-ml-size-4),.L\\:v-ml-size-4{margin-left:4px}:host(.L\\:v-m-size-8),.L\\:v-m-size-8{margin:8px}:host(.L\\:v-mx-size-8),.L\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.L\\:v-my-size-8),.L\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.L\\:v-mt-size-8),.L\\:v-mt-size-8{margin-top:8px}:host(.L\\:v-mb-size-8),.L\\:v-mb-size-8{margin-bottom:8px}:host(.L\\:v-mr-size-8),.L\\:v-mr-size-8{margin-right:8px}:host(.L\\:v-ml-size-8),.L\\:v-ml-size-8{margin-left:8px}:host(.L\\:v-m-size-12),.L\\:v-m-size-12{margin:12px}:host(.L\\:v-mx-size-12),.L\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.L\\:v-my-size-12),.L\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.L\\:v-mt-size-12),.L\\:v-mt-size-12{margin-top:12px}:host(.L\\:v-mb-size-12),.L\\:v-mb-size-12{margin-bottom:12px}:host(.L\\:v-mr-size-12),.L\\:v-mr-size-12{margin-right:12px}:host(.L\\:v-ml-size-12),.L\\:v-ml-size-12{margin-left:12px}:host(.L\\:v-m-size-16),.L\\:v-m-size-16{margin:16px}:host(.L\\:v-mx-size-16),.L\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.L\\:v-my-size-16),.L\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.L\\:v-mt-size-16),.L\\:v-mt-size-16{margin-top:16px}:host(.L\\:v-mb-size-16),.L\\:v-mb-size-16{margin-bottom:16px}:host(.L\\:v-mr-size-16),.L\\:v-mr-size-16{margin-right:16px}:host(.L\\:v-ml-size-16),.L\\:v-ml-size-16{margin-left:16px}:host(.L\\:v-m-size-20),.L\\:v-m-size-20{margin:20px}:host(.L\\:v-mx-size-20),.L\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.L\\:v-my-size-20),.L\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.L\\:v-mt-size-20),.L\\:v-mt-size-20{margin-top:20px}:host(.L\\:v-mb-size-20),.L\\:v-mb-size-20{margin-bottom:20px}:host(.L\\:v-mr-size-20),.L\\:v-mr-size-20{margin-right:20px}:host(.L\\:v-ml-size-20),.L\\:v-ml-size-20{margin-left:20px}:host(.L\\:v-m-size-24),.L\\:v-m-size-24{margin:24px}:host(.L\\:v-mx-size-24),.L\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.L\\:v-my-size-24),.L\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.L\\:v-mt-size-24),.L\\:v-mt-size-24{margin-top:24px}:host(.L\\:v-mb-size-24),.L\\:v-mb-size-24{margin-bottom:24px}:host(.L\\:v-mr-size-24),.L\\:v-mr-size-24{margin-right:24px}:host(.L\\:v-ml-size-24),.L\\:v-ml-size-24{margin-left:24px}:host(.L\\:v-m-size-32),.L\\:v-m-size-32{margin:32px}:host(.L\\:v-mx-size-32),.L\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.L\\:v-my-size-32),.L\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.L\\:v-mt-size-32),.L\\:v-mt-size-32{margin-top:32px}:host(.L\\:v-mb-size-32),.L\\:v-mb-size-32{margin-bottom:32px}:host(.L\\:v-mr-size-32),.L\\:v-mr-size-32{margin-right:32px}:host(.L\\:v-ml-size-32),.L\\:v-ml-size-32{margin-left:32px}:host(.L\\:v-m-size-40),.L\\:v-m-size-40{margin:40px}:host(.L\\:v-mx-size-40),.L\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.L\\:v-my-size-40),.L\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.L\\:v-mt-size-40),.L\\:v-mt-size-40{margin-top:40px}:host(.L\\:v-mb-size-40),.L\\:v-mb-size-40{margin-bottom:40px}:host(.L\\:v-mr-size-40),.L\\:v-mr-size-40{margin-right:40px}:host(.L\\:v-ml-size-40),.L\\:v-ml-size-40{margin-left:40px}:host(.L\\:v-m-size-48),.L\\:v-m-size-48{margin:48px}:host(.L\\:v-mx-size-48),.L\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.L\\:v-my-size-48),.L\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.L\\:v-mt-size-48),.L\\:v-mt-size-48{margin-top:48px}:host(.L\\:v-mb-size-48),.L\\:v-mb-size-48{margin-bottom:48px}:host(.L\\:v-mr-size-48),.L\\:v-mr-size-48{margin-right:48px}:host(.L\\:v-ml-size-48),.L\\:v-ml-size-48{margin-left:48px}:host(.L\\:v-m-size-64),.L\\:v-m-size-64{margin:64px}:host(.L\\:v-mx-size-64),.L\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.L\\:v-my-size-64),.L\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.L\\:v-mt-size-64),.L\\:v-mt-size-64{margin-top:64px}:host(.L\\:v-mb-size-64),.L\\:v-mb-size-64{margin-bottom:64px}:host(.L\\:v-mr-size-64),.L\\:v-mr-size-64{margin-right:64px}:host(.L\\:v-ml-size-64),.L\\:v-ml-size-64{margin-left:64px}:host(.L\\:v-m-size-72),.L\\:v-m-size-72{margin:72px}:host(.L\\:v-mx-size-72),.L\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.L\\:v-my-size-72),.L\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.L\\:v-mt-size-72),.L\\:v-mt-size-72{margin-top:72px}:host(.L\\:v-mb-size-72),.L\\:v-mb-size-72{margin-bottom:72px}:host(.L\\:v-mr-size-72),.L\\:v-mr-size-72{margin-right:72px}:host(.L\\:v-ml-size-72),.L\\:v-ml-size-72{margin-left:72px}:host(.L\\:v-m-size-80),.L\\:v-m-size-80{margin:80px}:host(.L\\:v-mx-size-80),.L\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.L\\:v-my-size-80),.L\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.L\\:v-mt-size-80),.L\\:v-mt-size-80{margin-top:80px}:host(.L\\:v-mb-size-80),.L\\:v-mb-size-80{margin-bottom:80px}:host(.L\\:v-mr-size-80),.L\\:v-mr-size-80{margin-right:80px}:host(.L\\:v-ml-size-80),.L\\:v-ml-size-80{margin-left:80px}:host(.L\\:v-m-size-112),.L\\:v-m-size-112{margin:112px}:host(.L\\:v-mx-size-112),.L\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.L\\:v-my-size-112),.L\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.L\\:v-mt-size-112),.L\\:v-mt-size-112{margin-top:112px}:host(.L\\:v-mb-size-112),.L\\:v-mb-size-112{margin-bottom:112px}:host(.L\\:v-mr-size-112),.L\\:v-mr-size-112{margin-right:112px}:host(.L\\:v-ml-size-112),.L\\:v-ml-size-112{margin-left:112px}:host(.L\\:v-m-size-2),.L\\:v-m-size-2{margin:2px}:host(.L\\:v-mx-size-2),.L\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.L\\:v-my-size-2),.L\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.L\\:v-mt-size-2),.L\\:v-mt-size-2{margin-top:2px}:host(.L\\:v-mb-size-2),.L\\:v-mb-size-2{margin-bottom:2px}:host(.L\\:v-mr-size-2),.L\\:v-mr-size-2{margin-right:2px}:host(.L\\:v-ml-size-2),.L\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-m-0),.XL\\:v-m-0{margin:0px}:host(.XL\\:v-mx-0),.XL\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-0),.XL\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-0),.XL\\:v-mt-0{margin-top:0px}:host(.XL\\:v-mb-0),.XL\\:v-mb-0{margin-bottom:0px}:host(.XL\\:v-mr-0),.XL\\:v-mr-0{margin-right:0px}:host(.XL\\:v-ml-0),.XL\\:v-ml-0{margin-left:0px}:host(.XL\\:v-m-size-0),.XL\\:v-m-size-0{margin:0px}:host(.XL\\:v-mx-size-0),.XL\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-size-0),.XL\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-size-0),.XL\\:v-mt-size-0{margin-top:0px}:host(.XL\\:v-mb-size-0),.XL\\:v-mb-size-0{margin-bottom:0px}:host(.XL\\:v-mr-size-0),.XL\\:v-mr-size-0{margin-right:0px}:host(.XL\\:v-ml-size-0),.XL\\:v-ml-size-0{margin-left:0px}:host(.XL\\:v-m-size-4),.XL\\:v-m-size-4{margin:4px}:host(.XL\\:v-mx-size-4),.XL\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.XL\\:v-my-size-4),.XL\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.XL\\:v-mt-size-4),.XL\\:v-mt-size-4{margin-top:4px}:host(.XL\\:v-mb-size-4),.XL\\:v-mb-size-4{margin-bottom:4px}:host(.XL\\:v-mr-size-4),.XL\\:v-mr-size-4{margin-right:4px}:host(.XL\\:v-ml-size-4),.XL\\:v-ml-size-4{margin-left:4px}:host(.XL\\:v-m-size-8),.XL\\:v-m-size-8{margin:8px}:host(.XL\\:v-mx-size-8),.XL\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.XL\\:v-my-size-8),.XL\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.XL\\:v-mt-size-8),.XL\\:v-mt-size-8{margin-top:8px}:host(.XL\\:v-mb-size-8),.XL\\:v-mb-size-8{margin-bottom:8px}:host(.XL\\:v-mr-size-8),.XL\\:v-mr-size-8{margin-right:8px}:host(.XL\\:v-ml-size-8),.XL\\:v-ml-size-8{margin-left:8px}:host(.XL\\:v-m-size-12),.XL\\:v-m-size-12{margin:12px}:host(.XL\\:v-mx-size-12),.XL\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.XL\\:v-my-size-12),.XL\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.XL\\:v-mt-size-12),.XL\\:v-mt-size-12{margin-top:12px}:host(.XL\\:v-mb-size-12),.XL\\:v-mb-size-12{margin-bottom:12px}:host(.XL\\:v-mr-size-12),.XL\\:v-mr-size-12{margin-right:12px}:host(.XL\\:v-ml-size-12),.XL\\:v-ml-size-12{margin-left:12px}:host(.XL\\:v-m-size-16),.XL\\:v-m-size-16{margin:16px}:host(.XL\\:v-mx-size-16),.XL\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.XL\\:v-my-size-16),.XL\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.XL\\:v-mt-size-16),.XL\\:v-mt-size-16{margin-top:16px}:host(.XL\\:v-mb-size-16),.XL\\:v-mb-size-16{margin-bottom:16px}:host(.XL\\:v-mr-size-16),.XL\\:v-mr-size-16{margin-right:16px}:host(.XL\\:v-ml-size-16),.XL\\:v-ml-size-16{margin-left:16px}:host(.XL\\:v-m-size-20),.XL\\:v-m-size-20{margin:20px}:host(.XL\\:v-mx-size-20),.XL\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.XL\\:v-my-size-20),.XL\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.XL\\:v-mt-size-20),.XL\\:v-mt-size-20{margin-top:20px}:host(.XL\\:v-mb-size-20),.XL\\:v-mb-size-20{margin-bottom:20px}:host(.XL\\:v-mr-size-20),.XL\\:v-mr-size-20{margin-right:20px}:host(.XL\\:v-ml-size-20),.XL\\:v-ml-size-20{margin-left:20px}:host(.XL\\:v-m-size-24),.XL\\:v-m-size-24{margin:24px}:host(.XL\\:v-mx-size-24),.XL\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.XL\\:v-my-size-24),.XL\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.XL\\:v-mt-size-24),.XL\\:v-mt-size-24{margin-top:24px}:host(.XL\\:v-mb-size-24),.XL\\:v-mb-size-24{margin-bottom:24px}:host(.XL\\:v-mr-size-24),.XL\\:v-mr-size-24{margin-right:24px}:host(.XL\\:v-ml-size-24),.XL\\:v-ml-size-24{margin-left:24px}:host(.XL\\:v-m-size-32),.XL\\:v-m-size-32{margin:32px}:host(.XL\\:v-mx-size-32),.XL\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.XL\\:v-my-size-32),.XL\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.XL\\:v-mt-size-32),.XL\\:v-mt-size-32{margin-top:32px}:host(.XL\\:v-mb-size-32),.XL\\:v-mb-size-32{margin-bottom:32px}:host(.XL\\:v-mr-size-32),.XL\\:v-mr-size-32{margin-right:32px}:host(.XL\\:v-ml-size-32),.XL\\:v-ml-size-32{margin-left:32px}:host(.XL\\:v-m-size-40),.XL\\:v-m-size-40{margin:40px}:host(.XL\\:v-mx-size-40),.XL\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.XL\\:v-my-size-40),.XL\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.XL\\:v-mt-size-40),.XL\\:v-mt-size-40{margin-top:40px}:host(.XL\\:v-mb-size-40),.XL\\:v-mb-size-40{margin-bottom:40px}:host(.XL\\:v-mr-size-40),.XL\\:v-mr-size-40{margin-right:40px}:host(.XL\\:v-ml-size-40),.XL\\:v-ml-size-40{margin-left:40px}:host(.XL\\:v-m-size-48),.XL\\:v-m-size-48{margin:48px}:host(.XL\\:v-mx-size-48),.XL\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.XL\\:v-my-size-48),.XL\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.XL\\:v-mt-size-48),.XL\\:v-mt-size-48{margin-top:48px}:host(.XL\\:v-mb-size-48),.XL\\:v-mb-size-48{margin-bottom:48px}:host(.XL\\:v-mr-size-48),.XL\\:v-mr-size-48{margin-right:48px}:host(.XL\\:v-ml-size-48),.XL\\:v-ml-size-48{margin-left:48px}:host(.XL\\:v-m-size-64),.XL\\:v-m-size-64{margin:64px}:host(.XL\\:v-mx-size-64),.XL\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.XL\\:v-my-size-64),.XL\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.XL\\:v-mt-size-64),.XL\\:v-mt-size-64{margin-top:64px}:host(.XL\\:v-mb-size-64),.XL\\:v-mb-size-64{margin-bottom:64px}:host(.XL\\:v-mr-size-64),.XL\\:v-mr-size-64{margin-right:64px}:host(.XL\\:v-ml-size-64),.XL\\:v-ml-size-64{margin-left:64px}:host(.XL\\:v-m-size-72),.XL\\:v-m-size-72{margin:72px}:host(.XL\\:v-mx-size-72),.XL\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.XL\\:v-my-size-72),.XL\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.XL\\:v-mt-size-72),.XL\\:v-mt-size-72{margin-top:72px}:host(.XL\\:v-mb-size-72),.XL\\:v-mb-size-72{margin-bottom:72px}:host(.XL\\:v-mr-size-72),.XL\\:v-mr-size-72{margin-right:72px}:host(.XL\\:v-ml-size-72),.XL\\:v-ml-size-72{margin-left:72px}:host(.XL\\:v-m-size-80),.XL\\:v-m-size-80{margin:80px}:host(.XL\\:v-mx-size-80),.XL\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.XL\\:v-my-size-80),.XL\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.XL\\:v-mt-size-80),.XL\\:v-mt-size-80{margin-top:80px}:host(.XL\\:v-mb-size-80),.XL\\:v-mb-size-80{margin-bottom:80px}:host(.XL\\:v-mr-size-80),.XL\\:v-mr-size-80{margin-right:80px}:host(.XL\\:v-ml-size-80),.XL\\:v-ml-size-80{margin-left:80px}:host(.XL\\:v-m-size-112),.XL\\:v-m-size-112{margin:112px}:host(.XL\\:v-mx-size-112),.XL\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.XL\\:v-my-size-112),.XL\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.XL\\:v-mt-size-112),.XL\\:v-mt-size-112{margin-top:112px}:host(.XL\\:v-mb-size-112),.XL\\:v-mb-size-112{margin-bottom:112px}:host(.XL\\:v-mr-size-112),.XL\\:v-mr-size-112{margin-right:112px}:host(.XL\\:v-ml-size-112),.XL\\:v-ml-size-112{margin-left:112px}:host(.XL\\:v-m-size-2),.XL\\:v-m-size-2{margin:2px}:host(.XL\\:v-mx-size-2),.XL\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.XL\\:v-my-size-2),.XL\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.XL\\:v-mt-size-2),.XL\\:v-mt-size-2{margin-top:2px}:host(.XL\\:v-mb-size-2),.XL\\:v-mb-size-2{margin-bottom:2px}:host(.XL\\:v-mr-size-2),.XL\\:v-mr-size-2{margin-right:2px}:host(.XL\\:v-ml-size-2),.XL\\:v-ml-size-2{margin-left:2px}}:host(.v-gap-0),.v-gap-0{gap:0px}:host(.v-gap-row-0),.v-gap-row-0{row-gap:0px}:host(.v-gap-col-0),.v-gap-col-0{column-gap:0px}:host(.v-gap-size-0),.v-gap-size-0{gap:0px}:host(.v-gap-row-size-0),.v-gap-row-size-0{row-gap:0px}:host(.v-gap-col-size-0),.v-gap-col-size-0{column-gap:0px}:host(.v-gap-size-4),.v-gap-size-4{gap:4px}:host(.v-gap-row-size-4),.v-gap-row-size-4{row-gap:4px}:host(.v-gap-col-size-4),.v-gap-col-size-4{column-gap:4px}:host(.v-gap-size-8),.v-gap-size-8{gap:8px}:host(.v-gap-row-size-8),.v-gap-row-size-8{row-gap:8px}:host(.v-gap-col-size-8),.v-gap-col-size-8{column-gap:8px}:host(.v-gap-size-12),.v-gap-size-12{gap:12px}:host(.v-gap-row-size-12),.v-gap-row-size-12{row-gap:12px}:host(.v-gap-col-size-12),.v-gap-col-size-12{column-gap:12px}:host(.v-gap-size-16),.v-gap-size-16{gap:16px}:host(.v-gap-row-size-16),.v-gap-row-size-16{row-gap:16px}:host(.v-gap-col-size-16),.v-gap-col-size-16{column-gap:16px}:host(.v-gap-size-20),.v-gap-size-20{gap:20px}:host(.v-gap-row-size-20),.v-gap-row-size-20{row-gap:20px}:host(.v-gap-col-size-20),.v-gap-col-size-20{column-gap:20px}:host(.v-gap-size-24),.v-gap-size-24{gap:24px}:host(.v-gap-row-size-24),.v-gap-row-size-24{row-gap:24px}:host(.v-gap-col-size-24),.v-gap-col-size-24{column-gap:24px}:host(.v-gap-size-32),.v-gap-size-32{gap:32px}:host(.v-gap-row-size-32),.v-gap-row-size-32{row-gap:32px}:host(.v-gap-col-size-32),.v-gap-col-size-32{column-gap:32px}:host(.v-gap-size-40),.v-gap-size-40{gap:40px}:host(.v-gap-row-size-40),.v-gap-row-size-40{row-gap:40px}:host(.v-gap-col-size-40),.v-gap-col-size-40{column-gap:40px}:host(.v-gap-size-48),.v-gap-size-48{gap:48px}:host(.v-gap-row-size-48),.v-gap-row-size-48{row-gap:48px}:host(.v-gap-col-size-48),.v-gap-col-size-48{column-gap:48px}:host(.v-gap-size-64),.v-gap-size-64{gap:64px}:host(.v-gap-row-size-64),.v-gap-row-size-64{row-gap:64px}:host(.v-gap-col-size-64),.v-gap-col-size-64{column-gap:64px}:host(.v-gap-size-72),.v-gap-size-72{gap:72px}:host(.v-gap-row-size-72),.v-gap-row-size-72{row-gap:72px}:host(.v-gap-col-size-72),.v-gap-col-size-72{column-gap:72px}:host(.v-gap-size-80),.v-gap-size-80{gap:80px}:host(.v-gap-row-size-80),.v-gap-row-size-80{row-gap:80px}:host(.v-gap-col-size-80),.v-gap-col-size-80{column-gap:80px}:host(.v-gap-size-112),.v-gap-size-112{gap:112px}:host(.v-gap-row-size-112),.v-gap-row-size-112{row-gap:112px}:host(.v-gap-col-size-112),.v-gap-col-size-112{column-gap:112px}:host(.v-gap-size-2),.v-gap-size-2{gap:2px}:host(.v-gap-row-size-2),.v-gap-row-size-2{row-gap:2px}:host(.v-gap-col-size-2),.v-gap-col-size-2{column-gap:2px}@media (min-width: 320px){:host(.S\\:v-gap-0),.S\\:v-gap-0{gap:0px}:host(.S\\:v-gap-row-0),.S\\:v-gap-row-0{row-gap:0px}:host(.S\\:v-gap-col-0),.S\\:v-gap-col-0{column-gap:0px}:host(.S\\:v-gap-size-0),.S\\:v-gap-size-0{gap:0px}:host(.S\\:v-gap-row-size-0),.S\\:v-gap-row-size-0{row-gap:0px}:host(.S\\:v-gap-col-size-0),.S\\:v-gap-col-size-0{column-gap:0px}:host(.S\\:v-gap-size-4),.S\\:v-gap-size-4{gap:4px}:host(.S\\:v-gap-row-size-4),.S\\:v-gap-row-size-4{row-gap:4px}:host(.S\\:v-gap-col-size-4),.S\\:v-gap-col-size-4{column-gap:4px}:host(.S\\:v-gap-size-8),.S\\:v-gap-size-8{gap:8px}:host(.S\\:v-gap-row-size-8),.S\\:v-gap-row-size-8{row-gap:8px}:host(.S\\:v-gap-col-size-8),.S\\:v-gap-col-size-8{column-gap:8px}:host(.S\\:v-gap-size-12),.S\\:v-gap-size-12{gap:12px}:host(.S\\:v-gap-row-size-12),.S\\:v-gap-row-size-12{row-gap:12px}:host(.S\\:v-gap-col-size-12),.S\\:v-gap-col-size-12{column-gap:12px}:host(.S\\:v-gap-size-16),.S\\:v-gap-size-16{gap:16px}:host(.S\\:v-gap-row-size-16),.S\\:v-gap-row-size-16{row-gap:16px}:host(.S\\:v-gap-col-size-16),.S\\:v-gap-col-size-16{column-gap:16px}:host(.S\\:v-gap-size-20),.S\\:v-gap-size-20{gap:20px}:host(.S\\:v-gap-row-size-20),.S\\:v-gap-row-size-20{row-gap:20px}:host(.S\\:v-gap-col-size-20),.S\\:v-gap-col-size-20{column-gap:20px}:host(.S\\:v-gap-size-24),.S\\:v-gap-size-24{gap:24px}:host(.S\\:v-gap-row-size-24),.S\\:v-gap-row-size-24{row-gap:24px}:host(.S\\:v-gap-col-size-24),.S\\:v-gap-col-size-24{column-gap:24px}:host(.S\\:v-gap-size-32),.S\\:v-gap-size-32{gap:32px}:host(.S\\:v-gap-row-size-32),.S\\:v-gap-row-size-32{row-gap:32px}:host(.S\\:v-gap-col-size-32),.S\\:v-gap-col-size-32{column-gap:32px}:host(.S\\:v-gap-size-40),.S\\:v-gap-size-40{gap:40px}:host(.S\\:v-gap-row-size-40),.S\\:v-gap-row-size-40{row-gap:40px}:host(.S\\:v-gap-col-size-40),.S\\:v-gap-col-size-40{column-gap:40px}:host(.S\\:v-gap-size-48),.S\\:v-gap-size-48{gap:48px}:host(.S\\:v-gap-row-size-48),.S\\:v-gap-row-size-48{row-gap:48px}:host(.S\\:v-gap-col-size-48),.S\\:v-gap-col-size-48{column-gap:48px}:host(.S\\:v-gap-size-64),.S\\:v-gap-size-64{gap:64px}:host(.S\\:v-gap-row-size-64),.S\\:v-gap-row-size-64{row-gap:64px}:host(.S\\:v-gap-col-size-64),.S\\:v-gap-col-size-64{column-gap:64px}:host(.S\\:v-gap-size-72),.S\\:v-gap-size-72{gap:72px}:host(.S\\:v-gap-row-size-72),.S\\:v-gap-row-size-72{row-gap:72px}:host(.S\\:v-gap-col-size-72),.S\\:v-gap-col-size-72{column-gap:72px}:host(.S\\:v-gap-size-80),.S\\:v-gap-size-80{gap:80px}:host(.S\\:v-gap-row-size-80),.S\\:v-gap-row-size-80{row-gap:80px}:host(.S\\:v-gap-col-size-80),.S\\:v-gap-col-size-80{column-gap:80px}:host(.S\\:v-gap-size-112),.S\\:v-gap-size-112{gap:112px}:host(.S\\:v-gap-row-size-112),.S\\:v-gap-row-size-112{row-gap:112px}:host(.S\\:v-gap-col-size-112),.S\\:v-gap-col-size-112{column-gap:112px}:host(.S\\:v-gap-size-2),.S\\:v-gap-size-2{gap:2px}:host(.S\\:v-gap-row-size-2),.S\\:v-gap-row-size-2{row-gap:2px}:host(.S\\:v-gap-col-size-2),.S\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 768px){:host(.M\\:v-gap-0),.M\\:v-gap-0{gap:0px}:host(.M\\:v-gap-row-0),.M\\:v-gap-row-0{row-gap:0px}:host(.M\\:v-gap-col-0),.M\\:v-gap-col-0{column-gap:0px}:host(.M\\:v-gap-size-0),.M\\:v-gap-size-0{gap:0px}:host(.M\\:v-gap-row-size-0),.M\\:v-gap-row-size-0{row-gap:0px}:host(.M\\:v-gap-col-size-0),.M\\:v-gap-col-size-0{column-gap:0px}:host(.M\\:v-gap-size-4),.M\\:v-gap-size-4{gap:4px}:host(.M\\:v-gap-row-size-4),.M\\:v-gap-row-size-4{row-gap:4px}:host(.M\\:v-gap-col-size-4),.M\\:v-gap-col-size-4{column-gap:4px}:host(.M\\:v-gap-size-8),.M\\:v-gap-size-8{gap:8px}:host(.M\\:v-gap-row-size-8),.M\\:v-gap-row-size-8{row-gap:8px}:host(.M\\:v-gap-col-size-8),.M\\:v-gap-col-size-8{column-gap:8px}:host(.M\\:v-gap-size-12),.M\\:v-gap-size-12{gap:12px}:host(.M\\:v-gap-row-size-12),.M\\:v-gap-row-size-12{row-gap:12px}:host(.M\\:v-gap-col-size-12),.M\\:v-gap-col-size-12{column-gap:12px}:host(.M\\:v-gap-size-16),.M\\:v-gap-size-16{gap:16px}:host(.M\\:v-gap-row-size-16),.M\\:v-gap-row-size-16{row-gap:16px}:host(.M\\:v-gap-col-size-16),.M\\:v-gap-col-size-16{column-gap:16px}:host(.M\\:v-gap-size-20),.M\\:v-gap-size-20{gap:20px}:host(.M\\:v-gap-row-size-20),.M\\:v-gap-row-size-20{row-gap:20px}:host(.M\\:v-gap-col-size-20),.M\\:v-gap-col-size-20{column-gap:20px}:host(.M\\:v-gap-size-24),.M\\:v-gap-size-24{gap:24px}:host(.M\\:v-gap-row-size-24),.M\\:v-gap-row-size-24{row-gap:24px}:host(.M\\:v-gap-col-size-24),.M\\:v-gap-col-size-24{column-gap:24px}:host(.M\\:v-gap-size-32),.M\\:v-gap-size-32{gap:32px}:host(.M\\:v-gap-row-size-32),.M\\:v-gap-row-size-32{row-gap:32px}:host(.M\\:v-gap-col-size-32),.M\\:v-gap-col-size-32{column-gap:32px}:host(.M\\:v-gap-size-40),.M\\:v-gap-size-40{gap:40px}:host(.M\\:v-gap-row-size-40),.M\\:v-gap-row-size-40{row-gap:40px}:host(.M\\:v-gap-col-size-40),.M\\:v-gap-col-size-40{column-gap:40px}:host(.M\\:v-gap-size-48),.M\\:v-gap-size-48{gap:48px}:host(.M\\:v-gap-row-size-48),.M\\:v-gap-row-size-48{row-gap:48px}:host(.M\\:v-gap-col-size-48),.M\\:v-gap-col-size-48{column-gap:48px}:host(.M\\:v-gap-size-64),.M\\:v-gap-size-64{gap:64px}:host(.M\\:v-gap-row-size-64),.M\\:v-gap-row-size-64{row-gap:64px}:host(.M\\:v-gap-col-size-64),.M\\:v-gap-col-size-64{column-gap:64px}:host(.M\\:v-gap-size-72),.M\\:v-gap-size-72{gap:72px}:host(.M\\:v-gap-row-size-72),.M\\:v-gap-row-size-72{row-gap:72px}:host(.M\\:v-gap-col-size-72),.M\\:v-gap-col-size-72{column-gap:72px}:host(.M\\:v-gap-size-80),.M\\:v-gap-size-80{gap:80px}:host(.M\\:v-gap-row-size-80),.M\\:v-gap-row-size-80{row-gap:80px}:host(.M\\:v-gap-col-size-80),.M\\:v-gap-col-size-80{column-gap:80px}:host(.M\\:v-gap-size-112),.M\\:v-gap-size-112{gap:112px}:host(.M\\:v-gap-row-size-112),.M\\:v-gap-row-size-112{row-gap:112px}:host(.M\\:v-gap-col-size-112),.M\\:v-gap-col-size-112{column-gap:112px}:host(.M\\:v-gap-size-2),.M\\:v-gap-size-2{gap:2px}:host(.M\\:v-gap-row-size-2),.M\\:v-gap-row-size-2{row-gap:2px}:host(.M\\:v-gap-col-size-2),.M\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1024px){:host(.L\\:v-gap-0),.L\\:v-gap-0{gap:0px}:host(.L\\:v-gap-row-0),.L\\:v-gap-row-0{row-gap:0px}:host(.L\\:v-gap-col-0),.L\\:v-gap-col-0{column-gap:0px}:host(.L\\:v-gap-size-0),.L\\:v-gap-size-0{gap:0px}:host(.L\\:v-gap-row-size-0),.L\\:v-gap-row-size-0{row-gap:0px}:host(.L\\:v-gap-col-size-0),.L\\:v-gap-col-size-0{column-gap:0px}:host(.L\\:v-gap-size-4),.L\\:v-gap-size-4{gap:4px}:host(.L\\:v-gap-row-size-4),.L\\:v-gap-row-size-4{row-gap:4px}:host(.L\\:v-gap-col-size-4),.L\\:v-gap-col-size-4{column-gap:4px}:host(.L\\:v-gap-size-8),.L\\:v-gap-size-8{gap:8px}:host(.L\\:v-gap-row-size-8),.L\\:v-gap-row-size-8{row-gap:8px}:host(.L\\:v-gap-col-size-8),.L\\:v-gap-col-size-8{column-gap:8px}:host(.L\\:v-gap-size-12),.L\\:v-gap-size-12{gap:12px}:host(.L\\:v-gap-row-size-12),.L\\:v-gap-row-size-12{row-gap:12px}:host(.L\\:v-gap-col-size-12),.L\\:v-gap-col-size-12{column-gap:12px}:host(.L\\:v-gap-size-16),.L\\:v-gap-size-16{gap:16px}:host(.L\\:v-gap-row-size-16),.L\\:v-gap-row-size-16{row-gap:16px}:host(.L\\:v-gap-col-size-16),.L\\:v-gap-col-size-16{column-gap:16px}:host(.L\\:v-gap-size-20),.L\\:v-gap-size-20{gap:20px}:host(.L\\:v-gap-row-size-20),.L\\:v-gap-row-size-20{row-gap:20px}:host(.L\\:v-gap-col-size-20),.L\\:v-gap-col-size-20{column-gap:20px}:host(.L\\:v-gap-size-24),.L\\:v-gap-size-24{gap:24px}:host(.L\\:v-gap-row-size-24),.L\\:v-gap-row-size-24{row-gap:24px}:host(.L\\:v-gap-col-size-24),.L\\:v-gap-col-size-24{column-gap:24px}:host(.L\\:v-gap-size-32),.L\\:v-gap-size-32{gap:32px}:host(.L\\:v-gap-row-size-32),.L\\:v-gap-row-size-32{row-gap:32px}:host(.L\\:v-gap-col-size-32),.L\\:v-gap-col-size-32{column-gap:32px}:host(.L\\:v-gap-size-40),.L\\:v-gap-size-40{gap:40px}:host(.L\\:v-gap-row-size-40),.L\\:v-gap-row-size-40{row-gap:40px}:host(.L\\:v-gap-col-size-40),.L\\:v-gap-col-size-40{column-gap:40px}:host(.L\\:v-gap-size-48),.L\\:v-gap-size-48{gap:48px}:host(.L\\:v-gap-row-size-48),.L\\:v-gap-row-size-48{row-gap:48px}:host(.L\\:v-gap-col-size-48),.L\\:v-gap-col-size-48{column-gap:48px}:host(.L\\:v-gap-size-64),.L\\:v-gap-size-64{gap:64px}:host(.L\\:v-gap-row-size-64),.L\\:v-gap-row-size-64{row-gap:64px}:host(.L\\:v-gap-col-size-64),.L\\:v-gap-col-size-64{column-gap:64px}:host(.L\\:v-gap-size-72),.L\\:v-gap-size-72{gap:72px}:host(.L\\:v-gap-row-size-72),.L\\:v-gap-row-size-72{row-gap:72px}:host(.L\\:v-gap-col-size-72),.L\\:v-gap-col-size-72{column-gap:72px}:host(.L\\:v-gap-size-80),.L\\:v-gap-size-80{gap:80px}:host(.L\\:v-gap-row-size-80),.L\\:v-gap-row-size-80{row-gap:80px}:host(.L\\:v-gap-col-size-80),.L\\:v-gap-col-size-80{column-gap:80px}:host(.L\\:v-gap-size-112),.L\\:v-gap-size-112{gap:112px}:host(.L\\:v-gap-row-size-112),.L\\:v-gap-row-size-112{row-gap:112px}:host(.L\\:v-gap-col-size-112),.L\\:v-gap-col-size-112{column-gap:112px}:host(.L\\:v-gap-size-2),.L\\:v-gap-size-2{gap:2px}:host(.L\\:v-gap-row-size-2),.L\\:v-gap-row-size-2{row-gap:2px}:host(.L\\:v-gap-col-size-2),.L\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1440px){:host(.XL\\:v-gap-0),.XL\\:v-gap-0{gap:0px}:host(.XL\\:v-gap-row-0),.XL\\:v-gap-row-0{row-gap:0px}:host(.XL\\:v-gap-col-0),.XL\\:v-gap-col-0{column-gap:0px}:host(.XL\\:v-gap-size-0),.XL\\:v-gap-size-0{gap:0px}:host(.XL\\:v-gap-row-size-0),.XL\\:v-gap-row-size-0{row-gap:0px}:host(.XL\\:v-gap-col-size-0),.XL\\:v-gap-col-size-0{column-gap:0px}:host(.XL\\:v-gap-size-4),.XL\\:v-gap-size-4{gap:4px}:host(.XL\\:v-gap-row-size-4),.XL\\:v-gap-row-size-4{row-gap:4px}:host(.XL\\:v-gap-col-size-4),.XL\\:v-gap-col-size-4{column-gap:4px}:host(.XL\\:v-gap-size-8),.XL\\:v-gap-size-8{gap:8px}:host(.XL\\:v-gap-row-size-8),.XL\\:v-gap-row-size-8{row-gap:8px}:host(.XL\\:v-gap-col-size-8),.XL\\:v-gap-col-size-8{column-gap:8px}:host(.XL\\:v-gap-size-12),.XL\\:v-gap-size-12{gap:12px}:host(.XL\\:v-gap-row-size-12),.XL\\:v-gap-row-size-12{row-gap:12px}:host(.XL\\:v-gap-col-size-12),.XL\\:v-gap-col-size-12{column-gap:12px}:host(.XL\\:v-gap-size-16),.XL\\:v-gap-size-16{gap:16px}:host(.XL\\:v-gap-row-size-16),.XL\\:v-gap-row-size-16{row-gap:16px}:host(.XL\\:v-gap-col-size-16),.XL\\:v-gap-col-size-16{column-gap:16px}:host(.XL\\:v-gap-size-20),.XL\\:v-gap-size-20{gap:20px}:host(.XL\\:v-gap-row-size-20),.XL\\:v-gap-row-size-20{row-gap:20px}:host(.XL\\:v-gap-col-size-20),.XL\\:v-gap-col-size-20{column-gap:20px}:host(.XL\\:v-gap-size-24),.XL\\:v-gap-size-24{gap:24px}:host(.XL\\:v-gap-row-size-24),.XL\\:v-gap-row-size-24{row-gap:24px}:host(.XL\\:v-gap-col-size-24),.XL\\:v-gap-col-size-24{column-gap:24px}:host(.XL\\:v-gap-size-32),.XL\\:v-gap-size-32{gap:32px}:host(.XL\\:v-gap-row-size-32),.XL\\:v-gap-row-size-32{row-gap:32px}:host(.XL\\:v-gap-col-size-32),.XL\\:v-gap-col-size-32{column-gap:32px}:host(.XL\\:v-gap-size-40),.XL\\:v-gap-size-40{gap:40px}:host(.XL\\:v-gap-row-size-40),.XL\\:v-gap-row-size-40{row-gap:40px}:host(.XL\\:v-gap-col-size-40),.XL\\:v-gap-col-size-40{column-gap:40px}:host(.XL\\:v-gap-size-48),.XL\\:v-gap-size-48{gap:48px}:host(.XL\\:v-gap-row-size-48),.XL\\:v-gap-row-size-48{row-gap:48px}:host(.XL\\:v-gap-col-size-48),.XL\\:v-gap-col-size-48{column-gap:48px}:host(.XL\\:v-gap-size-64),.XL\\:v-gap-size-64{gap:64px}:host(.XL\\:v-gap-row-size-64),.XL\\:v-gap-row-size-64{row-gap:64px}:host(.XL\\:v-gap-col-size-64),.XL\\:v-gap-col-size-64{column-gap:64px}:host(.XL\\:v-gap-size-72),.XL\\:v-gap-size-72{gap:72px}:host(.XL\\:v-gap-row-size-72),.XL\\:v-gap-row-size-72{row-gap:72px}:host(.XL\\:v-gap-col-size-72),.XL\\:v-gap-col-size-72{column-gap:72px}:host(.XL\\:v-gap-size-80),.XL\\:v-gap-size-80{gap:80px}:host(.XL\\:v-gap-row-size-80),.XL\\:v-gap-row-size-80{row-gap:80px}:host(.XL\\:v-gap-col-size-80),.XL\\:v-gap-col-size-80{column-gap:80px}:host(.XL\\:v-gap-size-112),.XL\\:v-gap-size-112{gap:112px}:host(.XL\\:v-gap-row-size-112),.XL\\:v-gap-row-size-112{row-gap:112px}:host(.XL\\:v-gap-col-size-112),.XL\\:v-gap-col-size-112{column-gap:112px}:host(.XL\\:v-gap-size-2),.XL\\:v-gap-size-2{gap:2px}:host(.XL\\:v-gap-row-size-2),.XL\\:v-gap-row-size-2{row-gap:2px}:host(.XL\\:v-gap-col-size-2),.XL\\:v-gap-col-size-2{column-gap:2px}}:host{display:flex;flex-direction:column}:host(.vega-flex-native-based:not([class*=v-flex-col],[class*=v-flex-row-reverse])){flex-direction:row}:host>::slotted(.vega-flex-grow){flex-grow:1}:host>::slotted(.vega-flex-grow-0){flex-grow:0}:host>::slotted(.vega-flex-shrink){flex-shrink:1}:host>::slotted(.vega-flex-shrink-0){flex-shrink:0}:host>::slotted(.vega-flex-basis-0){flex-basis:0}:host>::slotted(.v-min-w-min){min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}@media (min-width: 320px){:host>::slotted(.S\\:vega-flex-grow){flex-grow:1}:host>::slotted(.S\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.S\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.S\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 768px){:host>::slotted(.M\\:vega-flex-grow){flex-grow:1}:host>::slotted(.M\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.M\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.M\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1024px){:host>::slotted(.L\\:vega-flex-grow){flex-grow:1}:host>::slotted(.L\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.L\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.L\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1440px){:host>::slotted(.XL\\:vega-flex-grow){flex-grow:1}:host>::slotted(.XL\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.XL\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.XL\\:vega-flex-shrink-0){flex-shrink:0}}:host(:not(.vega-flex-native-based))>::slotted(*:not([data-shrink="0"],[class*=vega-flex])){width:100%;display:block}:host>::slotted(*[data-shrink="0"]){min-width:100%;flex-shrink:1}@media (min-width: 320px){:host(.vega-flex-S){flex-direction:row}}@media (min-width: 320px){:host(.vega-flex-S)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 768px){:host(.vega-flex-M){flex-direction:row}}@media (min-width: 768px){:host(.vega-flex-M)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1024px){:host(.vega-flex-L){flex-direction:row}}@media (min-width: 1024px){:host(.vega-flex-L)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1440px){:host(.vega-flex-XL){flex-direction:row}}@media (min-width: 1440px){:host(.vega-flex-XL)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}:host(.vega-flex-None)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}:host(.v-flex-row){flex-direction:row}:host(.v-flex-col){flex-direction:column}:host(.v-flex-row-reverse){flex-direction:row-reverse}:host(.v-flex-col-reverse){flex-direction:column-reverse}@media (min-width: 320px){:host(.S\\:v-flex-row){flex-direction:row}:host(.S\\:v-flex-col){flex-direction:column}:host(.S\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.S\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-row){flex-direction:row}:host(.M\\:v-flex-col){flex-direction:column}:host(.M\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.M\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-row){flex-direction:row}:host(.L\\:v-flex-col){flex-direction:column}:host(.L\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.L\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-row){flex-direction:row}:host(.XL\\:v-flex-col){flex-direction:column}:host(.XL\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.XL\\:v-flex-col-reverse){flex-direction:column-reverse}}:host(.v-items-start){align-items:flex-start}:host(.v-items-center){align-items:center}:host(.v-items-end){align-items:flex-end}:host(.v-items-baseline){align-items:baseline}:host(.v-items-stretch){align-items:stretch}@media (min-width: 320px){:host(.S\\:v-items-start){align-items:flex-start}:host(.S\\:v-items-center){align-items:center}:host(.S\\:v-items-end){align-items:flex-end}:host(.S\\:v-items-baseline){align-items:baseline}:host(.S\\:v-items-stretch){align-items:stretch}}@media (min-width: 768px){:host(.M\\:v-items-start){align-items:flex-start}:host(.M\\:v-items-center){align-items:center}:host(.M\\:v-items-end){align-items:flex-end}:host(.M\\:v-items-baseline){align-items:baseline}:host(.M\\:v-items-stretch){align-items:stretch}}@media (min-width: 1024px){:host(.L\\:v-items-start){align-items:flex-start}:host(.L\\:v-items-center){align-items:center}:host(.L\\:v-items-end){align-items:flex-end}:host(.L\\:v-items-baseline){align-items:baseline}:host(.L\\:v-items-stretch){align-items:stretch}}@media (min-width: 1440px){:host(.XL\\:v-items-start){align-items:flex-start}:host(.XL\\:v-items-center){align-items:center}:host(.XL\\:v-items-end){align-items:flex-end}:host(.XL\\:v-items-baseline){align-items:baseline}:host(.XL\\:v-items-stretch){align-items:stretch}}:host(.v-justify-start){justify-content:flex-start}:host(.v-justify-center){justify-content:center}:host(.v-justify-end){justify-content:flex-end}:host(.v-justify-around){justify-content:space-around}:host(.v-justify-between){justify-content:space-between}:host(.v-justify-evenly){justify-content:space-evenly}@media (min-width: 320px){:host(.S\\:v-justify-start){justify-content:flex-start}:host(.S\\:v-justify-center){justify-content:center}:host(.S\\:v-justify-end){justify-content:flex-end}:host(.S\\:v-justify-around){justify-content:space-around}:host(.S\\:v-justify-between){justify-content:space-between}:host(.S\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 768px){:host(.M\\:v-justify-start){justify-content:flex-start}:host(.M\\:v-justify-center){justify-content:center}:host(.M\\:v-justify-end){justify-content:flex-end}:host(.M\\:v-justify-around){justify-content:space-around}:host(.M\\:v-justify-between){justify-content:space-between}:host(.M\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1024px){:host(.L\\:v-justify-start){justify-content:flex-start}:host(.L\\:v-justify-center){justify-content:center}:host(.L\\:v-justify-end){justify-content:flex-end}:host(.L\\:v-justify-around){justify-content:space-around}:host(.L\\:v-justify-between){justify-content:space-between}:host(.L\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1440px){:host(.XL\\:v-justify-start){justify-content:flex-start}:host(.XL\\:v-justify-center){justify-content:center}:host(.XL\\:v-justify-end){justify-content:flex-end}:host(.XL\\:v-justify-around){justify-content:space-around}:host(.XL\\:v-justify-between){justify-content:space-between}:host(.XL\\:v-justify-evenly){justify-content:space-evenly}}:host(.v-flex-nowrap){flex-wrap:nowrap}:host(.v-flex-wrap){flex-wrap:wrap}:host(.v-flex-wrap-reverse){flex-wrap:wrap-reverse}@media (min-width: 320px){:host(.S\\:v-flex-nowrap){flex-wrap:nowrap}:host(.S\\:v-flex-wrap){flex-wrap:wrap}:host(.S\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-nowrap){flex-wrap:nowrap}:host(.M\\:v-flex-wrap){flex-wrap:wrap}:host(.M\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-nowrap){flex-wrap:nowrap}:host(.L\\:v-flex-wrap){flex-wrap:wrap}:host(.L\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-nowrap){flex-wrap:nowrap}:host(.XL\\:v-flex-wrap){flex-wrap:wrap}:host(.XL\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}';export{L as vega_flex}

package/dist/vega/{p-9895c8b9.entry.js → p-241bd30d.entry.js}

@@ -1 +1 @@
-import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-961e1ecd.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-ae3f8fe2.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-61f6167c.js";import{D as f}from"./p-1b3a64f7.js";import{a as u,e as m,p as b,v as x}from"./p-b36887f9.js";import{b as w}from"./p-b8a63b73.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-f9e456a6.js";import{F as I}from"./p-e3bfd4a1.js";import{f as C,d as k}from"./p-ad4bd166.js";import{C as U}from"./p-025ccc18.js";import{c as O}from"./p-11cbdade.js";import"./p-12d5ed36.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-8b5d3a52.js";import"./p-23ec14fe.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-eecfad57.js";import"./p-883a939b.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-d97770c0.js";import"./p-5f377954.js";import"./p-c3ef9d64.js";import"./p-f404aa83.js";var z=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 V 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}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=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 N 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})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=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 E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=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 P 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=>{f.addUniqueObserverToNode(e,u,(()=>{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}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=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 L 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}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.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 T 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"})],T.prototype,"actionsRenderer",void 0);var K=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 $ 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"))}}K([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),K([s({writable:!0})],$.prototype,"status",void 0),K([s()],$.prototype,"cancelEventEmitter",void 0);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 G 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.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}q([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),q([s()],G.prototype,"actionTitle",void 0),q([s()],G.prototype,"actionSubTitle",void 0);var H=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 M 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()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=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{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{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 X=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 Y=["jpg","png","jpeg"],Z=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.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,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(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([u],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.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"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.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{Z as vega_image_uploader}
+import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-961e1ecd.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-a73c06f0.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-61f6167c.js";import{D as u}from"./p-eae4a1c1.js";import{a as f,e as m,q as b,w as x}from"./p-3f5e44c1.js";import{b as w}from"./p-bb491bed.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-f9e456a6.js";import{F as I}from"./p-c093f5d2.js";import{f as C,d as k}from"./p-4163c2c2.js";import{C as U}from"./p-191c5c26.js";import{c as O}from"./p-016045b0.js";import"./p-2df25c7f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-8b5d3a52.js";import"./p-23ec14fe.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-6168c1e7.js";import"./p-883a939b.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-7c316199.js";import"./p-f404aa83.js";var z=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 V 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}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=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 N 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})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=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 E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=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 P 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=>{u.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}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=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 L 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}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.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 T 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"})],T.prototype,"actionsRenderer",void 0);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 K 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"))}}q([s({componentFieldName:"vegaImageUploaderRemoveController"})],K.prototype,"removeController",void 0),q([s({writable:!0})],K.prototype,"status",void 0),q([s()],K.prototype,"cancelEventEmitter",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 G 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.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}$([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),$([s()],G.prototype,"actionTitle",void 0),$([s()],G.prototype,"actionSubTitle",void 0);var H=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 M 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()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=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{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{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 X=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 Y=["jpg","png","jpeg"],Z=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.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new K,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,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(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.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"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.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{Z as vega_image_uploader}

package/dist/vega/{p-a36db525.entry.js → p-25310239.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as a,F as o,g as r}from"./p-1c298d5a.js";import{R as n}from"./p-961e1ecd.js";import{s,g as p}from"./p-9b797118.js";import{M as d,N as h}from"./p-12d5ed36.js";import{f as c}from"./p-ad4bd166.js";import{c as l}from"./p-86194314.js";import{I as b}from"./p-3a5145cc.js";import{I as m}from"./p-6e1ab235.js";import{V as g,I as x}from"./p-61f6167c.js";import{F as f}from"./p-e3bfd4a1.js";import{C as v}from"./p-025ccc18.js";import{c as u}from"./p-11cbdade.js";import{D as w}from"./p-1b3a64f7.js";import{e as y,j,k as I,m as k,b as C,c as z}from"./p-b36887f9.js";import{b as A}from"./p-b8a63b73.js";import{C as R}from"./p-2d0d575f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-3a33d860.js";import"./p-0bb29d98.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-eecfad57.js";import"./p-883a939b.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-344ee7cb.js";import"./p-d97770c0.js";import"./p-5f377954.js";import"./p-c3ef9d64.js";import"./p-f404aa83.js";const S=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];var E=function(e,t,i,a){var o,r=arguments.length,n=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(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 D=class{constructor(i){e(this,i),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.vegaCreate=t(this,"vegaCreate",7),this.create=t(this,"create",7),this.vegaSearch=t(this,"vegaSearch",7),this.search=t(this,"search",7),this.globalSlimmers={},this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRef,touchableAreaGetter:()=>[this.searchInputRef]}),this.changeEventEmit=u(D,y),this.createEventEmit=u(D,j),this.searchEventEmit=u(D,I),this.dropdownEventPrevent=new v([j,I],(()=>this.dropdownRef),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(S),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0,this.onItemClick=async()=>{this.value=await this.dropdownRef.getSelection(),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;this.useDefaultFilter?(await this.dropdownRef.show(),await this.dropdownRef.search(t)):this.searchEventEmit.emit(t)},this.onLabelClick=()=>{this.searchInputRef.focus()},this.deleteLastSelectedItem=()=>{""===this.searchInputRef.value&&(this.value.pop(),this.value=[...this.value])}}watchSource(){this.source=d(this.source,h)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),R.notify(A,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRef.hide()}async open(){this.disabled||await this.dropdownRef.show()}render(){return s(i(a,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.renderDropdown(),this.renderHint()),this.host)}renderLabel(){return i("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return i("div",{class:"vega-combo-box-hint"},this.hint)}renderDropdown(){return i("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,w.addUniqueObserverToNode(e,j,(async e=>{await this.onDropdownCreate(e.detail)})),w.addUniqueObserverToNode(e,k,(async()=>{await this.onDropdownHide()})),w.addUniqueObserverToNode(e,C,(async()=>{await this.onItemClick()}))}}),this.renderContainer())}renderContainer(){return i("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderSelectedContainer(){const e=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return i(o,null,e.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(e){return i("vega-chip",{key:e.key,text:e.label,variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:t=>{w.addUniqueObserverToNode(t,z,(async()=>{await this.onChipClose(e.key)}))}})}renderInputContainer(){return i("div",{class:"vega-combo-box-input-container"},i("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:l(),disabled:this.disabled}))}async onChipClose(e){this.value=[...this.value.filter((t=>t!==e))],await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}controlDirectionByKeyboard(e){const t=p();if(t&&t.classList.contains("vega-chip-close-icon")){const i=c(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.searchInputRef.selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};E([x()],D.prototype,"globalSlimmers",void 0),E([m()],D.prototype,"formFieldController",void 0),E([m()],D.prototype,"changeEventEmit",void 0),E([m()],D.prototype,"createEventEmit",void 0),E([m()],D.prototype,"searchEventEmit",void 0),E([m()],D.prototype,"dropdownEventPrevent",void 0),E([m()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),E([b((e=>[{keyCode:"Backspace",activeElementInScope:[e.searchInputRef],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}]))],D.prototype,"host",void 0),D.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-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));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));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));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-combo-box-disabled) .vega-combo-box-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-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-combo-box-hint{padding-left:8px;padding-right:8px;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));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-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){.vega-combo-box-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){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}';export{D as vega_combo_box}
+import{r as e,c as t,h as i,H as o,F as a,g as r}from"./p-1c298d5a.js";import{R as n}from"./p-961e1ecd.js";import{s,g as p}from"./p-9b797118.js";import{N as d,O as h}from"./p-2df25c7f.js";import{f as c}from"./p-4163c2c2.js";import{c as l}from"./p-86194314.js";import{I as b}from"./p-84fa8466.js";import{I as m}from"./p-6e1ab235.js";import{V as g,I as x}from"./p-61f6167c.js";import{F as f}from"./p-c093f5d2.js";import{C as v}from"./p-191c5c26.js";import{c as u}from"./p-016045b0.js";import{D as w}from"./p-eae4a1c1.js";import{e as y,j,k as I,m as k,b as C,c as z}from"./p-3f5e44c1.js";import{b as A}from"./p-bb491bed.js";import{C as R}from"./p-2d0d575f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-5453f591.js";import"./p-0bb29d98.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-6168c1e7.js";import"./p-883a939b.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-344ee7cb.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-7c316199.js";import"./p-f404aa83.js";const S=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];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};const D=class{constructor(i){e(this,i),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.vegaCreate=t(this,"vegaCreate",7),this.create=t(this,"create",7),this.vegaSearch=t(this,"vegaSearch",7),this.search=t(this,"search",7),this.globalSlimmers={},this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRef,touchableAreaGetter:()=>[this.searchInputRef]}),this.changeEventEmit=u(D,y),this.createEventEmit=u(D,j),this.searchEventEmit=u(D,I),this.dropdownEventPrevent=new v([j,I],(()=>this.dropdownRef),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(S),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0,this.onItemClick=async()=>{this.value=await this.dropdownRef.getSelection(),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;this.useDefaultFilter?(await this.dropdownRef.show(),await this.dropdownRef.search(t)):this.searchEventEmit.emit(t)},this.onLabelClick=()=>{this.searchInputRef.focus()},this.deleteLastSelectedItem=()=>{""===this.searchInputRef.value&&(this.value.pop(),this.value=[...this.value])}}watchSource(){this.source=d(this.source,h)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),R.notify(A,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRef.hide()}async open(){this.disabled||await this.dropdownRef.show()}render(){return s(i(o,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.renderDropdown(),this.renderHint()),this.host)}renderLabel(){return i("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return i("div",{class:"vega-combo-box-hint"},this.hint)}renderDropdown(){return i("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,w.addUniqueObserverToNode(e,j,(async e=>{await this.onDropdownCreate(e.detail)})),w.addUniqueObserverToNode(e,k,(async()=>{await this.onDropdownHide()})),w.addUniqueObserverToNode(e,C,(async()=>{await this.onItemClick()}))}}),this.renderContainer())}renderContainer(){return i("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderSelectedContainer(){const e=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return i(a,null,e.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(e){return i("vega-chip",{key:e.key,text:e.label,variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:t=>{w.addUniqueObserverToNode(t,z,(async()=>{await this.onChipClose(e.key)}))}})}renderInputContainer(){return i("div",{class:"vega-combo-box-input-container"},i("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:l(),disabled:this.disabled}))}async onChipClose(e){this.value=[...this.value.filter((t=>t!==e))],await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}controlDirectionByKeyboard(e){const t=p();if(t&&t.classList.contains("vega-chip-close-icon")){const i=c(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.searchInputRef.selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};E([x()],D.prototype,"globalSlimmers",void 0),E([m()],D.prototype,"formFieldController",void 0),E([m()],D.prototype,"changeEventEmit",void 0),E([m()],D.prototype,"createEventEmit",void 0),E([m()],D.prototype,"searchEventEmit",void 0),E([m()],D.prototype,"dropdownEventPrevent",void 0),E([m()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),E([b((e=>[{keyCode:"Backspace",activeElementInScope:[e.searchInputRef],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}]))],D.prototype,"host",void 0),D.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-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));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));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));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-combo-box-disabled) .vega-combo-box-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-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-combo-box-hint{padding-left:8px;padding-right:8px;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));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-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){.vega-combo-box-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){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}';export{D as vega_combo_box}