@globalpayments/vega 2.63.0 → 2.64.0

package/dist/vega/{p-c7726252.js → p-a3d77013.js}

@@ -1 +1 @@
-import{V as t,I as e,c as s,M as i}from"./p-6e1ab235.js";import{c as r}from"./p-02841589.js";import{C as o}from"./p-2d0d575f.js";import{O as n}from"./p-331a62d5.js";import{U as a,c as l,d as h,b as c,e as d,F as u,f,g as m}from"./p-8a877e12.js";import{f as p,d as v}from"./p-575235c8.js";import{i as b,g as R}from"./p-a4670e23.js";import{c as g}from"./p-6a334573.js";import{d as j,D as y}from"./p-2ee4def0.js";import{d as w,e as O}from"./p-0e954b9b.js";import{V as E}from"./p-bf0ced3c.js";import{P as V}from"./p-7d9cd9c8.js";import{I as F}from"./p-abd7aeaa.js";import{M as I}from"./p-78a57a17.js";import{A as C}from"./p-52b8f2d2.js";import{i as S}from"./p-d27ae9ff.js";import{S as A}from"./p-bdd9ef3b.js";class k{constructor(t){this.rule=t}getStatus(t,e,s){return{canEvaluate:this.rule.canEvaluate(t,e,s),isAsync:b(this.rule.evaluate)}}shouldShowError(t,e){try{return this.rule.shouldShowError?this.rule.shouldShowError(t,e):this.defaultShouldShowError(t)}catch(t){return!1}}handle(t){try{return this.rule.evaluate(t)}catch(t){return{isValid:!0,message:""}}}defaultShouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}}class T{constructor(){this.handlers=[],this.processId=""}checkIncludesAsyncRuleHandler(t,e,s){return!!this.handlers.find((i=>{const r=i.getStatus(t,e,s);return r.canEvaluate&&r.isAsync}))}setHandlersByRules(t){this.handlers=t&&t.length?t.map((t=>new k(t))):[]}async process(t,e,s,i,r){const o=this.preProcess();let n;for(const i of this.handlers){if(o!==this.processId)break;const r=i.getStatus(t,e,s);if(!r.canEvaluate)continue;let a;if(r.isAsync)try{a=await i.handle(t)}catch(t){}else a=i.handle(t);if(a&&!a.isValid){const t=i.shouldShowError(e,s);n=Object.assign(Object.assign({},a),{shouldShowError:t});break}}return this.postProcess(o,i,n,r),n?{isValid:!1,message:n.message}:{isValid:!0,message:""}}preProcess(){const t=R();return this.processId=t,t}postProcess(t,e,s,i){this.processId===t&&i(e,s)}}class L{run(t){const e=t.nextElementSibling;return e&&e.querySelector(".vega-error")?e.querySelector(".vega-error"):null}}class D{run(t){let e=t.nextElementSibling;return e&&!e.classList.contains("vega-error")&&(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class M{run(t){let e=t.nextElementSibling;return e||(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class B extends t{getTranslatedMessage(t){return"string"==typeof t?E.t(t):E.t(t.key,...t.args||[])}}var H=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class U extends t{constructor(){super(),this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUiControllerStrategies=[new L,new D,new M],this.initTranslationObserver()}applyInputInvalidUI(t){const e=this.getInputElementContainer();if(o.notify(j.getSubject(this.host,w),{host:this.host,showError:!0}),e&&(e.classList.add("error"),t)){this.errorMessage=t;const s=this.getErrorContainer(e);s.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(t),s.classList.remove("vega-hidden")}}resetInputInvalidUI(){this.errorMessage="";const t=this.getInputElementContainer();t&&(this.getErrorContainer(t).classList.add("vega-hidden"),t.classList.remove("error"),o.notify(j.getSubject(this.host,w),{host:this.host,showError:!1}))}getInputElementContainer(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}getErrorContainer(t){for(const e of this.fieldErrorUiControllerStrategies){const s=e.run(t);if(s)return s}}initTranslationObserver(){const t=new n(this.isAcceptableTranslationObserver.bind(this),(()=>{if(!this.errorMessage)return;const t=this.getInputElementContainer();if(t){const e=this.getErrorContainer(t);e&&(e.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(this.errorMessage))}}));o.register(a,t)}isAcceptableTranslationObserver(){return!0}}H([e()],U.prototype,"formFieldMessageTranslatorSlimmer",void 0),H([s()],U.prototype,"host",void 0),H([s()],U.prototype,"options",void 0);var x=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class G{constructor(t,e,s,i){var r,n;this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUIController=new U,this.resizeObserverSlimmer=g(G,V,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"}],[{callback:t=>{const e=this.isVisible,s=t[0].contentRect.height>0;this.isVisible=s,this.isAutoValidationEnabled()&&p(this.host,"vega-form")&&e!==s&&this.valid(["visible"])},target:()=>this.host}]),this.defaultRules=[],this.additionalRules=[],this.listeners=[],this.isTouched=!1,this.isModified=!1,this.isVisible=!1,this.formFieldValidationRuleHandlerChain=new T,this.hostChildAddedBlurEventMap=new WeakMap,this.handleValidationResult=(t,e)=>{let s=!0;return e?("rule"===t?e.shouldShowError?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI():t?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI(),s=!1):this.fieldErrorUIController.resetInputInvalidUI(),this.invokeListeners(s),o.notify(l,{host:this.host,detail:s}),s},this.setupTouchedListener=()=>{this.getTouchableAreaElements().filter((t=>t&&!0!==this.hostChildAddedBlurEventMap.get(t))).forEach((t=>{t.addEventListener("blur",(()=>{this.updateIsTouched(!0)})),this.hostChildAddedBlurEventMap.set(t,!0)}))},this.defaultRules=t||[],this.host=e,this.defaultValue=s,this.options=i,this.initDisabledAttrObserver(),this.connectResizeObserver(),this.initFormResetObserver(),null===(n=(r=this.host).componentOnReady)||void 0===n||n.call(r).then((()=>{this.didRender()})),this.setupModifiedListener(),this.listenHostElementKeydown(),this.updateValidationHandlers()}async validate(t){return await this.valid([],t)}addListener(t){this.listeners.push(t)}getRules(){const t=[...this.additionalRules];return[...this.defaultRules.map((e=>this.overrideDefaultRuleByAdditionalRule(e,t))),...t]}setDefaultRules(t){this.defaultRules=t,this.updateValidationHandlers()}setAdditionalRules(t){this.additionalRules=t,this.updateValidationHandlers()}destroy(){o.notify(h,{host:this.host}),this.unregisterFormResetObserver(),o.unregister(c,this.hostValueChangeObserver),this.hostChildrenObserver&&this.hostChildrenObserver.disconnect()}connectResizeObserver(){}updateDisableBlurValidation(t){this.disableBlurValidation=t}updateValidationHandlers(){this.formFieldValidationRuleHandlerChain.setHandlersByRules(this.getRules())}async valid(t,e="rule"){const s=this.getStatus(),i=this.host.value;this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(i,s,t)&&o.notify(l,{host:this.host,detail:null});const{isValid:r,message:n}=await this.formFieldValidationRuleHandlerChain.process(i,s,t,e,this.handleValidationResult);return{isValid:r,message:this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(n)}}invokeListeners(t){this.listeners.forEach((e=>e.callback(t)))}getStatus(){return{touched:this.isTouched,modified:this.isModified,disabled:this.host.disabled,visible:this.isVisible}}updateIsTouched(t){const e=this.isTouched;this.isTouched=t,!this.disableBlurValidation&&this.isAutoValidationEnabled()&&this.valid(e===t?[]:["touched"])}updateIsModified(t){const e=this.isModified;this.isModified=t,this.isAutoValidationEnabled()&&this.valid(e===t?[]:["modified"])}initDisabledAttrObserver(){this.disabledAttrObserver=new MutationObserver((()=>{this.isAutoValidationEnabled()&&this.valid(["disabled"])})),this.disabledAttrObserver.observe(this.host,{attributes:!0,attributeFilter:["disabled"]})}canAcceptFormResetOperation(t){return p(this.host,"vega-form")===t.host}unregisterFormResetObserver(){o.unregister(d,this.formResetTriggeredObserver)}monitorTouchedListener(){const t=this.getInputContainerElements();t&&(this.hostChildrenObserver=new MutationObserver((()=>{this.setupTouchedListener()})),this.hostChildrenObserver.observe(t,{childList:!0,subtree:!0})),this.setupTouchedListener()}getTouchableAreaElements(){return this.options&&this.options.touchableAreaGetter?this.options.touchableAreaGetter():[]}getInputContainerElements(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}setupModifiedListener(){this.hostValueChangeObserver=new n(this.isCurrentTarget.bind(this),(()=>this.updateIsModified(!0))),o.register(c,this.hostValueChangeObserver)}isCurrentTarget(t){return this.host===t.host}async reset(t){var e,s;if(this.shouldVisitElement(this.host,null===(e=t.option)||void 0===e?void 0:e.skipDisabled,null===(s=t.option)||void 0===s?void 0:s.skipInvisible)){const e=t.defaultValueMap,s=this.host.dataset.vegaForm,i=null==e[s]?this.getDefaultValue():e[s];"function"==typeof this.host.setValue?await this.host.setValue(i):this.host.value=i,this.isTouched=!1,this.isModified=!1,this.fieldErrorUIController.resetInputInvalidUI()}}getDefaultValue(){return this.defaultValue instanceof Function?this.defaultValue(this.host):this.defaultValue}didRender(){this.monitorTouchedListener()}initFormResetObserver(){this.formResetTriggeredObserver=new n(this.canAcceptFormResetOperation.bind(this),this.reset.bind(this)),o.register(d,this.formResetTriggeredObserver)}isAutoValidationEnabled(){return!1!==this.host.autoValidation}shouldVisitElement(t,e,s){return!(!t.dataset.vegaForm||e&&t.disabled||s&&!v(t))}listenHostElementKeydown(){this.host.addEventListener("keydown",(t=>{this.canSubmitFormByEvent(t)&&o.notify(u,{host:this.host})}))}canSubmitFormByEvent(t){const e="Enter"===t.key||13===t.keyCode,s=e&&t.shiftKey;switch(this.host.tagName){case"VEGA-TEXTAREA":case"VEGA-DATE-PICKER":case"VEGA-TIME-PICKER":return s&&t.preventDefault(),s;case"VEGA-RICH-TEXT-EDITOR":return!1;default:return e}}overrideDefaultRuleByAdditionalRule(t,e){if(t&&e){const s=e.findIndex((e=>e instanceof F&&e instanceof t.constructor&&e.overrideDefault));if(s>-1)return e.splice(s,1)[0]}return t}}x([e()],G.prototype,"formFieldMessageTranslatorSlimmer",void 0),x([e()],G.prototype,"fieldErrorUIController",void 0),x([e()],G.prototype,"resizeObserverSlimmer",void 0);var P=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class W extends t{constructor(){super(...arguments),this.fieldErrorUIController=new U,this.handleFieldErrorMessageUpdate=t=>{const{message:e,isValid:s}=t;s?this.fieldErrorUIController.resetInputInvalidUI():this.fieldErrorUIController.applyInputInvalidUI(e)}}handleComponentWillLoadByFieldErrorSlimmer(){this.fieldErrorMessageChangeObserver=new n(this.canAcceptFieldErrorMessageUpdate.bind(this),this.handleFieldErrorMessageUpdate),o.register(f,this.fieldErrorMessageChangeObserver)}handleUnregisterObserver(){o.unregister(f,this.fieldErrorMessageChangeObserver)}canAcceptFieldErrorMessageUpdate(t){const{host:e}=t,s=this.host.parentElement;return s&&s===e&&"VEGA-FIELD-ERROR"===s.tagName||this.host===e}}P([s()],W.prototype,"host",void 0),P([s()],W.prototype,"options",void 0),P([e()],W.prototype,"fieldErrorUIController",void 0),P([i("setInjectFormFieldHelper")],W.prototype,"handleComponentWillLoadByFieldErrorSlimmer",null),P([i("disconnectedCallback")],W.prototype,"handleUnregisterObserver",null);var z=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class K extends t{constructor(){super(...arguments),this.handleValidInvocation=async t=>{if(this.validator){void 0!==t.timerId&&clearTimeout(t.timerId);const e=await this.validator.validate(t.message);if(e){const{isValid:s,message:i}=e;"function"==typeof t.promiseResolve&&t.promiseResolve({isValid:s,message:i})}}}}registerValidInvocationObserver(){y.addUniqueObserverToNode(this.host,O,this.handleValidInvocation)}handleUnregisterObserver(){y.removeUniqueObserverFromNode(this.host,O)}}z([s()],K.prototype,"host",void 0),z([s()],K.prototype,"validator",void 0),z([i("setInjectFormFieldHelper")],K.prototype,"registerValidInvocationObserver",null),z([i("disconnectedCallback")],K.prototype,"handleUnregisterObserver",null);var N=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class X extends A{constructor(){super({parent:"vega-form",subStates:[{subStateName:"disableBlurValidation",parentStateName:"disableBlurValidation",callback:t=>{var e;null===(e=this.validator)||void 0===e||e.updateDisableBlurValidation(t)}}]})}componentWillLoad(){super.componentWillLoad()}}N([s()],X.prototype,"host",void 0),N([s()],X.prototype,"validator",void 0),N([i("setInjectFormFieldHelper")],X.prototype,"componentWillLoad",null);var q=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class J extends t{constructor(t){super(),this.fieldErrorSlimmer=new W,this.formFieldValidInvokeSlimmer=new K,this.formFormStateController=new X,this.mutationObserverCallBack=()=>{this.validator&&(this.setDefaultRules(),this.internalValidate())},this.options=t,this.setMutationObserverSlimmer()}connectedCallback(){null===this.validator&&this.setInjectFormFieldHelper()}disconnectedCallback(){this.validator&&(this.validator.destroy(),this.validator=null)}componentDidLoad(){}static isValidFormField(t){return t&&Boolean(t.getAttribute("data-vega-form"))}watchValidationRulesByFormControllerSlimmer(t,e){S(t,e,!1,((t,e)=>t===e?0:-1))||(this.setAdditionalRules(),this.internalValidate())}setInjectFormFieldHelper(){if(J.isValidFormField(this.host)){const{defaultValue:t}=this.options,e=new G(this.getPropertyRules(),this.host,t,this.options);e.addListener({callback:t=>{this.isValid!=t&&(this.isValid=t,o.notify(m,{host:this.host,detail:t}))}}),this.validator=e,this.setAdditionalRules()}}setAdditionalRules(){this.options.validationRulesName&&"validationRules"===this.options.validationRulesName&&this.validator&&this.validator.setAdditionalRules(this.validationRules||[])}setDefaultRules(){this.validator&&this.validator.setDefaultRules(this.getPropertyRules())}getPropertyRules(){const{propertyRules:t,attributeGetter:e}=this.options;return t.map((t=>{const s=t.dependence&&"string"==typeof t.dependence?[e(t.dependence)]:Array.isArray(t.dependence)?t.dependence.map((t=>e(t))):[null];return t.ruleFactory(e(t.propertyName),...s)})).filter(Boolean)}internalValidate(){!this.disabled&&this.validator&&this.validator.validate()}setMutationObserverSlimmer(){this.mutationObserverSlimmer=new I({options:{attributeFilter:this.options.propertyRules.map((t=>r(t.propertyName))),attributeOldValue:!0},mutationFilter:C(),callback:this.mutationObserverCallBack})}}q([s()],J.prototype,"host",void 0),q([s({writable:!0})],J.prototype,"validationRules",void 0),q([s()],J.prototype,"disabled",void 0),q([s()],J.prototype,"autoValidation",void 0),q([s({writable:!0})],J.prototype,"isValid",void 0),q([e()],J.prototype,"fieldErrorSlimmer",void 0),q([e()],J.prototype,"formFieldValidInvokeSlimmer",void 0),q([e()],J.prototype,"mutationObserverSlimmer",void 0),q([e()],J.prototype,"formFormStateController",void 0),q([i("connectedCallback")],J.prototype,"connectedCallback",null),q([i("disconnectedCallback")],J.prototype,"disconnectedCallback",null),q([i("componentDidLoad")],J.prototype,"componentDidLoad",null),q([i("watchValidationRules")],J.prototype,"watchValidationRulesByFormControllerSlimmer",null),q([i("componentWillLoad")],J.prototype,"setInjectFormFieldHelper",null);export{J as F}
+import{V as t,I as e,c as s,M as i}from"./p-6e1ab235.js";import{c as r}from"./p-02841589.js";import{C as o}from"./p-2d0d575f.js";import{O as n}from"./p-331a62d5.js";import{U as a,c as l,d as h,b as c,e as d,F as u,f,g as m}from"./p-5773a9a3.js";import{f as p,d as v}from"./p-575235c8.js";import{i as b,g as R}from"./p-a4670e23.js";import{c as g}from"./p-6a334573.js";import{d as j,D as y}from"./p-2ee4def0.js";import{d as w,e as O}from"./p-96bda7ca.js";import{V as E}from"./p-d3bf55e9.js";import{P as V}from"./p-7d9cd9c8.js";import{I as F}from"./p-abd7aeaa.js";import{M as I}from"./p-78a57a17.js";import{A as C}from"./p-52b8f2d2.js";import{i as S}from"./p-d27ae9ff.js";import{S as A}from"./p-a30ebdf5.js";class k{constructor(t){this.rule=t}getStatus(t,e,s){return{canEvaluate:this.rule.canEvaluate(t,e,s),isAsync:b(this.rule.evaluate)}}shouldShowError(t,e){try{return this.rule.shouldShowError?this.rule.shouldShowError(t,e):this.defaultShouldShowError(t)}catch(t){return!1}}handle(t){try{return this.rule.evaluate(t)}catch(t){return{isValid:!0,message:""}}}defaultShouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}}class T{constructor(){this.handlers=[],this.processId=""}checkIncludesAsyncRuleHandler(t,e,s){return!!this.handlers.find((i=>{const r=i.getStatus(t,e,s);return r.canEvaluate&&r.isAsync}))}setHandlersByRules(t){this.handlers=t&&t.length?t.map((t=>new k(t))):[]}async process(t,e,s,i,r){const o=this.preProcess();let n;for(const i of this.handlers){if(o!==this.processId)break;const r=i.getStatus(t,e,s);if(!r.canEvaluate)continue;let a;if(r.isAsync)try{a=await i.handle(t)}catch(t){}else a=i.handle(t);if(a&&!a.isValid){const t=i.shouldShowError(e,s);n=Object.assign(Object.assign({},a),{shouldShowError:t});break}}return this.postProcess(o,i,n,r),n?{isValid:!1,message:n.message}:{isValid:!0,message:""}}preProcess(){const t=R();return this.processId=t,t}postProcess(t,e,s,i){this.processId===t&&i(e,s)}}class L{run(t){const e=t.nextElementSibling;return e&&e.querySelector(".vega-error")?e.querySelector(".vega-error"):null}}class D{run(t){let e=t.nextElementSibling;return e&&!e.classList.contains("vega-error")&&(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class M{run(t){let e=t.nextElementSibling;return e||(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class B extends t{getTranslatedMessage(t){return"string"==typeof t?E.t(t):E.t(t.key,...t.args||[])}}var H=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class U extends t{constructor(){super(),this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUiControllerStrategies=[new L,new D,new M],this.initTranslationObserver()}applyInputInvalidUI(t){const e=this.getInputElementContainer();if(o.notify(j.getSubject(this.host,w),{host:this.host,showError:!0}),e&&(e.classList.add("error"),t)){this.errorMessage=t;const s=this.getErrorContainer(e);s.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(t),s.classList.remove("vega-hidden")}}resetInputInvalidUI(){this.errorMessage="";const t=this.getInputElementContainer();t&&(this.getErrorContainer(t).classList.add("vega-hidden"),t.classList.remove("error"),o.notify(j.getSubject(this.host,w),{host:this.host,showError:!1}))}getInputElementContainer(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}getErrorContainer(t){for(const e of this.fieldErrorUiControllerStrategies){const s=e.run(t);if(s)return s}}initTranslationObserver(){const t=new n(this.isAcceptableTranslationObserver.bind(this),(()=>{if(!this.errorMessage)return;const t=this.getInputElementContainer();if(t){const e=this.getErrorContainer(t);e&&(e.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(this.errorMessage))}}));o.register(a,t)}isAcceptableTranslationObserver(){return!0}}H([e()],U.prototype,"formFieldMessageTranslatorSlimmer",void 0),H([s()],U.prototype,"host",void 0),H([s()],U.prototype,"options",void 0);var x=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class G{constructor(t,e,s,i){var r,n;this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUIController=new U,this.resizeObserverSlimmer=g(G,V,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"}],[{callback:t=>{const e=this.isVisible,s=t[0].contentRect.height>0;this.isVisible=s,this.isAutoValidationEnabled()&&p(this.host,"vega-form")&&e!==s&&this.valid(["visible"])},target:()=>this.host}]),this.defaultRules=[],this.additionalRules=[],this.listeners=[],this.isTouched=!1,this.isModified=!1,this.isVisible=!1,this.formFieldValidationRuleHandlerChain=new T,this.hostChildAddedBlurEventMap=new WeakMap,this.handleValidationResult=(t,e)=>{let s=!0;return e?("rule"===t?e.shouldShowError?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI():t?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI(),s=!1):this.fieldErrorUIController.resetInputInvalidUI(),this.invokeListeners(s),o.notify(l,{host:this.host,detail:s}),s},this.setupTouchedListener=()=>{this.getTouchableAreaElements().filter((t=>t&&!0!==this.hostChildAddedBlurEventMap.get(t))).forEach((t=>{t.addEventListener("blur",(()=>{this.updateIsTouched(!0)})),this.hostChildAddedBlurEventMap.set(t,!0)}))},this.defaultRules=t||[],this.host=e,this.defaultValue=s,this.options=i,this.initDisabledAttrObserver(),this.connectResizeObserver(),this.initFormResetObserver(),null===(n=(r=this.host).componentOnReady)||void 0===n||n.call(r).then((()=>{this.didRender()})),this.setupModifiedListener(),this.listenHostElementKeydown(),this.updateValidationHandlers()}async validate(t){return await this.valid([],t)}addListener(t){this.listeners.push(t)}getRules(){const t=[...this.additionalRules];return[...this.defaultRules.map((e=>this.overrideDefaultRuleByAdditionalRule(e,t))),...t]}setDefaultRules(t){this.defaultRules=t,this.updateValidationHandlers()}setAdditionalRules(t){this.additionalRules=t,this.updateValidationHandlers()}destroy(){o.notify(h,{host:this.host}),this.unregisterFormResetObserver(),o.unregister(c,this.hostValueChangeObserver),this.hostChildrenObserver&&this.hostChildrenObserver.disconnect()}connectResizeObserver(){}updateDisableBlurValidation(t){this.disableBlurValidation=t}updateValidationHandlers(){this.formFieldValidationRuleHandlerChain.setHandlersByRules(this.getRules())}async valid(t,e="rule"){const s=this.getStatus(),i=this.host.value;this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(i,s,t)&&o.notify(l,{host:this.host,detail:null});const{isValid:r,message:n}=await this.formFieldValidationRuleHandlerChain.process(i,s,t,e,this.handleValidationResult);return{isValid:r,message:this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(n)}}invokeListeners(t){this.listeners.forEach((e=>e.callback(t)))}getStatus(){return{touched:this.isTouched,modified:this.isModified,disabled:this.host.disabled,visible:this.isVisible}}updateIsTouched(t){const e=this.isTouched;this.isTouched=t,!this.disableBlurValidation&&this.isAutoValidationEnabled()&&this.valid(e===t?[]:["touched"])}updateIsModified(t){const e=this.isModified;this.isModified=t,this.isAutoValidationEnabled()&&this.valid(e===t?[]:["modified"])}initDisabledAttrObserver(){this.disabledAttrObserver=new MutationObserver((()=>{this.isAutoValidationEnabled()&&this.valid(["disabled"])})),this.disabledAttrObserver.observe(this.host,{attributes:!0,attributeFilter:["disabled"]})}canAcceptFormResetOperation(t){return p(this.host,"vega-form")===t.host}unregisterFormResetObserver(){o.unregister(d,this.formResetTriggeredObserver)}monitorTouchedListener(){const t=this.getInputContainerElements();t&&(this.hostChildrenObserver=new MutationObserver((()=>{this.setupTouchedListener()})),this.hostChildrenObserver.observe(t,{childList:!0,subtree:!0})),this.setupTouchedListener()}getTouchableAreaElements(){return this.options&&this.options.touchableAreaGetter?this.options.touchableAreaGetter():[]}getInputContainerElements(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}setupModifiedListener(){this.hostValueChangeObserver=new n(this.isCurrentTarget.bind(this),(()=>this.updateIsModified(!0))),o.register(c,this.hostValueChangeObserver)}isCurrentTarget(t){return this.host===t.host}async reset(t){var e,s;if(this.shouldVisitElement(this.host,null===(e=t.option)||void 0===e?void 0:e.skipDisabled,null===(s=t.option)||void 0===s?void 0:s.skipInvisible)){const e=t.defaultValueMap,s=this.host.dataset.vegaForm,i=null==e[s]?this.getDefaultValue():e[s];"function"==typeof this.host.setValue?await this.host.setValue(i):this.host.value=i,this.isTouched=!1,this.isModified=!1,this.fieldErrorUIController.resetInputInvalidUI()}}getDefaultValue(){return this.defaultValue instanceof Function?this.defaultValue(this.host):this.defaultValue}didRender(){this.monitorTouchedListener()}initFormResetObserver(){this.formResetTriggeredObserver=new n(this.canAcceptFormResetOperation.bind(this),this.reset.bind(this)),o.register(d,this.formResetTriggeredObserver)}isAutoValidationEnabled(){return!1!==this.host.autoValidation}shouldVisitElement(t,e,s){return!(!t.dataset.vegaForm||e&&t.disabled||s&&!v(t))}listenHostElementKeydown(){this.host.addEventListener("keydown",(t=>{this.canSubmitFormByEvent(t)&&o.notify(u,{host:this.host})}))}canSubmitFormByEvent(t){const e="Enter"===t.key||13===t.keyCode,s=e&&t.shiftKey;switch(this.host.tagName){case"VEGA-TEXTAREA":case"VEGA-DATE-PICKER":case"VEGA-TIME-PICKER":return s&&t.preventDefault(),s;case"VEGA-RICH-TEXT-EDITOR":return!1;default:return e}}overrideDefaultRuleByAdditionalRule(t,e){if(t&&e){const s=e.findIndex((e=>e instanceof F&&e instanceof t.constructor&&e.overrideDefault));if(s>-1)return e.splice(s,1)[0]}return t}}x([e()],G.prototype,"formFieldMessageTranslatorSlimmer",void 0),x([e()],G.prototype,"fieldErrorUIController",void 0),x([e()],G.prototype,"resizeObserverSlimmer",void 0);var P=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class W extends t{constructor(){super(...arguments),this.fieldErrorUIController=new U,this.handleFieldErrorMessageUpdate=t=>{const{message:e,isValid:s}=t;s?this.fieldErrorUIController.resetInputInvalidUI():this.fieldErrorUIController.applyInputInvalidUI(e)}}handleComponentWillLoadByFieldErrorSlimmer(){this.fieldErrorMessageChangeObserver=new n(this.canAcceptFieldErrorMessageUpdate.bind(this),this.handleFieldErrorMessageUpdate),o.register(f,this.fieldErrorMessageChangeObserver)}handleUnregisterObserver(){o.unregister(f,this.fieldErrorMessageChangeObserver)}canAcceptFieldErrorMessageUpdate(t){const{host:e}=t,s=this.host.parentElement;return s&&s===e&&"VEGA-FIELD-ERROR"===s.tagName||this.host===e}}P([s()],W.prototype,"host",void 0),P([s()],W.prototype,"options",void 0),P([e()],W.prototype,"fieldErrorUIController",void 0),P([i("setInjectFormFieldHelper")],W.prototype,"handleComponentWillLoadByFieldErrorSlimmer",null),P([i("disconnectedCallback")],W.prototype,"handleUnregisterObserver",null);var z=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class K extends t{constructor(){super(...arguments),this.handleValidInvocation=async t=>{if(this.validator){void 0!==t.timerId&&clearTimeout(t.timerId);const e=await this.validator.validate(t.message);if(e){const{isValid:s,message:i}=e;"function"==typeof t.promiseResolve&&t.promiseResolve({isValid:s,message:i})}}}}registerValidInvocationObserver(){y.addUniqueObserverToNode(this.host,O,this.handleValidInvocation)}handleUnregisterObserver(){y.removeUniqueObserverFromNode(this.host,O)}}z([s()],K.prototype,"host",void 0),z([s()],K.prototype,"validator",void 0),z([i("setInjectFormFieldHelper")],K.prototype,"registerValidInvocationObserver",null),z([i("disconnectedCallback")],K.prototype,"handleUnregisterObserver",null);var N=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class X extends A{constructor(){super({parent:"vega-form",subStates:[{subStateName:"disableBlurValidation",parentStateName:"disableBlurValidation",callback:t=>{var e;null===(e=this.validator)||void 0===e||e.updateDisableBlurValidation(t)}}]})}componentWillLoad(){super.componentWillLoad()}}N([s()],X.prototype,"host",void 0),N([s()],X.prototype,"validator",void 0),N([i("setInjectFormFieldHelper")],X.prototype,"componentWillLoad",null);var q=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class J extends t{constructor(t){super(),this.fieldErrorSlimmer=new W,this.formFieldValidInvokeSlimmer=new K,this.formFormStateController=new X,this.mutationObserverCallBack=()=>{this.validator&&(this.setDefaultRules(),this.internalValidate())},this.options=t,this.setMutationObserverSlimmer()}connectedCallback(){null===this.validator&&this.setInjectFormFieldHelper()}disconnectedCallback(){this.validator&&(this.validator.destroy(),this.validator=null)}componentDidLoad(){}static isValidFormField(t){return t&&Boolean(t.getAttribute("data-vega-form"))}watchValidationRulesByFormControllerSlimmer(t,e){S(t,e,!1,((t,e)=>t===e?0:-1))||(this.setAdditionalRules(),this.internalValidate())}setInjectFormFieldHelper(){if(J.isValidFormField(this.host)){const{defaultValue:t}=this.options,e=new G(this.getPropertyRules(),this.host,t,this.options);e.addListener({callback:t=>{this.isValid!=t&&(this.isValid=t,o.notify(m,{host:this.host,detail:t}))}}),this.validator=e,this.setAdditionalRules()}}setAdditionalRules(){this.options.validationRulesName&&"validationRules"===this.options.validationRulesName&&this.validator&&this.validator.setAdditionalRules(this.validationRules||[])}setDefaultRules(){this.validator&&this.validator.setDefaultRules(this.getPropertyRules())}getPropertyRules(){const{propertyRules:t,attributeGetter:e}=this.options;return t.map((t=>{const s=t.dependence&&"string"==typeof t.dependence?[e(t.dependence)]:Array.isArray(t.dependence)?t.dependence.map((t=>e(t))):[null];return t.ruleFactory(e(t.propertyName),...s)})).filter(Boolean)}internalValidate(){!this.disabled&&this.validator&&this.validator.validate()}setMutationObserverSlimmer(){this.mutationObserverSlimmer=new I({options:{attributeFilter:this.options.propertyRules.map((t=>r(t.propertyName))),attributeOldValue:!0},mutationFilter:C(),callback:this.mutationObserverCallBack})}}q([s()],J.prototype,"host",void 0),q([s({writable:!0})],J.prototype,"validationRules",void 0),q([s()],J.prototype,"disabled",void 0),q([s()],J.prototype,"autoValidation",void 0),q([s({writable:!0})],J.prototype,"isValid",void 0),q([e()],J.prototype,"fieldErrorSlimmer",void 0),q([e()],J.prototype,"formFieldValidInvokeSlimmer",void 0),q([e()],J.prototype,"mutationObserverSlimmer",void 0),q([e()],J.prototype,"formFormStateController",void 0),q([i("connectedCallback")],J.prototype,"connectedCallback",null),q([i("disconnectedCallback")],J.prototype,"disconnectedCallback",null),q([i("componentDidLoad")],J.prototype,"componentDidLoad",null),q([i("watchValidationRules")],J.prototype,"watchValidationRulesByFormControllerSlimmer",null),q([i("componentWillLoad")],J.prototype,"setInjectFormFieldHelper",null);export{J as F}

package/dist/vega/{p-cfb2af9c.entry.js → p-a9e3058e.entry.js}

@@ -1 +1 @@
-import{h as e,F as t,r as i,c as n,H as s,g as o}from"./p-48a58baf.js";import{s as a}from"./p-519a7d55.js";import{c as r,V as l,M as c,I as d}from"./p-6e1ab235.js";import{V as h,I as g}from"./p-d849e0f5.js";import{c as m}from"./p-3cdbee7e.js";import{f as p}from"./p-2ee4def0.js";import{P as f}from"./p-7d9cd9c8.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-f1436035.js";import"./p-b75ee3ba.js";import"./p-331a62d5.js";import"./p-575235c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";var v=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class x extends l{render(){var t;return e("div",{class:"vega-segment-control-container"},null===(t=this.segments)||void 0===t?void 0:t.map((e=>this.segmentRenderer.render(e))))}}v([r()],x.prototype,"segments",void 0),v([r()],x.prototype,"segmentRenderer",void 0);var b=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class u extends l{componentWillLoad(){this.setDefaultSelected()}watchSegments(){this.setDefaultSelected()}watchSelected(){this.changeEventEmitter.emit(this.selected)}setSelected(e){this.selected=e.key}setDefaultSelected(){var e;(null===(e=this.segments)||void 0===e?void 0:e.length)>0&&!this.segments.find((e=>e.key===this.selected))&&(this.selected=this.segments[0].key)}}b([r({writable:!0})],u.prototype,"selected",void 0),b([r()],u.prototype,"segments",void 0),b([r()],u.prototype,"changeEventEmitter",void 0),b([c("componentWillLoad")],u.prototype,"componentWillLoad",null),b([c("watchSegments")],u.prototype,"watchSegments",null),b([c("watchSelected")],u.prototype,"watchSelected",null);var w=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class j extends l{watchSegments(){this.setIsOverflowBlockSegments()}watchBlock(){this.setIsOverflowBlockSegments()}watchSize(){this.setIsOverflowBlockSegments()}setIsOverflowBlockSegments(){this.isOverflowBlockSegments=this.isExceedContainerWidth()}isExceedContainerWidth(){if(this.block){const e=this.host.shadowRoot.querySelector(".vega-segment-control-container");return e.clientWidth<e.children.length*j.SEGMENTS_OVERFLOW_THRESHOLD[this.size]+4*(e.children.length-1)+5}return!1}}j.SEGMENTS_OVERFLOW_THRESHOLD={medium:101.9,small:82},w([r()],j.prototype,"host",void 0),w([r()],j.prototype,"block",void 0),w([r()],j.prototype,"size",void 0),w([r({writable:!0})],j.prototype,"isOverflowBlockSegments",void 0),w([c("watchSegments")],j.prototype,"watchSegments",null),w([c("watchBlock")],j.prototype,"watchBlock",null),w([c("watchSize")],j.prototype,"watchSize",null);var y=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class S extends l{render(t){return e("button",{key:t.key,class:{"vega-segment":!0,selected:this.selected===t.key,disabled:t.disabled,[`${this.size}`]:!0},onClick:()=>this.selectedController.setSelected(t),disabled:t.disabled},this.renderSegments(t))}renderSegments(i){return e(t,null,(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"text-only"!==this.variant)&&i.icon&&this.renderIcon(i),(this.isOverflowBlockSegments&&!i.icon||!this.isOverflowBlockSegments&&"icon-only"!==this.variant)&&i.text&&this.renderText(i))}renderIcon(t){return e("vega-tooltip",{text:t.text,trigger:t.text&&(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"icon-only"===this.variant)?"hover":"none",placement:["bottom","top"],disableInteractive:!1},e("vega-icon",{icon:t.icon,size:"size-16"}))}renderText(t){return e("vega-text",{overflow:"ellipsis",tooltip:{placement:["bottom","top"]}},t.text)}}y([r()],S.prototype,"host",void 0),y([r()],S.prototype,"size",void 0),y([r()],S.prototype,"selected",void 0),y([r()],S.prototype,"variant",void 0),y([r()],S.prototype,"block",void 0),y([r()],S.prototype,"isOverflowBlockSegments",void 0),y([r()],S.prototype,"selectedController",void 0);var k=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};const R=class{constructor(e){i(this,e),this.vegaChange=n(this,"vegaChange",7),this.change=n(this,"change",7),this.globalSlimmers={},this.segmentControlRenderer=new x,this.segmentOverflowController=new j,this.segmentRenderer=new S,this.selectedController=new u,this.changeEventEmitter=m(R,p),this.pageResizeObserverSlimmer=new f({callback:()=>{this.segmentControlWidth=this.host.clientWidth,this.segmentOverflowController.setIsOverflowBlockSegments()},shouldTrigger:()=>this.host.clientWidth!==this.segmentControlWidth}),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.segmentControlWidth=0,this.isOverflowBlockSegments=!1,this.block=!1,this.size="medium",this.segments=[],this.variant="default"}watchBlock(){}watchSize(){}watchSegments(){}watchSelected(){}componentWillLoad(){}render(){return a(e(s,{class:{"vega-segment-control-block":this.block}},this.segmentControlRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{block:["watchBlock"],size:["watchSize"],segments:["watchSegments"],selected:["watchSelected"]}}};k([g()],R.prototype,"globalSlimmers",void 0),k([d()],R.prototype,"segmentControlRenderer",void 0),k([d()],R.prototype,"segmentOverflowController",void 0),k([d()],R.prototype,"segmentRenderer",void 0),k([d()],R.prototype,"selectedController",void 0),k([d()],R.prototype,"changeEventEmitter",void 0),k([d()],R.prototype,"pageResizeObserverSlimmer",void 0),k([d()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),R.style=':host{display:inline-block}.vega-segment-control-container{display:flex;gap:4px;border-radius:9999px;background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1));padding:3px}:host(.vega-segment-control-block){display:block}:host(.vega-segment-control-block) .vega-segment{flex-basis:0;flex-grow:1}.vega-segment{display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));border-radius:9999px;cursor:pointer;text-align:center;border-width:1px;border-style:solid;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-color:transparent}.vega-segment vega-icon{vertical-align:middle}.vega-segment.medium{padding-left:24px;padding-right:24px;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){.vega-segment.medium{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){.vega-segment.medium{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){.vega-segment.medium{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-segment.small{padding-left:16px;padding-right:16px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;padding-top:3px;padding-bottom:3px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-segment.disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}.vega-segment:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-segment:hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}.vega-segment.selected{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}';export{R as vega_segment_control}
+import{h as e,F as t,r as i,c as n,H as s,g as o}from"./p-6b2342e0.js";import{s as r}from"./p-519a7d55.js";import{c as a,V as l,M as c,I as d}from"./p-6e1ab235.js";import{V as h,I as g}from"./p-d849e0f5.js";import{c as m}from"./p-3cdbee7e.js";import{f as p}from"./p-2ee4def0.js";import{P as f}from"./p-7d9cd9c8.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-f1436035.js";import"./p-b75ee3ba.js";import"./p-331a62d5.js";import"./p-575235c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";var v=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class x extends l{render(){var t;return e("div",{class:"vega-segment-control-container"},null===(t=this.segments)||void 0===t?void 0:t.map((e=>this.segmentRenderer.render(e))))}}v([a()],x.prototype,"segments",void 0),v([a()],x.prototype,"segmentRenderer",void 0);var b=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class u extends l{componentWillLoad(){this.setDefaultSelected()}watchSegments(){this.setDefaultSelected()}watchSelected(){this.changeEventEmitter.emit(this.selected)}setSelected(e){this.selected=e.key}setDefaultSelected(){var e;(null===(e=this.segments)||void 0===e?void 0:e.length)>0&&!this.segments.find((e=>e.key===this.selected))&&(this.selected=this.segments[0].key)}}b([a({writable:!0})],u.prototype,"selected",void 0),b([a()],u.prototype,"segments",void 0),b([a()],u.prototype,"changeEventEmitter",void 0),b([c("componentWillLoad")],u.prototype,"componentWillLoad",null),b([c("watchSegments")],u.prototype,"watchSegments",null),b([c("watchSelected")],u.prototype,"watchSelected",null);var w=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class j extends l{watchSegments(){this.setIsOverflowBlockSegments()}watchBlock(){this.setIsOverflowBlockSegments()}watchSize(){this.setIsOverflowBlockSegments()}setIsOverflowBlockSegments(){this.isOverflowBlockSegments=this.isExceedContainerWidth()}isExceedContainerWidth(){if(this.block){const e=this.host.shadowRoot.querySelector(".vega-segment-control-container");return e.clientWidth<e.children.length*j.SEGMENTS_OVERFLOW_THRESHOLD[this.size]+4*(e.children.length-1)+5}return!1}}j.SEGMENTS_OVERFLOW_THRESHOLD={medium:101.9,small:82},w([a()],j.prototype,"host",void 0),w([a()],j.prototype,"block",void 0),w([a()],j.prototype,"size",void 0),w([a({writable:!0})],j.prototype,"isOverflowBlockSegments",void 0),w([c("watchSegments")],j.prototype,"watchSegments",null),w([c("watchBlock")],j.prototype,"watchBlock",null),w([c("watchSize")],j.prototype,"watchSize",null);var y=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class S extends l{render(t){return e("button",{key:t.key,class:{"vega-segment":!0,selected:this.selected===t.key,disabled:t.disabled,[`${this.size}`]:!0},onClick:()=>this.selectedController.setSelected(t),disabled:t.disabled},this.renderSegments(t))}renderSegments(i){return e(t,null,(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"text-only"!==this.variant)&&i.icon&&this.renderIcon(i),(this.isOverflowBlockSegments&&!i.icon||!this.isOverflowBlockSegments&&"icon-only"!==this.variant)&&i.text&&this.renderText(i))}renderIcon(t){return e("vega-tooltip",{text:t.text,trigger:t.text&&(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"icon-only"===this.variant)?"hover":"none",placement:["bottom","top"],disableInteractive:!1},e("vega-icon",{icon:t.icon,size:"size-16"}))}renderText(t){return e("vega-text",{overflow:"ellipsis",tooltip:{placement:["bottom","top"]}},t.text)}}y([a()],S.prototype,"host",void 0),y([a()],S.prototype,"size",void 0),y([a()],S.prototype,"selected",void 0),y([a()],S.prototype,"variant",void 0),y([a()],S.prototype,"block",void 0),y([a()],S.prototype,"isOverflowBlockSegments",void 0),y([a()],S.prototype,"selectedController",void 0);var k=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};const R=class{constructor(e){i(this,e),this.vegaChange=n(this,"vegaChange",7),this.change=n(this,"change",7),this.globalSlimmers={},this.segmentControlRenderer=new x,this.segmentOverflowController=new j,this.segmentRenderer=new S,this.selectedController=new u,this.changeEventEmitter=m(R,p),this.pageResizeObserverSlimmer=new f({callback:()=>{this.segmentControlWidth=this.host.clientWidth,this.segmentOverflowController.setIsOverflowBlockSegments()},shouldTrigger:()=>this.host.clientWidth!==this.segmentControlWidth}),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.segmentControlWidth=0,this.isOverflowBlockSegments=!1,this.block=!1,this.size="medium",this.segments=[],this.variant="default"}watchBlock(){}watchSize(){}watchSegments(){}watchSelected(){}componentWillLoad(){}render(){return r(e(s,{class:{"vega-segment-control-block":this.block}},this.segmentControlRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{block:["watchBlock"],size:["watchSize"],segments:["watchSegments"],selected:["watchSelected"]}}};k([g()],R.prototype,"globalSlimmers",void 0),k([d()],R.prototype,"segmentControlRenderer",void 0),k([d()],R.prototype,"segmentOverflowController",void 0),k([d()],R.prototype,"segmentRenderer",void 0),k([d()],R.prototype,"selectedController",void 0),k([d()],R.prototype,"changeEventEmitter",void 0),k([d()],R.prototype,"pageResizeObserverSlimmer",void 0),k([d()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),R.style=':host{display:inline-block}.vega-segment-control-container{display:flex;gap:4px;border-radius:9999px;background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1));padding:3px}:host(.vega-segment-control-block){display:block}:host(.vega-segment-control-block) .vega-segment{flex-basis:0;flex-grow:1}.vega-segment{display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));border-radius:9999px;cursor:pointer;text-align:center;border-width:1px;border-style:solid;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-color:transparent}.vega-segment vega-icon{vertical-align:middle}.vega-segment.medium{padding-left:24px;padding-right:24px;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){.vega-segment.medium{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){.vega-segment.medium{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){.vega-segment.medium{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-segment.small{padding-left:16px;padding-right:16px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;padding-top:3px;padding-bottom:3px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-segment.disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}.vega-segment:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-segment:hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}.vega-segment.selected{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}';export{R as vega_segment_control}

package/dist/vega/{p-2a66e2f7.entry.js → p-ad2055f4.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as i,H as s}from"./p-48a58baf.js";import{B as r,a as o,L as n,P as a,b as c,c as h}from"./p-05b10af4.js";import{Y as l,X as d,h as p,i as u}from"./p-111d41fe.js";import{I as m}from"./p-6e1ab235.js";import{V as f,I as w}from"./p-d849e0f5.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-d884c644.js";import"./p-0c667d6a.js";class v extends r{addInteractionSupport(){}draw(){const{dataSource:t=[],xScale:e,yScale:i,colors:s,direction:r}=this.options.renderOptions,o=t.map((t=>t.x)),n=t.map((t=>t.y));o.forEach(((t,o)=>{var a,c;const h=n[o]||0;let l=0,d=0,p={x:0,y:0};"horizontal"!==r?(l=(null===(a=e.bandwidth)||void 0===a?void 0:a.call(e))||5,d=Math.abs(i(0)-i(h)),p={x:e(t),y:i(Math.max(0,h))}):(d=(null===(c=i.bandwidth)||void 0===c?void 0:c.call(i))||5,l=Math.abs(e(h)-e(0)),p={x:e(Math.min(h,0)),y:i(t)}),this.renderer.drawRect(p,l,d,this.getColorFromToken(this.getColorByIndex(0,s)))}))}}class b extends l{process(t,e){const{dataSource:i,yAxis:s}=t,{innerWidth:r,innerHeight:o}=e,{scale:n,ticks:a}=this.getScale(i,[0,r],4);return{start:{x:0,y:o},end:{x:r,y:o},tickSize:a,scale:n,labelFormatter:null==s?void 0:s.labelFormatter,width:r,height:o,direction:"horizontal"}}}class j extends d{process(t,e){const{dataSource:i,xAxis:s,container:r}=t,{innerWidth:o,innerHeight:n}=e;return{start:{x:0,y:0},end:{x:0,y:n},tickSize:4,scale:this.getScale(i,n,(null==s?void 0:s.type)||"value","VEGA-LINE-CHART"===r.tagName?1:.1,null==s?void 0:s.sorter),labelFormatter:null==s?void 0:s.labelFormatter,width:o,height:n,direction:"horizontal"}}}class x extends o{constructor(){super(...arguments),this.layoutInputProcessor=new n,this.xAxisInputProcessorChain=new a([this.layoutInputProcessor,new d]),this.horizontalXAxisInputProcessorChain=new a([this.layoutInputProcessor,new b]),this.yAxisInputProcessorChain=new a([this.layoutInputProcessor,new l]),this.horizontalYAxisInputProcessorChain=new a([this.layoutInputProcessor,new j]),this.legendInputProcessorChain=new a([this.layoutInputProcessor,new c])}createDrawerChain(t,e){const{colors:i,xAxis:s,dataSource:r,direction:o}=this.options,n=Object.assign(Object.assign({},this.options),{xAxis:Object.assign(Object.assign({},s),{type:"category"})}),a="horizontal"===o?this.horizontalXAxisInputProcessorChain.process(n):this.xAxisInputProcessorChain.process(n),c="horizontal"===o?this.horizontalYAxisInputProcessorChain.process(n):this.yAxisInputProcessorChain.process(n);return[new p(t,e,{renderOptions:a}),new u(t,e,{renderOptions:c}),new h(t,e,{renderOptions:this.legendInputProcessorChain.process(n)}),new v(t,e,{renderOptions:{dataSource:r,xScale:a.scale,yScale:c.scale,colors:i,direction:o}})]}}var O=function(t,e,i,s){var r,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,i,n):r(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};const S=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.options={}}watchOptions(t){this.initChart(t)}componentWillLoad(){this.initChart(this.options)}render(){return e(s,null)}initChart(t){const{mode:e="svg",dataSource:i=[]}=t,s=function(t,e){var i={};for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&e.indexOf(s)<0&&(i[s]=t[s]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(t);r<s.length;r++)e.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(t,s[r])&&(i[s[r]]=t[s[r]])}return i}(t,["mode","dataSource"]),r=Object.assign(Object.assign({},s),{mode:e,container:this.host,dataSource:i});this.chart?this.chart.updateOptions(r):(this.chart=new x(r),this.chart.render())}get host(){return i(this)}static get watchers(){return{options:["watchOptions"]}}};O([w()],S.prototype,"globalSlimmers",void 0),O([m()],S.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S.style=".vega-chart-legend-item{cursor:pointer}.vega-chart-line-path:hover{stroke-width:5}:host{display:block}";export{S as vega_bar_chart}
+import{r as t,h as e,g as i,H as s}from"./p-6b2342e0.js";import{B as r,a as o,L as n,P as a,b as c,c as h}from"./p-be23bef2.js";import{Y as l,X as d,h as p,i as u}from"./p-46b077d9.js";import{I as m}from"./p-6e1ab235.js";import{V as w,I as b}from"./p-d849e0f5.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-d884c644.js";import"./p-0c667d6a.js";class f extends r{addInteractionSupport(){}draw(){const{dataSource:t=[],xScale:e,yScale:i,colors:s,direction:r}=this.options.renderOptions,o=t.map((t=>t.x)),n=t.map((t=>t.y));o.forEach(((t,o)=>{var a,c;const h=n[o]||0;let l=0,d=0,p={x:0,y:0};"horizontal"!==r?(l=(null===(a=e.bandwidth)||void 0===a?void 0:a.call(e))||5,d=Math.abs(i(0)-i(h)),p={x:e(t),y:i(Math.max(0,h))}):(d=(null===(c=i.bandwidth)||void 0===c?void 0:c.call(i))||5,l=Math.abs(e(h)-e(0)),p={x:e(Math.min(h,0)),y:i(t)}),this.renderer.drawRect(p,l,d,this.getColorFromToken(this.getColorByIndex(0,s)))}))}}class v extends l{process(t,e){const{dataSource:i,yAxis:s}=t,{innerWidth:r,innerHeight:o}=e,{scale:n,ticks:a}=this.getScale(i,[0,r],4);return{start:{x:0,y:o},end:{x:r,y:o},tickSize:a,scale:n,labelFormatter:null==s?void 0:s.labelFormatter,width:r,height:o,direction:"horizontal"}}}class j extends d{process(t,e){const{dataSource:i,xAxis:s,container:r}=t,{innerWidth:o,innerHeight:n}=e;return{start:{x:0,y:0},end:{x:0,y:n},tickSize:4,scale:this.getScale(i,n,(null==s?void 0:s.type)||"value","VEGA-LINE-CHART"===r.tagName?1:.1,null==s?void 0:s.sorter),labelFormatter:null==s?void 0:s.labelFormatter,width:o,height:n,direction:"horizontal"}}}class x extends o{constructor(){super(...arguments),this.layoutInputProcessor=new n,this.xAxisInputProcessorChain=new a([this.layoutInputProcessor,new d]),this.horizontalXAxisInputProcessorChain=new a([this.layoutInputProcessor,new v]),this.yAxisInputProcessorChain=new a([this.layoutInputProcessor,new l]),this.horizontalYAxisInputProcessorChain=new a([this.layoutInputProcessor,new j]),this.legendInputProcessorChain=new a([this.layoutInputProcessor,new c])}createDrawerChain(t,e){const{colors:i,xAxis:s,dataSource:r,direction:o}=this.options,n=Object.assign(Object.assign({},this.options),{xAxis:Object.assign(Object.assign({},s),{type:"category"})}),a="horizontal"===o?this.horizontalXAxisInputProcessorChain.process(n):this.xAxisInputProcessorChain.process(n),c="horizontal"===o?this.horizontalYAxisInputProcessorChain.process(n):this.yAxisInputProcessorChain.process(n);return[new p(t,e,{renderOptions:a}),new u(t,e,{renderOptions:c}),new h(t,e,{renderOptions:this.legendInputProcessorChain.process(n)}),new f(t,e,{renderOptions:{dataSource:r,xScale:a.scale,yScale:c.scale,colors:i,direction:o}})]}}var O=function(t,e,i,s){var r,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,i,n):r(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};const S=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new w,this.options={}}watchOptions(t){this.initChart(t)}componentWillLoad(){this.initChart(this.options)}render(){return e(s,null)}initChart(t){const{mode:e="svg",dataSource:i=[]}=t,s=function(t,e){var i={};for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&e.indexOf(s)<0&&(i[s]=t[s]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(t);r<s.length;r++)e.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(t,s[r])&&(i[s[r]]=t[s[r]])}return i}(t,["mode","dataSource"]),r=Object.assign(Object.assign({},s),{mode:e,container:this.host,dataSource:i});this.chart?this.chart.updateOptions(r):(this.chart=new x(r),this.chart.render())}get host(){return i(this)}static get watchers(){return{options:["watchOptions"]}}};O([b()],S.prototype,"globalSlimmers",void 0),O([m()],S.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S.style=".vega-chart-legend-item{cursor:pointer}.vega-chart-line-path:hover{stroke-width:5}:host{display:block}";export{S as vega_bar_chart}

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

@@ -0,0 +1 @@
+import{r as i,h as s,H as t,g as e}from"./p-6b2342e0.js";import{F as m}from"./p-e77a83e4.js";import{s as o}from"./p-519a7d55.js";import{f as p,l as a}from"./p-06b624e6.js";import{a as v}from"./p-575235c8.js";import{I as r}from"./p-6e1ab235.js";import{V as g,I as z}from"./p-d849e0f5.js";import{P as x}from"./p-7d9cd9c8.js";import{f as h}from"./p-1aba48bc.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-b1faebe0.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-37fd7a80.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-3af81271.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-8938b5c4.js";import"./p-5773a9a3.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-54ae02db.js";import"./p-b75ee3ba.js";import"./p-f1436035.js";import"./p-2ee4def0.js";import"./p-06e6be0e.js";import"./p-6163818f.js";import"./p-96bda7ca.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-a7b5f497.js";import"./p-8c9ea6f4.js";import"./p-5d676a94.js";import"./p-d3bf55e9.js";import"./p-824a06ba.js";const n=[{payloadKey:"BREAK_POINT_IS_NONE",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"None"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_DEFAULT",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"default"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_S",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"S"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_M",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"M"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_L",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"L"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_XL",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"XL"===i.breakpoint},{payloadKey:"USE_NATIVE_FLEX_IS_TRUE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!0===i.useNativeFlex},{payloadKey:"USE_NATIVE_FLEX_IS_FALSE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!1===i.useNativeFlex}];var l=function(i,s,t,e){var m,o=arguments.length,p=o<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,t):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(i,s,t,e);else for(var a=i.length-1;a>=0;a--)(m=i[a])&&(p=(o<3?m(p):o>3?m(s,t,p):m(s,t))||p);return o>3&&p&&Object.defineProperty(s,t,p),p};const L=class{constructor(s){i(this,s),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new g(n),this.pageResizeSlimmer=new x,this.breakpoint="S",this.direction="row",this.useNativeFlex=!0}render(){const i=[p(this.gap,"gap"),p(this.margin,"margin"),"None"===this.breakpoint||m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")?"":a(this.breakpoint),p(this.alignItems,"flexAlignItem"),p(this.justifyContent,"flexJustifyContent"),p(this.flexWrap,"flexWrap"),this.useNativeFlex?"vega-flex-native-based":""];(m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")||"None"===this.breakpoint)&&(i.push("vega-flex-None"),i.push(p(this.direction,"flexDirection")));const e=h(this.flex,this.flexGrow,this.flexShrink,this.flexBasis);return o(s(t,{style:e,class:v(i)},s("slot",null)),this.host)}get host(){return e(this)}};l([z()],L.prototype,"globalSlimmers",void 0),l([r()],L.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),l([r()],L.prototype,"pageResizeSlimmer",void 0),L.style=':host(.v-m-0),.v-m-0{margin:0px}:host(.v-mx-0),.v-mx-0{margin-left:0px;margin-right:0px}:host(.v-my-0),.v-my-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-0),.v-mt-0{margin-top:0px}:host(.v-mb-0),.v-mb-0{margin-bottom:0px}:host(.v-mr-0),.v-mr-0{margin-right:0px}:host(.v-ml-0),.v-ml-0{margin-left:0px}:host(.v-m-size-0),.v-m-size-0{margin:0px}:host(.v-mx-size-0),.v-mx-size-0{margin-left:0px;margin-right:0px}:host(.v-my-size-0),.v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-size-0),.v-mt-size-0{margin-top:0px}:host(.v-mb-size-0),.v-mb-size-0{margin-bottom:0px}:host(.v-mr-size-0),.v-mr-size-0{margin-right:0px}:host(.v-ml-size-0),.v-ml-size-0{margin-left:0px}:host(.v-m-size-4),.v-m-size-4{margin:4px}:host(.v-mx-size-4),.v-mx-size-4{margin-left:4px;margin-right:4px}:host(.v-my-size-4),.v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.v-mt-size-4),.v-mt-size-4{margin-top:4px}:host(.v-mb-size-4),.v-mb-size-4{margin-bottom:4px}:host(.v-mr-size-4),.v-mr-size-4{margin-right:4px}:host(.v-ml-size-4),.v-ml-size-4{margin-left:4px}:host(.v-m-size-8),.v-m-size-8{margin:8px}:host(.v-mx-size-8),.v-mx-size-8{margin-left:8px;margin-right:8px}:host(.v-my-size-8),.v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.v-mt-size-8),.v-mt-size-8{margin-top:8px}:host(.v-mb-size-8),.v-mb-size-8{margin-bottom:8px}:host(.v-mr-size-8),.v-mr-size-8{margin-right:8px}:host(.v-ml-size-8),.v-ml-size-8{margin-left:8px}:host(.v-m-size-12),.v-m-size-12{margin:12px}:host(.v-mx-size-12),.v-mx-size-12{margin-left:12px;margin-right:12px}:host(.v-my-size-12),.v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.v-mt-size-12),.v-mt-size-12{margin-top:12px}:host(.v-mb-size-12),.v-mb-size-12{margin-bottom:12px}:host(.v-mr-size-12),.v-mr-size-12{margin-right:12px}:host(.v-ml-size-12),.v-ml-size-12{margin-left:12px}:host(.v-m-size-16),.v-m-size-16{margin:16px}:host(.v-mx-size-16),.v-mx-size-16{margin-left:16px;margin-right:16px}:host(.v-my-size-16),.v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.v-mt-size-16),.v-mt-size-16{margin-top:16px}:host(.v-mb-size-16),.v-mb-size-16{margin-bottom:16px}:host(.v-mr-size-16),.v-mr-size-16{margin-right:16px}:host(.v-ml-size-16),.v-ml-size-16{margin-left:16px}:host(.v-m-size-20),.v-m-size-20{margin:20px}:host(.v-mx-size-20),.v-mx-size-20{margin-left:20px;margin-right:20px}:host(.v-my-size-20),.v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.v-mt-size-20),.v-mt-size-20{margin-top:20px}:host(.v-mb-size-20),.v-mb-size-20{margin-bottom:20px}:host(.v-mr-size-20),.v-mr-size-20{margin-right:20px}:host(.v-ml-size-20),.v-ml-size-20{margin-left:20px}:host(.v-m-size-24),.v-m-size-24{margin:24px}:host(.v-mx-size-24),.v-mx-size-24{margin-left:24px;margin-right:24px}:host(.v-my-size-24),.v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.v-mt-size-24),.v-mt-size-24{margin-top:24px}:host(.v-mb-size-24),.v-mb-size-24{margin-bottom:24px}:host(.v-mr-size-24),.v-mr-size-24{margin-right:24px}:host(.v-ml-size-24),.v-ml-size-24{margin-left:24px}:host(.v-m-size-32),.v-m-size-32{margin:32px}:host(.v-mx-size-32),.v-mx-size-32{margin-left:32px;margin-right:32px}:host(.v-my-size-32),.v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.v-mt-size-32),.v-mt-size-32{margin-top:32px}:host(.v-mb-size-32),.v-mb-size-32{margin-bottom:32px}:host(.v-mr-size-32),.v-mr-size-32{margin-right:32px}:host(.v-ml-size-32),.v-ml-size-32{margin-left:32px}:host(.v-m-size-40),.v-m-size-40{margin:40px}:host(.v-mx-size-40),.v-mx-size-40{margin-left:40px;margin-right:40px}:host(.v-my-size-40),.v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.v-mt-size-40),.v-mt-size-40{margin-top:40px}:host(.v-mb-size-40),.v-mb-size-40{margin-bottom:40px}:host(.v-mr-size-40),.v-mr-size-40{margin-right:40px}:host(.v-ml-size-40),.v-ml-size-40{margin-left:40px}:host(.v-m-size-48),.v-m-size-48{margin:48px}:host(.v-mx-size-48),.v-mx-size-48{margin-left:48px;margin-right:48px}:host(.v-my-size-48),.v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.v-mt-size-48),.v-mt-size-48{margin-top:48px}:host(.v-mb-size-48),.v-mb-size-48{margin-bottom:48px}:host(.v-mr-size-48),.v-mr-size-48{margin-right:48px}:host(.v-ml-size-48),.v-ml-size-48{margin-left:48px}:host(.v-m-size-64),.v-m-size-64{margin:64px}:host(.v-mx-size-64),.v-mx-size-64{margin-left:64px;margin-right:64px}:host(.v-my-size-64),.v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.v-mt-size-64),.v-mt-size-64{margin-top:64px}:host(.v-mb-size-64),.v-mb-size-64{margin-bottom:64px}:host(.v-mr-size-64),.v-mr-size-64{margin-right:64px}:host(.v-ml-size-64),.v-ml-size-64{margin-left:64px}:host(.v-m-size-72),.v-m-size-72{margin:72px}:host(.v-mx-size-72),.v-mx-size-72{margin-left:72px;margin-right:72px}:host(.v-my-size-72),.v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.v-mt-size-72),.v-mt-size-72{margin-top:72px}:host(.v-mb-size-72),.v-mb-size-72{margin-bottom:72px}:host(.v-mr-size-72),.v-mr-size-72{margin-right:72px}:host(.v-ml-size-72),.v-ml-size-72{margin-left:72px}:host(.v-m-size-80),.v-m-size-80{margin:80px}:host(.v-mx-size-80),.v-mx-size-80{margin-left:80px;margin-right:80px}:host(.v-my-size-80),.v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.v-mt-size-80),.v-mt-size-80{margin-top:80px}:host(.v-mb-size-80),.v-mb-size-80{margin-bottom:80px}:host(.v-mr-size-80),.v-mr-size-80{margin-right:80px}:host(.v-ml-size-80),.v-ml-size-80{margin-left:80px}:host(.v-m-size-112),.v-m-size-112{margin:112px}:host(.v-mx-size-112),.v-mx-size-112{margin-left:112px;margin-right:112px}:host(.v-my-size-112),.v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.v-mt-size-112),.v-mt-size-112{margin-top:112px}:host(.v-mb-size-112),.v-mb-size-112{margin-bottom:112px}:host(.v-mr-size-112),.v-mr-size-112{margin-right:112px}:host(.v-ml-size-112),.v-ml-size-112{margin-left:112px}:host(.v-m-size-2),.v-m-size-2{margin:2px}:host(.v-mx-size-2),.v-mx-size-2{margin-left:2px;margin-right:2px}:host(.v-my-size-2),.v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.v-mt-size-2),.v-mt-size-2{margin-top:2px}:host(.v-mb-size-2),.v-mb-size-2{margin-bottom:2px}:host(.v-mr-size-2),.v-mr-size-2{margin-right:2px}:host(.v-ml-size-2),.v-ml-size-2{margin-left:2px}@media (min-width: 320px){:host(.S\\:v-m-0),.S\\:v-m-0{margin:0px}:host(.S\\:v-mx-0),.S\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-0),.S\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-0),.S\\:v-mt-0{margin-top:0px}:host(.S\\:v-mb-0),.S\\:v-mb-0{margin-bottom:0px}:host(.S\\:v-mr-0),.S\\:v-mr-0{margin-right:0px}:host(.S\\:v-ml-0),.S\\:v-ml-0{margin-left:0px}:host(.S\\:v-m-size-0),.S\\:v-m-size-0{margin:0px}:host(.S\\:v-mx-size-0),.S\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-size-0),.S\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-size-0),.S\\:v-mt-size-0{margin-top:0px}:host(.S\\:v-mb-size-0),.S\\:v-mb-size-0{margin-bottom:0px}:host(.S\\:v-mr-size-0),.S\\:v-mr-size-0{margin-right:0px}:host(.S\\:v-ml-size-0),.S\\:v-ml-size-0{margin-left:0px}:host(.S\\:v-m-size-4),.S\\:v-m-size-4{margin:4px}:host(.S\\:v-mx-size-4),.S\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.S\\:v-my-size-4),.S\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.S\\:v-mt-size-4),.S\\:v-mt-size-4{margin-top:4px}:host(.S\\:v-mb-size-4),.S\\:v-mb-size-4{margin-bottom:4px}:host(.S\\:v-mr-size-4),.S\\:v-mr-size-4{margin-right:4px}:host(.S\\:v-ml-size-4),.S\\:v-ml-size-4{margin-left:4px}:host(.S\\:v-m-size-8),.S\\:v-m-size-8{margin:8px}:host(.S\\:v-mx-size-8),.S\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.S\\:v-my-size-8),.S\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.S\\:v-mt-size-8),.S\\:v-mt-size-8{margin-top:8px}:host(.S\\:v-mb-size-8),.S\\:v-mb-size-8{margin-bottom:8px}:host(.S\\:v-mr-size-8),.S\\:v-mr-size-8{margin-right:8px}:host(.S\\:v-ml-size-8),.S\\:v-ml-size-8{margin-left:8px}:host(.S\\:v-m-size-12),.S\\:v-m-size-12{margin:12px}:host(.S\\:v-mx-size-12),.S\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.S\\:v-my-size-12),.S\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.S\\:v-mt-size-12),.S\\:v-mt-size-12{margin-top:12px}:host(.S\\:v-mb-size-12),.S\\:v-mb-size-12{margin-bottom:12px}:host(.S\\:v-mr-size-12),.S\\:v-mr-size-12{margin-right:12px}:host(.S\\:v-ml-size-12),.S\\:v-ml-size-12{margin-left:12px}:host(.S\\:v-m-size-16),.S\\:v-m-size-16{margin:16px}:host(.S\\:v-mx-size-16),.S\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.S\\:v-my-size-16),.S\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.S\\:v-mt-size-16),.S\\:v-mt-size-16{margin-top:16px}:host(.S\\:v-mb-size-16),.S\\:v-mb-size-16{margin-bottom:16px}:host(.S\\:v-mr-size-16),.S\\:v-mr-size-16{margin-right:16px}:host(.S\\:v-ml-size-16),.S\\:v-ml-size-16{margin-left:16px}:host(.S\\:v-m-size-20),.S\\:v-m-size-20{margin:20px}:host(.S\\:v-mx-size-20),.S\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.S\\:v-my-size-20),.S\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.S\\:v-mt-size-20),.S\\:v-mt-size-20{margin-top:20px}:host(.S\\:v-mb-size-20),.S\\:v-mb-size-20{margin-bottom:20px}:host(.S\\:v-mr-size-20),.S\\:v-mr-size-20{margin-right:20px}:host(.S\\:v-ml-size-20),.S\\:v-ml-size-20{margin-left:20px}:host(.S\\:v-m-size-24),.S\\:v-m-size-24{margin:24px}:host(.S\\:v-mx-size-24),.S\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.S\\:v-my-size-24),.S\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.S\\:v-mt-size-24),.S\\:v-mt-size-24{margin-top:24px}:host(.S\\:v-mb-size-24),.S\\:v-mb-size-24{margin-bottom:24px}:host(.S\\:v-mr-size-24),.S\\:v-mr-size-24{margin-right:24px}:host(.S\\:v-ml-size-24),.S\\:v-ml-size-24{margin-left:24px}:host(.S\\:v-m-size-32),.S\\:v-m-size-32{margin:32px}:host(.S\\:v-mx-size-32),.S\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.S\\:v-my-size-32),.S\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.S\\:v-mt-size-32),.S\\:v-mt-size-32{margin-top:32px}:host(.S\\:v-mb-size-32),.S\\:v-mb-size-32{margin-bottom:32px}:host(.S\\:v-mr-size-32),.S\\:v-mr-size-32{margin-right:32px}:host(.S\\:v-ml-size-32),.S\\:v-ml-size-32{margin-left:32px}:host(.S\\:v-m-size-40),.S\\:v-m-size-40{margin:40px}:host(.S\\:v-mx-size-40),.S\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.S\\:v-my-size-40),.S\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.S\\:v-mt-size-40),.S\\:v-mt-size-40{margin-top:40px}:host(.S\\:v-mb-size-40),.S\\:v-mb-size-40{margin-bottom:40px}:host(.S\\:v-mr-size-40),.S\\:v-mr-size-40{margin-right:40px}:host(.S\\:v-ml-size-40),.S\\:v-ml-size-40{margin-left:40px}:host(.S\\:v-m-size-48),.S\\:v-m-size-48{margin:48px}:host(.S\\:v-mx-size-48),.S\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.S\\:v-my-size-48),.S\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.S\\:v-mt-size-48),.S\\:v-mt-size-48{margin-top:48px}:host(.S\\:v-mb-size-48),.S\\:v-mb-size-48{margin-bottom:48px}:host(.S\\:v-mr-size-48),.S\\:v-mr-size-48{margin-right:48px}:host(.S\\:v-ml-size-48),.S\\:v-ml-size-48{margin-left:48px}:host(.S\\:v-m-size-64),.S\\:v-m-size-64{margin:64px}:host(.S\\:v-mx-size-64),.S\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.S\\:v-my-size-64),.S\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.S\\:v-mt-size-64),.S\\:v-mt-size-64{margin-top:64px}:host(.S\\:v-mb-size-64),.S\\:v-mb-size-64{margin-bottom:64px}:host(.S\\:v-mr-size-64),.S\\:v-mr-size-64{margin-right:64px}:host(.S\\:v-ml-size-64),.S\\:v-ml-size-64{margin-left:64px}:host(.S\\:v-m-size-72),.S\\:v-m-size-72{margin:72px}:host(.S\\:v-mx-size-72),.S\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.S\\:v-my-size-72),.S\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.S\\:v-mt-size-72),.S\\:v-mt-size-72{margin-top:72px}:host(.S\\:v-mb-size-72),.S\\:v-mb-size-72{margin-bottom:72px}:host(.S\\:v-mr-size-72),.S\\:v-mr-size-72{margin-right:72px}:host(.S\\:v-ml-size-72),.S\\:v-ml-size-72{margin-left:72px}:host(.S\\:v-m-size-80),.S\\:v-m-size-80{margin:80px}:host(.S\\:v-mx-size-80),.S\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.S\\:v-my-size-80),.S\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.S\\:v-mt-size-80),.S\\:v-mt-size-80{margin-top:80px}:host(.S\\:v-mb-size-80),.S\\:v-mb-size-80{margin-bottom:80px}:host(.S\\:v-mr-size-80),.S\\:v-mr-size-80{margin-right:80px}:host(.S\\:v-ml-size-80),.S\\:v-ml-size-80{margin-left:80px}:host(.S\\:v-m-size-112),.S\\:v-m-size-112{margin:112px}:host(.S\\:v-mx-size-112),.S\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.S\\:v-my-size-112),.S\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.S\\:v-mt-size-112),.S\\:v-mt-size-112{margin-top:112px}:host(.S\\:v-mb-size-112),.S\\:v-mb-size-112{margin-bottom:112px}:host(.S\\:v-mr-size-112),.S\\:v-mr-size-112{margin-right:112px}:host(.S\\:v-ml-size-112),.S\\:v-ml-size-112{margin-left:112px}:host(.S\\:v-m-size-2),.S\\:v-m-size-2{margin:2px}:host(.S\\:v-mx-size-2),.S\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.S\\:v-my-size-2),.S\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.S\\:v-mt-size-2),.S\\:v-mt-size-2{margin-top:2px}:host(.S\\:v-mb-size-2),.S\\:v-mb-size-2{margin-bottom:2px}:host(.S\\:v-mr-size-2),.S\\:v-mr-size-2{margin-right:2px}:host(.S\\:v-ml-size-2),.S\\:v-ml-size-2{margin-left:2px}}@media (min-width: 768px){:host(.M\\:v-m-0),.M\\:v-m-0{margin:0px}:host(.M\\:v-mx-0),.M\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-0),.M\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-0),.M\\:v-mt-0{margin-top:0px}:host(.M\\:v-mb-0),.M\\:v-mb-0{margin-bottom:0px}:host(.M\\:v-mr-0),.M\\:v-mr-0{margin-right:0px}:host(.M\\:v-ml-0),.M\\:v-ml-0{margin-left:0px}:host(.M\\:v-m-size-0),.M\\:v-m-size-0{margin:0px}:host(.M\\:v-mx-size-0),.M\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-size-0),.M\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-size-0),.M\\:v-mt-size-0{margin-top:0px}:host(.M\\:v-mb-size-0),.M\\:v-mb-size-0{margin-bottom:0px}:host(.M\\:v-mr-size-0),.M\\:v-mr-size-0{margin-right:0px}:host(.M\\:v-ml-size-0),.M\\:v-ml-size-0{margin-left:0px}:host(.M\\:v-m-size-4),.M\\:v-m-size-4{margin:4px}:host(.M\\:v-mx-size-4),.M\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.M\\:v-my-size-4),.M\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.M\\:v-mt-size-4),.M\\:v-mt-size-4{margin-top:4px}:host(.M\\:v-mb-size-4),.M\\:v-mb-size-4{margin-bottom:4px}:host(.M\\:v-mr-size-4),.M\\:v-mr-size-4{margin-right:4px}:host(.M\\:v-ml-size-4),.M\\:v-ml-size-4{margin-left:4px}:host(.M\\:v-m-size-8),.M\\:v-m-size-8{margin:8px}:host(.M\\:v-mx-size-8),.M\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.M\\:v-my-size-8),.M\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.M\\:v-mt-size-8),.M\\:v-mt-size-8{margin-top:8px}:host(.M\\:v-mb-size-8),.M\\:v-mb-size-8{margin-bottom:8px}:host(.M\\:v-mr-size-8),.M\\:v-mr-size-8{margin-right:8px}:host(.M\\:v-ml-size-8),.M\\:v-ml-size-8{margin-left:8px}:host(.M\\:v-m-size-12),.M\\:v-m-size-12{margin:12px}:host(.M\\:v-mx-size-12),.M\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.M\\:v-my-size-12),.M\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.M\\:v-mt-size-12),.M\\:v-mt-size-12{margin-top:12px}:host(.M\\:v-mb-size-12),.M\\:v-mb-size-12{margin-bottom:12px}:host(.M\\:v-mr-size-12),.M\\:v-mr-size-12{margin-right:12px}:host(.M\\:v-ml-size-12),.M\\:v-ml-size-12{margin-left:12px}:host(.M\\:v-m-size-16),.M\\:v-m-size-16{margin:16px}:host(.M\\:v-mx-size-16),.M\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.M\\:v-my-size-16),.M\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.M\\:v-mt-size-16),.M\\:v-mt-size-16{margin-top:16px}:host(.M\\:v-mb-size-16),.M\\:v-mb-size-16{margin-bottom:16px}:host(.M\\:v-mr-size-16),.M\\:v-mr-size-16{margin-right:16px}:host(.M\\:v-ml-size-16),.M\\:v-ml-size-16{margin-left:16px}:host(.M\\:v-m-size-20),.M\\:v-m-size-20{margin:20px}:host(.M\\:v-mx-size-20),.M\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.M\\:v-my-size-20),.M\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.M\\:v-mt-size-20),.M\\:v-mt-size-20{margin-top:20px}:host(.M\\:v-mb-size-20),.M\\:v-mb-size-20{margin-bottom:20px}:host(.M\\:v-mr-size-20),.M\\:v-mr-size-20{margin-right:20px}:host(.M\\:v-ml-size-20),.M\\:v-ml-size-20{margin-left:20px}:host(.M\\:v-m-size-24),.M\\:v-m-size-24{margin:24px}:host(.M\\:v-mx-size-24),.M\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.M\\:v-my-size-24),.M\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.M\\:v-mt-size-24),.M\\:v-mt-size-24{margin-top:24px}:host(.M\\:v-mb-size-24),.M\\:v-mb-size-24{margin-bottom:24px}:host(.M\\:v-mr-size-24),.M\\:v-mr-size-24{margin-right:24px}:host(.M\\:v-ml-size-24),.M\\:v-ml-size-24{margin-left:24px}:host(.M\\:v-m-size-32),.M\\:v-m-size-32{margin:32px}:host(.M\\:v-mx-size-32),.M\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.M\\:v-my-size-32),.M\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.M\\:v-mt-size-32),.M\\:v-mt-size-32{margin-top:32px}:host(.M\\:v-mb-size-32),.M\\:v-mb-size-32{margin-bottom:32px}:host(.M\\:v-mr-size-32),.M\\:v-mr-size-32{margin-right:32px}:host(.M\\:v-ml-size-32),.M\\:v-ml-size-32{margin-left:32px}:host(.M\\:v-m-size-40),.M\\:v-m-size-40{margin:40px}:host(.M\\:v-mx-size-40),.M\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.M\\:v-my-size-40),.M\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.M\\:v-mt-size-40),.M\\:v-mt-size-40{margin-top:40px}:host(.M\\:v-mb-size-40),.M\\:v-mb-size-40{margin-bottom:40px}:host(.M\\:v-mr-size-40),.M\\:v-mr-size-40{margin-right:40px}:host(.M\\:v-ml-size-40),.M\\:v-ml-size-40{margin-left:40px}:host(.M\\:v-m-size-48),.M\\:v-m-size-48{margin:48px}:host(.M\\:v-mx-size-48),.M\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.M\\:v-my-size-48),.M\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.M\\:v-mt-size-48),.M\\:v-mt-size-48{margin-top:48px}:host(.M\\:v-mb-size-48),.M\\:v-mb-size-48{margin-bottom:48px}:host(.M\\:v-mr-size-48),.M\\:v-mr-size-48{margin-right:48px}:host(.M\\:v-ml-size-48),.M\\:v-ml-size-48{margin-left:48px}:host(.M\\:v-m-size-64),.M\\:v-m-size-64{margin:64px}:host(.M\\:v-mx-size-64),.M\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.M\\:v-my-size-64),.M\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.M\\:v-mt-size-64),.M\\:v-mt-size-64{margin-top:64px}:host(.M\\:v-mb-size-64),.M\\:v-mb-size-64{margin-bottom:64px}:host(.M\\:v-mr-size-64),.M\\:v-mr-size-64{margin-right:64px}:host(.M\\:v-ml-size-64),.M\\:v-ml-size-64{margin-left:64px}:host(.M\\:v-m-size-72),.M\\:v-m-size-72{margin:72px}:host(.M\\:v-mx-size-72),.M\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.M\\:v-my-size-72),.M\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.M\\:v-mt-size-72),.M\\:v-mt-size-72{margin-top:72px}:host(.M\\:v-mb-size-72),.M\\:v-mb-size-72{margin-bottom:72px}:host(.M\\:v-mr-size-72),.M\\:v-mr-size-72{margin-right:72px}:host(.M\\:v-ml-size-72),.M\\:v-ml-size-72{margin-left:72px}:host(.M\\:v-m-size-80),.M\\:v-m-size-80{margin:80px}:host(.M\\:v-mx-size-80),.M\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.M\\:v-my-size-80),.M\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.M\\:v-mt-size-80),.M\\:v-mt-size-80{margin-top:80px}:host(.M\\:v-mb-size-80),.M\\:v-mb-size-80{margin-bottom:80px}:host(.M\\:v-mr-size-80),.M\\:v-mr-size-80{margin-right:80px}:host(.M\\:v-ml-size-80),.M\\:v-ml-size-80{margin-left:80px}:host(.M\\:v-m-size-112),.M\\:v-m-size-112{margin:112px}:host(.M\\:v-mx-size-112),.M\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.M\\:v-my-size-112),.M\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.M\\:v-mt-size-112),.M\\:v-mt-size-112{margin-top:112px}:host(.M\\:v-mb-size-112),.M\\:v-mb-size-112{margin-bottom:112px}:host(.M\\:v-mr-size-112),.M\\:v-mr-size-112{margin-right:112px}:host(.M\\:v-ml-size-112),.M\\:v-ml-size-112{margin-left:112px}:host(.M\\:v-m-size-2),.M\\:v-m-size-2{margin:2px}:host(.M\\:v-mx-size-2),.M\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.M\\:v-my-size-2),.M\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.M\\:v-mt-size-2),.M\\:v-mt-size-2{margin-top:2px}:host(.M\\:v-mb-size-2),.M\\:v-mb-size-2{margin-bottom:2px}:host(.M\\:v-mr-size-2),.M\\:v-mr-size-2{margin-right:2px}:host(.M\\:v-ml-size-2),.M\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1024px){:host(.L\\:v-m-0),.L\\:v-m-0{margin:0px}:host(.L\\:v-mx-0),.L\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-0),.L\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-0),.L\\:v-mt-0{margin-top:0px}:host(.L\\:v-mb-0),.L\\:v-mb-0{margin-bottom:0px}:host(.L\\:v-mr-0),.L\\:v-mr-0{margin-right:0px}:host(.L\\:v-ml-0),.L\\:v-ml-0{margin-left:0px}:host(.L\\:v-m-size-0),.L\\:v-m-size-0{margin:0px}:host(.L\\:v-mx-size-0),.L\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-size-0),.L\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-size-0),.L\\:v-mt-size-0{margin-top:0px}:host(.L\\:v-mb-size-0),.L\\:v-mb-size-0{margin-bottom:0px}:host(.L\\:v-mr-size-0),.L\\:v-mr-size-0{margin-right:0px}:host(.L\\:v-ml-size-0),.L\\:v-ml-size-0{margin-left:0px}:host(.L\\:v-m-size-4),.L\\:v-m-size-4{margin:4px}:host(.L\\:v-mx-size-4),.L\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.L\\:v-my-size-4),.L\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.L\\:v-mt-size-4),.L\\:v-mt-size-4{margin-top:4px}:host(.L\\:v-mb-size-4),.L\\:v-mb-size-4{margin-bottom:4px}:host(.L\\:v-mr-size-4),.L\\:v-mr-size-4{margin-right:4px}:host(.L\\:v-ml-size-4),.L\\:v-ml-size-4{margin-left:4px}:host(.L\\:v-m-size-8),.L\\:v-m-size-8{margin:8px}:host(.L\\:v-mx-size-8),.L\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.L\\:v-my-size-8),.L\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.L\\:v-mt-size-8),.L\\:v-mt-size-8{margin-top:8px}:host(.L\\:v-mb-size-8),.L\\:v-mb-size-8{margin-bottom:8px}:host(.L\\:v-mr-size-8),.L\\:v-mr-size-8{margin-right:8px}:host(.L\\:v-ml-size-8),.L\\:v-ml-size-8{margin-left:8px}:host(.L\\:v-m-size-12),.L\\:v-m-size-12{margin:12px}:host(.L\\:v-mx-size-12),.L\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.L\\:v-my-size-12),.L\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.L\\:v-mt-size-12),.L\\:v-mt-size-12{margin-top:12px}:host(.L\\:v-mb-size-12),.L\\:v-mb-size-12{margin-bottom:12px}:host(.L\\:v-mr-size-12),.L\\:v-mr-size-12{margin-right:12px}:host(.L\\:v-ml-size-12),.L\\:v-ml-size-12{margin-left:12px}:host(.L\\:v-m-size-16),.L\\:v-m-size-16{margin:16px}:host(.L\\:v-mx-size-16),.L\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.L\\:v-my-size-16),.L\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.L\\:v-mt-size-16),.L\\:v-mt-size-16{margin-top:16px}:host(.L\\:v-mb-size-16),.L\\:v-mb-size-16{margin-bottom:16px}:host(.L\\:v-mr-size-16),.L\\:v-mr-size-16{margin-right:16px}:host(.L\\:v-ml-size-16),.L\\:v-ml-size-16{margin-left:16px}:host(.L\\:v-m-size-20),.L\\:v-m-size-20{margin:20px}:host(.L\\:v-mx-size-20),.L\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.L\\:v-my-size-20),.L\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.L\\:v-mt-size-20),.L\\:v-mt-size-20{margin-top:20px}:host(.L\\:v-mb-size-20),.L\\:v-mb-size-20{margin-bottom:20px}:host(.L\\:v-mr-size-20),.L\\:v-mr-size-20{margin-right:20px}:host(.L\\:v-ml-size-20),.L\\:v-ml-size-20{margin-left:20px}:host(.L\\:v-m-size-24),.L\\:v-m-size-24{margin:24px}:host(.L\\:v-mx-size-24),.L\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.L\\:v-my-size-24),.L\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.L\\:v-mt-size-24),.L\\:v-mt-size-24{margin-top:24px}:host(.L\\:v-mb-size-24),.L\\:v-mb-size-24{margin-bottom:24px}:host(.L\\:v-mr-size-24),.L\\:v-mr-size-24{margin-right:24px}:host(.L\\:v-ml-size-24),.L\\:v-ml-size-24{margin-left:24px}:host(.L\\:v-m-size-32),.L\\:v-m-size-32{margin:32px}:host(.L\\:v-mx-size-32),.L\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.L\\:v-my-size-32),.L\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.L\\:v-mt-size-32),.L\\:v-mt-size-32{margin-top:32px}:host(.L\\:v-mb-size-32),.L\\:v-mb-size-32{margin-bottom:32px}:host(.L\\:v-mr-size-32),.L\\:v-mr-size-32{margin-right:32px}:host(.L\\:v-ml-size-32),.L\\:v-ml-size-32{margin-left:32px}:host(.L\\:v-m-size-40),.L\\:v-m-size-40{margin:40px}:host(.L\\:v-mx-size-40),.L\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.L\\:v-my-size-40),.L\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.L\\:v-mt-size-40),.L\\:v-mt-size-40{margin-top:40px}:host(.L\\:v-mb-size-40),.L\\:v-mb-size-40{margin-bottom:40px}:host(.L\\:v-mr-size-40),.L\\:v-mr-size-40{margin-right:40px}:host(.L\\:v-ml-size-40),.L\\:v-ml-size-40{margin-left:40px}:host(.L\\:v-m-size-48),.L\\:v-m-size-48{margin:48px}:host(.L\\:v-mx-size-48),.L\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.L\\:v-my-size-48),.L\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.L\\:v-mt-size-48),.L\\:v-mt-size-48{margin-top:48px}:host(.L\\:v-mb-size-48),.L\\:v-mb-size-48{margin-bottom:48px}:host(.L\\:v-mr-size-48),.L\\:v-mr-size-48{margin-right:48px}:host(.L\\:v-ml-size-48),.L\\:v-ml-size-48{margin-left:48px}:host(.L\\:v-m-size-64),.L\\:v-m-size-64{margin:64px}:host(.L\\:v-mx-size-64),.L\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.L\\:v-my-size-64),.L\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.L\\:v-mt-size-64),.L\\:v-mt-size-64{margin-top:64px}:host(.L\\:v-mb-size-64),.L\\:v-mb-size-64{margin-bottom:64px}:host(.L\\:v-mr-size-64),.L\\:v-mr-size-64{margin-right:64px}:host(.L\\:v-ml-size-64),.L\\:v-ml-size-64{margin-left:64px}:host(.L\\:v-m-size-72),.L\\:v-m-size-72{margin:72px}:host(.L\\:v-mx-size-72),.L\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.L\\:v-my-size-72),.L\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.L\\:v-mt-size-72),.L\\:v-mt-size-72{margin-top:72px}:host(.L\\:v-mb-size-72),.L\\:v-mb-size-72{margin-bottom:72px}:host(.L\\:v-mr-size-72),.L\\:v-mr-size-72{margin-right:72px}:host(.L\\:v-ml-size-72),.L\\:v-ml-size-72{margin-left:72px}:host(.L\\:v-m-size-80),.L\\:v-m-size-80{margin:80px}:host(.L\\:v-mx-size-80),.L\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.L\\:v-my-size-80),.L\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.L\\:v-mt-size-80),.L\\:v-mt-size-80{margin-top:80px}:host(.L\\:v-mb-size-80),.L\\:v-mb-size-80{margin-bottom:80px}:host(.L\\:v-mr-size-80),.L\\:v-mr-size-80{margin-right:80px}:host(.L\\:v-ml-size-80),.L\\:v-ml-size-80{margin-left:80px}:host(.L\\:v-m-size-112),.L\\:v-m-size-112{margin:112px}:host(.L\\:v-mx-size-112),.L\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.L\\:v-my-size-112),.L\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.L\\:v-mt-size-112),.L\\:v-mt-size-112{margin-top:112px}:host(.L\\:v-mb-size-112),.L\\:v-mb-size-112{margin-bottom:112px}:host(.L\\:v-mr-size-112),.L\\:v-mr-size-112{margin-right:112px}:host(.L\\:v-ml-size-112),.L\\:v-ml-size-112{margin-left:112px}:host(.L\\:v-m-size-2),.L\\:v-m-size-2{margin:2px}:host(.L\\:v-mx-size-2),.L\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.L\\:v-my-size-2),.L\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.L\\:v-mt-size-2),.L\\:v-mt-size-2{margin-top:2px}:host(.L\\:v-mb-size-2),.L\\:v-mb-size-2{margin-bottom:2px}:host(.L\\:v-mr-size-2),.L\\:v-mr-size-2{margin-right:2px}:host(.L\\:v-ml-size-2),.L\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-m-0),.XL\\:v-m-0{margin:0px}:host(.XL\\:v-mx-0),.XL\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-0),.XL\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-0),.XL\\:v-mt-0{margin-top:0px}:host(.XL\\:v-mb-0),.XL\\:v-mb-0{margin-bottom:0px}:host(.XL\\:v-mr-0),.XL\\:v-mr-0{margin-right:0px}:host(.XL\\:v-ml-0),.XL\\:v-ml-0{margin-left:0px}:host(.XL\\:v-m-size-0),.XL\\:v-m-size-0{margin:0px}:host(.XL\\:v-mx-size-0),.XL\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-size-0),.XL\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-size-0),.XL\\:v-mt-size-0{margin-top:0px}:host(.XL\\:v-mb-size-0),.XL\\:v-mb-size-0{margin-bottom:0px}:host(.XL\\:v-mr-size-0),.XL\\:v-mr-size-0{margin-right:0px}:host(.XL\\:v-ml-size-0),.XL\\:v-ml-size-0{margin-left:0px}:host(.XL\\:v-m-size-4),.XL\\:v-m-size-4{margin:4px}:host(.XL\\:v-mx-size-4),.XL\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.XL\\:v-my-size-4),.XL\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.XL\\:v-mt-size-4),.XL\\:v-mt-size-4{margin-top:4px}:host(.XL\\:v-mb-size-4),.XL\\:v-mb-size-4{margin-bottom:4px}:host(.XL\\:v-mr-size-4),.XL\\:v-mr-size-4{margin-right:4px}:host(.XL\\:v-ml-size-4),.XL\\:v-ml-size-4{margin-left:4px}:host(.XL\\:v-m-size-8),.XL\\:v-m-size-8{margin:8px}:host(.XL\\:v-mx-size-8),.XL\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.XL\\:v-my-size-8),.XL\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.XL\\:v-mt-size-8),.XL\\:v-mt-size-8{margin-top:8px}:host(.XL\\:v-mb-size-8),.XL\\:v-mb-size-8{margin-bottom:8px}:host(.XL\\:v-mr-size-8),.XL\\:v-mr-size-8{margin-right:8px}:host(.XL\\:v-ml-size-8),.XL\\:v-ml-size-8{margin-left:8px}:host(.XL\\:v-m-size-12),.XL\\:v-m-size-12{margin:12px}:host(.XL\\:v-mx-size-12),.XL\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.XL\\:v-my-size-12),.XL\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.XL\\:v-mt-size-12),.XL\\:v-mt-size-12{margin-top:12px}:host(.XL\\:v-mb-size-12),.XL\\:v-mb-size-12{margin-bottom:12px}:host(.XL\\:v-mr-size-12),.XL\\:v-mr-size-12{margin-right:12px}:host(.XL\\:v-ml-size-12),.XL\\:v-ml-size-12{margin-left:12px}:host(.XL\\:v-m-size-16),.XL\\:v-m-size-16{margin:16px}:host(.XL\\:v-mx-size-16),.XL\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.XL\\:v-my-size-16),.XL\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.XL\\:v-mt-size-16),.XL\\:v-mt-size-16{margin-top:16px}:host(.XL\\:v-mb-size-16),.XL\\:v-mb-size-16{margin-bottom:16px}:host(.XL\\:v-mr-size-16),.XL\\:v-mr-size-16{margin-right:16px}:host(.XL\\:v-ml-size-16),.XL\\:v-ml-size-16{margin-left:16px}:host(.XL\\:v-m-size-20),.XL\\:v-m-size-20{margin:20px}:host(.XL\\:v-mx-size-20),.XL\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.XL\\:v-my-size-20),.XL\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.XL\\:v-mt-size-20),.XL\\:v-mt-size-20{margin-top:20px}:host(.XL\\:v-mb-size-20),.XL\\:v-mb-size-20{margin-bottom:20px}:host(.XL\\:v-mr-size-20),.XL\\:v-mr-size-20{margin-right:20px}:host(.XL\\:v-ml-size-20),.XL\\:v-ml-size-20{margin-left:20px}:host(.XL\\:v-m-size-24),.XL\\:v-m-size-24{margin:24px}:host(.XL\\:v-mx-size-24),.XL\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.XL\\:v-my-size-24),.XL\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.XL\\:v-mt-size-24),.XL\\:v-mt-size-24{margin-top:24px}:host(.XL\\:v-mb-size-24),.XL\\:v-mb-size-24{margin-bottom:24px}:host(.XL\\:v-mr-size-24),.XL\\:v-mr-size-24{margin-right:24px}:host(.XL\\:v-ml-size-24),.XL\\:v-ml-size-24{margin-left:24px}:host(.XL\\:v-m-size-32),.XL\\:v-m-size-32{margin:32px}:host(.XL\\:v-mx-size-32),.XL\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.XL\\:v-my-size-32),.XL\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.XL\\:v-mt-size-32),.XL\\:v-mt-size-32{margin-top:32px}:host(.XL\\:v-mb-size-32),.XL\\:v-mb-size-32{margin-bottom:32px}:host(.XL\\:v-mr-size-32),.XL\\:v-mr-size-32{margin-right:32px}:host(.XL\\:v-ml-size-32),.XL\\:v-ml-size-32{margin-left:32px}:host(.XL\\:v-m-size-40),.XL\\:v-m-size-40{margin:40px}:host(.XL\\:v-mx-size-40),.XL\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.XL\\:v-my-size-40),.XL\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.XL\\:v-mt-size-40),.XL\\:v-mt-size-40{margin-top:40px}:host(.XL\\:v-mb-size-40),.XL\\:v-mb-size-40{margin-bottom:40px}:host(.XL\\:v-mr-size-40),.XL\\:v-mr-size-40{margin-right:40px}:host(.XL\\:v-ml-size-40),.XL\\:v-ml-size-40{margin-left:40px}:host(.XL\\:v-m-size-48),.XL\\:v-m-size-48{margin:48px}:host(.XL\\:v-mx-size-48),.XL\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.XL\\:v-my-size-48),.XL\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.XL\\:v-mt-size-48),.XL\\:v-mt-size-48{margin-top:48px}:host(.XL\\:v-mb-size-48),.XL\\:v-mb-size-48{margin-bottom:48px}:host(.XL\\:v-mr-size-48),.XL\\:v-mr-size-48{margin-right:48px}:host(.XL\\:v-ml-size-48),.XL\\:v-ml-size-48{margin-left:48px}:host(.XL\\:v-m-size-64),.XL\\:v-m-size-64{margin:64px}:host(.XL\\:v-mx-size-64),.XL\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.XL\\:v-my-size-64),.XL\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.XL\\:v-mt-size-64),.XL\\:v-mt-size-64{margin-top:64px}:host(.XL\\:v-mb-size-64),.XL\\:v-mb-size-64{margin-bottom:64px}:host(.XL\\:v-mr-size-64),.XL\\:v-mr-size-64{margin-right:64px}:host(.XL\\:v-ml-size-64),.XL\\:v-ml-size-64{margin-left:64px}:host(.XL\\:v-m-size-72),.XL\\:v-m-size-72{margin:72px}:host(.XL\\:v-mx-size-72),.XL\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.XL\\:v-my-size-72),.XL\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.XL\\:v-mt-size-72),.XL\\:v-mt-size-72{margin-top:72px}:host(.XL\\:v-mb-size-72),.XL\\:v-mb-size-72{margin-bottom:72px}:host(.XL\\:v-mr-size-72),.XL\\:v-mr-size-72{margin-right:72px}:host(.XL\\:v-ml-size-72),.XL\\:v-ml-size-72{margin-left:72px}:host(.XL\\:v-m-size-80),.XL\\:v-m-size-80{margin:80px}:host(.XL\\:v-mx-size-80),.XL\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.XL\\:v-my-size-80),.XL\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.XL\\:v-mt-size-80),.XL\\:v-mt-size-80{margin-top:80px}:host(.XL\\:v-mb-size-80),.XL\\:v-mb-size-80{margin-bottom:80px}:host(.XL\\:v-mr-size-80),.XL\\:v-mr-size-80{margin-right:80px}:host(.XL\\:v-ml-size-80),.XL\\:v-ml-size-80{margin-left:80px}:host(.XL\\:v-m-size-112),.XL\\:v-m-size-112{margin:112px}:host(.XL\\:v-mx-size-112),.XL\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.XL\\:v-my-size-112),.XL\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.XL\\:v-mt-size-112),.XL\\:v-mt-size-112{margin-top:112px}:host(.XL\\:v-mb-size-112),.XL\\:v-mb-size-112{margin-bottom:112px}:host(.XL\\:v-mr-size-112),.XL\\:v-mr-size-112{margin-right:112px}:host(.XL\\:v-ml-size-112),.XL\\:v-ml-size-112{margin-left:112px}:host(.XL\\:v-m-size-2),.XL\\:v-m-size-2{margin:2px}:host(.XL\\:v-mx-size-2),.XL\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.XL\\:v-my-size-2),.XL\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.XL\\:v-mt-size-2),.XL\\:v-mt-size-2{margin-top:2px}:host(.XL\\:v-mb-size-2),.XL\\:v-mb-size-2{margin-bottom:2px}:host(.XL\\:v-mr-size-2),.XL\\:v-mr-size-2{margin-right:2px}:host(.XL\\:v-ml-size-2),.XL\\:v-ml-size-2{margin-left:2px}}:host(.v-gap-0),.v-gap-0{gap:0px}:host(.v-gap-row-0),.v-gap-row-0{row-gap:0px}:host(.v-gap-col-0),.v-gap-col-0{column-gap:0px}:host(.v-gap-size-0),.v-gap-size-0{gap:0px}:host(.v-gap-row-size-0),.v-gap-row-size-0{row-gap:0px}:host(.v-gap-col-size-0),.v-gap-col-size-0{column-gap:0px}:host(.v-gap-size-4),.v-gap-size-4{gap:4px}:host(.v-gap-row-size-4),.v-gap-row-size-4{row-gap:4px}:host(.v-gap-col-size-4),.v-gap-col-size-4{column-gap:4px}:host(.v-gap-size-8),.v-gap-size-8{gap:8px}:host(.v-gap-row-size-8),.v-gap-row-size-8{row-gap:8px}:host(.v-gap-col-size-8),.v-gap-col-size-8{column-gap:8px}:host(.v-gap-size-12),.v-gap-size-12{gap:12px}:host(.v-gap-row-size-12),.v-gap-row-size-12{row-gap:12px}:host(.v-gap-col-size-12),.v-gap-col-size-12{column-gap:12px}:host(.v-gap-size-16),.v-gap-size-16{gap:16px}:host(.v-gap-row-size-16),.v-gap-row-size-16{row-gap:16px}:host(.v-gap-col-size-16),.v-gap-col-size-16{column-gap:16px}:host(.v-gap-size-20),.v-gap-size-20{gap:20px}:host(.v-gap-row-size-20),.v-gap-row-size-20{row-gap:20px}:host(.v-gap-col-size-20),.v-gap-col-size-20{column-gap:20px}:host(.v-gap-size-24),.v-gap-size-24{gap:24px}:host(.v-gap-row-size-24),.v-gap-row-size-24{row-gap:24px}:host(.v-gap-col-size-24),.v-gap-col-size-24{column-gap:24px}:host(.v-gap-size-32),.v-gap-size-32{gap:32px}:host(.v-gap-row-size-32),.v-gap-row-size-32{row-gap:32px}:host(.v-gap-col-size-32),.v-gap-col-size-32{column-gap:32px}:host(.v-gap-size-40),.v-gap-size-40{gap:40px}:host(.v-gap-row-size-40),.v-gap-row-size-40{row-gap:40px}:host(.v-gap-col-size-40),.v-gap-col-size-40{column-gap:40px}:host(.v-gap-size-48),.v-gap-size-48{gap:48px}:host(.v-gap-row-size-48),.v-gap-row-size-48{row-gap:48px}:host(.v-gap-col-size-48),.v-gap-col-size-48{column-gap:48px}:host(.v-gap-size-64),.v-gap-size-64{gap:64px}:host(.v-gap-row-size-64),.v-gap-row-size-64{row-gap:64px}:host(.v-gap-col-size-64),.v-gap-col-size-64{column-gap:64px}:host(.v-gap-size-72),.v-gap-size-72{gap:72px}:host(.v-gap-row-size-72),.v-gap-row-size-72{row-gap:72px}:host(.v-gap-col-size-72),.v-gap-col-size-72{column-gap:72px}:host(.v-gap-size-80),.v-gap-size-80{gap:80px}:host(.v-gap-row-size-80),.v-gap-row-size-80{row-gap:80px}:host(.v-gap-col-size-80),.v-gap-col-size-80{column-gap:80px}:host(.v-gap-size-112),.v-gap-size-112{gap:112px}:host(.v-gap-row-size-112),.v-gap-row-size-112{row-gap:112px}:host(.v-gap-col-size-112),.v-gap-col-size-112{column-gap:112px}:host(.v-gap-size-2),.v-gap-size-2{gap:2px}:host(.v-gap-row-size-2),.v-gap-row-size-2{row-gap:2px}:host(.v-gap-col-size-2),.v-gap-col-size-2{column-gap:2px}@media (min-width: 320px){:host(.S\\:v-gap-0),.S\\:v-gap-0{gap:0px}:host(.S\\:v-gap-row-0),.S\\:v-gap-row-0{row-gap:0px}:host(.S\\:v-gap-col-0),.S\\:v-gap-col-0{column-gap:0px}:host(.S\\:v-gap-size-0),.S\\:v-gap-size-0{gap:0px}:host(.S\\:v-gap-row-size-0),.S\\:v-gap-row-size-0{row-gap:0px}:host(.S\\:v-gap-col-size-0),.S\\:v-gap-col-size-0{column-gap:0px}:host(.S\\:v-gap-size-4),.S\\:v-gap-size-4{gap:4px}:host(.S\\:v-gap-row-size-4),.S\\:v-gap-row-size-4{row-gap:4px}:host(.S\\:v-gap-col-size-4),.S\\:v-gap-col-size-4{column-gap:4px}:host(.S\\:v-gap-size-8),.S\\:v-gap-size-8{gap:8px}:host(.S\\:v-gap-row-size-8),.S\\:v-gap-row-size-8{row-gap:8px}:host(.S\\:v-gap-col-size-8),.S\\:v-gap-col-size-8{column-gap:8px}:host(.S\\:v-gap-size-12),.S\\:v-gap-size-12{gap:12px}:host(.S\\:v-gap-row-size-12),.S\\:v-gap-row-size-12{row-gap:12px}:host(.S\\:v-gap-col-size-12),.S\\:v-gap-col-size-12{column-gap:12px}:host(.S\\:v-gap-size-16),.S\\:v-gap-size-16{gap:16px}:host(.S\\:v-gap-row-size-16),.S\\:v-gap-row-size-16{row-gap:16px}:host(.S\\:v-gap-col-size-16),.S\\:v-gap-col-size-16{column-gap:16px}:host(.S\\:v-gap-size-20),.S\\:v-gap-size-20{gap:20px}:host(.S\\:v-gap-row-size-20),.S\\:v-gap-row-size-20{row-gap:20px}:host(.S\\:v-gap-col-size-20),.S\\:v-gap-col-size-20{column-gap:20px}:host(.S\\:v-gap-size-24),.S\\:v-gap-size-24{gap:24px}:host(.S\\:v-gap-row-size-24),.S\\:v-gap-row-size-24{row-gap:24px}:host(.S\\:v-gap-col-size-24),.S\\:v-gap-col-size-24{column-gap:24px}:host(.S\\:v-gap-size-32),.S\\:v-gap-size-32{gap:32px}:host(.S\\:v-gap-row-size-32),.S\\:v-gap-row-size-32{row-gap:32px}:host(.S\\:v-gap-col-size-32),.S\\:v-gap-col-size-32{column-gap:32px}:host(.S\\:v-gap-size-40),.S\\:v-gap-size-40{gap:40px}:host(.S\\:v-gap-row-size-40),.S\\:v-gap-row-size-40{row-gap:40px}:host(.S\\:v-gap-col-size-40),.S\\:v-gap-col-size-40{column-gap:40px}:host(.S\\:v-gap-size-48),.S\\:v-gap-size-48{gap:48px}:host(.S\\:v-gap-row-size-48),.S\\:v-gap-row-size-48{row-gap:48px}:host(.S\\:v-gap-col-size-48),.S\\:v-gap-col-size-48{column-gap:48px}:host(.S\\:v-gap-size-64),.S\\:v-gap-size-64{gap:64px}:host(.S\\:v-gap-row-size-64),.S\\:v-gap-row-size-64{row-gap:64px}:host(.S\\:v-gap-col-size-64),.S\\:v-gap-col-size-64{column-gap:64px}:host(.S\\:v-gap-size-72),.S\\:v-gap-size-72{gap:72px}:host(.S\\:v-gap-row-size-72),.S\\:v-gap-row-size-72{row-gap:72px}:host(.S\\:v-gap-col-size-72),.S\\:v-gap-col-size-72{column-gap:72px}:host(.S\\:v-gap-size-80),.S\\:v-gap-size-80{gap:80px}:host(.S\\:v-gap-row-size-80),.S\\:v-gap-row-size-80{row-gap:80px}:host(.S\\:v-gap-col-size-80),.S\\:v-gap-col-size-80{column-gap:80px}:host(.S\\:v-gap-size-112),.S\\:v-gap-size-112{gap:112px}:host(.S\\:v-gap-row-size-112),.S\\:v-gap-row-size-112{row-gap:112px}:host(.S\\:v-gap-col-size-112),.S\\:v-gap-col-size-112{column-gap:112px}:host(.S\\:v-gap-size-2),.S\\:v-gap-size-2{gap:2px}:host(.S\\:v-gap-row-size-2),.S\\:v-gap-row-size-2{row-gap:2px}:host(.S\\:v-gap-col-size-2),.S\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 768px){:host(.M\\:v-gap-0),.M\\:v-gap-0{gap:0px}:host(.M\\:v-gap-row-0),.M\\:v-gap-row-0{row-gap:0px}:host(.M\\:v-gap-col-0),.M\\:v-gap-col-0{column-gap:0px}:host(.M\\:v-gap-size-0),.M\\:v-gap-size-0{gap:0px}:host(.M\\:v-gap-row-size-0),.M\\:v-gap-row-size-0{row-gap:0px}:host(.M\\:v-gap-col-size-0),.M\\:v-gap-col-size-0{column-gap:0px}:host(.M\\:v-gap-size-4),.M\\:v-gap-size-4{gap:4px}:host(.M\\:v-gap-row-size-4),.M\\:v-gap-row-size-4{row-gap:4px}:host(.M\\:v-gap-col-size-4),.M\\:v-gap-col-size-4{column-gap:4px}:host(.M\\:v-gap-size-8),.M\\:v-gap-size-8{gap:8px}:host(.M\\:v-gap-row-size-8),.M\\:v-gap-row-size-8{row-gap:8px}:host(.M\\:v-gap-col-size-8),.M\\:v-gap-col-size-8{column-gap:8px}:host(.M\\:v-gap-size-12),.M\\:v-gap-size-12{gap:12px}:host(.M\\:v-gap-row-size-12),.M\\:v-gap-row-size-12{row-gap:12px}:host(.M\\:v-gap-col-size-12),.M\\:v-gap-col-size-12{column-gap:12px}:host(.M\\:v-gap-size-16),.M\\:v-gap-size-16{gap:16px}:host(.M\\:v-gap-row-size-16),.M\\:v-gap-row-size-16{row-gap:16px}:host(.M\\:v-gap-col-size-16),.M\\:v-gap-col-size-16{column-gap:16px}:host(.M\\:v-gap-size-20),.M\\:v-gap-size-20{gap:20px}:host(.M\\:v-gap-row-size-20),.M\\:v-gap-row-size-20{row-gap:20px}:host(.M\\:v-gap-col-size-20),.M\\:v-gap-col-size-20{column-gap:20px}:host(.M\\:v-gap-size-24),.M\\:v-gap-size-24{gap:24px}:host(.M\\:v-gap-row-size-24),.M\\:v-gap-row-size-24{row-gap:24px}:host(.M\\:v-gap-col-size-24),.M\\:v-gap-col-size-24{column-gap:24px}:host(.M\\:v-gap-size-32),.M\\:v-gap-size-32{gap:32px}:host(.M\\:v-gap-row-size-32),.M\\:v-gap-row-size-32{row-gap:32px}:host(.M\\:v-gap-col-size-32),.M\\:v-gap-col-size-32{column-gap:32px}:host(.M\\:v-gap-size-40),.M\\:v-gap-size-40{gap:40px}:host(.M\\:v-gap-row-size-40),.M\\:v-gap-row-size-40{row-gap:40px}:host(.M\\:v-gap-col-size-40),.M\\:v-gap-col-size-40{column-gap:40px}:host(.M\\:v-gap-size-48),.M\\:v-gap-size-48{gap:48px}:host(.M\\:v-gap-row-size-48),.M\\:v-gap-row-size-48{row-gap:48px}:host(.M\\:v-gap-col-size-48),.M\\:v-gap-col-size-48{column-gap:48px}:host(.M\\:v-gap-size-64),.M\\:v-gap-size-64{gap:64px}:host(.M\\:v-gap-row-size-64),.M\\:v-gap-row-size-64{row-gap:64px}:host(.M\\:v-gap-col-size-64),.M\\:v-gap-col-size-64{column-gap:64px}:host(.M\\:v-gap-size-72),.M\\:v-gap-size-72{gap:72px}:host(.M\\:v-gap-row-size-72),.M\\:v-gap-row-size-72{row-gap:72px}:host(.M\\:v-gap-col-size-72),.M\\:v-gap-col-size-72{column-gap:72px}:host(.M\\:v-gap-size-80),.M\\:v-gap-size-80{gap:80px}:host(.M\\:v-gap-row-size-80),.M\\:v-gap-row-size-80{row-gap:80px}:host(.M\\:v-gap-col-size-80),.M\\:v-gap-col-size-80{column-gap:80px}:host(.M\\:v-gap-size-112),.M\\:v-gap-size-112{gap:112px}:host(.M\\:v-gap-row-size-112),.M\\:v-gap-row-size-112{row-gap:112px}:host(.M\\:v-gap-col-size-112),.M\\:v-gap-col-size-112{column-gap:112px}:host(.M\\:v-gap-size-2),.M\\:v-gap-size-2{gap:2px}:host(.M\\:v-gap-row-size-2),.M\\:v-gap-row-size-2{row-gap:2px}:host(.M\\:v-gap-col-size-2),.M\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1024px){:host(.L\\:v-gap-0),.L\\:v-gap-0{gap:0px}:host(.L\\:v-gap-row-0),.L\\:v-gap-row-0{row-gap:0px}:host(.L\\:v-gap-col-0),.L\\:v-gap-col-0{column-gap:0px}:host(.L\\:v-gap-size-0),.L\\:v-gap-size-0{gap:0px}:host(.L\\:v-gap-row-size-0),.L\\:v-gap-row-size-0{row-gap:0px}:host(.L\\:v-gap-col-size-0),.L\\:v-gap-col-size-0{column-gap:0px}:host(.L\\:v-gap-size-4),.L\\:v-gap-size-4{gap:4px}:host(.L\\:v-gap-row-size-4),.L\\:v-gap-row-size-4{row-gap:4px}:host(.L\\:v-gap-col-size-4),.L\\:v-gap-col-size-4{column-gap:4px}:host(.L\\:v-gap-size-8),.L\\:v-gap-size-8{gap:8px}:host(.L\\:v-gap-row-size-8),.L\\:v-gap-row-size-8{row-gap:8px}:host(.L\\:v-gap-col-size-8),.L\\:v-gap-col-size-8{column-gap:8px}:host(.L\\:v-gap-size-12),.L\\:v-gap-size-12{gap:12px}:host(.L\\:v-gap-row-size-12),.L\\:v-gap-row-size-12{row-gap:12px}:host(.L\\:v-gap-col-size-12),.L\\:v-gap-col-size-12{column-gap:12px}:host(.L\\:v-gap-size-16),.L\\:v-gap-size-16{gap:16px}:host(.L\\:v-gap-row-size-16),.L\\:v-gap-row-size-16{row-gap:16px}:host(.L\\:v-gap-col-size-16),.L\\:v-gap-col-size-16{column-gap:16px}:host(.L\\:v-gap-size-20),.L\\:v-gap-size-20{gap:20px}:host(.L\\:v-gap-row-size-20),.L\\:v-gap-row-size-20{row-gap:20px}:host(.L\\:v-gap-col-size-20),.L\\:v-gap-col-size-20{column-gap:20px}:host(.L\\:v-gap-size-24),.L\\:v-gap-size-24{gap:24px}:host(.L\\:v-gap-row-size-24),.L\\:v-gap-row-size-24{row-gap:24px}:host(.L\\:v-gap-col-size-24),.L\\:v-gap-col-size-24{column-gap:24px}:host(.L\\:v-gap-size-32),.L\\:v-gap-size-32{gap:32px}:host(.L\\:v-gap-row-size-32),.L\\:v-gap-row-size-32{row-gap:32px}:host(.L\\:v-gap-col-size-32),.L\\:v-gap-col-size-32{column-gap:32px}:host(.L\\:v-gap-size-40),.L\\:v-gap-size-40{gap:40px}:host(.L\\:v-gap-row-size-40),.L\\:v-gap-row-size-40{row-gap:40px}:host(.L\\:v-gap-col-size-40),.L\\:v-gap-col-size-40{column-gap:40px}:host(.L\\:v-gap-size-48),.L\\:v-gap-size-48{gap:48px}:host(.L\\:v-gap-row-size-48),.L\\:v-gap-row-size-48{row-gap:48px}:host(.L\\:v-gap-col-size-48),.L\\:v-gap-col-size-48{column-gap:48px}:host(.L\\:v-gap-size-64),.L\\:v-gap-size-64{gap:64px}:host(.L\\:v-gap-row-size-64),.L\\:v-gap-row-size-64{row-gap:64px}:host(.L\\:v-gap-col-size-64),.L\\:v-gap-col-size-64{column-gap:64px}:host(.L\\:v-gap-size-72),.L\\:v-gap-size-72{gap:72px}:host(.L\\:v-gap-row-size-72),.L\\:v-gap-row-size-72{row-gap:72px}:host(.L\\:v-gap-col-size-72),.L\\:v-gap-col-size-72{column-gap:72px}:host(.L\\:v-gap-size-80),.L\\:v-gap-size-80{gap:80px}:host(.L\\:v-gap-row-size-80),.L\\:v-gap-row-size-80{row-gap:80px}:host(.L\\:v-gap-col-size-80),.L\\:v-gap-col-size-80{column-gap:80px}:host(.L\\:v-gap-size-112),.L\\:v-gap-size-112{gap:112px}:host(.L\\:v-gap-row-size-112),.L\\:v-gap-row-size-112{row-gap:112px}:host(.L\\:v-gap-col-size-112),.L\\:v-gap-col-size-112{column-gap:112px}:host(.L\\:v-gap-size-2),.L\\:v-gap-size-2{gap:2px}:host(.L\\:v-gap-row-size-2),.L\\:v-gap-row-size-2{row-gap:2px}:host(.L\\:v-gap-col-size-2),.L\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1440px){:host(.XL\\:v-gap-0),.XL\\:v-gap-0{gap:0px}:host(.XL\\:v-gap-row-0),.XL\\:v-gap-row-0{row-gap:0px}:host(.XL\\:v-gap-col-0),.XL\\:v-gap-col-0{column-gap:0px}:host(.XL\\:v-gap-size-0),.XL\\:v-gap-size-0{gap:0px}:host(.XL\\:v-gap-row-size-0),.XL\\:v-gap-row-size-0{row-gap:0px}:host(.XL\\:v-gap-col-size-0),.XL\\:v-gap-col-size-0{column-gap:0px}:host(.XL\\:v-gap-size-4),.XL\\:v-gap-size-4{gap:4px}:host(.XL\\:v-gap-row-size-4),.XL\\:v-gap-row-size-4{row-gap:4px}:host(.XL\\:v-gap-col-size-4),.XL\\:v-gap-col-size-4{column-gap:4px}:host(.XL\\:v-gap-size-8),.XL\\:v-gap-size-8{gap:8px}:host(.XL\\:v-gap-row-size-8),.XL\\:v-gap-row-size-8{row-gap:8px}:host(.XL\\:v-gap-col-size-8),.XL\\:v-gap-col-size-8{column-gap:8px}:host(.XL\\:v-gap-size-12),.XL\\:v-gap-size-12{gap:12px}:host(.XL\\:v-gap-row-size-12),.XL\\:v-gap-row-size-12{row-gap:12px}:host(.XL\\:v-gap-col-size-12),.XL\\:v-gap-col-size-12{column-gap:12px}:host(.XL\\:v-gap-size-16),.XL\\:v-gap-size-16{gap:16px}:host(.XL\\:v-gap-row-size-16),.XL\\:v-gap-row-size-16{row-gap:16px}:host(.XL\\:v-gap-col-size-16),.XL\\:v-gap-col-size-16{column-gap:16px}:host(.XL\\:v-gap-size-20),.XL\\:v-gap-size-20{gap:20px}:host(.XL\\:v-gap-row-size-20),.XL\\:v-gap-row-size-20{row-gap:20px}:host(.XL\\:v-gap-col-size-20),.XL\\:v-gap-col-size-20{column-gap:20px}:host(.XL\\:v-gap-size-24),.XL\\:v-gap-size-24{gap:24px}:host(.XL\\:v-gap-row-size-24),.XL\\:v-gap-row-size-24{row-gap:24px}:host(.XL\\:v-gap-col-size-24),.XL\\:v-gap-col-size-24{column-gap:24px}:host(.XL\\:v-gap-size-32),.XL\\:v-gap-size-32{gap:32px}:host(.XL\\:v-gap-row-size-32),.XL\\:v-gap-row-size-32{row-gap:32px}:host(.XL\\:v-gap-col-size-32),.XL\\:v-gap-col-size-32{column-gap:32px}:host(.XL\\:v-gap-size-40),.XL\\:v-gap-size-40{gap:40px}:host(.XL\\:v-gap-row-size-40),.XL\\:v-gap-row-size-40{row-gap:40px}:host(.XL\\:v-gap-col-size-40),.XL\\:v-gap-col-size-40{column-gap:40px}:host(.XL\\:v-gap-size-48),.XL\\:v-gap-size-48{gap:48px}:host(.XL\\:v-gap-row-size-48),.XL\\:v-gap-row-size-48{row-gap:48px}:host(.XL\\:v-gap-col-size-48),.XL\\:v-gap-col-size-48{column-gap:48px}:host(.XL\\:v-gap-size-64),.XL\\:v-gap-size-64{gap:64px}:host(.XL\\:v-gap-row-size-64),.XL\\:v-gap-row-size-64{row-gap:64px}:host(.XL\\:v-gap-col-size-64),.XL\\:v-gap-col-size-64{column-gap:64px}:host(.XL\\:v-gap-size-72),.XL\\:v-gap-size-72{gap:72px}:host(.XL\\:v-gap-row-size-72),.XL\\:v-gap-row-size-72{row-gap:72px}:host(.XL\\:v-gap-col-size-72),.XL\\:v-gap-col-size-72{column-gap:72px}:host(.XL\\:v-gap-size-80),.XL\\:v-gap-size-80{gap:80px}:host(.XL\\:v-gap-row-size-80),.XL\\:v-gap-row-size-80{row-gap:80px}:host(.XL\\:v-gap-col-size-80),.XL\\:v-gap-col-size-80{column-gap:80px}:host(.XL\\:v-gap-size-112),.XL\\:v-gap-size-112{gap:112px}:host(.XL\\:v-gap-row-size-112),.XL\\:v-gap-row-size-112{row-gap:112px}:host(.XL\\:v-gap-col-size-112),.XL\\:v-gap-col-size-112{column-gap:112px}:host(.XL\\:v-gap-size-2),.XL\\:v-gap-size-2{gap:2px}:host(.XL\\:v-gap-row-size-2),.XL\\:v-gap-row-size-2{row-gap:2px}:host(.XL\\:v-gap-col-size-2),.XL\\:v-gap-col-size-2{column-gap:2px}}:host{display:flex;flex-direction:column}:host(.vega-flex-native-based:not([class*=v-flex-col],[class*=v-flex-row-reverse])){flex-direction:row}:host>::slotted(.vega-flex-grow){flex-grow:1}:host>::slotted(.vega-flex-grow-0){flex-grow:0}:host>::slotted(.vega-flex-shrink){flex-shrink:1}:host>::slotted(.vega-flex-shrink-0){flex-shrink:0}:host>::slotted(.vega-flex-basis-0){flex-basis:0}:host>::slotted(.v-min-w-min){min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}@media (min-width: 320px){:host>::slotted(.S\\:vega-flex-grow){flex-grow:1}:host>::slotted(.S\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.S\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.S\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 768px){:host>::slotted(.M\\:vega-flex-grow){flex-grow:1}:host>::slotted(.M\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.M\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.M\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1024px){:host>::slotted(.L\\:vega-flex-grow){flex-grow:1}:host>::slotted(.L\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.L\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.L\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1440px){:host>::slotted(.XL\\:vega-flex-grow){flex-grow:1}:host>::slotted(.XL\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.XL\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.XL\\:vega-flex-shrink-0){flex-shrink:0}}:host(:not(.vega-flex-native-based))>::slotted(*:not([data-shrink="0"],[class*=vega-flex])){width:100%;display:block}:host>::slotted(*[data-shrink="0"]){min-width:100%;flex-shrink:1}@media (min-width: 320px){:host(.vega-flex-S){flex-direction:row}}@media (min-width: 320px){:host(.vega-flex-S)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 768px){:host(.vega-flex-M){flex-direction:row}}@media (min-width: 768px){:host(.vega-flex-M)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1024px){:host(.vega-flex-L){flex-direction:row}}@media (min-width: 1024px){:host(.vega-flex-L)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1440px){:host(.vega-flex-XL){flex-direction:row}}@media (min-width: 1440px){:host(.vega-flex-XL)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}:host(.vega-flex-None)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}:host(.v-flex-row){flex-direction:row}:host(.v-flex-col){flex-direction:column}:host(.v-flex-row-reverse){flex-direction:row-reverse}:host(.v-flex-col-reverse){flex-direction:column-reverse}@media (min-width: 320px){:host(.S\\:v-flex-row){flex-direction:row}:host(.S\\:v-flex-col){flex-direction:column}:host(.S\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.S\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-row){flex-direction:row}:host(.M\\:v-flex-col){flex-direction:column}:host(.M\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.M\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-row){flex-direction:row}:host(.L\\:v-flex-col){flex-direction:column}:host(.L\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.L\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-row){flex-direction:row}:host(.XL\\:v-flex-col){flex-direction:column}:host(.XL\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.XL\\:v-flex-col-reverse){flex-direction:column-reverse}}:host(.v-items-start){align-items:flex-start}:host(.v-items-center){align-items:center}:host(.v-items-end){align-items:flex-end}:host(.v-items-baseline){align-items:baseline}:host(.v-items-stretch){align-items:stretch}@media (min-width: 320px){:host(.S\\:v-items-start){align-items:flex-start}:host(.S\\:v-items-center){align-items:center}:host(.S\\:v-items-end){align-items:flex-end}:host(.S\\:v-items-baseline){align-items:baseline}:host(.S\\:v-items-stretch){align-items:stretch}}@media (min-width: 768px){:host(.M\\:v-items-start){align-items:flex-start}:host(.M\\:v-items-center){align-items:center}:host(.M\\:v-items-end){align-items:flex-end}:host(.M\\:v-items-baseline){align-items:baseline}:host(.M\\:v-items-stretch){align-items:stretch}}@media (min-width: 1024px){:host(.L\\:v-items-start){align-items:flex-start}:host(.L\\:v-items-center){align-items:center}:host(.L\\:v-items-end){align-items:flex-end}:host(.L\\:v-items-baseline){align-items:baseline}:host(.L\\:v-items-stretch){align-items:stretch}}@media (min-width: 1440px){:host(.XL\\:v-items-start){align-items:flex-start}:host(.XL\\:v-items-center){align-items:center}:host(.XL\\:v-items-end){align-items:flex-end}:host(.XL\\:v-items-baseline){align-items:baseline}:host(.XL\\:v-items-stretch){align-items:stretch}}:host(.v-justify-start){justify-content:flex-start}:host(.v-justify-center){justify-content:center}:host(.v-justify-end){justify-content:flex-end}:host(.v-justify-around){justify-content:space-around}:host(.v-justify-between){justify-content:space-between}:host(.v-justify-evenly){justify-content:space-evenly}@media (min-width: 320px){:host(.S\\:v-justify-start){justify-content:flex-start}:host(.S\\:v-justify-center){justify-content:center}:host(.S\\:v-justify-end){justify-content:flex-end}:host(.S\\:v-justify-around){justify-content:space-around}:host(.S\\:v-justify-between){justify-content:space-between}:host(.S\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 768px){:host(.M\\:v-justify-start){justify-content:flex-start}:host(.M\\:v-justify-center){justify-content:center}:host(.M\\:v-justify-end){justify-content:flex-end}:host(.M\\:v-justify-around){justify-content:space-around}:host(.M\\:v-justify-between){justify-content:space-between}:host(.M\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1024px){:host(.L\\:v-justify-start){justify-content:flex-start}:host(.L\\:v-justify-center){justify-content:center}:host(.L\\:v-justify-end){justify-content:flex-end}:host(.L\\:v-justify-around){justify-content:space-around}:host(.L\\:v-justify-between){justify-content:space-between}:host(.L\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1440px){:host(.XL\\:v-justify-start){justify-content:flex-start}:host(.XL\\:v-justify-center){justify-content:center}:host(.XL\\:v-justify-end){justify-content:flex-end}:host(.XL\\:v-justify-around){justify-content:space-around}:host(.XL\\:v-justify-between){justify-content:space-between}:host(.XL\\:v-justify-evenly){justify-content:space-evenly}}:host(.v-flex-nowrap){flex-wrap:nowrap}:host(.v-flex-wrap){flex-wrap:wrap}:host(.v-flex-wrap-reverse){flex-wrap:wrap-reverse}@media (min-width: 320px){:host(.S\\:v-flex-nowrap){flex-wrap:nowrap}:host(.S\\:v-flex-wrap){flex-wrap:wrap}:host(.S\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-nowrap){flex-wrap:nowrap}:host(.M\\:v-flex-wrap){flex-wrap:wrap}:host(.M\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-nowrap){flex-wrap:nowrap}:host(.L\\:v-flex-wrap){flex-wrap:wrap}:host(.L\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-nowrap){flex-wrap:nowrap}:host(.XL\\:v-flex-wrap){flex-wrap:wrap}:host(.XL\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}';export{L as vega_flex}

package/dist/vega/{p-92469fa1.entry.js → p-b3cd1992.entry.js}

@@ -1 +1 @@
-import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-48a58baf.js";import{s as o}from"./p-519a7d55.js";import{c as s,V as p,M as l,I as d}from"./p-6e1ab235.js";import{V as u,I as h}from"./p-d849e0f5.js";import{c}from"./p-3cdbee7e.js";import{D as g,f as v}from"./p-2ee4def0.js";import{F as f}from"./p-c7726252.js";import{i as b}from"./p-d27ae9ff.js";import{C as m}from"./p-2d0d575f.js";import{b as x}from"./p-8a877e12.js";import{g as w,D as y}from"./p-575235c8.js";import{C as j}from"./p-1da54ff3.js";import{I as R}from"./p-f396c69a.js";import{I}from"./p-abd7aeaa.js";import{c as C}from"./p-86194314.js";import{T as V}from"./p-02b29c18.js";import"./p-6a334573.js";import"./p-f1436035.js";import"./p-b75ee3ba.js";import"./p-331a62d5.js";import"./p-02841589.js";import"./p-a4670e23.js";import"./p-0e954b9b.js";import"./p-bf0ced3c.js";import"./p-7d9cd9c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-bdd9ef3b.js";import"./p-262ec334.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";var N=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class k extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}N([s()],k.prototype,"required",void 0),N([s()],k.prototype,"disabled",void 0),N([s()],k.prototype,"label",void 0),N([s()],k.prototype,"hint",void 0),N([s()],k.prototype,"stack",void 0),N([s()],k.prototype,"inputRangeInputRenderer",void 0);var z=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class O extends p{emitEventAndNotifyAfterValueChange(e,i){b(e,i)||(this.changeEventEmitter.emit(e),m.notify(x,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],b(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}z([s({writable:!0})],O.prototype,"value",void 0),z([s()],O.prototype,"host",void 0),z([s()],O.prototype,"changeEventEmitter",void 0),z([l("watchValue")],O.prototype,"emitEventAndNotifyAfterValueChange",null);var A=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class E extends p{constructor(){super(...arguments),this.isMobileDevice=w()===y.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{g.addUniqueObserverToNode(e,v,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{g.addUniqueObserverToNode(e,v,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return this.translationSlimmer.t((this.placeholder||E.defaultPlaceholder)[e])}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}E.defaultPlaceholder=["Minimum","Maximum"],A([s()],E.prototype,"value",void 0),A([s()],E.prototype,"prefixIcon",void 0),A([s()],E.prototype,"disabled",void 0),A([s()],E.prototype,"min",void 0),A([s()],E.prototype,"max",void 0),A([s()],E.prototype,"size",void 0),A([s()],E.prototype,"placeholder",void 0),A([s()],E.prototype,"showClearIcon",void 0),A([s()],E.prototype,"valueController",void 0),A([s()],E.prototype,"clearIconRenderer",void 0),A([s()],E.prototype,"translationSlimmer",void 0);class F extends I{constructor(e){super(),this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult({key:"The minimum input value is {0}",args:[this.minValue]}):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult({key:"The maximum input value is {0}",args:[this.maxValue]}):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var M=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class S extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:this.disabled?-1:0,onClick:this.clearInputRangeValue,onKeyDown:C()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}M([s()],S.prototype,"showClearIcon",void 0),M([s()],S.prototype,"value",void 0),M([s()],S.prototype,"disabled",void 0),M([s()],S.prototype,"inputRangeInputRenderer",void 0),M([s()],S.prototype,"valueController",void 0);var B=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const D=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new V,this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new R:null},{propertyName:"min",ruleFactory:(e,i)=>new F({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new F({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new E,this.clearIconRenderer=new S,this.inputRangeRenderer=new k,this.valueController=new O,this.inputChangeEventPrevent=new j([v],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(D,v),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};B([h()],D.prototype,"globalSlimmers",void 0),B([d()],D.prototype,"translationSlimmer",void 0),B([d()],D.prototype,"formFieldController",void 0),B([d()],D.prototype,"inputRangeInputRenderer",void 0),B([d()],D.prototype,"clearIconRenderer",void 0),B([d()],D.prototype,"inputRangeRenderer",void 0),B([d()],D.prototype,"valueController",void 0),B([d()],D.prototype,"inputChangeEventPrevent",void 0),B([d()],D.prototype,"changeEventEmitter",void 0),B([d()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container .vega-input-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error .vega-input-range-input-container .vega-input-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-input-range-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{D as vega_input_range}
+import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-6b2342e0.js";import{s as o}from"./p-519a7d55.js";import{c as s,V as p,M as l,I as d}from"./p-6e1ab235.js";import{V as u,I as h}from"./p-d849e0f5.js";import{c}from"./p-3cdbee7e.js";import{D as g,f as v}from"./p-2ee4def0.js";import{F as f}from"./p-a3d77013.js";import{i as b}from"./p-d27ae9ff.js";import{C as m}from"./p-2d0d575f.js";import{b as x}from"./p-5773a9a3.js";import{g as w,D as y}from"./p-575235c8.js";import{C as j}from"./p-1da54ff3.js";import{I as R}from"./p-f396c69a.js";import{I}from"./p-abd7aeaa.js";import{c as C}from"./p-86194314.js";import{T as V}from"./p-3674db0f.js";import"./p-6a334573.js";import"./p-f1436035.js";import"./p-b75ee3ba.js";import"./p-331a62d5.js";import"./p-02841589.js";import"./p-a4670e23.js";import"./p-96bda7ca.js";import"./p-d3bf55e9.js";import"./p-7d9cd9c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-a30ebdf5.js";import"./p-262ec334.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";var N=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class k extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}N([s()],k.prototype,"required",void 0),N([s()],k.prototype,"disabled",void 0),N([s()],k.prototype,"label",void 0),N([s()],k.prototype,"hint",void 0),N([s()],k.prototype,"stack",void 0),N([s()],k.prototype,"inputRangeInputRenderer",void 0);var z=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class O extends p{emitEventAndNotifyAfterValueChange(e,i){b(e,i)||(this.changeEventEmitter.emit(e),m.notify(x,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],b(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}z([s({writable:!0})],O.prototype,"value",void 0),z([s()],O.prototype,"host",void 0),z([s()],O.prototype,"changeEventEmitter",void 0),z([l("watchValue")],O.prototype,"emitEventAndNotifyAfterValueChange",null);var A=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class E extends p{constructor(){super(...arguments),this.isMobileDevice=w()===y.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{g.addUniqueObserverToNode(e,v,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{g.addUniqueObserverToNode(e,v,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return this.translationSlimmer.t((this.placeholder||E.defaultPlaceholder)[e])}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}E.defaultPlaceholder=["Minimum","Maximum"],A([s()],E.prototype,"value",void 0),A([s()],E.prototype,"prefixIcon",void 0),A([s()],E.prototype,"disabled",void 0),A([s()],E.prototype,"min",void 0),A([s()],E.prototype,"max",void 0),A([s()],E.prototype,"size",void 0),A([s()],E.prototype,"placeholder",void 0),A([s()],E.prototype,"showClearIcon",void 0),A([s()],E.prototype,"valueController",void 0),A([s()],E.prototype,"clearIconRenderer",void 0),A([s()],E.prototype,"translationSlimmer",void 0);class F extends I{constructor(e){super(),this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult({key:"The minimum input value is {0}",args:[this.minValue]}):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult({key:"The maximum input value is {0}",args:[this.maxValue]}):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var M=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class S extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:this.disabled?-1:0,onClick:this.clearInputRangeValue,onKeyDown:C()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}M([s()],S.prototype,"showClearIcon",void 0),M([s()],S.prototype,"value",void 0),M([s()],S.prototype,"disabled",void 0),M([s()],S.prototype,"inputRangeInputRenderer",void 0),M([s()],S.prototype,"valueController",void 0);var B=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const D=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new V,this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new R:null},{propertyName:"min",ruleFactory:(e,i)=>new F({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new F({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new E,this.clearIconRenderer=new S,this.inputRangeRenderer=new k,this.valueController=new O,this.inputChangeEventPrevent=new j([v],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(D,v),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};B([h()],D.prototype,"globalSlimmers",void 0),B([d()],D.prototype,"translationSlimmer",void 0),B([d()],D.prototype,"formFieldController",void 0),B([d()],D.prototype,"inputRangeInputRenderer",void 0),B([d()],D.prototype,"clearIconRenderer",void 0),B([d()],D.prototype,"inputRangeRenderer",void 0),B([d()],D.prototype,"valueController",void 0),B([d()],D.prototype,"inputChangeEventPrevent",void 0),B([d()],D.prototype,"changeEventEmitter",void 0),B([d()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container .vega-input-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error .vega-input-range-input-container .vega-input-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-input-range-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{D as vega_input_range}

package/dist/vega/{p-da6369d4.entry.js → p-b9e8c6bf.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as i,H as n,g as a}from"./p-48a58baf.js";import{I as r}from"./p-abd7aeaa.js";import{M as s,a as o}from"./p-f0ff4463.js";import{M as p,a as l}from"./p-cdbbdcc2.js";import{R as h}from"./p-280cbcdb.js";import{s as d}from"./p-519a7d55.js";import{c as u}from"./p-86194314.js";import{C as c}from"./p-75b58efe.js";import{c as f,V as x,M as g,I as m}from"./p-6e1ab235.js";import{s as v}from"./p-6bd5c49b.js";import{V as b,I as w}from"./p-d849e0f5.js";import{F as y}from"./p-c7726252.js";import{c as j}from"./p-3cdbee7e.js";import{f as I,C,E as z,u as k,D as S}from"./p-2ee4def0.js";import{b as R}from"./p-8a877e12.js";import{C as N}from"./p-2d0d575f.js";import{S as T}from"./p-71f9c4d4.js";import{S as E}from"./p-867a4970.js";import{i as V}from"./p-b1faebe0.js";import{S as O}from"./p-c2377afa.js";import{P as A}from"./p-7d9cd9c8.js";import{S as D}from"./p-bdd9ef3b.js";import{i as F}from"./p-d27ae9ff.js";import{d as $}from"./p-bf19682d.js";import"./p-262ec334.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-575235c8.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-0e954b9b.js";import"./p-bf0ced3c.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-f1436035.js";import"./p-b75ee3ba.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-893d5dfa.js";import"./p-5d676a94.js";const L=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/;class M extends r{evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=L.test(t.toLowerCase());return{isValid:e,message:e?"":"Please enter the correct email format."}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&t.length>0}}class P extends x{getCopyPasteProps(){return this.disableCopyPaste?{onCopy:this.preventDefault,onCut:this.preventDefault,onPaste:this.preventDefault}:{}}preventDefault(t){t.preventDefault()}}!function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)}([f()],P.prototype,"disableCopyPaste",void 0);var _=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class B extends x{render(){const e=this.hasPrefixSlot();if(this.prefixIcon||e)return t("div",{class:{"vega-input-prefix":!0,"vega-input-prefix-slot":e},part:"prefix-icon-container"},this.prefixIcon&&!e?t("vega-icon",{icon:this.prefixIcon,size:"size-16"}):null,t("slot",{name:"prefix-icon"}))}hasPrefixSlot(){return!!this.host.querySelector('[slot="prefix-icon"]')}}_([f()],B.prototype,"host",void 0),_([f()],B.prototype,"prefixIcon",void 0);class U extends E{format(t){if(!t.length)return t;const e=Number(t.replace(/,/g,""));return!isNaN(e)&&e<=Number.MAX_SAFE_INTEGER?e.toLocaleString("en-US"):t}calculateCaretPosition(t,e){const i=this.format(t),n=t.substring(0,e),a=i.substring(0,e),r=(n.match(/,/g)||[]).length;return e+((a.match(/,/g)||[]).length-r)}}class W extends E{constructor(t){super(),this.maskConfig={allowNegative:!0},this.skipFormat=t=>this.maskConfig.allowNegative&&"-"===t||null!=this.maskConfig.precision&&this.maskConfig.precision>0&&t.split(".").length-1==1&&t.endsWith(".")&&!t.startsWith("."),this.maskConfig=Object.assign(Object.assign({},this.maskConfig),t),this.mask=new RegExp(this.getRegExp())}format(t){const e=this.redressAbnormalNumber(t);if(this.skipFormat(e))return e;const i=[...e];for(let t=e.length-1;t>=0;t--){const t=i.join("");this.inputNeedFormat(t)&&i.pop()}return i.join("")}calculateCaretPosition(t,e){if(V(e)){const i=this.redressAbnormalNumber(t);return e-(t.length-i.length)}}inputNeedFormat(t){return!this.mask.test(t)}redressAbnormalNumber(t){let e=t.replace(/^0+(?!$)/,"");return e.startsWith(".")&&(e=`0${e}`),e}getRegExp(){const t=this.maskConfig.allowNegative?"(\\-)?":"";let e;return e=0===this.maskConfig.precision?`^${t}(0|[1-9][0-9]*)$`:this.maskConfig.precision&&this.maskConfig.precision>0?`^${t}(0|0\\.\\d{1,${this.maskConfig.precision}}|[1-9][0-9]*(\\.\\d{1,${this.maskConfig.precision}})?)$`:`^${t}(0|0\\.\\d*|[1-9][0-9]*(\\.\\d*)?)$`,e}}class K extends E{constructor(t,e=!1){super(),this.resetCaretPositionFlag=!1,this.formatter=t,this.resetCaretPositionFlag=e}format(t){return this.formatter(t)}calculateCaretPosition(t,e){if(!0===this.resetCaretPositionFlag)return this.format(t).length;if(V(e)){const i=t.substring(0,e);return e+(this.format(i).length-i.length)}}shouldTriggerAtInit(){return!0}}class q extends W{constructor(t){super(t)}format(t){const e=this.redressAbnormalNumber(t);if(this.skipFormat(e))return e;const i=[...e];for(let t=e.length-1;t>=0;t--){const t=i.join("");this.inputNeedFormat(t.replace(/,/g,""))&&i.pop()}return this.thousandCommaFormat(i.join(""))}calculateCaretPosition(t,e){const i=this.redressAbnormalNumber(t),n=this.format(t),a=t.substring(0,e),r=n.substring(0,e),s=(a.match(/,/g)||[]).length;return e+((r.match(/,/g)||[]).length-s)-(t.length-i.length)}thousandCommaFormat(t){if(!t.length)return t;const e=t.replace(/[^\d.-]/g,""),i=e.indexOf("."),n=e.length>1&&i>=1?e.slice(i):"",a=Number(e.split(".")[0]);return!isNaN(a)&&a<=Number.MAX_SAFE_INTEGER?a.toLocaleString("en-US")+n:e}}var G=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class H extends O{constructor(){super(...arguments),this.getInputElementRef=()=>this.inputRef,this.getInputModeStrategy=()=>this.generateMaskStrategy("input"),this.getBlurModeStrategy=()=>this.generateMaskStrategy("blur")}watchValue(t,e){t!==e&&this.formatValueAfterValueChange()}setupStringFormatter(t){this.inputRef=t,this.setup()}generateMaskStrategy(t){let e=null;Array.isArray(this.maskConfig)?e=this.maskConfig.find((e=>"blur"===t?this.isBlurModeMaskConfig(e):!this.isBlurModeMaskConfig(e))):this.maskConfig&&("blur"===t&&this.isBlurModeMaskConfig(this.maskConfig)?e=this.maskConfig:"input"!==t||this.isBlurModeMaskConfig(this.maskConfig)||(e=this.maskConfig));let i=null;switch(null==e?void 0:e.type){case"phone":i=T.PHONE_MASK;break;case"taxId":i=T.TAX_ID_MASK;break;case"zipcode":i=T.ZIPCODE_MASK;break;case"thousand-comma":i=new U;break;case"number":i=this.getNumberTypeMaskStrategy(e.options);break;case"custom":i=e.strategy?e.strategy():new T(e.options);break;case"custom-formatter":i=new K(e.formatter,e.resetCaretPosition)}return"number"!==this.type||"input"!==t||e||(i=new W),i}getNumberTypeMaskStrategy(t){return t&&t.thousandComma?new q(t):new W(t)}isBlurModeMaskConfig(t){return"custom"===t.type&&"blur"===t.trigger}}G([f()],H.prototype,"maskConfig",void 0),G([f()],H.prototype,"disableCopyPaste",void 0),G([f()],H.prototype,"type",void 0),G([g("watchValue")],H.prototype,"watchValue",null);const J=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!1===t.autoValidation},{payloadKey:"EMAIL_IS_TRUE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!0===t.email},{payloadKey:"EMAIL_IS_FALSE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!1===t.email}];var Q=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class X extends x{componentDidLoad(){this.setInputAutoWidth()}watchValue(){this.setInputAutoWidth()}watchSuffixText(){this.setInputAutoWidth()}setInputAutoWidth(){const t=this.host.shadowRoot.querySelector(".vega-input-container"),e=null==t?void 0:t.querySelector(".vega-input-input"),i=null==e?void 0:e.querySelector("input");if(i&&(t.classList.remove("auto-width"),i.style.removeProperty("width"),this.isCompactInputWidth&&this.suffixText)){const n=this.getActualInputWidth();e.getBoundingClientRect().width>n&&(i.style.width=`${n}px`,t.classList.add("auto-width"))}}getActualInputWidth(){const t=this.getCalculateTextWidthContainer();t.style.display="inline-block",t.textContent=`${this.value||this.placeholder||""}`;const e=t.getBoundingClientRect().width;return t.style.display="none",e}getCalculateTextWidthContainer(){if(!this.calculateTextWidthContainer){const t=document.createElement("div");t.classList.add("v-font-field-value"),t.style.visibility="hidden",t.style.display="none",this.host.shadowRoot.append(t),this.calculateTextWidthContainer=t}return this.calculateTextWidthContainer}}Q([f()],X.prototype,"host",void 0),Q([f()],X.prototype,"value",void 0),Q([f()],X.prototype,"placeholder",void 0),Q([f()],X.prototype,"isCompactInputWidth",void 0),Q([f()],X.prototype,"suffixText",void 0),Q([g("componentDidLoad")],X.prototype,"componentDidLoad",null),Q([g("watchValue")],X.prototype,"watchValue",null),Q([g("watchSuffixText")],X.prototype,"watchSuffixText",null);var Y=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class Z extends D{constructor(){super({parent:"vega-input-numeric",subStates:[{subStateName:"prefixText",parentStateName:"prefixText"},{subStateName:"suffixText",parentStateName:"suffixText"},{subStateName:"isCompactInputWidth",parentStateName:"isCompactInputWidth"}]})}}Y([f()],Z.prototype,"host",void 0),Y([f({writable:!0})],Z.prototype,"prefixText",void 0),Y([f({writable:!0})],Z.prototype,"suffixText",void 0),Y([f({writable:!0})],Z.prototype,"isCompactInputWidth",void 0);var tt=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};const et=class{constructor(n){e(this,n),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.vegaLabelButtonClick=i(this,"vegaLabelButtonClick",7),this.labelButtonClick=i(this,"labelButtonClick",7),this.globalSlimmers={},this.formFieldController=new y({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new h:null},{propertyName:"min",ruleFactory:t=>"number"==typeof t?new s({minValue:t}):null},{propertyName:"max",ruleFactory:t=>"number"==typeof t?new o({maxValue:t}):null},{propertyName:"minLength",ruleFactory:t=>t?new p({minStrLength:t}):null},{propertyName:"maxLength",ruleFactory:t=>t?new l({maxStrLength:t}):null},{propertyName:"email",ruleFactory:t=>t?new M:null},{propertyName:"type",ruleFactory:t=>"email"===t?new M:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.pageResizeObserverSlimmer=new A({callback:()=>this.compactWidthController.setInputAutoWidth()}),this.copyPasteController=new P,this.compactWidthController=new X,this.stateController=new Z,this.maskConfigController=new H,this.prefixSlotRenderer=new B,this.changeEventEmitter=j(et,I),this.focusEventEmitter=j(et,C),this.blurEventEmitter=j(et,z),this.labelButtonClickEventEmitter=j(et,k),this.vegaComponentUsageRuntimeMetricsSlimmer=new b(J),this.label="",this.labelSuffixButtonProps=null,this.value="",this.valueUpdateTrigger="input",this.type="text",this.name="",this.autocomplete="off",this.email=!1,this.required=!1,this.min=null,this.max=null,this.minLength=null,this.maxLength=null,this.showClearIcon=!0,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.disabled=!1,this.hint="",this.disableCopyPaste=!1,this.focusInput=()=>{this.inputRef.focus()},this.setInputRef=t=>{t&&this.inputRef!==t&&(this.inputRef=t,this.maskConfigController.setupStringFormatter(t))},this.renderPrefixText=()=>this.prefixText&&t("div",{class:"prefix-text"},this.prefixText),this.renderSuffixText=()=>this.suffixText&&t("div",{class:"suffix-text"},this.suffixText),this.handleInputFocus=t=>{this.focusEventEmitter.emit(void 0,t)},this.handleInputBlur=t=>{this.blurEventEmitter.emit(void 0,t)},this.onClickClearIcon=()=>{this.value=""},this.isClearIconVisible=()=>!this.disabled&&Boolean(this.value),this.onClearInputFocus=()=>{this.inputContainerRef.classList.add("no-focus")},this.onClearInputBlur=()=>{this.inputContainerRef.classList.remove("no-focus")},this.onInputHandler=t=>{"change"!==this.valueUpdateTrigger&&(this.value=t.target.value)},this.inputChangeHandler=t=>{"change"===this.valueUpdateTrigger&&(this.value=t.target.value)},this.handleLabelButtonClick=()=>{this.labelButtonClickEventEmitter.emit()}}watchSuffixText(){}watchValue(t){this.changeEventEmitter.emit(t),this.inputRef.value!==this.value&&(this.inputRef.value=this.value),N.notify(R,{host:this.host,detail:this.value})}watchTypeChange(t,e){"number"!==t&&"number"!==e||this.maskConfigController.setupStringFormatter(this.inputRef)}watchValidationRules(){}watchMaskChange(t,e){this.areMaskConfigsEqual(t,e)||this.maskConfigController.setupStringFormatter(this.inputRef)}async doFocus(){this.focusInput()}async doBlur(){this.inputRef.blur()}render(){return v(t("slot",null)),d(t(n,{class:"hidden"===this.type?"vega-input-hidden":"vega-input-inline-block"},this.groupDom()),this.host)}containerDom(){return t("div",{class:"vega-input-input"},t("input",Object.assign({part:"input",name:this.name,type:"number"===this.type?"text":this.type,autoComplete:this.autocomplete,value:this.value,ref:this.setInputRef,placeholder:this.placeholder,disabled:this.disabled,"aria-label":this.label||"No label defined",minLength:this.minLength,maxLength:this.maxLength,onBlur:t=>this.handleInputBlur(t),onFocus:t=>this.handleInputFocus(t),onChange:this.inputChangeHandler,onInput:this.onInputHandler},this.copyPasteController.getCopyPasteProps())))}groupDom(){let e="vega-input-container";return this.value&&(e+=" with-value"),e+="small"===this.size?" vega-input-size-small":" vega-input-size-default",e+=this.disabled?" vega-input-disabled":"",this.isCompactInputWidth&&(e+=" compact-input-width"),t("div",{class:"vega-input",part:"container-wrapper"},this.renderLabelDom(),t("div",{ref:t=>this.inputContainerRef=t,part:"input-container",class:e,onClick:this.focusInput,"aria-label":"input container","aria-disabled":`${this.disabled}`,role:"textbox",tabIndex:this.disabled?null:-1,onKeyDown:u()},this.prefixSlotRenderer.render(),this.renderPrefixText(),this.containerDom(),this.renderSuffixText(),this.showClearIcon&&this.renderClearIcon()),this.renderHintDom())}renderLabelDom(){return t("vega-field-label",{onClick:this.focusInput,"is-field-required":this.required,disabled:this.disabled,label:this.label,suffixButtonProps:this.labelSuffixButtonProps,ref:t=>{S.addUniqueObserverToNode(t,k,this.handleLabelButtonClick)}})}renderClearIcon(){return t("div",{class:{"vega-input-clear-icon":!0,invisible:!this.isClearIconVisible()},tabIndex:this.disabled?-1:0,"aria-label":"clear input",role:"button",onClick:this.onClickClearIcon,onKeyDown:u(),onFocusin:this.onClearInputFocus,onFocusout:this.onClearInputBlur},t("vega-icon",{icon:"close"}))}renderHintDom(){return""!==this.hint?t("div",{class:"vega-hint"},t("label",null,this.hint)):null}areMaskConfigsEqual(t,e){const i=Array.isArray(t)?t:[t],n=Array.isArray(e)?e:[e];return F(i,n,!0,((t,e)=>$(t,e)?0:-1))}get host(){return a(this)}static get watchers(){return{suffixText:["watchSuffixText"],value:["watchValue"],type:["watchTypeChange"],validationRules:["watchValidationRules"],maskConfig:["watchMaskChange"]}}};tt([w()],et.prototype,"globalSlimmers",void 0),tt([m()],et.prototype,"formFieldController",void 0),tt([m()],et.prototype,"pageResizeObserverSlimmer",void 0),tt([m()],et.prototype,"copyPasteController",void 0),tt([m()],et.prototype,"compactWidthController",void 0),tt([m()],et.prototype,"stateController",void 0),tt([m()],et.prototype,"maskConfigController",void 0),tt([m()],et.prototype,"prefixSlotRenderer",void 0),tt([m()],et.prototype,"changeEventEmitter",void 0),tt([m()],et.prototype,"focusEventEmitter",void 0),tt([m()],et.prototype,"blurEventEmitter",void 0),tt([m()],et.prototype,"labelButtonClickEventEmitter",void 0),tt([m()],et.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),tt([c()],et.prototype,"watchMaskChange",null),et.style=':host{cursor:text;display:block;text-align:left;line-height:normal}:host(.vega-input-inline-block){display:inline-block;width:100%}:host(.vega-input-hidden){display:none}vega-field-label{margin-bottom:8px}.vega-input-container{display:flex;align-items:center;border-radius:8px;gap:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}.vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-container.vega-input-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.vega-input-container.with-value{border-width:1px;border-style:solid;border-radius:8px}.vega-input-container:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-container.error:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-container.error .vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-input-prefix{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}.vega-input-prefix.vega-input-prefix-slot{height:24px;overflow:hidden}.vega-input-input{flex:1 1 0%;position:relative}.vega-input-input input{width:100%;outline:2px solid transparent;outline-offset:2px;border-style:none;height:24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-input 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-input-input 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-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-input input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-input-size-small{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px}.vega-input-size-default{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px}.vega-input-input input:disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.vega-hint{padding-top:12px;padding-right:8px;padding-left:8px}.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}}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.vega-input-clear-icon.invisible{visibility:hidden}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=password]::-ms-reveal{display:none}.vega-input-container.compact-input-width{gap:0px}.vega-input-container.compact-input-width .vega-input-prefix{margin-right:8px}.vega-input-container.compact-input-width .prefix-text,.vega-input-container.compact-input-width .suffix-text{margin-right:2px}.vega-input-container.compact-input-width .vega-input-clear-icon{margin-left:2px}.vega-input-container.compact-input-width .vega-input-input input{padding:0px;min-width:1px}.vega-input-container.compact-input-width.auto-width .vega-input-input{flex-grow:0}.vega-input-container.compact-input-width.auto-width .suffix-text{flex-grow:1}.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0;flex-grow:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{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-input-container .prefix-text,.vega-input-container .suffix-text{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-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.v-font-field-value{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){.v-font-field-value{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){.v-font-field-value{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){.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}';export{et as vega_input}
+import{h as t,r as e,c as i,H as n,g as a}from"./p-6b2342e0.js";import{I as r}from"./p-abd7aeaa.js";import{M as s,a as o}from"./p-f0ff4463.js";import{M as p,a as l}from"./p-cdbbdcc2.js";import{R as h}from"./p-280cbcdb.js";import{s as d}from"./p-519a7d55.js";import{c as u}from"./p-86194314.js";import{C as c}from"./p-75b58efe.js";import{c as f,V as x,M as g,I as m}from"./p-6e1ab235.js";import{s as v}from"./p-6bd5c49b.js";import{V as b,I as w}from"./p-d849e0f5.js";import{F as y}from"./p-a3d77013.js";import{c as j}from"./p-3cdbee7e.js";import{f as I,C,E as z,u as k,D as S}from"./p-2ee4def0.js";import{b as R}from"./p-5773a9a3.js";import{C as N}from"./p-2d0d575f.js";import{S as T}from"./p-71f9c4d4.js";import{S as E}from"./p-867a4970.js";import{i as V}from"./p-b1faebe0.js";import{S as O}from"./p-3354f5a7.js";import{P as A}from"./p-7d9cd9c8.js";import{S as D}from"./p-a30ebdf5.js";import{i as F}from"./p-d27ae9ff.js";import{d as $}from"./p-bf19682d.js";import"./p-262ec334.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-575235c8.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-96bda7ca.js";import"./p-d3bf55e9.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-f1436035.js";import"./p-b75ee3ba.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-3709b0e0.js";import"./p-5d676a94.js";const L=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/;class M extends r{evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=L.test(t.toLowerCase());return{isValid:e,message:e?"":"Please enter the correct email format."}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&t.length>0}}class P extends x{getCopyPasteProps(){return this.disableCopyPaste?{onCopy:this.preventDefault,onCut:this.preventDefault,onPaste:this.preventDefault}:{}}preventDefault(t){t.preventDefault()}}!function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)}([f()],P.prototype,"disableCopyPaste",void 0);var _=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class B extends x{render(){const e=this.hasPrefixSlot();if(this.prefixIcon||e)return t("div",{class:{"vega-input-prefix":!0,"vega-input-prefix-slot":e},part:"prefix-icon-container"},this.prefixIcon&&!e?t("vega-icon",{icon:this.prefixIcon,size:"size-16"}):null,t("slot",{name:"prefix-icon"}))}hasPrefixSlot(){return!!this.host.querySelector('[slot="prefix-icon"]')}}_([f()],B.prototype,"host",void 0),_([f()],B.prototype,"prefixIcon",void 0);class U extends E{format(t){if(!t.length)return t;const e=Number(t.replace(/,/g,""));return!isNaN(e)&&e<=Number.MAX_SAFE_INTEGER?e.toLocaleString("en-US"):t}calculateCaretPosition(t,e){const i=this.format(t),n=t.substring(0,e),a=i.substring(0,e),r=(n.match(/,/g)||[]).length;return e+((a.match(/,/g)||[]).length-r)}}class W extends E{constructor(t){super(),this.maskConfig={allowNegative:!0},this.skipFormat=t=>this.maskConfig.allowNegative&&"-"===t||null!=this.maskConfig.precision&&this.maskConfig.precision>0&&t.split(".").length-1==1&&t.endsWith(".")&&!t.startsWith("."),this.maskConfig=Object.assign(Object.assign({},this.maskConfig),t),this.mask=new RegExp(this.getRegExp())}format(t){const e=this.redressAbnormalNumber(t);if(this.skipFormat(e))return e;const i=[...e];for(let t=e.length-1;t>=0;t--){const t=i.join("");this.inputNeedFormat(t)&&i.pop()}return i.join("")}calculateCaretPosition(t,e){if(V(e)){const i=this.redressAbnormalNumber(t);return e-(t.length-i.length)}}inputNeedFormat(t){return!this.mask.test(t)}redressAbnormalNumber(t){let e=t.replace(/^0+(?!$)/,"");return e.startsWith(".")&&(e=`0${e}`),e}getRegExp(){const t=this.maskConfig.allowNegative?"(\\-)?":"";let e;return e=0===this.maskConfig.precision?`^${t}(0|[1-9][0-9]*)$`:this.maskConfig.precision&&this.maskConfig.precision>0?`^${t}(0|0\\.\\d{1,${this.maskConfig.precision}}|[1-9][0-9]*(\\.\\d{1,${this.maskConfig.precision}})?)$`:`^${t}(0|0\\.\\d*|[1-9][0-9]*(\\.\\d*)?)$`,e}}class K extends E{constructor(t,e=!1){super(),this.resetCaretPositionFlag=!1,this.formatter=t,this.resetCaretPositionFlag=e}format(t){return this.formatter(t)}calculateCaretPosition(t,e){if(!0===this.resetCaretPositionFlag)return this.format(t).length;if(V(e)){const i=t.substring(0,e);return e+(this.format(i).length-i.length)}}shouldTriggerAtInit(){return!0}}class q extends W{constructor(t){super(t)}format(t){const e=this.redressAbnormalNumber(t);if(this.skipFormat(e))return e;const i=[...e];for(let t=e.length-1;t>=0;t--){const t=i.join("");this.inputNeedFormat(t.replace(/,/g,""))&&i.pop()}return this.thousandCommaFormat(i.join(""))}calculateCaretPosition(t,e){const i=this.redressAbnormalNumber(t),n=this.format(t),a=t.substring(0,e),r=n.substring(0,e),s=(a.match(/,/g)||[]).length;return e+((r.match(/,/g)||[]).length-s)-(t.length-i.length)}thousandCommaFormat(t){if(!t.length)return t;const e=t.replace(/[^\d.-]/g,""),i=e.indexOf("."),n=e.length>1&&i>=1?e.slice(i):"",a=Number(e.split(".")[0]);return!isNaN(a)&&a<=Number.MAX_SAFE_INTEGER?a.toLocaleString("en-US")+n:e}}var G=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class H extends O{constructor(){super(...arguments),this.getInputElementRef=()=>this.inputRef,this.getInputModeStrategy=()=>this.generateMaskStrategy("input"),this.getBlurModeStrategy=()=>this.generateMaskStrategy("blur")}watchValue(t,e){t!==e&&this.formatValueAfterValueChange()}setupStringFormatter(t){this.inputRef=t,this.setup()}generateMaskStrategy(t){let e=null;Array.isArray(this.maskConfig)?e=this.maskConfig.find((e=>"blur"===t?this.isBlurModeMaskConfig(e):!this.isBlurModeMaskConfig(e))):this.maskConfig&&("blur"===t&&this.isBlurModeMaskConfig(this.maskConfig)?e=this.maskConfig:"input"!==t||this.isBlurModeMaskConfig(this.maskConfig)||(e=this.maskConfig));let i=null;switch(null==e?void 0:e.type){case"phone":i=T.PHONE_MASK;break;case"taxId":i=T.TAX_ID_MASK;break;case"zipcode":i=T.ZIPCODE_MASK;break;case"thousand-comma":i=new U;break;case"number":i=this.getNumberTypeMaskStrategy(e.options);break;case"custom":i=e.strategy?e.strategy():new T(e.options);break;case"custom-formatter":i=new K(e.formatter,e.resetCaretPosition)}return"number"!==this.type||"input"!==t||e||(i=new W),i}getNumberTypeMaskStrategy(t){return t&&t.thousandComma?new q(t):new W(t)}isBlurModeMaskConfig(t){return"custom"===t.type&&"blur"===t.trigger}}G([f()],H.prototype,"maskConfig",void 0),G([f()],H.prototype,"disableCopyPaste",void 0),G([f()],H.prototype,"type",void 0),G([g("watchValue")],H.prototype,"watchValue",null);const J=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!1===t.autoValidation},{payloadKey:"EMAIL_IS_TRUE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!0===t.email},{payloadKey:"EMAIL_IS_FALSE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!1===t.email}];var Q=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class X extends x{componentDidLoad(){this.setInputAutoWidth()}watchValue(){this.setInputAutoWidth()}watchSuffixText(){this.setInputAutoWidth()}setInputAutoWidth(){const t=this.host.shadowRoot.querySelector(".vega-input-container"),e=null==t?void 0:t.querySelector(".vega-input-input"),i=null==e?void 0:e.querySelector("input");if(i&&(t.classList.remove("auto-width"),i.style.removeProperty("width"),this.isCompactInputWidth&&this.suffixText)){const n=this.getActualInputWidth();e.getBoundingClientRect().width>n&&(i.style.width=`${n}px`,t.classList.add("auto-width"))}}getActualInputWidth(){const t=this.getCalculateTextWidthContainer();t.style.display="inline-block",t.textContent=`${this.value||this.placeholder||""}`;const e=t.getBoundingClientRect().width;return t.style.display="none",e}getCalculateTextWidthContainer(){if(!this.calculateTextWidthContainer){const t=document.createElement("div");t.classList.add("v-font-field-value"),t.style.visibility="hidden",t.style.display="none",this.host.shadowRoot.append(t),this.calculateTextWidthContainer=t}return this.calculateTextWidthContainer}}Q([f()],X.prototype,"host",void 0),Q([f()],X.prototype,"value",void 0),Q([f()],X.prototype,"placeholder",void 0),Q([f()],X.prototype,"isCompactInputWidth",void 0),Q([f()],X.prototype,"suffixText",void 0),Q([g("componentDidLoad")],X.prototype,"componentDidLoad",null),Q([g("watchValue")],X.prototype,"watchValue",null),Q([g("watchSuffixText")],X.prototype,"watchSuffixText",null);var Y=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class Z extends D{constructor(){super({parent:"vega-input-numeric",subStates:[{subStateName:"prefixText",parentStateName:"prefixText"},{subStateName:"suffixText",parentStateName:"suffixText"},{subStateName:"isCompactInputWidth",parentStateName:"isCompactInputWidth"}]})}}Y([f()],Z.prototype,"host",void 0),Y([f({writable:!0})],Z.prototype,"prefixText",void 0),Y([f({writable:!0})],Z.prototype,"suffixText",void 0),Y([f({writable:!0})],Z.prototype,"isCompactInputWidth",void 0);var tt=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};const et=class{constructor(n){e(this,n),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.vegaLabelButtonClick=i(this,"vegaLabelButtonClick",7),this.labelButtonClick=i(this,"labelButtonClick",7),this.globalSlimmers={},this.formFieldController=new y({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new h:null},{propertyName:"min",ruleFactory:t=>"number"==typeof t?new s({minValue:t}):null},{propertyName:"max",ruleFactory:t=>"number"==typeof t?new o({maxValue:t}):null},{propertyName:"minLength",ruleFactory:t=>t?new p({minStrLength:t}):null},{propertyName:"maxLength",ruleFactory:t=>t?new l({maxStrLength:t}):null},{propertyName:"email",ruleFactory:t=>t?new M:null},{propertyName:"type",ruleFactory:t=>"email"===t?new M:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.pageResizeObserverSlimmer=new A({callback:()=>this.compactWidthController.setInputAutoWidth()}),this.copyPasteController=new P,this.compactWidthController=new X,this.stateController=new Z,this.maskConfigController=new H,this.prefixSlotRenderer=new B,this.changeEventEmitter=j(et,I),this.focusEventEmitter=j(et,C),this.blurEventEmitter=j(et,z),this.labelButtonClickEventEmitter=j(et,k),this.vegaComponentUsageRuntimeMetricsSlimmer=new b(J),this.label="",this.labelSuffixButtonProps=null,this.value="",this.valueUpdateTrigger="input",this.type="text",this.name="",this.autocomplete="off",this.email=!1,this.required=!1,this.min=null,this.max=null,this.minLength=null,this.maxLength=null,this.showClearIcon=!0,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.disabled=!1,this.hint="",this.disableCopyPaste=!1,this.focusInput=()=>{this.inputRef.focus()},this.setInputRef=t=>{t&&this.inputRef!==t&&(this.inputRef=t,this.maskConfigController.setupStringFormatter(t))},this.renderPrefixText=()=>this.prefixText&&t("div",{class:"prefix-text"},this.prefixText),this.renderSuffixText=()=>this.suffixText&&t("div",{class:"suffix-text"},this.suffixText),this.handleInputFocus=t=>{this.focusEventEmitter.emit(void 0,t)},this.handleInputBlur=t=>{this.blurEventEmitter.emit(void 0,t)},this.onClickClearIcon=()=>{this.value=""},this.isClearIconVisible=()=>!this.disabled&&Boolean(this.value),this.onClearInputFocus=()=>{this.inputContainerRef.classList.add("no-focus")},this.onClearInputBlur=()=>{this.inputContainerRef.classList.remove("no-focus")},this.onInputHandler=t=>{"change"!==this.valueUpdateTrigger&&(this.value=t.target.value)},this.inputChangeHandler=t=>{"change"===this.valueUpdateTrigger&&(this.value=t.target.value)},this.handleLabelButtonClick=()=>{this.labelButtonClickEventEmitter.emit()}}watchSuffixText(){}watchValue(t){this.changeEventEmitter.emit(t),this.inputRef.value!==this.value&&(this.inputRef.value=this.value),N.notify(R,{host:this.host,detail:this.value})}watchTypeChange(t,e){"number"!==t&&"number"!==e||this.maskConfigController.setupStringFormatter(this.inputRef)}watchValidationRules(){}watchMaskChange(t,e){this.areMaskConfigsEqual(t,e)||this.maskConfigController.setupStringFormatter(this.inputRef)}async doFocus(){this.focusInput()}async doBlur(){this.inputRef.blur()}render(){return v(t("slot",null)),d(t(n,{class:"hidden"===this.type?"vega-input-hidden":"vega-input-inline-block"},this.groupDom()),this.host)}containerDom(){return t("div",{class:"vega-input-input"},t("input",Object.assign({part:"input",name:this.name,type:"number"===this.type?"text":this.type,autoComplete:this.autocomplete,value:this.value,ref:this.setInputRef,placeholder:this.placeholder,disabled:this.disabled,"aria-label":this.label||"No label defined",minLength:this.minLength,maxLength:this.maxLength,onBlur:t=>this.handleInputBlur(t),onFocus:t=>this.handleInputFocus(t),onChange:this.inputChangeHandler,onInput:this.onInputHandler},this.copyPasteController.getCopyPasteProps())))}groupDom(){let e="vega-input-container";return this.value&&(e+=" with-value"),e+="small"===this.size?" vega-input-size-small":" vega-input-size-default",e+=this.disabled?" vega-input-disabled":"",this.isCompactInputWidth&&(e+=" compact-input-width"),t("div",{class:"vega-input",part:"container-wrapper"},this.renderLabelDom(),t("div",{ref:t=>this.inputContainerRef=t,part:"input-container",class:e,onClick:this.focusInput,"aria-label":"input container","aria-disabled":`${this.disabled}`,role:"textbox",tabIndex:this.disabled?null:-1,onKeyDown:u()},this.prefixSlotRenderer.render(),this.renderPrefixText(),this.containerDom(),this.renderSuffixText(),this.showClearIcon&&this.renderClearIcon()),this.renderHintDom())}renderLabelDom(){return t("vega-field-label",{onClick:this.focusInput,"is-field-required":this.required,disabled:this.disabled,label:this.label,suffixButtonProps:this.labelSuffixButtonProps,ref:t=>{S.addUniqueObserverToNode(t,k,this.handleLabelButtonClick)}})}renderClearIcon(){return t("div",{class:{"vega-input-clear-icon":!0,invisible:!this.isClearIconVisible()},tabIndex:this.disabled?-1:0,"aria-label":"clear input",role:"button",onClick:this.onClickClearIcon,onKeyDown:u(),onFocusin:this.onClearInputFocus,onFocusout:this.onClearInputBlur},t("vega-icon",{icon:"close"}))}renderHintDom(){return""!==this.hint?t("div",{class:"vega-hint"},t("label",null,this.hint)):null}areMaskConfigsEqual(t,e){const i=Array.isArray(t)?t:[t],n=Array.isArray(e)?e:[e];return F(i,n,!0,((t,e)=>$(t,e)?0:-1))}get host(){return a(this)}static get watchers(){return{suffixText:["watchSuffixText"],value:["watchValue"],type:["watchTypeChange"],validationRules:["watchValidationRules"],maskConfig:["watchMaskChange"]}}};tt([w()],et.prototype,"globalSlimmers",void 0),tt([m()],et.prototype,"formFieldController",void 0),tt([m()],et.prototype,"pageResizeObserverSlimmer",void 0),tt([m()],et.prototype,"copyPasteController",void 0),tt([m()],et.prototype,"compactWidthController",void 0),tt([m()],et.prototype,"stateController",void 0),tt([m()],et.prototype,"maskConfigController",void 0),tt([m()],et.prototype,"prefixSlotRenderer",void 0),tt([m()],et.prototype,"changeEventEmitter",void 0),tt([m()],et.prototype,"focusEventEmitter",void 0),tt([m()],et.prototype,"blurEventEmitter",void 0),tt([m()],et.prototype,"labelButtonClickEventEmitter",void 0),tt([m()],et.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),tt([c()],et.prototype,"watchMaskChange",null),et.style=':host{cursor:text;display:block;text-align:left;line-height:normal}:host(.vega-input-inline-block){display:inline-block;width:100%}:host(.vega-input-hidden){display:none}vega-field-label{margin-bottom:8px}.vega-input-container{display:flex;align-items:center;border-radius:8px;gap:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}.vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-container.vega-input-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.vega-input-container.with-value{border-width:1px;border-style:solid;border-radius:8px}.vega-input-container:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-container.error:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-container.error .vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-input-prefix{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}.vega-input-prefix.vega-input-prefix-slot{height:24px;overflow:hidden}.vega-input-input{flex:1 1 0%;position:relative}.vega-input-input input{width:100%;outline:2px solid transparent;outline-offset:2px;border-style:none;height:24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-input 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-input-input 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-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-input input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-input-size-small{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px}.vega-input-size-default{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px}.vega-input-input input:disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.vega-hint{padding-top:12px;padding-right:8px;padding-left:8px}.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}}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.vega-input-clear-icon.invisible{visibility:hidden}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=password]::-ms-reveal{display:none}.vega-input-container.compact-input-width{gap:0px}.vega-input-container.compact-input-width .vega-input-prefix{margin-right:8px}.vega-input-container.compact-input-width .prefix-text,.vega-input-container.compact-input-width .suffix-text{margin-right:2px}.vega-input-container.compact-input-width .vega-input-clear-icon{margin-left:2px}.vega-input-container.compact-input-width .vega-input-input input{padding:0px;min-width:1px}.vega-input-container.compact-input-width.auto-width .vega-input-input{flex-grow:0}.vega-input-container.compact-input-width.auto-width .suffix-text{flex-grow:1}.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0;flex-grow:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{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-input-container .prefix-text,.vega-input-container .suffix-text{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-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.v-font-field-value{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){.v-font-field-value{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){.v-font-field-value{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){.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}';export{et as vega_input}

package/dist/vega/{p-351405f2.entry.js → p-bb58a7cf.entry.js}

@@ -1 +1 @@
-import{r as e,h as s,H as t,g as a}from"./p-48a58baf.js";import{s as o}from"./p-519a7d55.js";import{c as r,M as i,V as n,I as l}from"./p-6e1ab235.js";import{V as c,I as f}from"./p-d849e0f5.js";import{C as h}from"./p-2d0d575f.js";import{f as d}from"./p-8a877e12.js";var m=function(e,s,t,a){var o,r=arguments.length,i=r<3?s:null===a?a=Object.getOwnPropertyDescriptor(s,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,s,t,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(r<3?o(i):r>3?o(s,t,i):o(s,t))||i);return r>3&&i&&Object.defineProperty(s,t,i),i};class p extends n{handleMessageChange(){this.notifyMessageUpdate()}handleComponentDidLoad(){this.notifyMessageUpdate()}notifyMessageUpdate(){h.notify(d,{host:this.host,message:this.message,isValid:!this.message})}}m([r()],p.prototype,"host",void 0),m([r()],p.prototype,"message",void 0),m([i("watchMessage")],p.prototype,"handleMessageChange",null),m([i("componentDidLoad")],p.prototype,"handleComponentDidLoad",null);var g=function(e,s,t,a){var o,r=arguments.length,i=r<3?s:null===a?a=Object.getOwnPropertyDescriptor(s,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,s,t,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(r<3?o(i):r>3?o(s,t,i):o(s,t))||i);return r>3&&i&&Object.defineProperty(s,t,i),i};const u=class{constructor(s){e(this,s),this.globalSlimmers={},this.messageController=new p,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.message=""}watchMessage(){}render(){return o(s(t,null,s("slot",null)),this.host)}get host(){return a(this)}static get watchers(){return{message:["watchMessage"]}}};g([f()],u.prototype,"globalSlimmers",void 0),g([l()],u.prototype,"messageController",void 0),g([l()],u.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),u.style=":host{display:block}";export{u as vega_field_error}
+import{r as e,h as s,H as t,g as a}from"./p-6b2342e0.js";import{s as o}from"./p-519a7d55.js";import{c as r,M as i,V as n,I as l}from"./p-6e1ab235.js";import{V as c,I as f}from"./p-d849e0f5.js";import{C as h}from"./p-2d0d575f.js";import{f as d}from"./p-5773a9a3.js";var m=function(e,s,t,a){var o,r=arguments.length,i=r<3?s:null===a?a=Object.getOwnPropertyDescriptor(s,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,s,t,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(r<3?o(i):r>3?o(s,t,i):o(s,t))||i);return r>3&&i&&Object.defineProperty(s,t,i),i};class p extends n{handleMessageChange(){this.notifyMessageUpdate()}handleComponentDidLoad(){this.notifyMessageUpdate()}notifyMessageUpdate(){h.notify(d,{host:this.host,message:this.message,isValid:!this.message})}}m([r()],p.prototype,"host",void 0),m([r()],p.prototype,"message",void 0),m([i("watchMessage")],p.prototype,"handleMessageChange",null),m([i("componentDidLoad")],p.prototype,"handleComponentDidLoad",null);var g=function(e,s,t,a){var o,r=arguments.length,i=r<3?s:null===a?a=Object.getOwnPropertyDescriptor(s,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,s,t,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(i=(r<3?o(i):r>3?o(s,t,i):o(s,t))||i);return r>3&&i&&Object.defineProperty(s,t,i),i};const u=class{constructor(s){e(this,s),this.globalSlimmers={},this.messageController=new p,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.message=""}watchMessage(){}render(){return o(s(t,null,s("slot",null)),this.host)}get host(){return a(this)}static get watchers(){return{message:["watchMessage"]}}};g([f()],u.prototype,"globalSlimmers",void 0),g([l()],u.prototype,"messageController",void 0),g([l()],u.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),u.style=":host{display:block}";export{u as vega_field_error}