@globalpayments/vega-sandbox-app 0.1.1-0

package/dist/assets/vega-checkbox_2.entry-C21WN-0W.js

@@ -0,0 +1 @@
+import{r as R,c as b,Y as f,cx as u,C as g,cy as D,cz as O,U as V,h as a,e as j,H as A,z as m,O as P,cA as y,g as S,a as M,B as C,bJ as E,M as G,f as F,I as h}from"./index-CVS-vjRT.js";import{s as U}from"./component-7d906393-CRgivpmK.js";import{C as H}from"./check-box-required-rule-cb0aa339-B8GrMHqP.js";import{V as q,I as _}from"./component-usage-runtime-metrics-4b1afd04-D5yBE3LX.js";import{F as L}from"./form-field-controller-slimmer-03894a51-CoAcSeLl.js";import{c as k}from"./event-emit-slimmer-3eb4d8ad-Ctlccsem.js";import{C as N}from"./child-nodes-event-prevent-slimmer-1e3ac106-DA54t1iv.js";import{A as B}from"./aria-attributes-value-mapper-2c632641-BA3SU8ke.js";import{R as T}from"./required-field-rule-ab4bdc47-BVWO4gts.js";import{C as K}from"./component-load-required-db42032a-Di7iuaem.js";import{C as I}from"./child-nodes-notify-observer-slimmer-499a3aa7-tNZc5byb.js";import{b as z}from"./array-7888f339-BUzRhXHn.js";import"./mutation-observer-slimmer-58ebc13c-m99uIPjN.js";import"./sub-state-observer-slimmer-d924288a-Dvj3sSUI.js";import"./mutation-observer-filters-1a054fb0-CJhfq3iU.js";var w=function(t,e,i,n){var o=arguments.length,r=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(r=(o<3?s(r):o>3?s(e,i,r):s(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class x extends M{connectedCallback(){this.checkboxGroup=m(this.host,"vega-checkbox-group")||m(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new P(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),g.register(C.getSubject(this.checkboxGroup||this.host,E),this.fieldErrorObserver)}disconnectedCallback(){g.unregister(C.getSubject(this.checkboxGroup||this.host,E),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}w([G({writable:!0})],x.prototype,"showError",void 0);w([G()],x.prototype,"host",void 0);w([F("connectedCallback")],x.prototype,"connectedCallback",null);w([F("disconnectedCallback")],x.prototype,"disconnectedCallback",null);const X=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));display:inline-flex;align-items:center;justify-content:center}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.disabled) .vega-checkbox-container{cursor:not-allowed}:host(:not(.disabled)) .vega-checkbox-container{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon,:host(.indeterminate.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon,:host(.indeterminate.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}.size-default input[type=checkbox]{width:24px;height:24px}.size-default .vega-checkbox-icon{width:24px;height:24px;min-width:24px;border-radius:4px}.size-default .vega-checkbox-label-container{margin-left:12px;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.size-small input[type=checkbox]{width:16px;height:16px}.size-small .vega-checkbox-icon{width:16px;height:16px;min-width:16px;border-radius:2px}.size-small .vega-checkbox-label-container{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}';var v=function(t,e,i,n){var o=arguments.length,r=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(r=(o<3?s(r):o>3?s(e,i,r):s(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};const d=class{constructor(t){R(this,t),this.vegaChange=b(this,"vegaChange",7),this.vegaUserChange=b(this,"vegaUserChange",7),this.userChange=b(this,"userChange",7),this.change=b(this,"change",7),this.globalSlimmers={},this.vegaCheckboxShowErrorController=new x,this.ariaAttributesValueMapper=new B(()=>this.host.shadowRoot.querySelector("input"),{"aria-label":{dependency:["data-aria-label","identifier"],defaultValue:"No label defined"}}),this.formFieldController=new L({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new H:null}],defaultValue:e=>e.identifier===""?!1:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=k(d,f),this.userChangeEventEmitter=k(d,u),this.dropdownEventPrevent=new N([f,u],()=>this.host,{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new q,this.labelClickPending=!1,this.isUserInteraction=!1,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=this.identifier!==""?"":!1,this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="default",this.required=!1,this.isValid=null,this.onCheckBoxChange=e=>{this.indeterminate&&(this.indeterminate=!1),this.isUserInteraction=!0,this.checked=e.currentTarget.checked,this.isUserInteraction=!1},this.onInputKeyDown=e=>{e.key==="Enter"&&(e.preventDefault(),!this.isDisabled()&&(this.indeterminate&&(this.indeterminate=!1),this.isUserInteraction=!0,this.checked=!this.checked,this.isUserInteraction=!1))},this.onLabelClick=e=>{if(e.target===this.inputRef){this.labelClickPending&&(e.stopPropagation(),this.labelClickPending=!1);return}this.labelClickPending=!0,setTimeout(()=>{this.labelClickPending=!1},0)},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchValueChange(t){this.checked=this.identifier!==""?t===this.identifier:t===!0}watchCheckedChange(){const t=this.isUserInteraction;this.isUserInteraction=!1,this.initValue(),this.changeEventEmitter.emit(this.value),t&&(this.userChangeEventEmitter.emit(this.value),g.notify(D,{host:this.host,detail:this.value})),g.notify(O,{host:this.host,detail:this.value}),g.notify(V,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){const t=this.identifier!==""?this.value===this.identifier:this.value===!0||this.value==="true";!this.checked&&t&&(this.checked=!0),this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentShouldUpdate(t,e,i){return!(i==="checked"&&t===e)}componentDidRender(){this.host.innerHTML.trim()===""&&this.labelElement.classList.add("vega-hidden"),this.syncNativeIndeterminate()}async setValue(t){this.checked=this.identifier?t===this.identifier:t===!0}render(){var t;const e=((t=this.host.parentElement)===null||t===void 0?void 0:t.nodeName)=="VEGA-CHECKBOX-GROUP";return U(a(A,{class:{"vega-flex-shrink-0 v-min-w-min":e,checked:this.checked,indeterminate:this.indeterminate,disabled:this.isDisabled()}},a("label",{class:j(["vega-checkbox-container",this.showError&&"error",this.size&&`size-${this.size}`]),ref:i=>this.inputContainerRef=i,onClick:this.onLabelClick},a("input",{ref:i=>this.inputRef=i,type:"checkbox",checked:this.checked,value:this.identifier,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined","aria-checked":this.indeterminate?"mixed":void 0,disabled:this.isDisabled(),tabIndex:0,onKeyDown:this.onInputKeyDown}),a("span",{class:"vega-checkbox-icon",onClick:this.onSelectedIconClick,tabIndex:-1,"aria-hidden":"true"},this.renderIconDom()),a("div",{class:"vega-checkbox-label-container",ref:i=>this.labelElement=i},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.indeterminate?a("vega-icon",{icon:"minus-sign",size:this.size==="small"?"size-12":"size-16"}):this.checked?a("vega-icon",{icon:"checkmark",size:this.size==="small"?"size-12":"size-16"}):null}renderLabelDom(){return a("span",{class:"vega-checkbox-label"},a("slot",null))}renderRequireDom(){return a("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=this.identifier!==""?this.checked?this.identifier:"":this.checked}syncNativeIndeterminate(){this.inputRef&&(this.inputRef.indeterminate=this.indeterminate)}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(t){return m(this.host,"vega-checkbox-group")===t.host}groupDisabledObserverListener(t){this.groupDisabled=t.host.disabled}initAndRegisterGroupDisabledObserver(){m(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new P(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),g.register(y,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&g.unregister(y,this.groupDisabledObserver)}get host(){return S(this)}static get watchers(){return{value:["watchValueChange"],checked:["watchCheckedChange"]}}};v([_()],d.prototype,"globalSlimmers",void 0);v([h()],d.prototype,"vegaCheckboxShowErrorController",void 0);v([h()],d.prototype,"ariaAttributesValueMapper",void 0);v([h()],d.prototype,"formFieldController",void 0);v([h()],d.prototype,"changeEventEmitter",void 0);v([h()],d.prototype,"userChangeEventEmitter",void 0);v([h()],d.prototype,"dropdownEventPrevent",void 0);v([h()],d.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0);d.style=X;const $=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';var p=function(t,e,i,n){var o=arguments.length,r=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,n);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(r=(o<3?s(r):o>3?s(e,i,r):s(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};const c=class{constructor(t){R(this,t),this.vegaChange=b(this,"vegaChange",7),this.vegaUserChange=b(this,"vegaUserChange",7),this.userChange=b(this,"userChange",7),this.change=b(this,"change",7),this.globalSlimmers={},this.formFieldController=new L({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new T:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new I(O,e=>this.childCheckboxValueChange(e)),this.checkboxUserInteractionObserver=new I(D,()=>{this.userInteractionPending=!0}),this.checkboxEventPrevent=new N([f,u],()=>this.vegaFlexElement),this.changeEventEmitter=k(c,f),this.userChangeEventEmitter=k(c,u),this.vegaComponentUsageRuntimeMetricsSlimmer=new q,this.userInteractionPending=!1,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach(async i=>{e.push(i.shadowRoot.querySelector("input"))}),e}}async watchValue(t,e){const i=this.userInteractionPending;this.userInteractionPending=!1,!z(t,e,!0)&&(this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),i&&this.userChangeEventEmitter.emit(this.value),g.notify(V,{host:this.host,detail:this.value}))}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}componentShouldUpdate(t,e,i){return!(i==="value"&&Array.isArray(t)&&Array.isArray(e)&&z(t,e,!0))}render(){return U(a(A,null,this.renderLabelDom(),a("div",{class:"vega-checkbox-group-container",ref:t=>this.inputContainerRef=t},a("vega-flex",{ref:t=>{this.vegaFlexElement=t}},a("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&a("div",{class:"vega-label"},a("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?a("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&a("div",{class:"vega-hint"},a("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(t,e){t&&!this.value.includes(e)?this.value=[...this.value,e]:!t&&this.value.includes(e)&&(this.value=[...this.value.filter(i=>i!==e)])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach(t=>{this.value&&this.value.length>0?t.checked=this.value.includes(t.identifier):t.checked=!1})}notifyGroupDisabledChange(){g.notify(y,{host:this.host})}get host(){return S(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};p([_()],c.prototype,"globalSlimmers",void 0);p([h()],c.prototype,"formFieldController",void 0);p([h()],c.prototype,"checkboxValueChangeObserver",void 0);p([h()],c.prototype,"checkboxUserInteractionObserver",void 0);p([h()],c.prototype,"checkboxEventPrevent",void 0);p([h()],c.prototype,"changeEventEmitter",void 0);p([h()],c.prototype,"userChangeEventEmitter",void 0);p([h()],c.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0);p([K()],c.prototype,"watchVegaFlexProp",null);c.style=$;export{d as vega_checkbox,c as vega_checkbox_group};

package/dist/assets/vega-chip.entry-Bp2Li7OI.js

@@ -0,0 +1 @@
+import{r as y,c as s,P as f,b as d,n as x,h as a,H as m,F as h,e as k,g as w,S as z,I as i}from"./index-CVS-vjRT.js";import{s as C}from"./component-7d906393-CRgivpmK.js";import{R as q}from"./responsive-format-facade-51c0c2e1-CSNTrSBX.js";import{a as p,b as I}from"./design-token-0a575bf2-PUb6fp1k.js";import{c as S}from"./accessibility-6af5cf2e-XlEB_Jt7.js";import{V as E,I as R}from"./component-usage-runtime-metrics-4b1afd04-D5yBE3LX.js";import{c as u}from"./event-emit-slimmer-3eb4d8ad-Ctlccsem.js";import{C as V}from"./child-nodes-event-prevent-slimmer-1e3ac106-DA54t1iv.js";import"./state-border-formatter-50394e9c-ByDMiCxI.js";import"./array-7888f339-BUzRhXHn.js";const T=[{payloadKey:"VARIANT_IS_FILLED_BACKGROUND",payloadDescription:"Determines the rendering style for the chip",payloadValue:r=>r.variant==="filled-background"},{payloadKey:"VARIANT_IS_OUTLINED",payloadDescription:"Determines the rendering style for the chip",payloadValue:r=>r.variant==="outlined"}],D=':host(.v-bg-brand),.v-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-bg-page),.v-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-bg-primary),.v-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-bg-secondary),.v-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-bg-tertiary),.v-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-bg-quaternary),.v-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-bg-inverted-primary),.v-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-bg-inverted-secondary),.v-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-bg-inverted-tertiary),.v-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-bg-inverted-quaternary),.v-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-bg-action),.v-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-bg-action-hover),.v-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-bg-action-focus),.v-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-bg-action-active),.v-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-bg-action-quaternary),.v-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-bg-action-quaternary-hover),.v-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-bg-action-quaternary-active),.v-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-bg-action-secondary),.v-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-bg-action-secondary-hover),.v-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-bg-action-secondary-active),.v-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-bg-action-tertiary),.v-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-bg-action-tertiary-hover),.v-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-bg-action-tertiary-active),.v-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-bg-app-header),.v-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-bg-backdrop-modal),.v-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-bg-backdrop-popover),.v-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-bg-backdrop-sidebar),.v-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-bg-chip),.v-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-bg-chip-hover),.v-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-bg-chip-active),.v-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-bg-danger),.v-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-bg-danger-hover),.v-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-bg-danger-focus),.v-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-bg-danger-active),.v-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-bg-danger-tertiary),.v-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-bg-danger-tertiary-hover),.v-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-bg-danger-tertiary-active),.v-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-bg-disabled),.v-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-bg-divider),.v-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-bg-divider-secondary),.v-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-bg-keypad-btn-active),.v-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-bg-loading-progress),.v-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-bg-loading-track),.v-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-bg-segment-hover),.v-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-bg-segment-control),.v-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-bg-selected),.v-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-bg-sidebar),.v-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon),.v-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-bg-sidebar-icon-hover),.v-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon-selected),.v-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-hover),.v-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-selected),.v-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-bg-site-footer),.v-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-bg-site-footer-action),.v-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-bg-site-footer-action-hover),.v-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-bg-site-footer-action-active),.v-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-bg-site-footer-field),.v-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-bg-slider-handle),.v-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-bg-status-error),.v-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-bg-status-info),.v-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-bg-status-success),.v-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-bg-status-warning),.v-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-bg-tab),.v-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-bg-tab-hover),.v-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-bg-tab-selected),.v-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-bg-table-alt-row),.v-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-bg-table-header),.v-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-bg-table-row-hover),.v-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-bg-table-row-selected-expanded),.v-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-bg-table-selected-row),.v-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-bg-textarea-count),.v-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-bg-tile),.v-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-bg-tile-hover),.v-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-bg-tile-selected),.v-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-bg-tile-selected-hover),.v-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-bg-toggle-switch),.v-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-bg-toggle-switch-hover),.v-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-bg-toggle-switch-selected-disabled),.v-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-bg-transparent),.v-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-bg-accent1-primary),.v-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-bg-accent1-secondary),.v-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-bg-accent1-tertiary),.v-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-bg-accent2-primary),.v-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-bg-accent2-secondary),.v-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-bg-accent2-tertiary),.v-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-bg-accent3-primary),.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-bg-accent3-secondary),.v-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-bg-accent3-tertiary),.v-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-bg-accent4-primary),.v-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-bg-accent4-secondary),.v-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-bg-accent4-tertiary),.v-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-bg-accent5-primary),.v-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-bg-accent5-secondary),.v-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-bg-accent5-tertiary),.v-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-bg-accent6-primary),.v-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-bg-accent6-secondary),.v-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-bg-accent6-tertiary),.v-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-bg-accent7-primary),.v-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-bg-accent7-secondary),.v-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-bg-accent7-tertiary),.v-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-bg-accent8-primary),.v-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-bg-accent8-secondary),.v-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-bg-accent8-tertiary),.v-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-bg-accent9-primary),.v-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-bg-accent9-secondary),.v-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-bg-accent9-tertiary),.v-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-bg-accent10-primary),.v-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-bg-accent10-secondary),.v-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-bg-accent10-tertiary),.v-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-bg-date-picker-range),.v-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-fill-bg-brand),.v-fill-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-fill-bg-page),.v-fill-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-fill-bg-primary),.v-fill-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-fill-bg-secondary),.v-fill-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-fill-bg-tertiary),.v-fill-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-fill-bg-quaternary),.v-fill-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-fill-bg-inverted-primary),.v-fill-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-fill-bg-inverted-secondary),.v-fill-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-fill-bg-inverted-tertiary),.v-fill-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-fill-bg-inverted-quaternary),.v-fill-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-fill-bg-action),.v-fill-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-fill-bg-action-hover),.v-fill-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-fill-bg-action-focus),.v-fill-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-fill-bg-action-active),.v-fill-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-fill-bg-action-quaternary),.v-fill-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-fill-bg-action-quaternary-hover),.v-fill-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-fill-bg-action-quaternary-active),.v-fill-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-fill-bg-action-secondary),.v-fill-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-fill-bg-action-secondary-hover),.v-fill-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-fill-bg-action-secondary-active),.v-fill-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-fill-bg-action-tertiary),.v-fill-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-action-tertiary-hover),.v-fill-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-fill-bg-action-tertiary-active),.v-fill-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-fill-bg-app-header),.v-fill-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-fill-bg-backdrop-modal),.v-fill-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-fill-bg-backdrop-popover),.v-fill-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-fill-bg-backdrop-sidebar),.v-fill-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-fill-bg-chip),.v-fill-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-fill-bg-chip-hover),.v-fill-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-fill-bg-chip-active),.v-fill-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-fill-bg-danger),.v-fill-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-fill-bg-danger-hover),.v-fill-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-fill-bg-danger-focus),.v-fill-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-fill-bg-danger-active),.v-fill-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-fill-bg-danger-tertiary),.v-fill-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-danger-tertiary-hover),.v-fill-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-fill-bg-danger-tertiary-active),.v-fill-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-fill-bg-disabled),.v-fill-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-fill-bg-divider),.v-fill-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-fill-bg-divider-secondary),.v-fill-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-fill-bg-keypad-btn-active),.v-fill-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-fill-bg-loading-progress),.v-fill-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-fill-bg-loading-track),.v-fill-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-fill-bg-segment-hover),.v-fill-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-fill-bg-segment-control),.v-fill-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-fill-bg-selected),.v-fill-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-fill-bg-sidebar),.v-fill-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon),.v-fill-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-fill-bg-sidebar-icon-hover),.v-fill-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon-selected),.v-fill-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-hover),.v-fill-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-selected),.v-fill-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-fill-bg-site-footer),.v-fill-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-fill-bg-site-footer-action),.v-fill-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-fill-bg-site-footer-action-hover),.v-fill-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-fill-bg-site-footer-action-active),.v-fill-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-fill-bg-site-footer-field),.v-fill-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-fill-bg-slider-handle),.v-fill-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-fill-bg-status-error),.v-fill-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-fill-bg-status-info),.v-fill-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-fill-bg-status-success),.v-fill-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-fill-bg-status-warning),.v-fill-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-fill-bg-tab),.v-fill-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-fill-bg-tab-hover),.v-fill-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tab-selected),.v-fill-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-fill-bg-table-alt-row),.v-fill-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-fill-bg-table-header),.v-fill-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-fill-bg-table-row-hover),.v-fill-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-fill-bg-table-row-selected-expanded),.v-fill-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-fill-bg-table-selected-row),.v-fill-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-fill-bg-textarea-count),.v-fill-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-fill-bg-tile),.v-fill-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-fill-bg-tile-hover),.v-fill-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tile-selected),.v-fill-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-fill-bg-tile-selected-hover),.v-fill-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-fill-bg-toggle-switch),.v-fill-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-fill-bg-toggle-switch-hover),.v-fill-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-fill-bg-toggle-switch-selected-disabled),.v-fill-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-fill-bg-transparent),.v-fill-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-fill-bg-accent1-primary),.v-fill-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-fill-bg-accent1-secondary),.v-fill-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-fill-bg-accent1-tertiary),.v-fill-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-fill-bg-accent2-primary),.v-fill-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-fill-bg-accent2-secondary),.v-fill-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-fill-bg-accent2-tertiary),.v-fill-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-fill-bg-accent3-primary),.v-fill-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-fill-bg-accent3-secondary),.v-fill-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-fill-bg-accent3-tertiary),.v-fill-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-fill-bg-accent4-primary),.v-fill-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-fill-bg-accent4-secondary),.v-fill-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-fill-bg-accent4-tertiary),.v-fill-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-fill-bg-accent5-primary),.v-fill-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-fill-bg-accent5-secondary),.v-fill-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-fill-bg-accent5-tertiary),.v-fill-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-fill-bg-accent6-primary),.v-fill-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-fill-bg-accent6-secondary),.v-fill-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-fill-bg-accent6-tertiary),.v-fill-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-fill-bg-accent7-primary),.v-fill-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-fill-bg-accent7-secondary),.v-fill-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-fill-bg-accent7-tertiary),.v-fill-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-fill-bg-accent8-primary),.v-fill-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-fill-bg-accent8-secondary),.v-fill-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-fill-bg-accent8-tertiary),.v-fill-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-fill-bg-accent9-primary),.v-fill-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-fill-bg-accent9-secondary),.v-fill-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-fill-bg-accent9-tertiary),.v-fill-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-fill-bg-accent10-primary),.v-fill-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-fill-bg-accent10-secondary),.v-fill-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-fill-bg-accent10-tertiary),.v-fill-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-fill-bg-date-picker-range),.v-fill-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-stroke-bg-brand),.v-stroke-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-stroke-bg-page),.v-stroke-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-stroke-bg-primary),.v-stroke-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-stroke-bg-secondary),.v-stroke-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-stroke-bg-tertiary),.v-stroke-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-stroke-bg-quaternary),.v-stroke-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-stroke-bg-inverted-primary),.v-stroke-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-stroke-bg-inverted-secondary),.v-stroke-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-stroke-bg-inverted-tertiary),.v-stroke-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-stroke-bg-inverted-quaternary),.v-stroke-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-stroke-bg-action),.v-stroke-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-stroke-bg-action-hover),.v-stroke-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-stroke-bg-action-focus),.v-stroke-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-stroke-bg-action-active),.v-stroke-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-stroke-bg-action-quaternary),.v-stroke-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-stroke-bg-action-quaternary-hover),.v-stroke-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-stroke-bg-action-quaternary-active),.v-stroke-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-stroke-bg-action-secondary),.v-stroke-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-stroke-bg-action-secondary-hover),.v-stroke-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-stroke-bg-action-secondary-active),.v-stroke-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-stroke-bg-action-tertiary),.v-stroke-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-action-tertiary-hover),.v-stroke-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-stroke-bg-action-tertiary-active),.v-stroke-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-stroke-bg-app-header),.v-stroke-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-stroke-bg-backdrop-modal),.v-stroke-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-stroke-bg-backdrop-popover),.v-stroke-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-stroke-bg-backdrop-sidebar),.v-stroke-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-stroke-bg-chip),.v-stroke-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-stroke-bg-chip-hover),.v-stroke-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-stroke-bg-chip-active),.v-stroke-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-stroke-bg-danger),.v-stroke-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-hover),.v-stroke-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-stroke-bg-danger-focus),.v-stroke-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-active),.v-stroke-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-stroke-bg-danger-tertiary),.v-stroke-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-danger-tertiary-hover),.v-stroke-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-stroke-bg-danger-tertiary-active),.v-stroke-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-stroke-bg-disabled),.v-stroke-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-stroke-bg-divider),.v-stroke-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-stroke-bg-divider-secondary),.v-stroke-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-stroke-bg-keypad-btn-active),.v-stroke-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-stroke-bg-loading-progress),.v-stroke-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-stroke-bg-loading-track),.v-stroke-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-stroke-bg-segment-hover),.v-stroke-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-stroke-bg-segment-control),.v-stroke-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-stroke-bg-selected),.v-stroke-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-stroke-bg-sidebar),.v-stroke-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon),.v-stroke-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-stroke-bg-sidebar-icon-hover),.v-stroke-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon-selected),.v-stroke-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-hover),.v-stroke-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-selected),.v-stroke-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-stroke-bg-site-footer),.v-stroke-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-stroke-bg-site-footer-action),.v-stroke-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-stroke-bg-site-footer-action-hover),.v-stroke-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-stroke-bg-site-footer-action-active),.v-stroke-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-stroke-bg-site-footer-field),.v-stroke-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-stroke-bg-slider-handle),.v-stroke-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-stroke-bg-status-error),.v-stroke-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-stroke-bg-status-info),.v-stroke-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-stroke-bg-status-success),.v-stroke-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-stroke-bg-status-warning),.v-stroke-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-stroke-bg-tab),.v-stroke-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-stroke-bg-tab-hover),.v-stroke-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tab-selected),.v-stroke-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-stroke-bg-table-alt-row),.v-stroke-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-stroke-bg-table-header),.v-stroke-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-stroke-bg-table-row-hover),.v-stroke-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-stroke-bg-table-row-selected-expanded),.v-stroke-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-stroke-bg-table-selected-row),.v-stroke-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-stroke-bg-textarea-count),.v-stroke-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-stroke-bg-tile),.v-stroke-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-stroke-bg-tile-hover),.v-stroke-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tile-selected),.v-stroke-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-stroke-bg-tile-selected-hover),.v-stroke-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-stroke-bg-toggle-switch),.v-stroke-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-stroke-bg-toggle-switch-hover),.v-stroke-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-stroke-bg-toggle-switch-selected-disabled),.v-stroke-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-stroke-bg-transparent),.v-stroke-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-stroke-bg-accent1-primary),.v-stroke-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-stroke-bg-accent1-secondary),.v-stroke-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-stroke-bg-accent1-tertiary),.v-stroke-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-stroke-bg-accent2-primary),.v-stroke-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-stroke-bg-accent2-secondary),.v-stroke-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-stroke-bg-accent2-tertiary),.v-stroke-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-stroke-bg-accent3-primary),.v-stroke-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-stroke-bg-accent3-secondary),.v-stroke-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-stroke-bg-accent3-tertiary),.v-stroke-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-stroke-bg-accent4-primary),.v-stroke-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-stroke-bg-accent4-secondary),.v-stroke-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-stroke-bg-accent4-tertiary),.v-stroke-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-stroke-bg-accent5-primary),.v-stroke-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-stroke-bg-accent5-secondary),.v-stroke-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-stroke-bg-accent5-tertiary),.v-stroke-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-stroke-bg-accent6-primary),.v-stroke-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-stroke-bg-accent6-secondary),.v-stroke-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-stroke-bg-accent6-tertiary),.v-stroke-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-stroke-bg-accent7-primary),.v-stroke-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-stroke-bg-accent7-secondary),.v-stroke-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-stroke-bg-accent7-tertiary),.v-stroke-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-stroke-bg-accent8-primary),.v-stroke-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-stroke-bg-accent8-secondary),.v-stroke-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-stroke-bg-accent8-tertiary),.v-stroke-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-stroke-bg-accent9-primary),.v-stroke-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-stroke-bg-accent9-secondary),.v-stroke-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-stroke-bg-accent9-tertiary),.v-stroke-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-stroke-bg-accent10-primary),.v-stroke-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-stroke-bg-accent10-secondary),.v-stroke-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-stroke-bg-accent10-tertiary),.v-stroke-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-stroke-bg-date-picker-range),.v-stroke-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-block;max-width:100%;position:relative;border-radius:9999px;vertical-align:middle}:host vega-flex{border-radius:9999px}:host button{border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer}:host .vega-chip.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .vega-chip-filled-background{border-radius:9999px}:host .vega-chip-outlined{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:9999px;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}:host .vega-chip-size-extra-small{padding-left:8px;padding-right:8px;font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-extra-small{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 .vega-chip-size-extra-small{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 .vega-chip-size-extra-small{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-chip-outlined.vega-chip-size-extra-small{padding-top:1px;padding-bottom:1px}:host .vega-chip-size-small{padding-left:8px;padding-right:8px;padding-top:4px;padding-bottom:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host .vega-chip-outlined.vega-chip-size-small{padding-top:3px;padding-bottom:3px}:host .vega-chip-size-default{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-default{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-chip-size-default{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-chip-size-default{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-chip-outlined.vega-chip-size-default{padding-top:7px;padding-bottom:7px}:host .vega-chip-size-large{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-large{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-large{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-large{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}:host .vega-chip-outlined.vega-chip-size-large{padding-top:11px;padding-bottom:11px}:host .vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip){padding-left:20px;padding-right:20px}:host .vega-chip vega-flex>:not(.vega-chip-text){display:flex;align-items:center}:host .vega-chip-dot{border-radius:9999px}:host .vega-chip-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-chip-close-icon{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));cursor:pointer}:host button.vega-chip-filled-background:hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host button.vega-chip-filled-background:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host button.vega-chip-filled-background:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host button.vega-chip-outlined:hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host button.vega-chip-outlined:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host button.vega-chip-outlined:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-chip-close-icon:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-chip+.vega-chip-close-icon{position:absolute;display:flex;top:0px;right:0px;align-items:center;border-top-right-radius:9999px;border-bottom-right-radius:9999px;height:100%}:host .vega-chip-outlined+.vega-chip-close-icon{top:1px;height:calc(100% - 2px)}:host .vega-chip-size-extra-small+.vega-chip-close-icon{padding-right:8px}:host .vega-chip-size-small+.vega-chip-close-icon{padding-right:8px}:host .vega-chip-size-default+.vega-chip-close-icon{padding-right:12px}:host .vega-chip-size-large+.vega-chip-close-icon{padding-right:16px}:host .vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip)+.vega-chip-close-icon{padding-right:20px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-extra-small,:host .vega-chip-clickable-with-close-icon.vega-chip-size-small,:host .vega-chip-with-close-icon.vega-chip-size-extra-small,:host .vega-chip-with-close-icon.vega-chip-size-small{padding-right:24px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-default,:host .vega-chip-with-close-icon.vega-chip-size-default{padding-right:36px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-large,:host .vega-chip-with-close-icon.vega-chip-size-large{padding-right:44px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip){padding-right:48px}:host .vega-chip-with-close-icon.vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip){padding-right:48px}';var c=function(r,e,g,v){var b=arguments.length,o=b<3?e:v===null?v=Object.getOwnPropertyDescriptor(e,g):v,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(r,e,g,v);else for(var l=r.length-1;l>=0;l--)(n=r[l])&&(o=(b<3?n(o):b>3?n(e,g,o):n(e,g))||o);return b>3&&o&&Object.defineProperty(e,g,o),o};const t=class{constructor(r){y(this,r),this.vegaClose=s(this,"vegaClose",7),this.close=s(this,"close",7),this.vegaClick=s(this,"vegaClick",7),this.click=s(this,"click",7),this.globalSlimmers={},this.pageResizeObserverSlimmer=new f({callback:()=>{this.setCurrentSize()}}),this.flexEventPrevent=new V([d],()=>this.vegaFlexRef),this.closeEventEmit=u(t,z),this.clickEventEmit=u(t,d),this.vegaComponentUsageRuntimeMetricsSlimmer=new E(T),this.currentBreakpoint=x(),this.text="",this.clickable=!1,this.variant="filled-background",this.size="default",this.bgColor="bg-chip",this.textColor="text-primary",this.statusColor="bg-status-info",this.chipType="label",this.showCloseIcon=!1,this.iconAlign="left",this.closeChip=e=>{e.stopPropagation(),this.closeEventEmit.emit(void 0,e)},this.clickChip=e=>{e.stopPropagation(),this.clickEventEmit.emit(void 0,e)}}watchSize(){this.setCurrentSize()}componentWillLoad(){this.setCurrentSize()}render(){return C(a(m,null,a("vega-flex",{"align-items":"center",ref:r=>this.vegaFlexRef=r},this.renderChip())),this.host)}renderChip(){const r=this.getChipClasses();return this.clickable?this.renderButtonChip(r):this.renderLabelChip(r)}renderLabelChip(r){return a(h,null,a("div",{class:r},this.renderContent()),this.renderCloseIcon())}renderButtonChip(r){return a(h,null,a("button",{type:"button","aria-label":this.text||"No label defined",class:r,onClick:this.clickChip},this.renderContent()),this.renderCloseIcon())}renderContent(){return a("vega-flex",{gap:this.getFlexGap(),"align-items":"center"},this.renderPrefixIcon(),this.renderText(),this.renderSuffixIcon())}renderPrefixIcon(){return this.chipType==="status"?this.renderDot():this.icon&&this.iconAlign==="left"&&a("div",{class:"vega-chip-icon"},this.renderIcon(this.icon))}renderSuffixIcon(){return this.icon&&this.chipType==="label"&&this.iconAlign==="right"&&a("div",{class:"vega-chip-icon"},this.renderIcon(this.icon))}renderCloseIcon(){return this.showCloseIcon&&a("div",{class:"vega-chip-close-icon","aria-label":"close vega chip",onClick:this.closeChip,role:"button",tabIndex:0,onKeyDown:S()},this.renderIcon("close"))}renderIcon(r){return a("vega-icon",{icon:r,size:r==="close"?t.closeIconSizeMap[this.currentSize]:t.iconSizeMap[this.currentSize],color:r!=="close"?this.iconColor:void 0})}renderDot(){const r=t.iconSizeMap[this.currentSize],e=k(["vega-chip-dot",`v-w-${r}`,`v-h-${r}`,p(this.statusColor,["dark"])]);return a("div",{class:"vega-chip-dot-container"},a("div",{class:e}))}renderText(){return a("span",{class:"vega-chip-text"},a("vega-text",{overflow:"ellipsis",text:this.text,key:this.text}))}setCurrentSize(){this.currentSize=q.formatCustom(this.size)}getFlexGap(){let r="0";switch(this.currentSize){case"default":r="size-8";break;case"large":r="size-8";break;default:r="size-4";break}return r}getChipClasses(){return k(["vega-chip",`vega-chip-size-${this.currentSize}`,`vega-chip-${this.variant}`,this.variant==="filled-background"?p(this.bgColor,["dark"]):"",I(this.textColor,["dark"]),this.showCloseIcon?this.clickable?"vega-chip-clickable-with-close-icon":"vega-chip-with-close-icon":""])}get host(){return w(this)}static get watchers(){return{size:["watchSize"]}}};t.iconSizeMap={"extra-small":"size-8",small:"size-12",default:"size-16",large:"size-20"};t.closeIconSizeMap={"extra-small":"size-8",small:"size-8",default:"size-12",large:"size-16"};c([R()],t.prototype,"globalSlimmers",void 0);c([i()],t.prototype,"pageResizeObserverSlimmer",void 0);c([i()],t.prototype,"flexEventPrevent",void 0);c([i()],t.prototype,"closeEventEmit",void 0);c([i()],t.prototype,"clickEventEmit",void 0);c([i()],t.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0);t.style=D;export{t as vega_chip};

package/dist/assets/vega-code-block.entry-DKuulw1O.js

@@ -0,0 +1,8 @@
+import{r as fe,c as z,Y as W,aF as ve,e as Ce,h as m,H as me,g as ye,ai as be,a as R,cs as Y,D as K,b as ue,F as Q,d as G,C as X,B as J,ct as xe,cu as Re,cf as ce,M as l,f as g,I as u}from"./index-CVS-vjRT.js";import{V as we,I as Ee}from"./component-usage-runtime-metrics-4b1afd04-D5yBE3LX.js";import{s as Se}from"./component-7d906393-CRgivpmK.js";import{t as Oe}from"./trash-can-8819a939-BMBO4L_u.js";import{c as de}from"./event-emit-slimmer-3eb4d8ad-Ctlccsem.js";import{T as Pe}from"./translation-slimmer-7f195ba8-B5rGwI39.js";import{S as Te,C as ke,a as Le}from"./component-value-history-controller-slimmer.abstract-21e9126a-B95QIB1M.js";import{A as je}from"./auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c-DrPRo97a.js";import{C as _e}from"./child-nodes-event-prevent-slimmer-1e3ac106-DA54t1iv.js";import{C as Ne}from"./component-global-style-slimmer-ac703085-BrAKY3hJ.js";import"./keyboard-manager-slimmer-c8fcfe60-CN3LeBJZ.js";import"./keyboard-manager-404b9c17-BrcyLUZb.js";import"./synchronize-task-queue-ac8acc3b-Zj5FaVSX.js";var y=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class C extends R{constructor(){super(...arguments),this.languageDropdownProps={searchable:!1},this.languageOptions=Object.keys(Y).map(e=>({id:Y[e],displayName:e})),this.handleLanguageChange=e=>{K.addUniqueObserverToNode(e,W,t=>{var o;this.valueController.updateValue((o=this.value)===null||o===void 0?void 0:o.code,t.detail)})},this.handleDeleteClick=e=>{K.addUniqueObserverToNode(e,ue,()=>{this.removeEventEmitter.emit().defaultPrevented||this.host.remove()})}}getToolbarContainerRef(){return this.toolbarContainerRef}render(){return m(Q,null,m("div",{part:"editor-toolbar",contenteditable:!1,class:{"editor-toolbar":!this.readOnly,"copy-button-container":this.showCopyButton&&this.readOnly},ref:e=>this.toolbarContainerRef=e},this.renderEditorToolbar(),this.copyButtonRenderer.render()),this.contentRenderer.render())}renderEditorToolbar(){var e,t;if(!this.readOnly)return m(Q,null,m("vega-input-select",{source:this.languageOptions,value:(t=(e=this.value)===null||e===void 0?void 0:e.language)!==null&&t!==void 0?t:"",disabled:this.disabled,placeholder:this.translationSlimmer.t("Select Language"),size:"small",vegaDropdownProps:this.languageDropdownProps,exportparts:"select-container, selected-box, placeholder, toggle-icon-container, toggle-icon",ref:this.handleLanguageChange}),m("vega-button-circle",{key:"delete-button",disabled:this.disabled,label:this.translationSlimmer.t("Delete Code"),icon:G.getIconKey("trash-can"),iconColor:"text-secondary",variant:"icon-only",size:"extra-small",ref:this.handleDeleteClick}))}}G.register({"trash-can":Oe});y([l()],C.prototype,"readOnly",void 0);y([l()],C.prototype,"host",void 0);y([l()],C.prototype,"disabled",void 0);y([l()],C.prototype,"showCopyButton",void 0);y([l()],C.prototype,"value",void 0);y([l()],C.prototype,"contentRenderer",void 0);y([l()],C.prototype,"valueController",void 0);y([l()],C.prototype,"removeEventEmitter",void 0);y([l()],C.prototype,"translationSlimmer",void 0);y([l()],C.prototype,"copyButtonRenderer",void 0);var B=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class T extends R{constructor(){super(...arguments),this.handleFocus=()=>{!this.readOnly&&!this.disabled&&this.host.classList.add("focus")},this.handleBlur=()=>{this.host.classList.remove("focus"),X.notify(J.getSubject(this.host,xe),null)}}getCodeContentContainerRef(){return this.codeContentContainerRef}registerEventListener(){this.codeContentContainerRef&&(this.codeContentContainerRef.addEventListener("focusin",this.handleFocus),this.codeContentContainerRef.addEventListener("focusout",this.handleBlur))}unregisterEventListener(){this.codeContentContainerRef&&(this.codeContentContainerRef.removeEventListener("focusin",this.handleFocus),this.codeContentContainerRef.removeEventListener("focusout",this.handleBlur))}render(){var e;const t=this.contentParseController.parseCode(),o=((e=this.value)===null||e===void 0?void 0:e.language)||"";return m(Q,null,m("style",null,this.getLineNumberStyleVariable(t)),m("code",{role:"textbox",tabIndex:0,spellcheck:!1,ref:r=>this.codeContentContainerRef=r,contenteditable:!(this.readOnly||this.disabled),"data-language":o,innerHTML:t.map(r=>this.renderCodeNode(r)).join("")}))}renderCodeNode(e){const{key:t,className:o,mark:r,text:n}=e;return`<span key='${t}' class='${o}' data-mark='${r}' data-index='${t}'>${n}</span>`}getLineNumberStyleVariable(e){const t=e.filter(s=>s.text===`
+`),o=10,r=16,n=(t.length+1).toString().length*o;return`code{--v-code-line-number-width:${n}px;--v-code-line-number-ml:-${n+r}px;--v-code-block-pl:${n+r}px}`}}B([l()],T.prototype,"host",void 0);B([l()],T.prototype,"readOnly",void 0);B([l()],T.prototype,"disabled",void 0);B([l()],T.prototype,"value",void 0);B([l()],T.prototype,"contentParseController",void 0);B([g("componentDidLoad")],T.prototype,"registerEventListener",null);B([g("disconnectedCallback")],T.prototype,"unregisterEventListener",null);var U=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class H extends R{updateValue(e,t,o){(!this.value||this.value.code!==e||this.value.language!==t)&&(this.value={language:t,code:e},this.changeEventEmitter.emit(this.value),o&&o.recordHistory&&this.historyController.registerHistory({value:this.value,offset:o.offset}))}initialValue(){this.value||(this.value={code:"",language:"plainText"})}}U([l({writable:!0})],H.prototype,"value",void 0);U([l()],H.prototype,"changeEventEmitter",void 0);U([l()],H.prototype,"historyController",void 0);U([g("connectedCallback")],H.prototype,"initialValue",null);var he=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class oe extends R{constructor(){super(...arguments),this.codeNodes=[]}getCurrentCodeNodes(){return this.codeNodes}parseCode(){const e=[this.prismCodeHighlightParser,this.defaultCodeHighlightParser];let t=[];for(const o of e)if(o.canParse()){t=o.parse();break}return this.codeNodes=t,t}}he([l()],oe.prototype,"prismCodeHighlightParser",void 0);he([l()],oe.prototype,"defaultCodeHighlightParser",void 0);class re{constructor(e){this.contentOffset=0,this.selectedText="",this.codeContainerRef=e}updateRange(e,t,o,r=""){const n=new re(this.codeContainerRef);return n.selectedText=r,n.contentOffset=n.getContentOffset(e,t,o),n}updateContentOffset(e){return this.contentOffset=Math.max(0,e),this.selectedText="",this.contentOffset}createNativeRange(e){const{nodeIndex:t,offset:o}=this.getFocusNodeState(e,this.contentOffset),r=new Range,n=this.codeContainerRef.querySelector(`span[data-index="${t}"]`);if(n){const s=Math.min(n.firstChild.textContent.length,o);return r.setStart(n.firstChild,s),r.setEnd(n.firstChild,s),r}}getContentOffset(e,t,o){let r=e.nodeType===Node.TEXT_NODE?e.parentElement:e;if(r.nodeName==="CODE"&&r.childNodes&&r.childNodes.length&&(r=r.childNodes[Math.min(t,r.childNodes.length-1)],t=0),r&&r.hasAttribute("data-index")){const n=Number(r.dataset.index);let s="";for(let a=0;a<n;a++)s+=o[a].text;return s.length+t}return 0}getFocusNodeState(e,t){const o=this.getCodeContent(e),r={nodeIndex:0,offset:0};if(!o||t>=o.length)r.nodeIndex=e.length-1,r.offset=e[r.nodeIndex].text.length;else{let n="";for(let s=0;s<e.length;s++)if(n+=e[s].text,n.length>=t){r.offset=Math.max(0,e[s].text.length-(n.length-t)),r.nodeIndex=s;break}}return e[r.nodeIndex].text===`
+`&&r.offset>0&&e[r.nodeIndex+1]&&(r.nodeIndex+=1,r.offset=0),r}getCodeContent(e){return e.map(t=>t.text).join("")}}var $=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class b extends je{constructor(){super(1),this.handleSelectionWithDebounce=Re(this.handleSelectionChange,b.SELECTION_CHANGE_DEBOUNCE_TIME,this),this.doTask=async()=>{await Promise.resolve();const e=this.getSelection(),t=this.codeBlockRange.createNativeRange(this.contentParseController.getCurrentCodeNodes());e&&t&&(e.removeAllRanges(),e.addRange(t))}}getCurrentRange(){return this.codeBlockRange}setNextCodeBlockRange(e,t=!1){this.codeBlockRange.updateContentOffset(e),super.enqueueTheTaskIntoQueue(t)}addSelectionChangeEventListener(){this.codeBlockRange=new re(this.contentRenderer.getCodeContentContainerRef()),document.addEventListener("selectionchange",this.handleSelectionWithDebounce)}removeSelectionChangeEventListener(){document.removeEventListener("selectionchange",this.handleSelectionWithDebounce)}getSelection(){return Te.getSelection(this.host.shadowRoot)}handleSelectionChange(){const e=this.getSelection();e&&e.rangeCount>0?(this.syncCodeRangeByNativeRange(),X.notify(J.getSubject(this.host,ce),{detail:!0})):X.notify(J.getSubject(this.host,ce),{detail:!1})}syncCodeRangeByNativeRange(){const e=this.getSelection();if(this.isCodeBlockActive()&&this.autoRunTaskQueue.queue.length===0&&!this.insertCompositionTextController.isComposing()){const t=e.getRangeAt(0),{startContainer:o,startOffset:r}=t;this.codeBlockRange=this.codeBlockRange.updateRange(o,r,this.contentParseController.getCurrentCodeNodes(),t.toString())}}isCodeBlockActive(){return this.host&&this.host.classList.contains("focus")}}b.SELECTION_CHANGE_DEBOUNCE_TIME=Math.min(Le.SELECTION_CHANGE_DEBOUNCE_TIME,40);$([l()],b.prototype,"host",void 0);$([l()],b.prototype,"contentRenderer",void 0);$([l()],b.prototype,"contentParseController",void 0);$([l()],b.prototype,"insertCompositionTextController",void 0);$([g("componentDidLoad")],b.prototype,"addSelectionChangeEventListener",null);$([g("disconnectedCallback")],b.prototype,"removeSelectionChangeEventListener",null);class ge extends R{deleteSelectedText(e,t,o){return o>=e.length?e="":e=e.slice(0,t)+e.slice(t+o),e}getCodeNodesContent(e){return e.map(t=>t.text).join("")}stopEventPropagation(e){e&&typeof e.stopPropagation=="function"&&e.stopPropagation()}reCalculateRangeAndContent(e,t,o){let r=e.contentOffset,n=t;return e&&(e.selectedText.length&&(n=this.deleteSelectedText(n,e.contentOffset,e.selectedText.length)),n=n.slice(0,e.contentOffset)+o+n.slice(e.contentOffset),r=e.contentOffset+o.length),{nextOffset:r,updatedContent:n}}}var k=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class w extends ge{constructor(){super(...arguments),this.handleInputEvent=e=>{this.stopEventPropagation(e),this.updateCodeContent()},this.handleBeforeInput=e=>{switch(e.stopPropagation(),e.inputType){case"deleteContentBackward":!this.value||!this.value.code||this.value.code===""?e.preventDefault():this.handleDeleteAction(e);return;case"historyUndo":case"historyRedo":e.preventDefault();return}this.updateCodeBlockRange(e)}}registerInputEvent(){const e=this.contentRenderer.getCodeContentContainerRef();e&&(e.addEventListener("beforeinput",this.handleBeforeInput),e.addEventListener("input",this.handleInputEvent))}unregisterEventListener(){const e=this.contentRenderer.getCodeContentContainerRef();e&&(e.removeEventListener("beforeinput",this.handleBeforeInput),e.removeEventListener("input",this.handleInputEvent))}handleDeleteAction(e){const t=this.selectionController.getCurrentRange();if(t){e.preventDefault();const o=t.contentOffset,r=this.contentParseController.getCurrentCodeNodes();let n=this.getCodeNodesContent(r),s=o;t.selectedText.length?n=this.deleteSelectedText(n,o,t.selectedText.length):o>0&&(n=n.slice(0,o-1)+n.slice(o),s-=1),this.selectionController.setNextCodeBlockRange(s),this.valueController.updateValue(n,this.value.language,{recordHistory:!0,offset:s})}}updateCodeBlockRange(e){const t=this.selectionController.getCurrentRange();!this.insertCompositionTextController.isComposing()&&t&&this.selectionController.setNextCodeBlockRange(t.contentOffset+this.getInsertDataLength(e))}getInsertDataLength(e){const{data:t,inputType:o}=e;switch(o){case"insertText":return t.length;case"insertParagraph":case"insertLineBreak":return 1;default:return 0}}updateCodeContent(){var e;if(!this.insertCompositionTextController.isComposing()){let o=this.contentRenderer.getCodeContentContainerRef().innerText;this.isInsertLineBreakInLowVersionFirefox(o)&&(o=o+`
+`),this.valueController.updateValue(o,(e=this.value)===null||e===void 0?void 0:e.language,{recordHistory:!0,offset:this.selectionController.getCurrentRange().contentOffset})}}isInsertLineBreakInLowVersionFirefox(e){var t;const o=((t=this.value)===null||t===void 0?void 0:t.code)||"";return!o.endsWith(`
+`)&&e===o+`
+`}}k([l()],w.prototype,"selectionController",void 0);k([l()],w.prototype,"contentRenderer",void 0);k([l()],w.prototype,"valueController",void 0);k([l()],w.prototype,"contentParseController",void 0);k([l()],w.prototype,"insertCompositionTextController",void 0);k([l()],w.prototype,"value",void 0);k([g("componentDidLoad")],w.prototype,"registerInputEvent",null);k([g("disconnectedCallback")],w.prototype,"unregisterEventListener",null);var L=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class E extends R{focusAndUpdateSelection(){if(!this.disabled&&!this.readOnly){const e=this.contentRenderer.getCodeContentContainerRef();if(e){e.focus();const t=this.value&&this.value.code&&this.value.code!==" "?this.value.code.length:0;this.selectionController.setNextCodeBlockRange(t,!0)}}}removeFocusAfterDisabled(){(this.disabled||this.readOnly)&&this.host.classList.remove("focus")}}L([l()],E.prototype,"host",void 0);L([l()],E.prototype,"value",void 0);L([l()],E.prototype,"readOnly",void 0);L([l()],E.prototype,"disabled",void 0);L([l()],E.prototype,"contentRenderer",void 0);L([l()],E.prototype,"selectionController",void 0);L([g("doFocus")],E.prototype,"focusAndUpdateSelection",null);L([g("watchEditableChange")],E.prototype,"removeFocusAfterDisabled",null);const Be={icon:'<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><g clip-path="url(#clip0_70002_574)"><path fill="currentColor" d="M11.7794 1.65539L10.3439 0.219844C10.2044 0.0790078 10.0122 0 9.81303 0H5.97865C5.15014 0 4.47865 0.671719 4.47865 1.5L4.47911 7.5C4.49975 8.32969 5.1724 9 5.99975 9H10.4997C11.3247 9 11.9997 8.325 11.9997 7.5V2.18555C11.9997 1.9868 11.9201 1.79602 11.7794 1.65539ZM10.8747 7.5C10.8747 7.70709 10.7068 7.875 10.4997 7.875H5.97865C5.77151 7.875 5.60365 7.70709 5.60365 7.5V1.50305C5.60365 1.29595 5.77156 1.12805 5.97865 1.12805H8.97865L8.99975 2.25C8.99975 2.66414 9.33561 3 9.74975 3H10.8537V7.5H10.8747ZM6.37475 10.5C6.37475 10.7071 6.20684 10.875 5.99975 10.875H1.47865C1.27151 10.875 1.10365 10.7071 1.10365 10.5L1.12428 4.50234C1.12428 4.29525 1.29218 4.12734 1.49928 4.12734H3.74975V3H1.49951C0.670996 3 -0.000488281 3.67148 -0.000488281 4.5L-0.000258594 10.5C-0.000207031 11.3273 0.671465 12 1.49975 12H5.99975C6.82475 12 7.49975 11.325 7.49975 10.5V9.75H6.39584L6.37475 10.5Z"/></g><defs><clipPath id="clip0_70002_574"><rect width="12" height="12" fill="currentColor"/></clipPath></defs></svg>'};var q=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class j extends R{constructor(){super(...arguments),this.handleCopyClick=e=>{K.addUniqueObserverToNode(e,ue,async()=>{var t;const o=((t=this.value)===null||t===void 0?void 0:t.code)||"";if(o&&globalThis.navigator&&globalThis.navigator.clipboard){clearTimeout(this.updateLabelTimer),await globalThis.navigator.clipboard.writeText(o);const r=this.translationSlimmer.t("Copy Code");e.label=this.translationSlimmer.t("Copied"),this.updateLabelTimer=setTimeout(()=>{e&&(e.label=r)},j.RESET_TOOLTIP_TIME)}})}}render(){if(this.showCopyButton&&this.readOnly)return m("vega-button-circle",{key:"copy-button",label:this.translationSlimmer.t("Copy Code"),class:"copy-code-button",icon:G.getIconKey("copy"),iconColor:"text-secondary",variant:"icon-only",size:"extra-small",ref:this.handleCopyClick})}}G.register({copy:Be});j.RESET_TOOLTIP_TIME=1e3;q([l()],j.prototype,"value",void 0);q([l()],j.prototype,"readOnly",void 0);q([l()],j.prototype,"showCopyButton",void 0);q([l()],j.prototype,"translationSlimmer",void 0);const pe="\0GREEDY_PLACEHOLDER\0";function ie(i,e){if(!i||!e)return[i];const t=[i];return Fe(t,e),t}function Fe(i,e){const t=[],o=[];for(const r of Object.keys(e)){const n=e[r],s=Array.isArray(n)?n:[n];for(const a of s)a.greedy?t.push({tokenType:r,patternDef:a}):o.push({tokenType:r,patternDef:a})}t.length>0&&$e(i,t);for(const{tokenType:r,patternDef:n}of o)Ie(i,r,n)}function $e(i,e){for(let t=0;t<i.length;t++){const o=i[t];if(typeof o!="string")continue;const r=o;let n=r;const s=[];for(const{tokenType:d,patternDef:f}of e){const{pattern:v,lookbehind:M,inside:O}=f,ae=new RegExp(v.source,v.flags.replace(/g/g,"")+"g");let D;for(;(D=ae.exec(n))!==null;){let A=D.index,N=D[0];if(N.length===0){ae.lastIndex++;continue}if(N.indexOf(pe)!==-1)continue;if(M&&D[1]){const le=D[1].length;A+=le,N=N.slice(le)}const Z=A+N.length;s.push({tokenType:d,matchStart:A,matchEnd:Z,matchText:r.slice(A,Z),inside:O}),n=n.slice(0,A)+pe.repeat(N.length).slice(0,N.length)+n.slice(Z)}}if(s.length===0)continue;s.sort((d,f)=>d.matchStart-f.matchStart);const a=[];let h=0;for(const d of s){d.matchStart>h&&a.push(r.slice(h,d.matchStart));let f=d.matchText;if(d.inside){const v=ie(d.matchText,d.inside);f=v.length===1?v[0]:v}a.push({type:d.tokenType,content:f}),h=d.matchEnd}h<r.length&&a.push(r.slice(h)),i.splice(t,1,...a),t+=a.length-1}}function Ie(i,e,t){for(let o=0;o<i.length;o++){const r=i[o];if(typeof r!="string")continue;const n=De(r,e,t);n.length===1&&typeof n[0]=="string"||(i.splice(o,1,...n),o+=n.length-1)}}function De(i,e,t){const{pattern:o,lookbehind:r,inside:n}=t,s=new RegExp(o.source,o.flags.replace(/g/g,"")+"g"),a=[];let h=0,d;for(;(d=s.exec(i))!==null;){let f=d.index,v=d[0];if(v.length===0){s.lastIndex++;continue}if(r&&d[1]){const O=d[1].length;f+=O,v=v.slice(O)}f>h&&a.push(i.slice(h,f));let M=v;if(n){const O=ie(v,n);M=O.length===1?O[0]:O}a.push({type:e,content:M}),h=f+v.length}return h<i.length&&a.push(i.slice(h)),a.length===0?[i]:a}const Ae={comment:{pattern:/\/\*[\s\S]*?\*\//,greedy:!0},string:{pattern:/("|')(?:\\[\s\S]|(?!\1)[^\\\n\r])*\1/,greedy:!0},atrule:[{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:{pattern:/^@[\w-]+/},"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0},punctuation:{pattern:/[;:(){}]/}}}],url:{pattern:/\burl\((?:("|')(?:\\[\s\S]|(?!\1)[^\\\n\r])*\1|(?:[^\\\r\n()"']|\\[\s\S])*)\)/i,greedy:!0,inside:{function:{pattern:/^url/i},punctuation:{pattern:/^\(|\)$/},string:{pattern:/^("|')[\s\S]+(?=\1$)/,lookbehind:!0}}},selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?![\s{])|\((?:[^()]|\([^()]*\))*\))*(?=\s*\{)/,inside:{"pseudo-element":{pattern:/(?:::)[\w-]+/},"pseudo-class":{pattern:/(?::)[\w-]+/},class:{pattern:/\.[\w-]+/},id:{pattern:/#[\w-]+/},attribute:{pattern:/\[(?:[^[\]"']|("|')(?:\\[\s\S]|(?!\1)[^\\\n\r])*\1)*\]/,greedy:!0,inside:{punctuation:{pattern:/^\[|\]$/},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\u00B7\u00C0-\u024F])+/i,lookbehind:!0},"attr-value":[{pattern:/(=\s*)(?:"[^"]*"|'[^']*'|[^\s'"=]+)/,lookbehind:!0}],operator:{pattern:/[|~*^$]?=/}}}}},property:{pattern:/(?!\s)[-_a-z\u00B7\u00C0-\u024F][-\w\u00B7\u00C0-\u024F]*(?=\s*:)/i},important:{pattern:/!important\b/i},function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},number:{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?/i,lookbehind:!0},unit:{pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},punctuation:{pattern:/[(){};:,]/},operator:{pattern:/[+\-*/=><~^|]+/}},ee={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"']|"[^"]*"|'[^']*')+(?:>|$)/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0},punctuation:{pattern:/^<!|>$|[[\]]/},"doctype-tag":{pattern:/^DOCTYPE/i},name:{pattern:/[^\s<>'"/]+/},string:{pattern:/("|')[\s\S]*?\1/,greedy:!0}}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>/=$<%]+(?:\s(?:\s*[^\s>/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>/]+/,inside:{punctuation:{pattern:/^<\/?/},namespace:{pattern:/^[^\s>/:]+:/}}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:{pattern:/\/?>/},"attr-name":{pattern:/[^\s>/]+/,inside:{namespace:{pattern:/^[^\s>/:]+:/}}}}},entity:[{pattern:/&[\da-z]{1,8};/i},{pattern:/&#x?[\da-f]{1,8};/i}]},P={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:[{pattern:/(["'])(?:\\[\s\S]|(?!\1)[^\\\r\n])*\1/,greedy:!0}],"template-string":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/},interpolation:{pattern:/\$\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})*\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/}}},string:{pattern:/[\s\S]+/}}},regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[.\r\n,;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0},"regex-delimiter":{pattern:/^\/|\/$/},"regex-flags":{pattern:/^[a-z]+$/}}},"class-name":[{pattern:/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,lookbehind:!0,inside:{punctuation:{pattern:/[.\\]/}}}],keyword:[{pattern:/\b(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/}],boolean:{pattern:/\b(?:false|true)\b/},number:{pattern:/\b(?:(?:0[xX][\dA-Fa-f](?:_[\dA-Fa-f])*|0[bB][01](?:_[01])*|0[oO][0-7](?:_[0-7])*)n?|(?:\d(?:_\d)*\.?\d*|\.\d+)(?:[Ee][+-]?\d(?:_\d)*)?n?|NaN|Infinity)\b/},function:{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/},operator:{pattern:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%|&^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/},punctuation:{pattern:/[{}[\];(),.:]/},constant:{pattern:/\b[A-Z](?:[A-Z_]|\dx)*\b/}};var He=function(i,e){var t={};for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&e.indexOf(o)<0&&(t[o]=i[o]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,o=Object.getOwnPropertySymbols(i);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(i,o[r])&&(t[o[r]]=i[o[r]]);return t};const{keyword:ut,function:Ve,operator:ht,punctuation:Me}=P,ze=He(P,["keyword","function","operator","punctuation"]),te=Object.assign(Object.assign({},ze),{"class-name":[{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:{punctuation:{pattern:/[<>.,]/}}}],builtin:{pattern:/\b(?:Array|Boolean|Date|Function|Map|Number|Object|Promise|RegExp|Set|String|WeakMap|WeakSet|bigint|boolean|never|null|number|string|symbol|undefined|unknown|void)\b/},keyword:[{pattern:/\b(?:abstract|as|asserts|async|await|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|infer|instanceof|interface|is|keyof|let|module|namespace|new|null|of|package|private|protected|public|readonly|return|require|set|static|super|switch|this|throw|try|type|typeof|undefined|var|void|while|with|yield)\b/}],function:Ve,"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:{pattern:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/},generic:{pattern:/<[\s\S]+/,inside:{punctuation:{pattern:/[<>(),.]/},keyword:{pattern:/\b(?:extends|infer|keyof)\b/},builtin:{pattern:/\b(?:boolean|never|null|number|string|symbol|undefined|unknown|void)\b/}}}}},operator:{pattern:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%|&^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]|!(?=\s*[^=])/},punctuation:Me}),ne=Object.assign(Object.assign({tag:{pattern:/<\/?(?:[\w.:-]+(?:\s+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}))?|\{\.{3}[a-z_$][\w$]*(?:\.[\w$]+)*\}))*\s*\/?)?>/i,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>/]*/,inside:{punctuation:{pattern:/^<\/?/},namespace:{pattern:/^[^\s>/:]+:/}}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\})/,inside:{punctuation:[{pattern:/^=/},{pattern:/^(\s*)["'{]|[}"']$/,lookbehind:!0}],script:{pattern:/[\s\S]+/,inside:P}}},spread:{pattern:/\{\.{3}[a-z_$][\w$]*(?:\.[\w$]+)*\}/,inside:{punctuation:{pattern:/^\{\.{3}|\}$/},"attr-name":{pattern:/[\s\S]+/}}},"attr-name":{pattern:/[^\s>/]+/,inside:{namespace:{pattern:/^[^\s>/:]+:/}}},punctuation:{pattern:/\/?>/}}}},P),{entity:ee.entity}),Ge=Object.assign(Object.assign({tag:ne.tag},te),{entity:ne.entity}),Ue={css:Ae,html:ee,markup:ee,javascript:P,js:P,typescript:te,ts:te,jsx:ne,tsx:Ge,c:P,clike:P};function qe(i){return Ue[i]}var Ze=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};const We=Object.values(Y);class se extends R{splitTag(e){if(!this.hasSpecialCharacter(e)||e.length<2)return[e];{const t=[],o=e.split("");let r=0;return o.forEach(n=>{n==="<"||n===">"||n==="/"?(t.push(n),r=t.length):t[r]=t[r]?t[r]+n:n}),t}}isHighlightLanguage(e){return e!=="plainText"&&We.includes(e)}markLineNumberNodes(e){e.length===0&&e.push({text:`
+`,key:"0",className:""});let t=0;return e.map((o,r)=>{let n=o.className;return(r===0||e[r-1].text===`
+`)&&(t++,n=`v-code-line-number ${o.className}`),{text:o.text,key:`${r}`,className:n,mark:`${t}`}})}hasSpecialCharacter(e){return/[<|>|\\/]/.test(e)}}Ze([l()],se.prototype,"value",void 0);class Ye extends se{canParse(){const{code:e,language:t}=this.value||{code:""};return e&&t&&this.isHighlightLanguage(t)}parse(){const{code:e,language:t}=this.value;let o=[];const r=qe(t),n=ie(e,r);return o=this.getHighlightNodes(n),this.markLineNumberNodes(o)}getHighlightNodes(e,t){const o=[];for(const r of e)if(typeof r=="string"){const n=r.split(/(\n|\t)/),s=n.length;for(let a=0;a<s;a++){const h=n[a];if(h){const d=this.splitTag(h);o.push(...d.map(f=>this.createCodeNode(f,t)))}}}else{const{content:n}=r;typeof n=="string"?o.push(...this.getHighlightNodes([n],r.type)):Array.isArray(n)&&o.push(...this.getHighlightNodes(n,r.type))}return o}createCodeNode(e,t){return{text:e,key:"",className:`token ${t||""}`,mark:""}}}class Ke extends se{canParse(){const{code:e,language:t}=this.value||{code:""};return!e||!t||t==="plainText"||!this.isHighlightLanguage(t)}parse(){var e,t;const r=((t=(e=this.value)===null||e===void 0?void 0:e.code)!==null&&t!==void 0?t:"").split(/(\n)/);let n=[];return r.forEach(s=>{if(s){const a=this.splitTag(s);n.push(...a.map(h=>({text:h,key:"",className:""})))}}),n=this.markLineNumberNodes(n),n}}const Qe=":root{--code-orange:#cd3e00;--code-green:#007e7e;--code-purple:#6851f5;--code-gray:#67727e;--code-neutral:rgb(15, 36, 51);--code-neutral-8:rgba(15, 36, 51, 0.8);--code-neutral-7:rgba(15, 36, 51, 0.7)}.dark{--code-orange:#ff9571;--code-green:#73e6dc;--code-purple:#c7bdff;--code-gray:#8b959f;--code-neutral:rgb(252, 252, 252);--code-neutral-8:rgba(252, 252, 252, 0.8);--code-neutral-7:rgba(252, 252, 252, 0.7)}";var F=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class _ extends R{constructor(){super(...arguments),this.insertCompositionTextEndFlag=!0,this.handleCompositionStart=e=>{this.insertCompositionTextEndFlag=!1,this.stopEventPropagation(e)},this.handleCompositionEnd=e=>{var t;this.insertCompositionTextEndFlag=!0,this.stopEventPropagation(e);const o=this.selectionController.getCurrentRange();o&&this.selectionController.setNextCodeBlockRange(o.contentOffset+e.data.length);const r=this.contentRenderer.getCodeContentContainerRef().innerText;this.valueController.updateValue(r,(t=this.value)===null||t===void 0?void 0:t.language)}}isComposing(){return!this.insertCompositionTextEndFlag}registerInputEvent(){const e=this.contentRenderer.getCodeContentContainerRef();e&&(e.addEventListener("compositionstart",this.handleCompositionStart),e.addEventListener("compositionend",this.handleCompositionEnd))}unregisterEventListener(){const e=this.contentRenderer.getCodeContentContainerRef();e&&(e.removeEventListener("compositionstart",this.handleCompositionStart),e.removeEventListener("compositionend",this.handleCompositionEnd))}stopEventPropagation(e){e.stopPropagation()}}F([l()],_.prototype,"selectionController",void 0);F([l()],_.prototype,"contentRenderer",void 0);F([l()],_.prototype,"valueController",void 0);F([l()],_.prototype,"contentParseController",void 0);F([l()],_.prototype,"value",void 0);F([g("componentDidLoad")],_.prototype,"registerInputEvent",null);F([g("disconnectedCallback")],_.prototype,"unregisterEventListener",null);var V=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class I extends ke{constructor(){super(...arguments),this.getEffectiveTargets=()=>[this.contentRenderer.getCodeContentContainerRef()]}async undo(){if(this.undoStack.length>1){const e=this.undoStack.pop();this.redoStack.push(e);const t=this.undoStack[this.undoStack.length-1];t&&await this.restoreState(t)}}async redo(){const e=this.redoStack.pop();this.undoStack.push(e),await this.restoreState(e)}initialHistory(){this.registerHistory({value:this.value,offset:this.value.code.length},!0)}getIneffectiveTargets(){return[]}async restoreState(e){const{value:t,offset:o}=e;this.selectionController.setNextCodeBlockRange(o),this.valueController.updateValue(t.code,t.language)}}V([l()],I.prototype,"contentRenderer",void 0);V([l()],I.prototype,"value",void 0);V([l()],I.prototype,"valueController",void 0);V([l()],I.prototype,"selectionController",void 0);V([g("componentDidLoad")],I.prototype,"initialHistory",null);var S=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};class x extends ge{constructor(){super(...arguments),this.handlePasteEvent=e=>{var t,o;e.preventDefault(),this.stopEventPropagation(e);const r=e.clipboardData;if(!((t=r==null?void 0:r.files)===null||t===void 0)&&t.length)return;const n=(o=r==null?void 0:r.getData("text/plain"))!==null&&o!==void 0?o:"";n&&this.updateCodeBlockRangeAndContent(n)}}registerInputEvent(){const e=this.contentRenderer.getCodeContentContainerRef();e&&e.addEventListener("paste",this.handlePasteEvent)}unregisterEventListener(){const e=this.contentRenderer.getCodeContentContainerRef();e&&e.removeEventListener("paste",this.handlePasteEvent)}updateCodeBlockRangeAndContent(e){const{nextOffset:t,updatedContent:o}=this.getLatestRangeAndContent(e);this.selectionController.setNextCodeBlockRange(t),this.valueController.updateValue(o,this.value.language,{recordHistory:!0,offset:this.selectionController.getCurrentRange().contentOffset})}getLatestRangeAndContent(e){const t=this.selectionController.getCurrentRange(),o=this.contentParseController.getCurrentCodeNodes(),r=this.getCodeNodesContent(o);return this.reCalculateRangeAndContent(t,r,e)}}S([l()],x.prototype,"host",void 0);S([l()],x.prototype,"valueController",void 0);S([l()],x.prototype,"contentRenderer",void 0);S([l()],x.prototype,"value",void 0);S([l()],x.prototype,"selectionController",void 0);S([l()],x.prototype,"contentParseController",void 0);S([l()],x.prototype,"inputController",void 0);S([g("componentDidLoad")],x.prototype,"registerInputEvent",null);S([g("disconnectedCallback")],x.prototype,"unregisterEventListener",null);const Xe=':host{display:block;border-radius:2px;background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px}:host code{display:block;box-sizing:border-box;color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;font-family:"Roboto Mono";font-weight:400;line-height:22px;font-size:16px;white-space:pre-wrap;min-height:22px;tab-size:2px;word-break:break-word}:host code:focus-visible{outline:none}:host .editor-toolbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:12px;border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-top-width:0px;border-left-width:0px;border-right-width:0px;margin-bottom:12px;user-select:none}:host .editor-toolbar vega-input-select{width:auto;min-width:161px}:host(.show-line-number) code .v-code-line-number::before{content:attr(data-mark);width:var(--v-code-line-number-width);margin-left:var(--v-code-line-number-ml);padding-right:16px;text-align:right;user-select:none;font-style:normal;word-break:keep-all;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:inline-block}:host(.show-line-number) code{padding-left:var(--v-code-block-pl)}:host::part(select-container){padding-top:0px;padding-bottom:0px;padding-left:8px;padding-right:8px;border-radius:4px}:host::part(selected-box),:host::part(placeholder){font-size:14px;user-select:none}:host::part(toggle-icon-container){width:12px;height:12px;line-height:12px}:host::part(toggle-icon){width:12px;height:12px}:host(.readonly) .copy-button-container{position:relative}:host(.readonly) .copy-button-container .copy-code-button{position:absolute;top:0px;right:0px}:host(.disabled:not(.highlight)) code{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.disabled.highlight){opacity:0.5}:host(.focus:not(.disabled,.readonly)){outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host(.highlight) code{color:var(--code-neutral)}code .comment,code .prolog,code .doctype,code .cdata{color:var(--code-gray);font-style:italic}code .namespace{color:var(--code-neutral-7)}code .string,code .attr-value,code .builtin{color:var(--code-green)}code .punctuation,code .operator,code .attr-equals{color:var(--code-gray)}code .entity,code .url,code .symbol,code .number,code .boolean,code .variable,code .constant,code .property,code .regex,code .inserted{color:var(--code-neutral-8)}code .atrule,code .function,code .attr-name{color:var(--code-orange)}code .deleted{color:var(--code-neutral)}code .function-variable{color:#ff0000}code .tag,code .selector,code .keyword{color:var(--code-purple)}';var p=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};const c=class{constructor(i){fe(this,i),this.vegaChange=z(this,"vegaChange",7),this.change=z(this,"change",7),this.vegaRemove=z(this,"vegaRemove",7),this.remove=z(this,"remove",7),this.globalSlimmers={},this.componentGlobalStyleSlimmer=new Ne(Qe),this.translationSlimmer=new Pe,this.vegaComponentUsageRuntimeMetricsSlimmer=new we,this.codeBlockRenderer=new C,this.contentRenderer=new T,this.copyButtonRenderer=new j,this.valueController=new H,this.contentParseController=new oe,this.prismCodeHighlightParser=new Ye,this.defaultCodeHighlightParser=new Ke,this.selectionController=new b,this.inputController=new w,this.insertCompositionTextController=new _,this.focusController=new E,this.historyController=new I,this.changeEventEmitter=de(c,W),this.removeEventEmitter=de(c,be),this.codeBlockPasteController=new x,this.eventPreventSlimmer=new _e([W],()=>this.codeBlockRenderer.getToolbarContainerRef()),this.readOnly=!1,this.disabled=!1,this.showCopyButton=!0,this.showLineNumber=!0}watchEditableChange(){}componentShouldUpdate(i,e,t){return!(t==="value"&&ve(i,e))}async doFocus(){}render(){const i=Ce([this.readOnly?"readonly":"",this.disabled?"disabled":"",this.showLineNumber?"show-line-number":"",this.prismCodeHighlightParser.canParse()?"highlight":""]);return Se(m(me,{contenteditable:!1,class:i},this.codeBlockRenderer.render()),this.host)}get host(){return ye(this)}static get watchers(){return{readOnly:["watchEditableChange"],disabled:["watchEditableChange"]}}};p([Ee()],c.prototype,"globalSlimmers",void 0);p([u()],c.prototype,"componentGlobalStyleSlimmer",void 0);p([u()],c.prototype,"translationSlimmer",void 0);p([u()],c.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0);p([u()],c.prototype,"codeBlockRenderer",void 0);p([u()],c.prototype,"contentRenderer",void 0);p([u()],c.prototype,"copyButtonRenderer",void 0);p([u()],c.prototype,"valueController",void 0);p([u()],c.prototype,"contentParseController",void 0);p([u()],c.prototype,"prismCodeHighlightParser",void 0);p([u()],c.prototype,"defaultCodeHighlightParser",void 0);p([u()],c.prototype,"selectionController",void 0);p([u()],c.prototype,"inputController",void 0);p([u()],c.prototype,"insertCompositionTextController",void 0);p([u()],c.prototype,"focusController",void 0);p([u()],c.prototype,"historyController",void 0);p([u()],c.prototype,"changeEventEmitter",void 0);p([u()],c.prototype,"removeEventEmitter",void 0);p([u()],c.prototype,"codeBlockPasteController",void 0);p([u()],c.prototype,"eventPreventSlimmer",void 0);c.style=Xe;export{c as vega_code_block};

package/dist/assets/vega-color-picker.entry-DMEFhqQB.js

@@ -0,0 +1 @@
+import{r as u,c as m,h as s,e as f,C as x,U as v,H as b,W as d,X as g,g as w,Y as k,I as p}from"./index-CVS-vjRT.js";import{R as y}from"./required-field-rule-ab4bdc47-BVWO4gts.js";import{c as C}from"./accessibility-6af5cf2e-XlEB_Jt7.js";import{s as I}from"./component-7d906393-CRgivpmK.js";import{F as V}from"./form-field-controller-slimmer-03894a51-CoAcSeLl.js";import{V as R,I as F}from"./component-usage-runtime-metrics-4b1afd04-D5yBE3LX.js";import{c as E}from"./event-emit-slimmer-3eb4d8ad-Ctlccsem.js";import"./mutation-observer-slimmer-58ebc13c-m99uIPjN.js";import"./sub-state-observer-slimmer-d924288a-Dvj3sSUI.js";import"./mutation-observer-filters-1a054fb0-CJhfq3iU.js";import"./array-7888f339-BUzRhXHn.js";const D=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>e.autoValidation===!0},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>e.autoValidation===!1}],L=':host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-inline{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.disabled) .color-picker-inline-items:hover{box-shadow:none}:host(.disabled) .color-picker-inline-items:focus-within{box-shadow:none}:host .color-picker-inline{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-inline-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .color-picker-inline-items.selected{border-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host .color-picker-inline-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .color-picker-inline-items:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:0px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));box-shadow:0px 0px 0px 1px rgba(var(--v-bg-primary, 252, 252, 252, 1)) inset;border:1px solid rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-inline.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap}';var h=function(e,t,i,o){var a=arguments.length,r=a<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,i):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,t,i,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(r=(a<3?n(r):a>3?n(t,i,r):n(t,i))||r);return a>3&&r&&Object.defineProperty(t,i,r),r};const l=class{constructor(e){u(this,e),this.vegaChange=m(this,"vegaChange",7),this.change=m(this,"change",7),this.globalSlimmers={},this.formFieldController=new V({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new y:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.colorPickerContainerRef,touchableAreaGetter:()=>[this.colorPickerTouchableAreaRef]}),this.changeEventEmitter=E(l,k),this.vegaComponentUsageRuntimeMetricsSlimmer=new R(D),this.value="",this.hint="",this.disabled=!1,this.required=!1,this.optional=!1,this.label="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.isInline=!1,this.columns=8,this.renderColorPickerContainer=()=>{const t=this.getValidColumns();return s("div",{class:f([this.isInline?null:"color-picker-inline"]),ref:i=>this.colorPickerContainerRef=i},s("vega-flex",{direction:"row",gap:"size-8",alignItems:"center",style:{maxWidth:`${t*34-8}px`}},this.colors.map(i=>{const o=this.value===i;return s("div",{id:i,class:{"color-picker-inline-items":!0,selected:o},ref:a=>this.colorPickerTouchableAreaRef=a,style:{backgroundColor:i},onClick:this.updateValueProp,role:"button",tabIndex:0,"aria-label":"color",onKeyDown:C()},o?s("vega-icon",{icon:"checkmark",size:"size-16",class:{"v-text-black":this.isDarkColorCheckmark(this.value),"v-text-white":!this.isDarkColorCheckmark(this.value)}}):null)})))},this.renderHintMessage=()=>s("vega-text",{text:this.hint}),this.updateValueProp=async t=>{this.disabled||(this.value=String(t.currentTarget.getAttribute("id")))}}watchValue(){this.resetValueIfInvalid(),this.changeEventEmitter.emit(this.value),x.notify(v,{host:this.host,detail:this.value})}watchValidationRules(){}connectedCallback(){this.resetValueIfInvalid()}render(){return I(s(b,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderColorPickerContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return s("vega-field-label",{"is-field-required":this.required,optional:this.optional,disabled:this.disabled,label:this.label})}getValidColumns(){const e=Math.floor(this.columns);return Number.isFinite(e)&&e>0?e:1}isDarkColorCheckmark(e,t="#fcfcfc",i="#203645"){const o=this.getLuminance(e),a=this.getLuminance(t),r=this.getLuminance(i);return o>Math.sqrt((a+.05)*(r+.05))-.05}getLuminance(e){const t=d(e).r,i=d(e).g,o=d(e).b,r=[t/255,i/255,o/255].map(n=>n<=.03928?n/12.92:((n+.055)/1.055)**2.4);return .2126*r[0]+.7152*r[1]+.0722*r[2]}resetValueIfInvalid(){this.colors.some(t=>g(t).toUpperCase()==g(this.value).toUpperCase())||(this.value="")}get host(){return w(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};h([F()],l.prototype,"globalSlimmers",void 0);h([p()],l.prototype,"formFieldController",void 0);h([p()],l.prototype,"changeEventEmitter",void 0);h([p()],l.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0);l.style=L;export{l as vega_color_picker};

package/dist/assets/vega-color-swatch-picker.entry-CD1Epzrl.js

@@ -0,0 +1 @@
+import{r as _,c as I,Y as E,h as c,H as M,g as N,a as S,o as V,D as g,cm as L,cn as U,b as T,ao as k,d as j,C as z,U as D,M as a,f as b,I as v}from"./index-CVS-vjRT.js";import{V as H,I as G}from"./component-usage-runtime-metrics-4b1afd04-D5yBE3LX.js";import{R as q}from"./required-field-rule-ab4bdc47-BVWO4gts.js";import{s as A}from"./component-7d906393-CRgivpmK.js";import{F as B}from"./form-field-controller-slimmer-03894a51-CoAcSeLl.js";import{c as $}from"./event-emit-slimmer-3eb4d8ad-Ctlccsem.js";import{T as W}from"./translation-slimmer-7f195ba8-B5rGwI39.js";import{C as K}from"./child-nodes-event-prevent-slimmer-1e3ac106-DA54t1iv.js";import"./mutation-observer-slimmer-58ebc13c-m99uIPjN.js";import"./sub-state-observer-slimmer-d924288a-Dvj3sSUI.js";import"./mutation-observer-filters-1a054fb0-CJhfq3iU.js";import"./array-7888f339-BUzRhXHn.js";var d=function(l,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(l,e,t,r);else for(var s=l.length-1;s>=0;s--)(n=l[s])&&(o=(i<3?n(o):i>3?n(e,t,o):n(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};class h extends S{constructor(){super(...arguments),this.handlePopoverShow=()=>{g.addUniqueObserverToNode(this.popoverRef,L,()=>{this.isPopoverOpen=!0,this.internalColor!==this.value&&this.colorSwatchPickerValueController.updateInternalColor(this.value)})},this.handlePopoverHide=()=>{g.addUniqueObserverToNode(this.popoverRef,U,()=>{this.isPopoverOpen=!1})},this.registerButtonClickHandler=e=>{g.addUniqueObserverToNode(e,T,()=>{this.popoverRef&&this.popoverRef.hide();const r=e.dataset.actionType==="clear"?"":this.internalColor;this.colorSwatchPickerValueController.updateValue(r)})}}hidePopover(){this.popoverRef&&this.popoverRef.hide()}getContainerRef(){return this.containerRef}getLeftContainerRef(){return this.leftContainerRef}render(){const e=this.leftSlotProjection.hasSlot();return c("div",{ref:t=>this.containerRef=t,class:"swatch-picker-container"},c("vega-popover",{ref:t=>{this.popoverRef=t,this.handlePopoverShow(),this.handlePopoverHide()},class:"swatch-popover",alignment:"center",isScreenPosition:!0,trigger:"click"},c("div",{slot:"popover-content"},c("vega-color-swatch",{class:"swatch-picker-trigger","aria-expanded":this.isPopoverOpen?"true":"false","aria-haspopup":"dialog",disabled:this.disabled,color:this.value,size:"small"})),c("vega-box",{slot:"popover",class:"swatch-popover-content",width:"min-content"},c("vega-flex",{gap:"size-16"},e&&c("div",{ref:t=>this.leftContainerRef=t}),e&&c("div",null,c("vega-divider",{direction:"vertical"})),c("div",null,this.colorSwatchInputRenderer.render(),this.colorSwatchGridRenderer.render(),this.renderButtonGroup())))),c("vega-field-label",{label:this.label,disabled:this.disabled,isFieldRequired:this.required}))}renderButtonGroup(){return c("vega-flex",{gap:"size-8",justifyContent:"end",margin:{top:"size-16"}},this.showClearButton&&c("vega-button-link",{ref:this.registerButtonClickHandler,"data-action-type":"clear",label:this.translationSlimmer.t("Clear"),size:"small"}),c("vega-button-link",{ref:this.registerButtonClickHandler,"data-action-type":"apply",label:this.translationSlimmer.t("Apply"),size:"small"}))}}d([a()],h.prototype,"host",void 0);d([a()],h.prototype,"value",void 0);d([a()],h.prototype,"internalColor",void 0);d([a()],h.prototype,"label",void 0);d([a()],h.prototype,"required",void 0);d([a({writable:!0})],h.prototype,"isPopoverOpen",void 0);d([a()],h.prototype,"disabled",void 0);d([a()],h.prototype,"showClearButton",void 0);d([a()],h.prototype,"colorSwatchGridRenderer",void 0);d([a()],h.prototype,"colorSwatchInputRenderer",void 0);d([a()],h.prototype,"colorSwatchPickerValueController",void 0);d([a()],h.prototype,"translationSlimmer",void 0);d([a()],h.prototype,"leftSlotProjection",void 0);var x=function(l,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(l,e,t,r);else for(var s=l.length-1;s>=0;s--)(n=l[s])&&(o=(i<3?n(o):i>3?n(e,t,o):n(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};class R extends S{constructor(){super(...arguments),this.handleColorSwatchClick=e=>{g.addUniqueObserverToNode(e,T,()=>{const t=e.color;this.colorSwatchPickerValueController.updateInternalColor(t)})}}render(){return c("vega-grid",{column:this.swatchGridColumns,justifyItems:"start",gap:"size-8",style:{width:"max-content"}},this.colors.map(e=>c("vega-color-swatch",{ref:this.handleColorSwatchClick,selected:this.isColorMatched(this.internalColor,e),color:e,size:"extra-small"})))}isColorMatched(e,t){return e&&t?e.toLowerCase()===t.toLowerCase():e===t}}x([a()],R.prototype,"colors",void 0);x([a()],R.prototype,"internalColor",void 0);x([a()],R.prototype,"swatchGridColumns",void 0);x([a()],R.prototype,"colorSwatchPickerValueController",void 0);const Y={icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M188.7 32.5c13 2.6 21.4 15.2 18.8 28.2L192.5 136h111l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8s21.4 15.2 18.8 28.2L352.5 136H424c13.3 0 24 10.7 24 24s-10.7 24-24 24H342.9L314.1 328H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H304.5l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L255.5 376h-111l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L95.5 376H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h81.1l28.8-144H56c-13.3 0-24-10.7-24-24s10.7-24 24-24h87.5l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8zM182.9 184L154.1 328h111l28.8-144h-111z"/></svg>'};var C=function(l,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(l,e,t,r);else for(var s=l.length-1;s>=0;s--)(n=l[s])&&(o=(i<3?n(o):i>3?n(e,t,o):n(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};class u extends S{constructor(){super(...arguments),this.handleInputEvent=e=>{g.addUniqueObserverToNode(e,E,()=>{const t=this.colorSwatchPickerColorFormatController.formatColor("output",e.value);(!t||this.isValidColor(t))&&this.colorSwatchPickerValueController.updateInternalColor(t)}),g.addUniqueObserverToNode(e,k,()=>{e.value&&!this.isValidColor(e.value)&&(e.value=this.colorSwatchPickerColorFormatController.formatColor("input",this.internalColor))})}}render(){return this.showInput?c("vega-flex",{gap:"size-8",alignItems:"center",margin:{bottom:"size-16"}},c("vega-color-swatch",{color:this.internalColor,size:"extra-small"}),c("vega-input",{ref:this.handleInputEvent,size:"small",value:this.colorSwatchPickerColorFormatController.formatColor("input",this.internalColor),placeholder:this.inputPlaceholder||this.translationSlimmer.t("Enter color"),prefixIcon:this.inputPrefixIcon===u.DEFAULT_INPUT_ICON?j.getIconKey("hashtag"):this.inputPrefixIcon})):null}isValidColor(e){let t=!0;return globalThis.CSS&&typeof globalThis.CSS.supports=="function"&&(t=globalThis.CSS.supports("color",e)),t}}j.register({hashtag:Y});u.DEFAULT_INPUT_ICON="hexColorIcon";C([a()],u.prototype,"internalColor",void 0);C([a()],u.prototype,"showInput",void 0);C([a()],u.prototype,"inputPlaceholder",void 0);C([a()],u.prototype,"inputPrefixIcon",void 0);C([a()],u.prototype,"colorSwatchPickerValueController",void 0);C([a()],u.prototype,"colorSwatchPickerColorFormatController",void 0);C([a()],u.prototype,"translationSlimmer",void 0);var y=function(l,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(l,e,t,r);else for(var s=l.length-1;s>=0;s--)(n=l[s])&&(o=(i<3?n(o):i>3?n(e,t,o):n(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};class w extends S{updateValue(e){this.value=e}updateInternalColor(e){this.internalColor=e}initializeInternalColor(){this.internalColor=this.value}listenToValueChange(){this.internalColor=this.value,this.changeEventEmitter.emit(this.value),z.notify(D,{host:this.host,detail:this.value})}}y([a()],w.prototype,"host",void 0);y([a({writable:!0})],w.prototype,"value",void 0);y([a({writable:!0})],w.prototype,"internalColor",void 0);y([a()],w.prototype,"changeEventEmitter",void 0);y([b("componentWillLoad")],w.prototype,"initializeInternalColor",null);y([b("watchValue")],w.prototype,"listenToValueChange",null);var F=function(l,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(l,e,t,r);else for(var s=l.length-1;s>=0;s--)(n=l[s])&&(o=(i<3?n(o):i>3?n(e,t,o):n(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};class m extends S{updateTheColor(){this.internalColor&&this.colorSwatchPickerValueController.updateInternalColor(this.formatColor("input",this.internalColor))}formatColor(e,t){return this.inputFormatter===m.DEFAULT_INPUT_FORMATTER?this.handleHexFormat(e,t):typeof this.inputFormatter=="function"?this.inputFormatter(e,t):t}handleHexFormat(e,t){return e==="input"?t.startsWith("#")?t.slice(1):t:t.startsWith("#")?t:t&&`#${t}`}}m.DEFAULT_INPUT_FORMATTER="hexColorFormatter";F([a()],m.prototype,"inputFormatter",void 0);F([a()],m.prototype,"internalColor",void 0);F([a()],m.prototype,"colorSwatchPickerValueController",void 0);F([b("watchInputFormatter")],m.prototype,"updateTheColor",null);var O=function(l,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(l,e,t,r);else for(var s=l.length-1;s>=0;s--)(n=l[s])&&(o=(i<3?n(o):i>3?n(e,t,o):n(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};class P extends S{constructor(e,t){super(),this.slotElement=null,this.syncSlotElementFromHost=()=>{var r;const i=this.host.querySelector(this.slotSelector());i&&(this.slotElement=i,(r=this.getContainerRef())===null||r===void 0||r.replaceChildren(i),V(this.host))},this.syncRemovedSlotElement=()=>{this.slotElement&&!this.slotElement.isConnected&&(this.slotElement=null,V(this.host))},this.slotName=e,this.getContainerRef=t}hasSlot(){return!!this.slotElement}detectSlot(){this.slotElement=this.host.querySelector(this.slotSelector()),this.hostMutationObserver=new MutationObserver(this.syncSlotElementFromHost),this.hostMutationObserver.observe(this.host,{childList:!0}),this.containerMutationObserver=new MutationObserver(this.syncRemovedSlotElement)}appendSlotContent(){const e=this.getContainerRef();e&&this.containerMutationObserver.observe(e,{childList:!0}),this.slotElement&&e&&this.slotElement.parentElement!==e&&e.appendChild(this.slotElement)}cleanup(){this.hostMutationObserver&&this.hostMutationObserver.disconnect(),this.containerMutationObserver&&this.containerMutationObserver.disconnect()}slotSelector(){return`[slot="${this.slotName}"]`}}O([a()],P.prototype,"host",void 0);O([b("componentWillLoad")],P.prototype,"detectSlot",null);O([b("componentDidRender")],P.prototype,"appendSlotContent",null);O([b("disconnectedCallback")],P.prototype,"cleanup",null);const J=':host{display:inline-block}.swatch-picker-container{display:flex;flex-direction:row;align-items:center;gap:8px}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch-container):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.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}';var f=function(l,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(l,e,t,r);else for(var s=l.length-1;s>=0;s--)(n=l[s])&&(o=(i<3?n(o):i>3?n(e,t,o):n(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};const p=class{constructor(l){_(this,l),this.vegaChange=I(this,"vegaChange",7),this.change=I(this,"change",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new H,this.formFieldController=new B({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new q:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.colorSwatchPickerRenderer.getContainerRef(),touchableAreaGetter:()=>[]}),this.translationSlimmer=new W,this.leftSlotProjection=new P("swatch-picker-left",()=>this.colorSwatchPickerRenderer.getLeftContainerRef()),this.colorSwatchPickerRenderer=new h,this.colorSwatchGridRenderer=new R,this.colorSwatchInputRenderer=new u,this.colorSwatchPickerValueController=new w,this.colorSwatchPickerColorFormatController=new m,this.childNodeEventPreventSlimmer=new K([E],()=>this.colorSwatchPickerRenderer.getContainerRef()),this.changeEventEmitter=$(p,E),this.internalColor="",this.isPopoverOpen=!1,this.value="",this.label="",this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.swatchGridColumns=8,this.showInput=!0,this.inputPlaceholder="",this.inputPrefixIcon=u.DEFAULT_INPUT_ICON,this.showClearButton=!1,this.inputFormatter=m.DEFAULT_INPUT_FORMATTER}watchValue(){}watchDisabled(){this.disabled&&this.colorSwatchPickerRenderer.hidePopover()}watchValidationRules(){}watchInputFormatter(){}render(){return A(c(M,{class:{disabled:this.disabled}},this.colorSwatchPickerRenderer.render(),c("div",{class:"vega-error vega-hidden",part:"field-error-message"})),this.host)}get host(){return N(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"],inputFormatter:["watchInputFormatter"]}}};f([G()],p.prototype,"globalSlimmers",void 0);f([v()],p.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0);f([v()],p.prototype,"formFieldController",void 0);f([v()],p.prototype,"translationSlimmer",void 0);f([v()],p.prototype,"leftSlotProjection",void 0);f([v()],p.prototype,"colorSwatchPickerRenderer",void 0);f([v()],p.prototype,"colorSwatchGridRenderer",void 0);f([v()],p.prototype,"colorSwatchInputRenderer",void 0);f([v()],p.prototype,"colorSwatchPickerValueController",void 0);f([v()],p.prototype,"colorSwatchPickerColorFormatController",void 0);f([v()],p.prototype,"childNodeEventPreventSlimmer",void 0);f([v()],p.prototype,"changeEventEmitter",void 0);p.style=J;export{p as vega_color_swatch_picker};

package/dist/assets/vega-color-swatch.entry-DcQLUHHI.js

@@ -0,0 +1 @@
+import{r as m,c as g,h as d,H as w,g as f,b as u,a as x,b0 as y,cw as C,M as s,I as v}from"./index-CVS-vjRT.js";import{V as k,I as S}from"./component-usage-runtime-metrics-4b1afd04-D5yBE3LX.js";import{s as z}from"./component-7d906393-CRgivpmK.js";import{c as E}from"./accessibility-6af5cf2e-XlEB_Jt7.js";import{c as R}from"./event-emit-slimmer-3eb4d8ad-Ctlccsem.js";import{T as V}from"./translation-slimmer-7f195ba8-B5rGwI39.js";var l=function(a,e,t,i){var c=arguments.length,r=c<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,e,t,i);else for(var h=a.length-1;h>=0;h--)(n=a[h])&&(r=(c<3?n(r):c>3?n(e,t,r):n(e,t))||r);return c>3&&r&&Object.defineProperty(e,t,r),r};class o extends x{constructor(){super(...arguments),this.handleClick=e=>{if(this.disabled){e.stopPropagation();return}y.getSemantics(this.host).namespace!=="vega"&&e.stopPropagation(),this.clickEventEmitter.emit()}}render(){const e=this.variant==="clear",t=!e&&!!this.color;return d("div",{class:{"vega-color-swatch-container":!0,[`size-${this.size}`]:!0,[`shape-${this.shape}`]:!0,"swatch-clear":e},role:"button",part:"swatch-container","aria-label":this.getAriaLabel(),"aria-disabled":this.disabled?"true":"false",tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:E({composed:!0})},d("div",{class:"swatch",part:"swatch"},t&&d("span",{class:"color-fill",style:this.getFillColorStyles()}),e&&d("span",{class:"clear-line"}),this.selected&&!e&&d("vega-icon",{class:"check-icon",icon:"checkmark",size:"size-16",color:this.getCheckMarkColor()})),this.label&&this.renderLabel())}renderLabel(){return d("vega-font",{class:"swatch-label",variant:"font-field-value",color:this.disabled?"text-disabled":"text-primary"},this.label)}getAriaLabel(){return this.label?this.label:this.variant==="clear"?this.translationSlimmer.t("Clear color"):this.color?this.translationSlimmer.t("Color {0}",this.color):this.translationSlimmer.t("Color swatch")}getFillColorStyles(){const e={};return this.color&&(e.backgroundColor=this.color),e}getCheckMarkColor(){return this.color?new C(this.color).isDark()?"text-white":"text-black":"text-primary"}}l([s()],o.prototype,"host",void 0);l([s()],o.prototype,"variant",void 0);l([s()],o.prototype,"label",void 0);l([s()],o.prototype,"color",void 0);l([s()],o.prototype,"selected",void 0);l([s()],o.prototype,"size",void 0);l([s()],o.prototype,"disabled",void 0);l([s()],o.prototype,"shape",void 0);l([s()],o.prototype,"clickEventEmitter",void 0);l([s()],o.prototype,"translationSlimmer",void 0);const j=":host{display:inline-block;vertical-align:middle}.vega-color-swatch-container{display:flex;flex-direction:row;align-items:center;border-radius:4px}.swatch{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));position:relative;flex-shrink:0;overflow:hidden}.shape-basket .swatch{border-radius:8px}.shape-block .swatch{border-radius:0px}.check-icon{position:relative;z-index:1}.swatch-clear .swatch{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1))}.swatch-clear .swatch .clear-line{position:absolute;width:141%;height:0;border-top-width:1px;border-left-width:0px;border-bottom-width:0px;border-right-width:0px;border-style:solid;border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1));transform:rotate(-45deg);transform-origin:center}.color-fill{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.size-extra-small .swatch{width:24px;height:24px;min-width:24px}.size-extra-small.shape-basket .swatch{border-radius:4px}.size-small .swatch{width:40px;height:40px;min-width:40px}.size-small.shape-basket{border-radius:8px}.size-medium .swatch{width:48px;height:48px;min-width:48px}.size-medium.shape-basket{border-radius:8px}@media (hover: hover){:host(:not(.disabled)) .swatch:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(:not(.disabled)) .swatch-clear .swatch:hover{border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1))}:host(:not(.disabled)) .swatch-clear .swatch:hover .clear-line{border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1))}}.vega-color-swatch-container:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-color-swatch-container:focus-visible .swatch{border-width:1px;border-style:solid;border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-color-swatch-container:focus-visible.swatch-clear{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-color-swatch-container:focus-visible.swatch-clear .swatch{border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1))}.vega-color-swatch-container:focus-visible.swatch-clear .swatch .clear-line{border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1))}:host(:not(.disabled)) .vega-color-swatch-container{cursor:pointer}:host(.disabled) .vega-color-swatch-container{cursor:not-allowed}:host(.disabled) .swatch{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1));pointer-events:none}:host(.disabled) .swatch .color-fill,:host(.disabled) .swatch .check-icon{opacity:0.5}:host(.disabled) .swatch .label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .swatch .clear-line{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.swatch-label{margin-left:8px}";var p=function(a,e,t,i){var c=arguments.length,r=c<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,e,t,i);else for(var h=a.length-1;h>=0;h--)(n=a[h])&&(r=(c<3?n(r):c>3?n(e,t,r):n(e,t))||r);return c>3&&r&&Object.defineProperty(e,t,r),r};const b=class{constructor(a){m(this,a),this.vegaClick=g(this,"vegaClick",7),this.click=g(this,"click",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new k,this.translationSlimmer=new V,this.vegaColorSwatchRenderer=new o,this.clickEventEmitter=R(b,u),this.color="",this.selected=!1,this.label="",this.size="small",this.disabled=!1,this.variant="swatch",this.shape="basket"}render(){return z(d(w,{class:{disabled:this.disabled}},this.vegaColorSwatchRenderer.render()),this.host)}get host(){return f(this)}};p([S()],b.prototype,"globalSlimmers",void 0);p([v()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0);p([v()],b.prototype,"translationSlimmer",void 0);p([v()],b.prototype,"vegaColorSwatchRenderer",void 0);p([v()],b.prototype,"clickEventEmitter",void 0);b.style=j;export{b as vega_color_swatch};

package/dist/assets/vega-combo-box.entry-D4ug2PTD.js

@@ -0,0 +1 @@
+import{r as z,c as v,P,Z as S,_ as D,$ as _,C as j,U as M,g as A,Y as F,a as x,z as H,h as m,H as L,D as g,q,k as B,a0 as K,F as E,S as N,s as U,a1 as k,M as s,f as V,I as h,a2 as $}from"./index-CVS-vjRT.js";import{R as G}from"./required-field-rule-ab4bdc47-BVWO4gts.js";import{s as W,g as Y}from"./component-7d906393-CRgivpmK.js";import{V as Z,I as J}from"./component-usage-runtime-metrics-4b1afd04-D5yBE3LX.js";import{F as Q}from"./form-field-controller-slimmer-03894a51-CoAcSeLl.js";import{C as X}from"./child-nodes-event-prevent-slimmer-1e3ac106-DA54t1iv.js";import{c as I}from"./event-emit-slimmer-3eb4d8ad-Ctlccsem.js";import{c as ee}from"./accessibility-6af5cf2e-XlEB_Jt7.js";import{f as te}from"./design-token-0a575bf2-PUb6fp1k.js";import{K as oe}from"./keyboard-manager-slimmer-c8fcfe60-CN3LeBJZ.js";import{M as re}from"./mutation-observer-slimmer-58ebc13c-m99uIPjN.js";import{T as ie}from"./mutation-observer-filters-1a054fb0-CJhfq3iU.js";import"./sub-state-observer-slimmer-d924288a-Dvj3sSUI.js";import"./state-border-formatter-50394e9c-ByDMiCxI.js";import"./keyboard-manager-404b9c17-BrcyLUZb.js";import"./array-7888f339-BUzRhXHn.js";import"./responsive-format-facade-51c0c2e1-CSNTrSBX.js";const ne=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:i=>i.autoValidation===!0},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:i=>i.autoValidation===!1}];var c=function(i,e,t,r){var n=arguments.length,o=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,e,t,r);else for(var l=i.length-1;l>=0;l--)(a=i[l])&&(o=(n<3?a(o):n>3?a(e,t,o):a(e,t))||o);return n>3&&o&&Object.defineProperty(e,t,o),o};class p extends x{constructor(){super(...arguments),this.onItemClick=async()=>{this.valueController.setValue(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||this.vegaDropdownProps.dynamicOption)&&(await this.dropdownRef.show(),await this.dropdownRef.search(t)),(this.isTemplateMode||!this.useDefaultFilter)&&this.searchEventEmit.emit(t)}}connectedCallback(){this.isTemplateMode=this.host.querySelector("[slot=items]")!==null}getDropdownRef(){return this.dropdownRef}getSearchInputRef(){return this.searchInputRef}focusInput(){this.searchInputRef.focus()}async hide(){await this.dropdownRef.hide()}async show(){await this.dropdownRef.show()}replaceItemsSlot(e){e&&this.itemsSlotRef&&(this.itemsSlotRef.remove(),this.dropdownRef.append(e))}renderDropdown(){return m("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0,useDefaultFilter:this.useDefaultFilter},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,g.addUniqueObserverToNode(e,S,async t=>{await this.onDropdownCreate(t.detail)}),g.addUniqueObserverToNode(e,q,async()=>{await this.onDropdownHide()}),g.addUniqueObserverToNode(e,B,async()=>{await this.onItemClick()}),g.addUniqueObserverToNode(e,K,t=>{const r=Array.from(t).filter(n=>!this.source.find(o=>o.key===n.itemKey)).map(n=>({key:n.itemKey,label:n.label}));this.sourceController.setSource([...this.source,...r])})}}),this.renderContainer(),this.renderItemsSlot())}renderContainer(){const e=te(this.containerMaxHeight,"widthAndHeight"),t=e?{maxHeight:e}:void 0;return m("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},e?m("div",{class:"vega-combo-box-container-content",style:t},this.renderSelectedContainer(),this.renderInputContainer()):m(E,null,this.renderSelectedContainer(),this.renderInputContainer()))}renderItemsSlot(){return this.isTemplateMode&&m("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}renderSelectedContainer(){const e=this.value.map(t=>this.source.find(r=>r.key===t)).filter(t=>t);return m(E,null,e.map(t=>this.renderSelectedChip(t)))}renderSelectedChip(e){return m("vega-chip",{key:e.key,text:U.sanitize(e.label,k),variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:t=>{g.addUniqueObserverToNode(t,N,async()=>{await this.onChipClose(e.key)})}})}renderInputContainer(){return m("div",{class:"vega-combo-box-input-container"},m("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:this.value.length===0?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:ee(),disabled:this.disabled}))}async onChipClose(e){this.valueController.setValue([...this.value.filter(t=>t!==e)]),await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}}c([s()],p.prototype,"host",void 0);c([s()],p.prototype,"value",void 0);c([s()],p.prototype,"source",void 0);c([s()],p.prototype,"disabled",void 0);c([s()],p.prototype,"size",void 0);c([s()],p.prototype,"containerMaxHeight",void 0);c([s()],p.prototype,"vegaDropdownProps",void 0);c([s()],p.prototype,"label",void 0);c([s()],p.prototype,"placeholder",void 0);c([s()],p.prototype,"useDefaultFilter",void 0);c([s()],p.prototype,"createEventEmit",void 0);c([s()],p.prototype,"searchEventEmit",void 0);c([s()],p.prototype,"valueController",void 0);c([s()],p.prototype,"sourceController",void 0);c([V("connectedCallback")],p.prototype,"connectedCallback",null);var ae=function(i,e,t,r){var n=arguments.length,o=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,e,t,r);else for(var l=i.length-1;l>=0;l--)(a=i[l])&&(o=(n<3?a(o):n>3?a(e,t,o):a(e,t))||o);return n>3&&o&&Object.defineProperty(e,t,o),o};class O extends x{setValue(e){this.value=e}}ae([s({writable:!0})],O.prototype,"value",void 0);var b=function(i,e,t,r){var n=arguments.length,o=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,e,t,r);else for(var l=i.length-1;l>=0;l--)(a=i[l])&&(o=(n<3?a(o):n>3?a(e,t,o):a(e,t))||o);return n>3&&o&&Object.defineProperty(e,t,o),o};class f extends x{constructor(){super(...arguments),this.onLabelClick=()=>{this.dropdownRenderer.focusInput()}}render(){return m(L,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.dropdownRenderer.renderDropdown(),this.renderHint())}renderLabel(){return m("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,optional:this.optional,label:this.label})}renderHint(){return m("div",{class:"vega-combo-box-hint"},this.hint)}}b([s()],f.prototype,"required",void 0);b([s()],f.prototype,"optional",void 0);b([s()],f.prototype,"hint",void 0);b([s()],f.prototype,"disabled",void 0);b([s()],f.prototype,"dropdownRenderer",void 0);b([s()],f.prototype,"label",void 0);var R=function(i,e,t,r){var n=arguments.length,o=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,e,t,r);else for(var l=i.length-1;l>=0;l--)(a=i[l])&&(o=(n<3?a(o):n>3?a(e,t,o):a(e,t))||o);return n>3&&o&&Object.defineProperty(e,t,o),o};class w extends oe{constructor(){super(e=>[{keyCode:"Backspace",activeElementInScope:[e.dropdownRenderer.getSearchInputRef()],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}]),this.deleteLastSelectedItem=()=>{this.dropdownRenderer.getSearchInputRef().value===""&&(this.value.pop(),this.valueController.setValue([...this.value]))}}controlDirectionByKeyboard(e){const t=Y();if(t&&t.classList.contains("vega-chip-close-icon")){const r=H(t,"vega-chip");e==="ArrowLeft"&&this.focusItemByKeyboard(r.previousSibling),e==="ArrowRight"&&this.focusItemByKeyboard(r.nextSibling)}else e==="ArrowLeft"&&this.dropdownRenderer.getSearchInputRef().selectionStart===0&&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())}}R([s()],w.prototype,"host",void 0);R([s()],w.prototype,"value",void 0);R([s()],w.prototype,"dropdownRenderer",void 0);R([s()],w.prototype,"valueController",void 0);var C=function(i,e,t,r){var n=arguments.length,o=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,e,t,r);else for(var l=i.length-1;l>=0;l--)(a=i[l])&&(o=(n<3?a(o):n>3?a(e,t,o):a(e,t))||o);return n>3&&o&&Object.defineProperty(e,t,o),o};class y extends x{constructor(){super(...arguments),this.mutationObserver=new re({mutationFilter:ie("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){this.dropdownRenderer.replaceItemsSlot(this.host.querySelector("[slot=items]"))}}C([h()],y.prototype,"mutationObserver",void 0);C([s()],y.prototype,"host",void 0);C([s()],y.prototype,"dropdownRenderer",void 0);C([V("componentDidLoad")],y.prototype,"componentDidLoad",null);var se=function(i,e,t,r){var n=arguments.length,o=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,e,t,r);else for(var l=i.length-1;l>=0;l--)(a=i[l])&&(o=(n<3?a(o):n>3?a(e,t,o):a(e,t))||o);return n>3&&o&&Object.defineProperty(e,t,o),o};class T extends x{setSource(e){this.source=e}}se([s({writable:!0})],T.prototype,"source",void 0);const le=':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-content{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;min-height:26px}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.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));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}: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}';var u=function(i,e,t,r){var n=arguments.length,o=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,e,t,r);else for(var l=i.length-1;l>=0;l--)(a=i[l])&&(o=(n<3?a(o):n>3?a(e,t,o):a(e,t))||o);return n>3&&o&&Object.defineProperty(e,t,o),o};const d=class{constructor(i){z(this,i),this.vegaChange=v(this,"vegaChange",7),this.change=v(this,"change",7),this.vegaCreate=v(this,"vegaCreate",7),this.create=v(this,"create",7),this.vegaSearch=v(this,"vegaSearch",7),this.search=v(this,"search",7),this.globalSlimmers={},this.itemsSlotController=new y,this.keyboardController=new w,this.valueController=new O,this.sourceController=new T,this.renderer=new f,this.dropdownRenderer=new p,this.pageResizeSlimmer=new P,this.formFieldController=new Q({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new G:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.dropdownRenderer.getSearchInputRef()]}),this.changeEventEmit=I(d,F),this.createEventEmit=I(d,S),this.searchEventEmit=I(d,D),this.dropdownEventPrevent=new X([S,D],()=>this.dropdownRenderer.getDropdownRef(),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new Z(ne),this.label="",this.required=!1,this.optional=!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}watchSource(){this.source=_(this.source,$)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),j.notify(M,{host:this.host,detail:this.value})}watchValidationRules(){}watchContainerMaxHeight(){}async close(){this.disabled||await this.dropdownRenderer.hide()}async open(){this.disabled||await this.dropdownRenderer.show()}render(){return W(this.renderer.render(),this.host)}get host(){return A(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"],containerMaxHeight:["watchContainerMaxHeight"]}}};u([J()],d.prototype,"globalSlimmers",void 0);u([h()],d.prototype,"itemsSlotController",void 0);u([h()],d.prototype,"keyboardController",void 0);u([h()],d.prototype,"valueController",void 0);u([h()],d.prototype,"sourceController",void 0);u([h()],d.prototype,"renderer",void 0);u([h()],d.prototype,"dropdownRenderer",void 0);u([h()],d.prototype,"pageResizeSlimmer",void 0);u([h()],d.prototype,"formFieldController",void 0);u([h()],d.prototype,"changeEventEmit",void 0);u([h()],d.prototype,"createEventEmit",void 0);u([h()],d.prototype,"searchEventEmit",void 0);u([h()],d.prototype,"dropdownEventPrevent",void 0);u([h()],d.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0);d.style=le;export{d as vega_combo_box};

package/dist/assets/vega-counter-badge.entry-BW_zAciV.js

@@ -0,0 +1 @@
+import{r as g,h as n,H as p,g as d,I as m}from"./index-CVS-vjRT.js";import{s as u}from"./component-7d906393-CRgivpmK.js";import{V as f,I as b}from"./component-usage-runtime-metrics-4b1afd04-D5yBE3LX.js";const x=':host{display:block;position:relative;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host .dot{display:inline-block;position:absolute;border-radius:9999px;width:9px;height:9px}:host .counter{display:flex;position:absolute;height:20px;min-width:20px;border-radius:9999px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));justify-content:center;align-items:center;font-family:"Inter", sans-serif;font-weight:700;font-size:12px;line-height:15px}:host .default-position{top:0px;right:0px;transform:scale(1) translate(50%, -50%)}:host .multi-digit{padding-left:4px;padding-right:4px}:host .v-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host .v-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}';var h=function(o,e,i,s){var r=arguments.length,t=r<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(o,e,i,s);else for(var l=o.length-1;l>=0;l--)(a=o[l])&&(t=(r<3?a(t):r>3?a(e,i,t):a(e,i))||t);return r>3&&t&&Object.defineProperty(e,i,t),t};const c=class{constructor(o){g(this,o),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.dot=!1,this.color="bg-danger",this.count=0,this.offset=[0,0]}render(){return u(n(p,null,n("div",{class:{dot:this.count>0&&this.dot,counter:this.count>0&&!this.dot,"multi-digit":this.count>=10&&!this.dot,"v-bg-danger":this.color!="bg-action","v-bg-action":this.color=="bg-action","default-position":this.count>0},style:{right:`${-this.offset[0]}px`,top:`${this.offset[1]}px`}},this.renderCounter()),n("slot",null)),this.host)}renderCounter(){if(this.count>0&&!this.dot)return this.count>99?n("span",null,"99+"):n("span",null,this.count)}get host(){return d(this)}};h([b()],c.prototype,"globalSlimmers",void 0);h([m()],c.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0);c.style=x;export{c as vega_counter_badge};