@heartlandone/vega 2.74.0 → 2.75.0

package/dist/vega/{p-6e84e451.entry.js → p-3c5a28e4.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as s,g as h}from"./p-6b2342e0.js";import{F as r}from"./p-e77a83e4.js";import{V as a,M as l,A as o,D as c,i as p}from"./p-161b9c5b.js";import{R as n}from"./p-280cbcdb.js";import{V as d}from"./p-de70aac1.js";import{s as v}from"./p-519a7d55.js";import{I as m}from"./p-6e1ab235.js";import{V as u,I as f}from"./p-d849e0f5.js";import{F as g}from"./p-30e7544c.js";import{F as _}from"./p-a528714c.js";import{C as A}from"./p-2d0d575f.js";import{c as E}from"./p-f2c8c363.js";import{C as M}from"./p-184d8443.js";import{g as I,G as w,F as D,D as Z}from"./p-8bd496b4.js";import{a as C}from"./p-8c9ea6f4.js";import{S as R}from"./p-6c1ef2ed.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-abd7aeaa.js";import"./p-262ec334.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-d9671d27.js";import"./p-5b71c85e.js";import"./p-10ac8b57.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-59fa3f68.js";import"./p-697eb0e1.js";import"./p-5f377954.js";import"./p-d991fb11.js";const b=[{type:"visa",iconName:"visa",pattern:a,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999 999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"mastercard",iconName:"mastercard",pattern:l,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"amex",iconName:"amex",pattern:o,maskConfig:{type:"custom",options:{mask:"9999 999999 99999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"discover",iconName:"discover",pattern:c,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}}],j=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!1===t.autoValidation}];class N extends R{calculateCaretPosition(t,i){if(!p(i))return null;if(this.getCreditCardMaskConfig(t)){if(t.length>this.getLengthLimit())return i-(t.length-this.getLengthLimit());const e=t.substring(0,i);return i+(this.format(e).length-e.length)}return i}format(t,i){const e=this.getCreditCardMaskConfig(t);if(e){this.setMaskConfig(e.options);const s=null==i?void 0:i.caretPosition;if(t.length>this.getLengthLimit()&&p(s)){const i=[...t],e=t.length-this.getLengthLimit();return i.splice(s-e,e),i.join("")}return this.replaceMaskWithMatchedInputSlots(t,this.getMatchedInputSlotValue(t))}return t}getCreditCardType(t){return b.filter((i=>i.pattern.test(t)))[0]}}class y extends N{constructor(){super({mask:"",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")})}getCreditCardMaskConfig(t){let i;const e=this.getCreditCardType(t);return e&&(i=e.maskConfig),i}}class V extends N{constructor(t){super({mask:"",slot:"9",accept:/[\d\s]/,insertMode:!1,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}),this.hideCardNumberOnBlur=t}getCreditCardMaskConfig(t){let i;return this.getCreditCardType(t)&&this.hideCardNumberOnBlur&&t.trim().includes(" ")&&(i=this.generateDynamicMask(t)),i}generateDynamicMask(t){const i={type:"custom",options:{mask:"",slot:"9",accept:/[\d\s]/,insertMode:!1,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")},trigger:"blur"},e=t.trim().split(" "),s=e.map(((t,i)=>(i===e.length-1?"9":"X").repeat(t.length))).join(" ");return i.options.mask=s,i}}var H=function(t,i,e,s){var h,r=arguments.length,a=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var l=t.length-1;l>=0;l--)(h=t[l])&&(a=(r<3?h(a):r>3?h(i,e,a):h(i,e))||a);return r>3&&a&&Object.defineProperty(i,e,a),a};const T=class{constructor(s){t(this,s),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.globalSlimmers={},this.formFieldController=new g({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new n:null},{propertyName:"",ruleFactory:()=>new d}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerGetter(),touchableAreaGetter:()=>this.touchableAreaGetter()}),this.changeEventEmitter=E(T,I),this.blurEventEmitter=E(T,w),this.focusEventEmitter=E(T,D),this.inputCreditCardEventPrevent=new M([I,D,w],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(j),this.required=!1,this.disabled=!1,this.label="",this.hint="",this.size="default",this.placeholder="",this.hideCardNumberOnBlur=!0,this.autoValidation=!0,this.validationRules=[],this.isValid=null,this.value="",this.renderInputContainer=()=>{var t;const i=(null===(t=this.getCreditCardType(this.value))||void 0===t?void 0:t.iconName)||"regular-credit-card";return e("vega-input",{label:this.label,type:"number",prefixIcon:C.getIconKey(i),maskConfig:this.getMaskConfig(),placeholder:this.placeholder,disabled:this.disabled,size:this.size,value:this.value,hint:this.hint,required:this.required,showClearIcon:!1,ref:t=>{this.inputRef=t,Z.addUniqueObserverToNode(t,I,(t=>{this.handleVegaChange(t)})),Z.addUniqueObserverToNode(t,w,(()=>{this.handleVegaBlur()})),Z.addUniqueObserverToNode(t,D,(()=>{this.handleVegaFocus()}))}})},this.handleVegaChange=t=>{this.value=t.detail},this.handleVegaBlur=()=>{this.blurEventEmitter.emit()},this.handleVegaFocus=()=>{this.focusEventEmitter.emit()},this.inputContainerGetter=()=>this.inputRef.shadowRoot.querySelector(".vega-input-container"),this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValidationRules(){}watchValue(t){this.changeEventEmitter.emit(t),A.notify(_,{host:this.host,detail:t})}componentDidLoad(){r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")&&this.hideCardNumberOnBlur&&this.inputRef.value&&this.value!==this.inputRef.value&&(this.value=this.inputRef.value)}render(){return v(e(s,null,this.renderInputContainer()),this.host)}getCreditCardType(t){return b.filter((i=>i.pattern.test(t)))[0]}getMaskConfig(){return[{type:"custom",trigger:"input",strategy:()=>new y},{type:"custom",trigger:"blur",strategy:()=>new V(this.hideCardNumberOnBlur)}]}get host(){return h(this)}static get watchers(){return{validationRules:["watchValidationRules"],value:["watchValue"]}}};C.register({visa:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#00579F" rx="2"/><path fill="#fff" d="M15.474 15.792h-1.979l1.238-7.653h1.979l-1.238 7.653ZM22.647 8.326A4.877 4.877 0 0 0 20.872 8c-1.954 0-3.33 1.042-3.339 2.532-.016 1.1.986 1.71 1.735 2.076.765.375 1.026.62 1.026.953-.008.513-.619.75-1.189.75-.79 0-1.213-.123-1.857-.408l-.26-.122-.277 1.718c.464.211 1.32.4 2.207.407 2.076 0 3.428-1.026 3.444-2.613.008-.872-.52-1.54-1.66-2.085-.693-.35-1.117-.586-1.117-.944.008-.326.359-.66 1.14-.66a3.362 3.362 0 0 1 1.474.293l.18.082.268-1.653ZM25.279 13.08l.79-2.14c-.008.016.162-.448.26-.733l.138.66s.375 1.831.457 2.214h-1.645ZM27.72 8.14h-1.53c-.472 0-.831.138-1.035.635l-2.94 7.018h2.077l.416-1.148h2.54c.057.269.237 1.148.237 1.148h1.832L27.72 8.14ZM11.842 8.139l-1.938 5.219-.212-1.059c-.358-1.221-1.482-2.548-2.736-3.208l1.775 6.693h2.093l3.11-7.645h-2.092Z"/><path fill="#FAA61A" d="M8.104 8.139H4.92l-.032.154c2.483.635 4.128 2.166 4.804 4.007L9 8.782c-.114-.489-.464-.627-.896-.643Z"/></svg>',autoSize:!0},mastercard:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#000" rx="2"/><path fill="#ED0006" fill-rule="evenodd" d="M18.25 17.157a6.75 6.75 0 0 1-4.426 1.649c-3.769 0-6.824-3.09-6.824-6.903C7 8.091 10.055 5 13.824 5a6.75 6.75 0 0 1 4.426 1.649A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#F9A000" fill-rule="evenodd" d="M18.25 17.157a6.92 6.92 0 0 0 2.398-5.254 6.92 6.92 0 0 0-2.398-5.254A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#FF5E00" fill-rule="evenodd" d="M18.25 6.65a6.92 6.92 0 0 1 2.398 5.253 6.92 6.92 0 0 1-2.398 5.254 6.92 6.92 0 0 1-2.398-5.254A6.92 6.92 0 0 1 18.25 6.65Z" clip-rule="evenodd"/></svg>',autoSize:!0},amex:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><g clip-path="url(#a)"><rect width="36" height="24" fill="#016FD0" rx="2"/><path fill="#fff" d="M6.99 18.549v-5.654h5.986l.643.838.663-.838h21.729v5.264s-.569.384-1.226.39H22.754l-.724-.891v.891h-2.373v-1.521s-.325.212-1.025.212h-.808v1.309h-3.593l-.641-.855-.651.855H6.99ZM0 8.634l1.35-3.147h2.334l.767 1.763V5.487h2.902l.456 1.274.442-1.274h13.027v.64s.685-.64 1.81-.64l4.227.015.753 1.74V5.487h2.428l.669 1v-1h2.45v5.654h-2.45l-.64-1.003v1.003h-3.569l-.359-.892h-.959l-.353.892h-2.42c-.968 0-1.587-.628-1.587-.628v.628H17.63l-.725-.892v.892H3.34l-.359-.892h-.956l-.356.892H0V8.634Z"/><path fill="#016FD0" d="M1.827 6.184.006 10.417h1.185l.336-.847H3.48l.335.847h1.211L3.207 6.184h-1.38Zm.673.985.596 1.482H1.903L2.5 7.169ZM5.151 10.416V6.183l1.685.006.98 2.73.956-2.736h1.671v4.233H9.385v-3.12l-1.122 3.12h-.928L6.21 7.296v3.12H5.15ZM11.168 10.416V6.183h3.454v.947h-2.384v.724h2.328v.891h-2.328v.752h2.384v.92h-3.454ZM15.233 6.184v4.233h1.059V8.913h.445l1.27 1.504H19.3l-1.393-1.56a1.29 1.29 0 0 0 1.161-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.059.947h1.21c.29 0 .5.227.5.446 0 .28-.273.445-.485.445h-1.225v-.891ZM20.582 10.416h-1.08V6.183h1.08v4.233ZM23.144 10.416h-.233c-1.129 0-1.814-.889-1.814-2.1 0-1.24.678-2.133 2.103-2.133h1.17v1.003h-1.213c-.578 0-.988.451-.988 1.141 0 .82.468 1.165 1.142 1.165h.279l-.446.924ZM25.448 6.184l-1.82 4.233h1.185l.336-.847h1.953l.334.847h1.211l-1.819-4.233h-1.38Zm.674.985.595 1.482h-1.192l.597-1.482ZM28.77 10.416V6.183h1.345l1.718 2.66v-2.66h1.059v4.233H31.59l-1.762-2.73v2.73H28.77ZM7.715 17.825v-4.233h3.453v.947H8.784v.724h2.329v.89H8.784v.753h2.384v.919H7.715ZM24.636 17.825v-4.233h3.454v.947h-2.384v.724h2.317v.89h-2.317v.753h2.384v.919h-3.454ZM11.303 17.825l1.681-2.09-1.721-2.143h1.333l1.025 1.324 1.029-1.324h1.281l-1.699 2.116 1.685 2.117h-1.333l-.996-1.304-.971 1.304h-1.314ZM16.041 13.592v4.233h1.086v-1.337h1.114c.943 0 1.658-.5 1.658-1.472 0-.806-.56-1.424-1.52-1.424H16.04Zm1.086.957h1.174c.304 0 .522.187.522.488 0 .282-.217.487-.526.487h-1.17v-.975ZM20.359 13.592v4.233h1.058V16.32h.446l1.269 1.504h1.293l-1.393-1.56a1.29 1.29 0 0 0 1.162-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.058.947h1.21c.29 0 .501.226.501.445 0 .281-.273.446-.486.446h-1.225v-.891ZM28.58 17.825v-.92H30.7c.313 0 .449-.169.449-.354 0-.178-.136-.358-.45-.358h-.957c-.831 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.062l-.446.952H29.94c-.341 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347H28.58ZM32.464 17.825v-.92h2.118c.313 0 .45-.169.45-.354 0-.178-.136-.358-.45-.358h-.957c-.832 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.02l-.404.952h-1.783c-.34 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347h-2.256Z"/></g><defs><clipPath id="a"><rect width="36" height="24" fill="#fff" rx="2"/></clipPath></defs></svg>',autoSize:!0},discover:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#232342" rx="2"/><path fill="#fff" fill-rule="evenodd" d="M30.686 9.61c1.086 0 1.684.484 1.684 1.398a1.307 1.307 0 0 1-1.087 1.397l1.467 1.988h-1.14l-1.25-1.935h-.109v1.935h-.924V9.61h1.359Zm-.435 2.204h.272c.597 0 .869-.269.869-.752 0-.43-.272-.699-.87-.699h-.27v1.45Zm-4.129 2.579h2.608v-.806h-1.684v-1.29h1.63v-.806h-1.63v-1.074h1.684V9.61h-2.608v4.781Zm-2.716-1.559-1.25-3.223h-.978l2.01 4.889h.49l2.01-4.89h-.978l-1.304 3.225Zm-11.029-.805c0 1.343 1.087 2.471 2.445 2.471.435 0 .815-.107 1.195-.269v-1.074c-.271.322-.652.537-1.086.537-.87 0-1.576-.645-1.576-1.504v-.108c-.054-.86.652-1.612 1.521-1.665.435 0 .87.215 1.141.537V9.879c-.326-.214-.76-.268-1.14-.268-1.413-.108-2.5 1.02-2.5 2.418Zm-1.684-.591c-.543-.215-.706-.323-.706-.591.054-.323.326-.591.652-.538.271 0 .543.162.76.376l.49-.644c-.381-.323-.87-.538-1.359-.538-.76-.053-1.412.538-1.467 1.29v.054c0 .644.272 1.02 1.141 1.289.217.054.435.161.652.269a.563.563 0 0 1 .272.483c0 .376-.326.699-.652.699h-.055c-.434 0-.814-.269-.977-.645l-.598.59c.326.592.978.914 1.63.914.869.054 1.575-.59 1.63-1.45v-.162c-.055-.644-.326-.967-1.413-1.396Zm-3.15 2.954h.923V9.611h-.924v4.781ZM3.25 9.611H4.88c1.304.054 2.336 1.128 2.282 2.418 0 .698-.326 1.343-.87 1.826-.488.376-1.086.591-1.684.538H3.25V9.61Zm1.195 3.976c.435.053.924-.108 1.25-.376.326-.323.489-.753.489-1.236 0-.43-.163-.86-.49-1.182-.325-.269-.814-.43-1.249-.376h-.271v3.17h.271Z" clip-rule="evenodd"/><path fill="#FD6020" fill-rule="evenodd" d="M18.788 9.5c-1.358 0-2.499 1.075-2.499 2.471 0 1.344 1.087 2.472 2.5 2.526 1.412.053 2.498-1.075 2.553-2.472C21.287 10.628 20.2 9.5 18.788 9.5Z" clip-rule="evenodd"/></svg>',autoSize:!0},"regular-credit-card":{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" rx="2" fill=\'rgba(var(--v-regular-credit-card-bg, 205, 209, 211, 1))\'/><g clip-path="url(#a)"><path fill="rgba(var(--v-regular-credit-card-top, 252, 252, 252, 1))" d="M11 5c-1.103 0-2 .897-2 2v1h18V7c0-1.103-.897-2-2-2H11Zm16 6H9v6c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-6Zm-14.5 4h2c.275 0 .5.225.5.5s-.225.5-.5.5h-2a.501.501 0 0 1-.5-.5c0-.275.225-.5.5-.5Zm3.5.5c0-.275.225-.5.5-.5h4c.275 0 .5.225.5.5s-.225.5-.5.5h-4a.501.501 0 0 1-.5-.5Z"/></g><defs><clipPath id="a"><path d="M9 4h18v16H9z" fill=\'rgba(var(--v-regular-credit-card-bottom, 255, 255, 255, 1))\'/></clipPath></defs></svg>',autoSize:!0}}),H([f()],T.prototype,"globalSlimmers",void 0),H([m()],T.prototype,"formFieldController",void 0),H([m()],T.prototype,"changeEventEmitter",void 0),H([m()],T.prototype,"blurEventEmitter",void 0),H([m()],T.prototype,"focusEventEmitter",void 0),H([m()],T.prototype,"inputCreditCardEventPrevent",void 0),H([m()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),T.style=":host{display:inline-block;width:100%;text-align:left;line-height:normal}";export{T as vega_input_credit_card}
+import{r as t,c as i,h as e,H as s,g as h}from"./p-6b2342e0.js";import{F as r}from"./p-e77a83e4.js";import{V as a,M as l,A as o,D as c,i as p}from"./p-1f83cebf.js";import{R as n}from"./p-280cbcdb.js";import{V as d}from"./p-60851f9d.js";import{s as v}from"./p-519a7d55.js";import{I as m}from"./p-6e1ab235.js";import{V as f,I as u}from"./p-d849e0f5.js";import{F as g}from"./p-6e136980.js";import{F as _}from"./p-a528714c.js";import{C as A}from"./p-2d0d575f.js";import{c as E}from"./p-66fa700b.js";import{C as M}from"./p-c9b6b5a9.js";import{g as I,H as w,G as D,D as Z}from"./p-8d0ca805.js";import{a as C}from"./p-8c9ea6f4.js";import{S as R}from"./p-dd11f735.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-abd7aeaa.js";import"./p-262ec334.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-d9671d27.js";import"./p-5b71c85e.js";import"./p-10ac8b57.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-3bf66be2.js";import"./p-fe12eff6.js";import"./p-5f377954.js";import"./p-badad9ed.js";const b=[{type:"visa",iconName:"visa",pattern:a,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999 999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"mastercard",iconName:"mastercard",pattern:l,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"amex",iconName:"amex",pattern:o,maskConfig:{type:"custom",options:{mask:"9999 999999 99999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"discover",iconName:"discover",pattern:c,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}}],j=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!1===t.autoValidation}];class N extends R{calculateCaretPosition(t,i){if(!p(i))return null;if(this.getCreditCardMaskConfig(t)){if(t.length>this.getLengthLimit())return i-(t.length-this.getLengthLimit());const e=t.substring(0,i);return i+(this.format(e).length-e.length)}return i}format(t,i){const e=this.getCreditCardMaskConfig(t);if(e){this.setMaskConfig(e.options);const s=null==i?void 0:i.caretPosition;if(t.length>this.getLengthLimit()&&p(s)){const i=[...t],e=t.length-this.getLengthLimit();return i.splice(s-e,e),i.join("")}return this.replaceMaskWithMatchedInputSlots(t,this.getMatchedInputSlotValue(t))}return t}getCreditCardType(t){return b.filter((i=>i.pattern.test(t)))[0]}}class y extends N{constructor(){super({mask:"",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")})}getCreditCardMaskConfig(t){let i;const e=this.getCreditCardType(t);return e&&(i=e.maskConfig),i}}class H extends N{constructor(t){super({mask:"",slot:"9",accept:/[\d\s]/,insertMode:!1,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}),this.hideCardNumberOnBlur=t}getCreditCardMaskConfig(t){let i;return this.getCreditCardType(t)&&this.hideCardNumberOnBlur&&t.trim().includes(" ")&&(i=this.generateDynamicMask(t)),i}generateDynamicMask(t){const i={type:"custom",options:{mask:"",slot:"9",accept:/[\d\s]/,insertMode:!1,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")},trigger:"blur"},e=t.trim().split(" "),s=e.map(((t,i)=>(i===e.length-1?"9":"X").repeat(t.length))).join(" ");return i.options.mask=s,i}}var V=function(t,i,e,s){var h,r=arguments.length,a=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var l=t.length-1;l>=0;l--)(h=t[l])&&(a=(r<3?h(a):r>3?h(i,e,a):h(i,e))||a);return r>3&&a&&Object.defineProperty(i,e,a),a};const T=class{constructor(s){t(this,s),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.globalSlimmers={},this.formFieldController=new g({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new n:null},{propertyName:"",ruleFactory:()=>new d}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerGetter(),touchableAreaGetter:()=>this.touchableAreaGetter()}),this.changeEventEmitter=E(T,I),this.blurEventEmitter=E(T,w),this.focusEventEmitter=E(T,D),this.inputCreditCardEventPrevent=new M([I,D,w],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new f(j),this.required=!1,this.disabled=!1,this.label="",this.hint="",this.size="default",this.placeholder="",this.hideCardNumberOnBlur=!0,this.autoValidation=!0,this.validationRules=[],this.isValid=null,this.value="",this.renderInputContainer=()=>{var t;const i=(null===(t=this.getCreditCardType(this.value))||void 0===t?void 0:t.iconName)||"regular-credit-card";return e("vega-input",{label:this.label,type:"number",prefixIcon:C.getIconKey(i),maskConfig:this.getMaskConfig(),placeholder:this.placeholder,disabled:this.disabled,size:this.size,value:this.value,hint:this.hint,required:this.required,showClearIcon:!1,ref:t=>{this.inputRef=t,Z.addUniqueObserverToNode(t,I,(t=>{this.handleVegaChange(t)})),Z.addUniqueObserverToNode(t,w,(()=>{this.handleVegaBlur()})),Z.addUniqueObserverToNode(t,D,(()=>{this.handleVegaFocus()}))}})},this.handleVegaChange=t=>{this.value=t.detail},this.handleVegaBlur=()=>{this.blurEventEmitter.emit()},this.handleVegaFocus=()=>{this.focusEventEmitter.emit()},this.inputContainerGetter=()=>this.inputRef.shadowRoot.querySelector(".vega-input-container"),this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValidationRules(){}watchValue(t){this.changeEventEmitter.emit(t),A.notify(_,{host:this.host,detail:t})}componentDidLoad(){r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")&&this.hideCardNumberOnBlur&&this.inputRef.value&&this.value!==this.inputRef.value&&(this.value=this.inputRef.value)}render(){return v(e(s,null,this.renderInputContainer()),this.host)}getCreditCardType(t){return b.filter((i=>i.pattern.test(t)))[0]}getMaskConfig(){return[{type:"custom",trigger:"input",strategy:()=>new y},{type:"custom",trigger:"blur",strategy:()=>new H(this.hideCardNumberOnBlur)}]}get host(){return h(this)}static get watchers(){return{validationRules:["watchValidationRules"],value:["watchValue"]}}};C.register({visa:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#00579F" rx="2"/><path fill="#fff" d="M15.474 15.792h-1.979l1.238-7.653h1.979l-1.238 7.653ZM22.647 8.326A4.877 4.877 0 0 0 20.872 8c-1.954 0-3.33 1.042-3.339 2.532-.016 1.1.986 1.71 1.735 2.076.765.375 1.026.62 1.026.953-.008.513-.619.75-1.189.75-.79 0-1.213-.123-1.857-.408l-.26-.122-.277 1.718c.464.211 1.32.4 2.207.407 2.076 0 3.428-1.026 3.444-2.613.008-.872-.52-1.54-1.66-2.085-.693-.35-1.117-.586-1.117-.944.008-.326.359-.66 1.14-.66a3.362 3.362 0 0 1 1.474.293l.18.082.268-1.653ZM25.279 13.08l.79-2.14c-.008.016.162-.448.26-.733l.138.66s.375 1.831.457 2.214h-1.645ZM27.72 8.14h-1.53c-.472 0-.831.138-1.035.635l-2.94 7.018h2.077l.416-1.148h2.54c.057.269.237 1.148.237 1.148h1.832L27.72 8.14ZM11.842 8.139l-1.938 5.219-.212-1.059c-.358-1.221-1.482-2.548-2.736-3.208l1.775 6.693h2.093l3.11-7.645h-2.092Z"/><path fill="#FAA61A" d="M8.104 8.139H4.92l-.032.154c2.483.635 4.128 2.166 4.804 4.007L9 8.782c-.114-.489-.464-.627-.896-.643Z"/></svg>',autoSize:!0},mastercard:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#000" rx="2"/><path fill="#ED0006" fill-rule="evenodd" d="M18.25 17.157a6.75 6.75 0 0 1-4.426 1.649c-3.769 0-6.824-3.09-6.824-6.903C7 8.091 10.055 5 13.824 5a6.75 6.75 0 0 1 4.426 1.649A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#F9A000" fill-rule="evenodd" d="M18.25 17.157a6.92 6.92 0 0 0 2.398-5.254 6.92 6.92 0 0 0-2.398-5.254A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#FF5E00" fill-rule="evenodd" d="M18.25 6.65a6.92 6.92 0 0 1 2.398 5.253 6.92 6.92 0 0 1-2.398 5.254 6.92 6.92 0 0 1-2.398-5.254A6.92 6.92 0 0 1 18.25 6.65Z" clip-rule="evenodd"/></svg>',autoSize:!0},amex:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><g clip-path="url(#a)"><rect width="36" height="24" fill="#016FD0" rx="2"/><path fill="#fff" d="M6.99 18.549v-5.654h5.986l.643.838.663-.838h21.729v5.264s-.569.384-1.226.39H22.754l-.724-.891v.891h-2.373v-1.521s-.325.212-1.025.212h-.808v1.309h-3.593l-.641-.855-.651.855H6.99ZM0 8.634l1.35-3.147h2.334l.767 1.763V5.487h2.902l.456 1.274.442-1.274h13.027v.64s.685-.64 1.81-.64l4.227.015.753 1.74V5.487h2.428l.669 1v-1h2.45v5.654h-2.45l-.64-1.003v1.003h-3.569l-.359-.892h-.959l-.353.892h-2.42c-.968 0-1.587-.628-1.587-.628v.628H17.63l-.725-.892v.892H3.34l-.359-.892h-.956l-.356.892H0V8.634Z"/><path fill="#016FD0" d="M1.827 6.184.006 10.417h1.185l.336-.847H3.48l.335.847h1.211L3.207 6.184h-1.38Zm.673.985.596 1.482H1.903L2.5 7.169ZM5.151 10.416V6.183l1.685.006.98 2.73.956-2.736h1.671v4.233H9.385v-3.12l-1.122 3.12h-.928L6.21 7.296v3.12H5.15ZM11.168 10.416V6.183h3.454v.947h-2.384v.724h2.328v.891h-2.328v.752h2.384v.92h-3.454ZM15.233 6.184v4.233h1.059V8.913h.445l1.27 1.504H19.3l-1.393-1.56a1.29 1.29 0 0 0 1.161-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.059.947h1.21c.29 0 .5.227.5.446 0 .28-.273.445-.485.445h-1.225v-.891ZM20.582 10.416h-1.08V6.183h1.08v4.233ZM23.144 10.416h-.233c-1.129 0-1.814-.889-1.814-2.1 0-1.24.678-2.133 2.103-2.133h1.17v1.003h-1.213c-.578 0-.988.451-.988 1.141 0 .82.468 1.165 1.142 1.165h.279l-.446.924ZM25.448 6.184l-1.82 4.233h1.185l.336-.847h1.953l.334.847h1.211l-1.819-4.233h-1.38Zm.674.985.595 1.482h-1.192l.597-1.482ZM28.77 10.416V6.183h1.345l1.718 2.66v-2.66h1.059v4.233H31.59l-1.762-2.73v2.73H28.77ZM7.715 17.825v-4.233h3.453v.947H8.784v.724h2.329v.89H8.784v.753h2.384v.919H7.715ZM24.636 17.825v-4.233h3.454v.947h-2.384v.724h2.317v.89h-2.317v.753h2.384v.919h-3.454ZM11.303 17.825l1.681-2.09-1.721-2.143h1.333l1.025 1.324 1.029-1.324h1.281l-1.699 2.116 1.685 2.117h-1.333l-.996-1.304-.971 1.304h-1.314ZM16.041 13.592v4.233h1.086v-1.337h1.114c.943 0 1.658-.5 1.658-1.472 0-.806-.56-1.424-1.52-1.424H16.04Zm1.086.957h1.174c.304 0 .522.187.522.488 0 .282-.217.487-.526.487h-1.17v-.975ZM20.359 13.592v4.233h1.058V16.32h.446l1.269 1.504h1.293l-1.393-1.56a1.29 1.29 0 0 0 1.162-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.058.947h1.21c.29 0 .501.226.501.445 0 .281-.273.446-.486.446h-1.225v-.891ZM28.58 17.825v-.92H30.7c.313 0 .449-.169.449-.354 0-.178-.136-.358-.45-.358h-.957c-.831 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.062l-.446.952H29.94c-.341 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347H28.58ZM32.464 17.825v-.92h2.118c.313 0 .45-.169.45-.354 0-.178-.136-.358-.45-.358h-.957c-.832 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.02l-.404.952h-1.783c-.34 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347h-2.256Z"/></g><defs><clipPath id="a"><rect width="36" height="24" fill="#fff" rx="2"/></clipPath></defs></svg>',autoSize:!0},discover:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#232342" rx="2"/><path fill="#fff" fill-rule="evenodd" d="M30.686 9.61c1.086 0 1.684.484 1.684 1.398a1.307 1.307 0 0 1-1.087 1.397l1.467 1.988h-1.14l-1.25-1.935h-.109v1.935h-.924V9.61h1.359Zm-.435 2.204h.272c.597 0 .869-.269.869-.752 0-.43-.272-.699-.87-.699h-.27v1.45Zm-4.129 2.579h2.608v-.806h-1.684v-1.29h1.63v-.806h-1.63v-1.074h1.684V9.61h-2.608v4.781Zm-2.716-1.559-1.25-3.223h-.978l2.01 4.889h.49l2.01-4.89h-.978l-1.304 3.225Zm-11.029-.805c0 1.343 1.087 2.471 2.445 2.471.435 0 .815-.107 1.195-.269v-1.074c-.271.322-.652.537-1.086.537-.87 0-1.576-.645-1.576-1.504v-.108c-.054-.86.652-1.612 1.521-1.665.435 0 .87.215 1.141.537V9.879c-.326-.214-.76-.268-1.14-.268-1.413-.108-2.5 1.02-2.5 2.418Zm-1.684-.591c-.543-.215-.706-.323-.706-.591.054-.323.326-.591.652-.538.271 0 .543.162.76.376l.49-.644c-.381-.323-.87-.538-1.359-.538-.76-.053-1.412.538-1.467 1.29v.054c0 .644.272 1.02 1.141 1.289.217.054.435.161.652.269a.563.563 0 0 1 .272.483c0 .376-.326.699-.652.699h-.055c-.434 0-.814-.269-.977-.645l-.598.59c.326.592.978.914 1.63.914.869.054 1.575-.59 1.63-1.45v-.162c-.055-.644-.326-.967-1.413-1.396Zm-3.15 2.954h.923V9.611h-.924v4.781ZM3.25 9.611H4.88c1.304.054 2.336 1.128 2.282 2.418 0 .698-.326 1.343-.87 1.826-.488.376-1.086.591-1.684.538H3.25V9.61Zm1.195 3.976c.435.053.924-.108 1.25-.376.326-.323.489-.753.489-1.236 0-.43-.163-.86-.49-1.182-.325-.269-.814-.43-1.249-.376h-.271v3.17h.271Z" clip-rule="evenodd"/><path fill="#FD6020" fill-rule="evenodd" d="M18.788 9.5c-1.358 0-2.499 1.075-2.499 2.471 0 1.344 1.087 2.472 2.5 2.526 1.412.053 2.498-1.075 2.553-2.472C21.287 10.628 20.2 9.5 18.788 9.5Z" clip-rule="evenodd"/></svg>',autoSize:!0},"regular-credit-card":{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" rx="2" fill=\'rgba(var(--v-regular-credit-card-bg, 205, 209, 211, 1))\'/><g clip-path="url(#a)"><path fill="rgba(var(--v-regular-credit-card-top, 252, 252, 252, 1))" d="M11 5c-1.103 0-2 .897-2 2v1h18V7c0-1.103-.897-2-2-2H11Zm16 6H9v6c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-6Zm-14.5 4h2c.275 0 .5.225.5.5s-.225.5-.5.5h-2a.501.501 0 0 1-.5-.5c0-.275.225-.5.5-.5Zm3.5.5c0-.275.225-.5.5-.5h4c.275 0 .5.225.5.5s-.225.5-.5.5h-4a.501.501 0 0 1-.5-.5Z"/></g><defs><clipPath id="a"><path d="M9 4h18v16H9z" fill=\'rgba(var(--v-regular-credit-card-bottom, 255, 255, 255, 1))\'/></clipPath></defs></svg>',autoSize:!0}}),V([u()],T.prototype,"globalSlimmers",void 0),V([m()],T.prototype,"formFieldController",void 0),V([m()],T.prototype,"changeEventEmitter",void 0),V([m()],T.prototype,"blurEventEmitter",void 0),V([m()],T.prototype,"focusEventEmitter",void 0),V([m()],T.prototype,"inputCreditCardEventPrevent",void 0),V([m()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),T.style=":host{display:inline-block;width:100%;text-align:left;line-height:normal}";export{T as vega_input_credit_card}

package/dist/vega/p-3cfd8616.entry.js

@@ -0,0 +1 @@
+import{h as e,F as t,r as i,c as r,H as o,g as n}from"./p-6b2342e0.js";import{C as s}from"./p-75b58efe.js";import{T as a,a as d}from"./p-a2aeb646.js";import{s as l}from"./p-519a7d55.js";import{c as p,V as c,M as h,L as u,I as m}from"./p-6e1ab235.js";import{V as v,I as g}from"./p-d849e0f5.js";import{F as f}from"./p-6e136980.js";import{D as b,g as w,G as x,H as y,a as k}from"./p-8d0ca805.js";import{g as R,D as j}from"./p-d9671d27.js";import{c as D}from"./p-86194314.js";import{R as I,a5 as S,i as C,a6 as T}from"./p-1f83cebf.js";import{i as V}from"./p-d27ae9ff.js";import{F as O}from"./p-a528714c.js";import{C as A}from"./p-2d0d575f.js";import{E as F}from"./p-60274fb1.js";import{C as E}from"./p-8187878e.js";import{K as M}from"./p-920719ad.js";import{I as $}from"./p-abd7aeaa.js";import{C as P}from"./p-c9b6b5a9.js";import{c as z}from"./p-66fa700b.js";import{T as N}from"./p-75f981ce.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-5b71c85e.js";import"./p-f69f84a7.js";import"./p-10ac8b57.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-3bf66be2.js";import"./p-d884c644.js";import"./p-262ec334.js";import"./p-f383c856.js";import"./p-ef9cbad1.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-fe12eff6.js";import"./p-56e97df8.js";import"./p-6f8be8ea.js";import"./p-bf19682d.js";import"./p-8c9ea6f4.js";import"./p-a7b5f497.js";import"./p-ac4563d7.js";import"./p-0c667d6a.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-5d676a94.js";import"./p-476a173a.js";var _=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class L extends c{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}_([p()],L.prototype,"label",void 0),_([p()],L.prototype,"mode",void 0),_([p()],L.prototype,"required",void 0),_([p()],L.prototype,"disabled",void 0),_([p()],L.prototype,"singleInputRenderer",void 0),_([p()],L.prototype,"rangeInputRenderer",void 0);var B=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class W extends c{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){b.addUniqueObserverToNode(e,w,(e=>{this.onChildVegaInputChange(e)})),b.addUniqueObserverToNode(e,x,(()=>{this.singleDropdownController.show()})),b.addUniqueObserverToNode(e,y,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:this.translationSlimmer.t("Select Time")}}B([p()],W.prototype,"placeholder",void 0),B([p()],W.prototype,"size",void 0),B([p()],W.prototype,"disabled",void 0),B([p()],W.prototype,"value",void 0),B([p()],W.prototype,"valueController",void 0),B([p()],W.prototype,"singleDropdownController",void 0),B([p()],W.prototype,"translationSlimmer",void 0);var K=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class G extends c{constructor(){super(...arguments),this.isMobileDevice=R()===j.MOBILE,this.isTabletDevice=R()===j.TABLET,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{b.addUniqueObserverToNode(e,k,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{b.addUniqueObserverToNode(e,k,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}K([p()],G.prototype,"timeFormat",void 0),K([p()],G.prototype,"dropdownSource",void 0),K([p()],G.prototype,"selectedTimeValue",void 0),K([p()],G.prototype,"valueController",void 0),K([p()],G.prototype,"dropdownSelectedItemsController",void 0),K([p()],G.prototype,"singleDropdownController",void 0),K([h("componentDidRender")],G.prototype,"componentDidRenderCallback",null);var U=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class q extends c{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&V(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),A.notify(O,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&I(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&I(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&I(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>I(e,this.timeFormat)||""===e))}return t||u.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}U([p({writable:!0})],q.prototype,"value",void 0),U([p()],q.prototype,"mode",void 0),U([p()],q.prototype,"timeFormat",void 0),U([p()],q.prototype,"selectedTimeValue",void 0),U([p()],q.prototype,"increments",void 0),U([p()],q.prototype,"changeEventEmitter",void 0),U([p()],q.prototype,"singleInputRenderer",void 0),U([p()],q.prototype,"rangeInputRenderer",void 0),U([p()],q.prototype,"dropdownSelectedItemsController",void 0),U([p()],q.prototype,"host",void 0),U([h("watchValue")],q.prototype,"emitChangeEventOrClearTimePicker",null),U([h("watchSelectedTimeValue")],q.prototype,"updateValueIfSelectedItemsChange",null),U([h("watchMode")],q.prototype,"resetCurrentValueIfModeChange",null),U([h("componentDidLoad")],q.prototype,"checkTheDefaultValueForRangeMode",null);var H=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Y extends F{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>new E))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(u.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(S(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(S(t))}else for(let t=0;t<24;t++)e.push(S(t));return e}}H([p({writable:!0})],Y.prototype,"isDropdownShow",void 0),H([p({writable:!0})],Y.prototype,"dropdownSource",void 0),H([p()],Y.prototype,"mode",void 0),H([p({writable:!0})],Y.prototype,"increments",void 0),H([p()],Y.prototype,"timeFormat",void 0),H([p()],Y.prototype,"value",void 0),H([p()],Y.prototype,"positionRelativeTo",void 0),H([p()],Y.prototype,"selectedTimeValue",void 0),H([p()],Y.prototype,"singleInputRenderer",void 0),H([p()],Y.prototype,"rangeInputRenderer",void 0),H([p()],Y.prototype,"singleDropdownRenderer",void 0),H([p()],Y.prototype,"valueController",void 0),H([p()],Y.prototype,"dropdownSelectedItemsController",void 0),H([p()],Y.prototype,"inputMaskController",void 0),H([h("watchIncrements")],Y.prototype,"initValueAndDropdownSource",null),H([h("watchTimeFormat")],Y.prototype,"initDropdownSourceAndInputMaskConfig",null),H([h("componentWillLoad")],Y.prototype,"initDropdownSourceAndSelectedItems",null),H([h("watchDisabled")],Y.prototype,"hideDropdownWhenDisabled",null);var X=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends c{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&I(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=S(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:S(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:S(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!I(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}X([p({writable:!0})],J.prototype,"selectedTimeValue",void 0),X([p()],J.prototype,"mode",void 0),X([p()],J.prototype,"value",void 0),X([p()],J.prototype,"timeFormat",void 0),X([p()],J.prototype,"dropdownSource",void 0),X([p()],J.prototype,"increments",void 0),X([p()],J.prototype,"disabled",void 0),X([p()],J.prototype,"singleDropdownRenderer",void 0),X([p()],J.prototype,"rangeDropdownRenderer",void 0),X([h("watchValue")],J.prototype,"syncSelectedItemsByValueChange",null),X([h("watchIsDropdownShow")],J.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),X([h("componentDidRender")],J.prototype,"syncSelectedItemsPosition",null);var Q=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends M{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}Q([p()],Z.prototype,"host",void 0),Q([p()],Z.prototype,"mode",void 0),Q([p()],Z.prototype,"singleInputRenderer",void 0),Q([p()],Z.prototype,"singleDropdownRenderer",void 0),Q([p()],Z.prototype,"rangeDropdownRenderer",void 0),Q([p()],Z.prototype,"rangeInputRenderer",void 0),Q([p()],Z.prototype,"singleDropdownController",void 0),Q([p()],Z.prototype,"startDropdownController",void 0),Q([p()],Z.prototype,"endDropdownController",void 0);var ee=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends c{constructor(){super(...arguments),this.isMobileDevice=R()===j.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(I(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){b.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputBlur(e)})),b.addUniqueObserverToNode(e,w,(e=>{this.onInputChange(e)})),b.addUniqueObserverToNode(e,x,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:this.translationSlimmer.t("Start Time"):Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:this.translationSlimmer.t("End Time")}}ee([p()],te.prototype,"mode",void 0),ee([p()],te.prototype,"placeholder",void 0),ee([p()],te.prototype,"disabled",void 0),ee([p()],te.prototype,"size",void 0),ee([p()],te.prototype,"positionRelativeTo",void 0),ee([p()],te.prototype,"timeFormat",void 0),ee([p()],te.prototype,"increments",void 0),ee([p()],te.prototype,"value",void 0),ee([p()],te.prototype,"startDropdownController",void 0),ee([p()],te.prototype,"endDropdownController",void 0),ee([p()],te.prototype,"valueController",void 0),ee([p()],te.prototype,"rangeClearButtonRenderer",void 0),ee([p()],te.prototype,"rangeDropdownRenderer",void 0),ee([p()],te.prototype,"dropdownSelectedItemsController",void 0),ee([p()],te.prototype,"translationSlimmer",void 0);var ie=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class re extends c{constructor(){super(...arguments),this.isMobileDevice=R()===j.MOBILE,this.isTabletDevice=R()===j.TABLET,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(C);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(C)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:o,minutes:n}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<o.length;s++)for(let a=0;a<n.length;a++){const d=`${o[s]}:${n[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}ie([p()],re.prototype,"timeFormat",void 0),ie([p()],re.prototype,"value",void 0),ie([p()],re.prototype,"dropdownSource",void 0),ie([p()],re.prototype,"valueController",void 0),ie([p()],re.prototype,"rangeInputRenderer",void 0),ie([p()],re.prototype,"startDropdownController",void 0),ie([p()],re.prototype,"endDropdownController",void 0),ie([h("componentDidRender")],re.prototype,"componentDidRenderCallback",null);var oe=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ne extends c{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:this.disabled?-1:0,onClick:this.onClickClearIcon,onKeyDown:D()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}oe([p()],ne.prototype,"disabled",void 0),oe([p()],ne.prototype,"value",void 0),oe([p()],ne.prototype,"valueController",void 0),oe([p()],ne.prototype,"endDropdownController",void 0),oe([p()],ne.prototype,"rangeInputRenderer",void 0);class se extends ${constructor(e){super(),this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>I(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`;return new Date(`${r}T${T(t)}`)>new Date(`${r}T${T(e)}`)}}var ae=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class de extends c{initInputMask(){const e={type:"custom",options:{mask:"12-hour"===this.timeFormat?"xx:xx xx":"xx:xx",slot:"x",accept:"12-hour"===this.timeFormat?/[0-9|A|P|M]/:/\d/}};"range"===this.mode?(this.rangeInputRenderer.getStartInputRef().maskConfig=e,this.rangeInputRenderer.getEndInputRef().maskConfig=e):this.singleInputRenderer.getInputRef().maskConfig=e}}ae([p()],de.prototype,"timeFormat",void 0),ae([p()],de.prototype,"mode",void 0),ae([p()],de.prototype,"singleInputRenderer",void 0),ae([p()],de.prototype,"rangeInputRenderer",void 0),ae([h("componentDidLoad")],de.prototype,"initInputMask",null);var le=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class pe extends F{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>new E),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}le([p()],pe.prototype,"positionRelativeTo",void 0),le([p()],pe.prototype,"mode",void 0),le([p()],pe.prototype,"rangeDropdownRenderer",void 0),le([p()],pe.prototype,"rangeInputRenderer",void 0),le([p()],pe.prototype,"dropdownSelectedItemsController",void 0),le([h("watchDisabled")],pe.prototype,"hideDropdownWhenDisabled",null);const ce=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the mode for selecting time in the time picker, `single` indicates the ability to select a single time.",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the mode for selecting time in the time picker, `range` indicates the ability to select a time range",payloadValue:e=>"range"===e.mode}];var he=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ue=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new N,this.labelRenderer=new L,this.singleInputRenderer=new W,this.singleDropdownRenderer=new G,this.valueController=new q,this.singleDropdownController=new Y,this.dropdownSelectedItemsController=new J,this.keyboardController=new Z,this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new a({timeFormat:t}):new d({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new a({timeFormat:e}):new d({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new se({timeFormat:t}):null,dependence:"timeFormat"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>"single"===this.mode?[this.singleInputRenderer.getInputRef()]:[this.rangeInputRenderer.getStartInputRef(),this.rangeInputRenderer.getEndInputRef()]}),this.rangeInputRenderer=new te,this.rangeClearButtonRenderer=new ne,this.rangeDropdownRenderer=new re,this.startDropdownController=new pe("start"),this.endDropdownController=new pe("end"),this.inputMaskController=new de,this.inputEventPrevent=new P([w],(()=>this.inputContainerRef)),this.changeEventEmitter=z(ue,w),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(ce),this.isMobileDevice=R()===j.MOBILE,this.isTabletDevice=R()===j.TABLET,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return l(e(o,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:this.getTimePickerClass(t),ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}getTimePickerClass(e){return{"vega-time-picker-input-container":!0,"range-mode":e,mobile:e&&this.isMobileDevice,tablet:e&&this.isTabletDevice}}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};he([g()],ue.prototype,"globalSlimmers",void 0),he([m()],ue.prototype,"translationSlimmer",void 0),he([m()],ue.prototype,"labelRenderer",void 0),he([m()],ue.prototype,"singleInputRenderer",void 0),he([m()],ue.prototype,"singleDropdownRenderer",void 0),he([m()],ue.prototype,"valueController",void 0),he([m()],ue.prototype,"singleDropdownController",void 0),he([m()],ue.prototype,"dropdownSelectedItemsController",void 0),he([m()],ue.prototype,"keyboardController",void 0),he([m()],ue.prototype,"formFieldController",void 0),he([m()],ue.prototype,"rangeInputRenderer",void 0),he([m()],ue.prototype,"rangeClearButtonRenderer",void 0),he([m()],ue.prototype,"rangeDropdownRenderer",void 0),he([m()],ue.prototype,"startDropdownController",void 0),he([m()],ue.prototype,"endDropdownController",void 0),he([m()],ue.prototype,"inputMaskController",void 0),he([m()],ue.prototype,"inputEventPrevent",void 0),he([m()],ue.prototype,"changeEventEmitter",void 0),he([m()],ue.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),he([s()],ue.prototype,"watchValue",null),ue.style=':host{display:inline-block;text-align:left;line-height:normal;width:100%}vega-field-label{margin-bottom:8px}vega-input::part(field-error-message){display:none}.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-time-picker-input-container.error vega-input::part(input-container){border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):hover{border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):focus-within{outline:none}.vega-time-picker-input-container.error{border-radius:8px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-time-picker-input-container.error .vega-time-picker-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-time-picker-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-time-picker-input-container.error: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-hidden{display:none}.range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px}.mobile .time-picker-input-end vega-input::part(input){padding-left:26px}.range-mode{position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host(.disabled) .range-mode{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host:not(.disabled) .range-mode:not(.error):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.range-mode vega-input::part(input-container),:host(.disabled) .range-mode vega-input::part(input-container):hover{border-width:0px}.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,.range-mode:not(.error) .time-picker-input-end 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));margin:-1px}.range-mode .vega-time-picker-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%)}.range-mode .vega-time-picker-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}.range-mode.mobile .vega-time-picker-range-clear-icon{top:75%}.range-mode.mobile .time-picker-input{width:100%}vega-time-picker-dropdown.vega-force-hidden{display:none !important}.vega-time-picker-range-clear-icon.invisible{visibility:hidden}';var me=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ve=class{constructor(e){i(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v}render(){return l(e(o,null),this.host)}get host(){return n(this)}};me([g()],ve.prototype,"globalSlimmers",void 0),me([m()],ve.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ve.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}:host(.mobile) .vega-time-picker-dropdown-panel>ul,:host(.tablet) .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{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-time-picker-dropdown-panel>ul>li{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-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}:host(.mobile) .vega-time-picker-panel-column::after{height:0}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{ue as vega_time_picker,ve as vega_time_picker_dropdown}

package/dist/vega/p-3e5f362f.js

@@ -0,0 +1 @@
+import{a4 as e,a0 as t}from"./p-1f83cebf.js";class s{constructor(){this.WEEKDAYS_SHORT=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],this.weekdays=e()}getWeekdayNames(){return this.WEEKDAYS_SHORT}generateDates(e){const t=e.startDate.toDate(),s=[];for(let r=0;r<e.count;r++)s.push(new Date(t)),t.setDate(t.getDate()+1);return s}generateWeekHead(){return this.weekdays.map((e=>this.getWeekdayNames()[e]))}}class r{constructor(e,t){this._weekdays=e,this._dateItems=t}get weekdays(){return this._weekdays}get dateItems(){return this._dateItems}}class a extends s{generate(e){const s=e.showWeekends;let a=[],n=[];this.generateDates(e).forEach(((e,s)=>{s%7||(a[s/7]=n=[]);const r=t.from(e);n.push(r)}));let i=this.generateWeekHead();return!1===s&&(i=i.slice(1,6),a=a.map((e=>e.slice(1,6)))),new r(i,a)}}export{s as C,a as M,r as a}

package/dist/vega/p-43f585f7.entry.js

@@ -0,0 +1 @@
+import{h as e,F as t,H as i,r as o,c as a,g as r}from"./p-6b2342e0.js";import{R as n}from"./p-280cbcdb.js";import{g as s,s as d}from"./p-519a7d55.js";import{W as p,X as l}from"./p-1f83cebf.js";import{c,M as h,V as b,I as f}from"./p-6e1ab235.js";import{V as m,I as v}from"./p-d849e0f5.js";import{F as g}from"./p-6e136980.js";import{C as x}from"./p-c9b6b5a9.js";import{c as u}from"./p-66fa700b.js";import{D as w,n as y,t as j,V as R,e as I,g as C,o as k}from"./p-8d0ca805.js";import{F as O}from"./p-a528714c.js";import{C as D}from"./p-2d0d575f.js";import{c as S}from"./p-86194314.js";import{j as z}from"./p-5b71c85e.js";import{s as E}from"./p-b4ea3fad.js";import{K as A}from"./p-920719ad.js";import{f as V}from"./p-d9671d27.js";import{M as L}from"./p-78a57a17.js";import{T}from"./p-52b8f2d2.js";import"./p-abd7aeaa.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-10ac8b57.js";import"./p-b75ee3ba.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-3bf66be2.js";import"./p-fe12eff6.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-476a173a.js";const F=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class K extends b{constructor(){super(...arguments),this.onItemClick=async()=>{this.valueController.setValue(await this.dropdownRef.getSelection()),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;(this.useDefaultFilter||this.vegaDropdownProps.dynamicOption)&&(await this.dropdownRef.show(),await this.dropdownRef.search(t)),!this.isTemplateMode&&this.useDefaultFilter||this.searchEventEmit.emit(t)}}connectedCallback(){this.isTemplateMode=null!==this.host.querySelector("[slot=items]")}getDropdownRef(){return this.dropdownRef}getSearchInputRef(){return this.searchInputRef}focusInput(){this.searchInputRef.focus()}async hide(){await this.dropdownRef.hide()}async show(){await this.dropdownRef.show()}replaceItemsSlot(e){e&&this.itemsSlotRef&&(this.itemsSlotRef.remove(),this.dropdownRef.append(e))}renderDropdown(){return e("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0,useDefaultFilter:this.useDefaultFilter},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,w.addUniqueObserverToNode(e,y,(async e=>{await this.onDropdownCreate(e.detail)})),w.addUniqueObserverToNode(e,j,(async()=>{await this.onDropdownHide()})),w.addUniqueObserverToNode(e,R,(async()=>{await this.onItemClick()})),w.addUniqueObserverToNode(e,z,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.key===e.itemKey)))).map((e=>({key:e.itemKey,label:e.label})));this.sourceController.setSource([...this.source,...t])}))}}),this.renderContainer(),this.renderItemsSlot())}renderContainer(){return e("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderItemsSlot(){return this.isTemplateMode&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}renderSelectedContainer(){const i=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return e(t,null,i.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(t){return e("vega-chip",{key:t.key,text:E(t.label),variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:e=>{w.addUniqueObserverToNode(e,I,(async()=>{await this.onChipClose(t.key)}))}})}renderInputContainer(){return e("div",{class:"vega-combo-box-input-container"},e("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:S(),disabled:this.disabled}))}async onChipClose(e){this.valueController.setValue([...this.value.filter((t=>t!==e))]),await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}}_([c()],K.prototype,"host",void 0),_([c()],K.prototype,"value",void 0),_([c()],K.prototype,"source",void 0),_([c()],K.prototype,"disabled",void 0),_([c()],K.prototype,"size",void 0),_([c()],K.prototype,"vegaDropdownProps",void 0),_([c()],K.prototype,"label",void 0),_([c()],K.prototype,"placeholder",void 0),_([c()],K.prototype,"useDefaultFilter",void 0),_([c()],K.prototype,"createEventEmit",void 0),_([c()],K.prototype,"searchEventEmit",void 0),_([c()],K.prototype,"valueController",void 0),_([c()],K.prototype,"sourceController",void 0),_([h("connectedCallback")],K.prototype,"connectedCallback",null);class N extends b{setValue(e){this.value=e}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([c({writable:!0})],N.prototype,"value",void 0);var G=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends b{constructor(){super(...arguments),this.onLabelClick=()=>{this.dropdownRenderer.focusInput()}}render(){return e(i,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.dropdownRenderer.renderDropdown(),this.renderHint())}renderLabel(){return e("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return e("div",{class:"vega-combo-box-hint"},this.hint)}}G([c()],H.prototype,"required",void 0),G([c()],H.prototype,"hint",void 0),G([c()],H.prototype,"disabled",void 0),G([c()],H.prototype,"dropdownRenderer",void 0),G([c()],H.prototype,"label",void 0);var M=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class P extends A{constructor(){super((e=>[{keyCode:"Backspace",activeElementInScope:[e.dropdownRenderer.getSearchInputRef()],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}])),this.deleteLastSelectedItem=()=>{""===this.dropdownRenderer.getSearchInputRef().value&&(this.value.pop(),this.valueController.setValue([...this.value]))}}controlDirectionByKeyboard(e){const t=s();if(t&&t.classList.contains("vega-chip-close-icon")){const i=V(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.dropdownRenderer.getSearchInputRef().selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}}M([c()],P.prototype,"host",void 0),M([c()],P.prototype,"value",void 0),M([c()],P.prototype,"dropdownRenderer",void 0),M([c()],P.prototype,"valueController",void 0);var U=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class q extends b{constructor(){super(...arguments),this.mutationObserver=new L({mutationFilter:T("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){this.dropdownRenderer.replaceItemsSlot(this.host.querySelector("[slot=items]"))}}U([f()],q.prototype,"mutationObserver",void 0),U([c()],q.prototype,"host",void 0),U([c()],q.prototype,"dropdownRenderer",void 0),U([h("componentDidLoad")],q.prototype,"componentDidLoad",null);class B extends b{setSource(e){this.source=e}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([c({writable:!0})],B.prototype,"source",void 0);var W=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const X=class{constructor(e){o(this,e),this.vegaChange=a(this,"vegaChange",7),this.change=a(this,"change",7),this.vegaCreate=a(this,"vegaCreate",7),this.create=a(this,"create",7),this.vegaSearch=a(this,"vegaSearch",7),this.search=a(this,"search",7),this.globalSlimmers={},this.itemsSlotController=new q,this.keyboardController=new P,this.valueController=new N,this.sourceController=new B,this.renderer=new H,this.dropdownRenderer=new K,this.formFieldController=new g({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.dropdownRenderer.getSearchInputRef()]}),this.changeEventEmit=u(X,C),this.createEventEmit=u(X,y),this.searchEventEmit=u(X,k),this.dropdownEventPrevent=new x([y,k],(()=>this.dropdownRenderer.getDropdownRef()),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(F),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0}watchSource(){this.source=p(this.source,l)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),D.notify(O,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRenderer.hide()}async open(){this.disabled||await this.dropdownRenderer.show()}render(){return d(this.renderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};W([v()],X.prototype,"globalSlimmers",void 0),W([f()],X.prototype,"itemsSlotController",void 0),W([f()],X.prototype,"keyboardController",void 0),W([f()],X.prototype,"valueController",void 0),W([f()],X.prototype,"sourceController",void 0),W([f()],X.prototype,"renderer",void 0),W([f()],X.prototype,"dropdownRenderer",void 0),W([f()],X.prototype,"formFieldController",void 0),W([f()],X.prototype,"changeEventEmit",void 0),W([f()],X.prototype,"createEventEmit",void 0),W([f()],X.prototype,"searchEventEmit",void 0),W([f()],X.prototype,"dropdownEventPrevent",void 0),W([f()],X.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),X.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-combo-box-hint{padding-left:8px;padding-right:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}';export{X as vega_combo_box}

package/dist/vega/p-476a173a.js

@@ -0,0 +1 @@
+import{b as e,e as t}from"./p-d9671d27.js";import{i as s}from"./p-1f83cebf.js";const i=new class{constructor(){this.listeners=[],this.listenKeyPress()}register(e){e.map((e=>e.eventName||(e.eventName="keyup"))),this.listeners=this.listeners.concat(e)}deregister(e){this.listeners=this.listeners.filter((t=>!e.includes(t)))}listenKeyPress(){document.addEventListener("keydown",(e=>{this.invokeListeners("keydown",e)})),document.addEventListener("keyup",(e=>{this.invokeListeners("keyup",e)}))}invokeListeners(e,t){this.listeners.filter((s=>s.eventName===e&&this.shouldInvokeListener(s,t))).forEach((e=>e.callback(t)))}shouldInvokeListener(i,o){let n="";o.code?n=o.code:o.key&&"Unidentified"!==o.key&&(n=o.key);let r=[],c=[];const f=Array.isArray(i.keyCode)?i.keyCode.includes(n):i.keyCode===n;if(!f)return!1;"function"==typeof i.activeElementInScope?r=i.activeElementInScope():"object"==typeof i.activeElementInScope&&(r=i.activeElementInScope),"function"==typeof i.activeElementOutScope?c=i.activeElementOutScope():"object"==typeof i.activeElementOutScope&&(c=i.activeElementOutScope);const d=!i.activeElementInScope||r.some((s=>e(t(),s)));if(!d)return!1;const h=!i.activeElementOutScope||c.every((s=>!e(t(),s))),u=!s(i.modifierPressed)||i.modifierPressed===this.isModifierPressed(o),p=!s(i.shiftKey)||i.shiftKey===o.shiftKey;return f&&d&&h&&u&&p}isModifierPressed(e){return/Mac|iPhone|iPad/.test(navigator.userAgent)?e.metaKey:e.ctrlKey}};export{i as K}

package/dist/vega/p-4a537391.entry.js

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

package/dist/vega/{p-82dbff54.entry.js → p-509eb52e.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as a,g as r}from"./p-6b2342e0.js";import{M as s,a as p}from"./p-f0ff4463.js";import{s as o}from"./p-519a7d55.js";import{c as n,n as h}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as m}from"./p-d849e0f5.js";import{F as c}from"./p-30e7544c.js";import{C as u}from"./p-184d8443.js";import{g as f,G as g,D as b,a as v}from"./p-8bd496b4.js";import{F as y}from"./p-a528714c.js";import{C as x}from"./p-2d0d575f.js";import{c as j}from"./p-f2c8c363.js";import{a as w}from"./p-d9671d27.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-5b71c85e.js";import"./p-f69f84a7.js";import"./p-10ac8b57.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-59fa3f68.js";import"./p-697eb0e1.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";const I=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!1===t.autoValidation},{payloadKey:"BUTTON_VARIANT_IS_PRIMARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"primary"===t.buttonVariant},{payloadKey:"BUTTON_VARIANT_IS_SECONDARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"secondary"===t.buttonVariant}];var A=function(t,e,i,a){var r,s=arguments.length,p=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,i,a);else for(var o=t.length-1;o>=0;o--)(r=t[o])&&(p=(s<3?r(p):s>3?r(e,i,p):r(e,i))||p);return s>3&&p&&Object.defineProperty(e,i,p),p};const V=class{constructor(i){t(this,i),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers={},this.formFieldController=new c({propertyRules:[{propertyName:"min",ruleFactory:t=>"number"==typeof t?new s({minValue:t}):null},{propertyName:"max",ruleFactory:t=>"number"==typeof t?new p({maxValue:t}):null}],defaultValue:0,attributeGetter:t=>this[t],touchableAreaGetter:()=>this.touchableAreaGetter(),inputContainerGetter:()=>this.stepperContainerRef}),this.changeEventEmitter=j(V,f),this.inputEventPrevent=new u([g,f],(()=>this.stepperContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(I),this.max=9999,this.min=0,this.value=0,this.label="",this.inputDisabled=null,this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.buttonVariant="primary",this.onDecrease=()=>{this.value>this.max?this.value=this.max:this.value>this.min&&(this.value-=1)},this.onIncrease=()=>{this.value<this.max&&(this.value+=1)},this.onChildInputChange=t=>{""!==t.detail&&(this.value=n(t.detail))},this.handleInputBlur=t=>{""===t.host.value&&(this.value=this.min)},this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValue(){const t=h(n(this.value,0),this.min,this.max);this.value=t,this.inputRef.value=t.toString(),this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}render(){return o(i(a,{class:w(["vega-flex-shrink-0",this.inputDisabled||this.disabled?"disabled":""])},this.renderLabelDom(),i("div",{class:{"vega-stepper-container":!0,"vega-stepper-container-edited":this.inputDisabled},ref:t=>this.stepperContainerRef=t},i("vega-button-circle",{label:"Decrease",showTooltip:!1,icon:"minus-sign",ref:t=>{b.addUniqueObserverToNode(t,v,(()=>this.onDecrease()))},disabled:this.value<=this.min||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}),i("vega-input",{size:"small",type:"number",max:this.max,min:this.min,value:`${this.value}`,disabled:this.inputDisabled||this.disabled,showClearIcon:!1,ref:t=>(b.addUniqueObserverToNode(t,g,(t=>this.handleInputBlur(t))),b.addUniqueObserverToNode(t,f,(t=>this.onChildInputChange(t))),this.inputRef=t)}),i("vega-button-circle",{label:"Increase",showTooltip:!1,ref:t=>{b.addUniqueObserverToNode(t,v,(()=>this.onIncrease()))},icon:"plus-sign",disabled:this.value>=this.max||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}))),this.host)}renderLabelDom(){return this.label?i("label",{class:"v-text-center v-text-medium-typeset-1",htmlFor:this.stepperId},this.label):null}get host(){return r(this)}static get watchers(){return{value:["watchValue"]}}};A([m()],V.prototype,"globalSlimmers",void 0),A([l()],V.prototype,"formFieldController",void 0),A([l()],V.prototype,"changeEventEmitter",void 0),A([l()],V.prototype,"inputEventPrevent",void 0),A([l()],V.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),V.style=':host{display:inline-block;line-height:normal}:host>label{display:block;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host>div{display:inline-flex;justify-content:center;align-items:center;margin-top:8px}:host div.vega-stepper-container-edited vega-input::part(container-wrapper){padding-left:0px;padding-right:0px}:host(.disabled) vega-input::part(input-container){text-align:center;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));padding:0px;border:0;box-shadow:unset}:host(.disabled) vega-input::part(input-container):hover{border:0}:host(.disabled) vega-input::part(input){background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:0}:host vega-input::part(input){width:48px;text-align:center;-moz-appearance:textfield}:host vega-input::part(input)::-webkit-inner-spin-button{-webkit-appearance:none}:host vega-input::part(input)::-webkit-outer-spin-button{-webkit-appearance:none}:host vega-input::part(error){display:none}:host vega-input::part(container-wrapper){padding-left:8px;padding-right:8px}:host .vega-error{display:none}:host .vega-stepper-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-stepper-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-stepper-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))}';export{V as vega_stepper}
+import{r as t,c as e,h as i,H as a,g as r}from"./p-6b2342e0.js";import{M as s,a as p}from"./p-f0ff4463.js";import{s as o}from"./p-519a7d55.js";import{c as n,n as h}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as m}from"./p-d849e0f5.js";import{F as c}from"./p-6e136980.js";import{C as f}from"./p-c9b6b5a9.js";import{g as u,H as b,D as g,a as v}from"./p-8d0ca805.js";import{F as y}from"./p-a528714c.js";import{C as x}from"./p-2d0d575f.js";import{c as j}from"./p-66fa700b.js";import{a as w}from"./p-d9671d27.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-5b71c85e.js";import"./p-f69f84a7.js";import"./p-10ac8b57.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-3bf66be2.js";import"./p-fe12eff6.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";const I=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!1===t.autoValidation},{payloadKey:"BUTTON_VARIANT_IS_PRIMARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"primary"===t.buttonVariant},{payloadKey:"BUTTON_VARIANT_IS_SECONDARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"secondary"===t.buttonVariant}];var A=function(t,e,i,a){var r,s=arguments.length,p=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,i,a);else for(var o=t.length-1;o>=0;o--)(r=t[o])&&(p=(s<3?r(p):s>3?r(e,i,p):r(e,i))||p);return s>3&&p&&Object.defineProperty(e,i,p),p};const V=class{constructor(i){t(this,i),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers={},this.formFieldController=new c({propertyRules:[{propertyName:"min",ruleFactory:t=>"number"==typeof t?new s({minValue:t}):null},{propertyName:"max",ruleFactory:t=>"number"==typeof t?new p({maxValue:t}):null}],defaultValue:0,attributeGetter:t=>this[t],touchableAreaGetter:()=>this.touchableAreaGetter(),inputContainerGetter:()=>this.stepperContainerRef}),this.changeEventEmitter=j(V,u),this.inputEventPrevent=new f([b,u],(()=>this.stepperContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(I),this.max=9999,this.min=0,this.value=0,this.label="",this.inputDisabled=null,this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.buttonVariant="primary",this.onDecrease=()=>{this.value>this.max?this.value=this.max:this.value>this.min&&(this.value-=1)},this.onIncrease=()=>{this.value<this.max&&(this.value+=1)},this.onChildInputChange=t=>{""!==t.detail&&(this.value=n(t.detail))},this.handleInputBlur=t=>{""===t.host.value&&(this.value=this.min)},this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValue(){const t=h(n(this.value,0),this.min,this.max);this.value=t,this.inputRef.value=t.toString(),this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}render(){return o(i(a,{class:w(["vega-flex-shrink-0",this.inputDisabled||this.disabled?"disabled":""])},this.renderLabelDom(),i("div",{class:{"vega-stepper-container":!0,"vega-stepper-container-edited":this.inputDisabled},ref:t=>this.stepperContainerRef=t},i("vega-button-circle",{label:"Decrease",showTooltip:!1,icon:"minus-sign",ref:t=>{g.addUniqueObserverToNode(t,v,(()=>this.onDecrease()))},disabled:this.value<=this.min||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}),i("vega-input",{size:"small",type:"number",max:this.max,min:this.min,value:`${this.value}`,disabled:this.inputDisabled||this.disabled,showClearIcon:!1,ref:t=>(g.addUniqueObserverToNode(t,b,(t=>this.handleInputBlur(t))),g.addUniqueObserverToNode(t,u,(t=>this.onChildInputChange(t))),this.inputRef=t)}),i("vega-button-circle",{label:"Increase",showTooltip:!1,ref:t=>{g.addUniqueObserverToNode(t,v,(()=>this.onIncrease()))},icon:"plus-sign",disabled:this.value>=this.max||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}))),this.host)}renderLabelDom(){return this.label?i("label",{class:"v-text-center v-text-medium-typeset-1",htmlFor:this.stepperId},this.label):null}get host(){return r(this)}static get watchers(){return{value:["watchValue"]}}};A([m()],V.prototype,"globalSlimmers",void 0),A([l()],V.prototype,"formFieldController",void 0),A([l()],V.prototype,"changeEventEmitter",void 0),A([l()],V.prototype,"inputEventPrevent",void 0),A([l()],V.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),V.style=':host{display:inline-block;line-height:normal}:host>label{display:block;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host>div{display:inline-flex;justify-content:center;align-items:center;margin-top:8px}:host div.vega-stepper-container-edited vega-input::part(container-wrapper){padding-left:0px;padding-right:0px}:host(.disabled) vega-input::part(input-container){text-align:center;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));padding:0px;border:0;box-shadow:unset}:host(.disabled) vega-input::part(input-container):hover{border:0}:host(.disabled) vega-input::part(input){background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:0}:host vega-input::part(input){width:48px;text-align:center;-moz-appearance:textfield}:host vega-input::part(input)::-webkit-inner-spin-button{-webkit-appearance:none}:host vega-input::part(input)::-webkit-outer-spin-button{-webkit-appearance:none}:host vega-input::part(error){display:none}:host vega-input::part(container-wrapper){padding-left:8px;padding-right:8px}:host .vega-error{display:none}:host .vega-stepper-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-stepper-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-stepper-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))}';export{V as vega_stepper}

package/dist/vega/{p-95b11cdd.entry.js → p-50ab977c.entry.js}

@@ -1 +1 @@
-import{h as t,H as e,r as n,g as r}from"./p-6b2342e0.js";import{c as i,M as s,V as o,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-d849e0f5.js";import{s as h}from"./p-519a7d55.js";import{a as d}from"./p-ef9cbad1.js";import{T as p,I as f,a as u}from"./p-674fe99e.js";import{R as x,g,V as m}from"./p-451ddd84.js";import{s as v,y as b,Z as w,M as y,c as j,W as k,k as O,X as C,N as R,z,Y as T,_ as I,x as E}from"./p-e3fa091a.js";import{V as S}from"./p-a7b5f497.js";import{c as M}from"./p-86194314.js";import{D as B,g as L,m as N}from"./p-8bd496b4.js";import{i as V}from"./p-161b9c5b.js";import{u as P}from"./p-5b71c85e.js";import{t as W}from"./p-b75ee3ba.js";import{v as K}from"./p-4866e390.js";import{S as A}from"./p-59fa3f68.js";import{f as U}from"./p-d9671d27.js";import{a as _}from"./p-ce2ffff7.js";import{i as $}from"./p-d27ae9ff.js";import"./p-a528714c.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-8c9ea6f4.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-5d676a94.js";import"./p-262ec334.js";class D extends S{registerRef(t,e){t&&v.register(t,e)}getCustomAttrs(t){var e;return(null===(e=t.getCustomAttributesAnnotation())||void 0===e?void 0:e.render())||{}}}class F extends S{registerRef(t,e){t&&v.register(t,e)}}const X=new class extends F{render(t){const e=t.getAnnotationByType(b.INLINE_HTML),n=this.renderText(t);return e?this.renderWithWrapper(n,e):n}registerRef(t,e){if(super.registerRef(t,e),t){const n=e.getAnnotationByType("TEXT_COLOR");n&&p.register(t,n)}}renderWithWrapper(e,n){const{htmlTag:r,customStyle:i,customAttribute:s,customClass:o}=n,a=Object.assign(Object.assign({},null==s?void 0:s.render()),{style:null==i?void 0:i.renderStyle(),class:null==o?void 0:o.renderClass().join(" ")});return t(r,Object.assign({},a),n.child?this.renderWithWrapper(e,n.child):e)}renderText(e){var n,r;const i=(null===(n=e.getAnnotationByType(b.CODE))||void 0===n?void 0:n.code)?"code":"span",s=Object.assign(Object.assign({},null===(r=e.getCustomAttributesAnnotation())||void 0===r?void 0:r.render()),{key:e.id,style:e.getStyles(),class:e.getClasses(),ref:t=>this.registerRef(t,e)});return t(i,Object.assign({},s),e.text||w)}};class G extends y{constructor(t){super(),this.type=j.UNLINK_LINK_GROUP,this.groupKey=t}}const H=new class{constructor(){this.handleChange=({detail:t},e,n)=>{switch(t.action){case"link":{const{url:r,text:i}=t.payload,s=i!==e;return void n.forEach((t=>{const e=t.getAnnotationByType(b.LINK).link.groupKey,o=new k({link:{href:r,groupKey:e},newText:s?i:void 0,needMergeNode:s&&n.length>1,doSplit:!1,type:"update_link"});t.apply(o)}))}case"unlink":return void n.forEach((t=>{t.parent.apply(new G(t.annotationMap.get(b.LINK).link.groupKey)),t.deleteAnnotationByType(b.LINK)}))}}}render(e,n,{editable:r}){return this.groupNodesByLink(e).flatMap((e=>{if(this.isLinkGroup(e)){let t;return e.find((e=>{const n=e.getAnnotationByType(b.LINK);if(n)return t=n,!0})),r?this.renderLinkEditorWrapper(e,t,n):this.renderLink(e,t,n)}const i=x.getRTERenderer(e.type);if(i)return i.render(e,{editable:r},t)})).filter(V)}groupNodesByLink(t){return t.reduce(((t,e)=>{const n=e.getAnnotationByType(b.LINK),r=t[t.length-1];return V(n)?r&&this.isLinkGroup(r)&&r[0].getAnnotationByType(b.LINK).toEqual(n)?r.push(e):t.push([e]):t.push(e),t}),[])}isLinkGroup(t){return Array.isArray(t)}renderLinkEditorWrapper(e,n,r){const{href:i}=n.link,s=e.map((t=>t.text)).join("");let o;return t("span",{class:"link-editor-wrapper",role:"link",tabIndex:0,onKeyDown:M(),ref:t=>{t&&(o=t,v.removeDirtyDomRef(t))}},this.renderLink(e,n,r),t("vega-rich-text-link-editor",{record:{text:s,url:i},ref:t=>{t&&(t.target=o,B.addUniqueObserverToNode(t,L,(t=>{this.handleChange(t,s,e)})))}}))}renderLink(e,n,r){return t("a",Object.assign({},r.toJsx(n)),e.map((t=>X.render(t))))}};class Y extends D{renderNodes(e,n){const r=e.getAnnotationByType(O.LINK_GROUP);return r?H.render(e.children,r,n):e.children.map((e=>{const r=x.getRTERenderer(e.type);if(r)return r.render(e,n,t)}))}}const Z=new class extends Y{render(e,n){const r=e.getBlockTag();return t(r,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),super.renderNodes(e,n))}},q=new class extends F{constructor(){super(...arguments),this.handleChange=({detail:t},e)=>{switch(t.action){case"edit":e.apply(new f(t.payload.size,t.payload.alt));break;case"delete":{const t=new InputEvent("beforeinput",{inputType:"deleteContentBackward",bubbles:!0});setTimeout((()=>{v.getDOMByEntity(e).dispatchEvent(t)}),50);break}}}}render(e,n){const r=e.getAnnotationByType(b.IMAGE)||new g("md","");return n.editable?t("vega-rich-text-image-editor",{key:e.id,class:this.getClassesForImageEditor(e),size:r.size,alt:r.alt,ref:t=>{B.addUniqueObserverToNode(t,L,(t=>this.handleChange(t,e)))}},this.renderImage(r,e,n)):this.renderImage(r,e,n)}renderImage(e,n,r){var i;return t("img",Object.assign({},null===(i=n.getCustomAttributesAnnotation())||void 0===i?void 0:i.render({filterAttributes:["width","height"]}),{class:this.getClassesForImageNode(n,r.editable),style:Object.assign(Object.assign({},n.getStyles()),r.editable?{width:"100%"}:e.renderStyle({standalone:!0})),alt:e.alt,"data-size":e.size,src:n.url,ref:t=>super.registerRef(t,n)}))}getCommonClasses(t){const e=t.getAnnotationByType(C.CUSTOM_CLASS);return e?e.customClass.filter(V).reduce(((t,e)=>[t,e].join(" ").trim()),""):null}getClasses(t,e={standalone:!1}){return Array.from(t.annotationMap.values()).filter((t=>t instanceof R)).map((t=>t.renderClass(e))).filter(V).reduce(((t,e)=>[t,e].join(" ").trim()),"")}getClassesForImageNode(t,e){var n;return e?`${z.DECORATOR_NODE_CLASS} ${null!==(n=this.getCommonClasses(t))&&void 0!==n?n:""}`:t.getClasses()}getClassesForImageEditor(t){return`${z.DECORATOR_CONTAINER_CLASS} ${this.getClasses(t)}`}},J=new class extends D{render(e,n){return t("div",Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((t=>q.render(t,n))))}},Q=new class extends Y{render(e,n){return t("li",Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),super.renderNodes(e,n),this.renderChildren(e.nestList,n))}renderChildren(t,e){return null==t?void 0:t.map((t=>tt.render(t,e)))}},tt=new class extends D{render(e,n){const r=e.getBlockTag();return t(r,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((t=>Q.render(t,n))))}};class et extends y{constructor(t,e){super(),this.isFlushable=!0,this.type=j.SWITCH_OUT_FROM_CODE_BLOCK,this.content=t,this.language=e}}class nt extends y{constructor(){super(...arguments),this.isFlushable=!0,this.type=j.DELETE_CODE_BLOCK}}const rt=new class extends F{render(e,n){const{text:r,language:i}=e;return t("vega-code-block",{key:e.id,value:{code:r,language:i},readOnly:!n.editable,"data-content":r,"data-language":i,ref:t=>{this.registerRef(t,e),B.addUniqueObserverToNode(t,L,(t=>this.handleCodeContentChange(t.detail,e))),B.addUniqueObserverToNode(t,N,(t=>this.handleCodeBlockRemove(t,e))),B.addUniqueObserverToNode(t,P,(t=>this.handleSelectionChange(t.detail,e)))}})}handleCodeContentChange(t,e){const{code:n,language:r}=t;if(this.shouldSwitchOutOfCodeBlock(e.text,n)){const t=new et(n,r);e.parent.apply(t)}else e.apply(new T(n,r))}handleCodeBlockRemove(t,e){t.preventDefault(),e.parent.apply(new nt)}shouldSwitchOutOfCodeBlock(t,e){const n=e.split("\n");return e.length>t.length&&n.length>4&&""===n.slice(n.length-4).join("")}handleSelectionChange(t,e){t?e.apply(new I(null)):e.annotationMap.delete(O.SELECTION_RANGE)}},it=new class extends D{constructor(){super(...arguments),this.preventParentDoFocus=t=>{t.stopPropagation(),"keydown"===t.type&&this.dispatchMockKeydownEvent(t)}}render(e,n){const{id:r,children:i}=e;return t("pre",{key:r,class:"code-block-container",ref:t=>this.registerRef(t,e),onKeyDown:this.preventParentDoFocus,onClick:this.preventParentDoFocus,"data-language":i[0].language},this.renderPlaceholderElement("TOP"),rt.render(i[0],n),this.renderPlaceholderElement("BOTTOM"))}renderPlaceholderElement(e){return t("span",{class:E.CODE_BLOCK_PLACEHOLDER_CLASS_NAME,style:{display:"block",height:"1px",overflow:"hidden",zIndex:"1",marginTop:"BOTTOM"===e?"-1px":"0px",marginBottom:"BOTTOM"===e?"0px":"-1px"}},w)}dispatchMockKeydownEvent(t){const e=W();if(e){const{type:n,code:r,metaKey:i,ctrlKey:s,shiftKey:o}=t,a=new Event(n,{bubbles:!1,cancelable:!0});a.code=r,a.metaKey=i,a.ctrlKey=s,a.shiftKey=o,e.dispatchEvent(a)}}},st=new class extends D{render(e,n){return t(e.htmlTag,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((e=>x.getRTERenderer(e.type).render(e,n,t))))}},ot=new class{constructor(){x.registerRTEDTORenderer("title",Z),x.registerRTEDTORenderer("subtitle",Z),x.registerRTEDTORenderer("paragraph",Z),x.registerRTEDTORenderer("heading-1",Z),x.registerRTEDTORenderer("heading-2",Z),x.registerRTEDTORenderer("heading-3",Z),x.registerRTEDTORenderer("heading-4",Z),x.registerRTEDTORenderer("heading-5",Z),x.registerRTEDTORenderer("heading-6",Z),x.registerRTEDTORenderer("bullet-list",tt),x.registerRTEDTORenderer("number-list",tt),x.registerRTEDTORenderer("list-item",Q),x.registerRTEDTORenderer("image",J),x.registerRTEDTORenderer("code-block",it),x.registerRTEDTORenderer("html-block",st),x.registerRTEDTORenderer("TEXT",X),x.registerRTEDTORenderer("IMAGE",q)}getBlockRenderer(t){return x.getRTERenderer(t)}};var at=function(t,e,n,r){var i,s=arguments.length,o=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s<3?i(o):s>3?i(e,n,o):i(e,n))||o);return s>3&&o&&Object.defineProperty(e,n,o),o};class ct extends o{constructor(){super(),d.registerCustomDarkModeColor(u.formatDarkModeColor())}componentWillLoad(){this.setRTEContent()}watchValueUpdate(){this.setRTEContent()}getRichTextContentRef(){return this.richTextContentRef}render(){return t(e,null,this.extensionStyles?t("style",{nonce:K.nonce,class:"rte-extension-styles"},this.extensionStyles):null,this.renderRichTextContent())}setRTEContent(){!this.content||this.content instanceof m||(this.content=m.fromJSON(this.content))}renderRichTextContent(){const e=this.shouldShowPlaceholder();return t("div",{ref:t=>this.richTextContentRef=t,class:{showPlaceholder:e,"rich-text-content":!0},"data-placeholder":this.placeholder,contenteditable:this.contentEditable},this.renderContent())}renderContent(){var e;const n={editable:this.contentEditable};return null===(e=this.content)||void 0===e?void 0:e.children.map((e=>{const r=ot.getBlockRenderer(e.type);if(r)return r.render(e,n,t)}))}shouldShowPlaceholder(){var t;const e=null===(t=this.content)||void 0===t?void 0:t.children;if(e){if(e.length>1)return!1;for(const t of e)if(t.isNotEmpty())return!1}return!0}}at([i()],ct.prototype,"placeholder",void 0),at([i()],ct.prototype,"contentEditable",void 0),at([i({writable:!0})],ct.prototype,"content",void 0),at([i()],ct.prototype,"extensionStyles",void 0),at([s("componentWillLoad")],ct.prototype,"componentWillLoad",null),at([s("watchValueUpdate")],ct.prototype,"watchValueUpdate",null);var lt=function(t,e,n,r){var i,s=arguments.length,o=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s<3?i(o):s>3?i(e,n,o):i(e,n))||o);return s>3&&o&&Object.defineProperty(e,n,o),o};class ht extends A{constructor(){super({parent:"vega-rich-text-editor",subStates:[{subStateName:"placeholder",parentStateName:"placeholder"},{subStateName:"contentEditable",parentStateName:"richTextContentEditable"}]})}}lt([i()],ht.prototype,"host",void 0),lt([i({writable:!0})],ht.prototype,"placeholder",void 0),lt([i({writable:!0})],ht.prototype,"contentEditable",void 0);var dt=function(t,e,n,r){var i,s=arguments.length,o=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s<3?i(o):s>3?i(e,n,o):i(e,n))||o);return s>3&&o&&Object.defineProperty(e,n,o),o};class pt extends o{attachExtensionStyles(){this.attachStylesToHost()}handleExtensionsChange(t,e){$(t,e,!1,((t,e)=>t===e?0:1))||this.attachStylesToHost()}attachStylesToHost(){if(this.extensions){let t="";for(const e of this.extensions){const n=e.collectExtensionRendererStyles();n&&(t+=`${n}\n`)}this.extensionStyles=t}}}dt([i()],pt.prototype,"extensions",void 0),dt([i()],pt.prototype,"host",void 0),dt([i({writable:!0})],pt.prototype,"extensionStyles",void 0),dt([s("componentWillLoad")],pt.prototype,"attachExtensionStyles",null),dt([s("watchExtensions")],pt.prototype,"handleExtensionsChange",null);var ft=function(t,e,n,r){var i,s=arguments.length,o=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s<3?i(o):s>3?i(e,n,o):i(e,n))||o);return s>3&&o&&Object.defineProperty(e,n,o),o};const ut=class{constructor(t){n(this,t),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.vegaRichTextContentRenderer=new ct,this.vegaRichTextContentStateController=new ht,this.vegaRichTextContentExtensionsStylesController=new pt,this.contentEditable=!1,this.extensionStyles="",this.extensions=[]}watchValueUpdate(){}watchExtensions(t,e){}async vegaFocus(){this.vegaRichTextContentRenderer.getRichTextContentRef().focus();const t=U(this.host,"vega-rich-text-editor");t&&await _(t)}render(){return h(this.vegaRichTextContentRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{content:["watchValueUpdate"],extensions:["watchExtensions"]}}};ft([l()],ut.prototype,"globalSlimmers",void 0),ft([a()],ut.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ft([a()],ut.prototype,"vegaRichTextContentRenderer",void 0),ft([a()],ut.prototype,"vegaRichTextContentStateController",void 0),ft([a()],ut.prototype,"vegaRichTextContentExtensionsStylesController",void 0),ut.style=':host{display:flex;flex-direction:column;width:100%}:host .rich-text-content{position:relative;height:100%;outline:2px solid transparent;outline-offset:2px;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));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));border-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:"Roboto Mono";white-space:pre-wrap}:host .rich-text-content img{cursor:pointer}:host .rich-text-content ul.v-rte--list,:host .rich-text-content ol.v-rte--list{padding-left:8px;margin-left:16px}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}:host .rich-text-content .code-block-container{margin-top:22px;margin-bottom:22px}:host .rich-text-content vega-code-block.focus{outline:none}:host .rich-text-content .v-rte--bold{font-weight:700}:host .rich-text-content .v-rte--italic{font-style:italic}:host .rich-text-content .v-rte--image-base img,:host .rich-text-content .v-rte--image-size-lg img,:host .rich-text-content .v-rte--image-size-md img,:host .rich-text-content .v-rte--image-size-sm img{vertical-align:bottom}:host .rich-text-content .v-rte--image-size-sm{width:25%}:host .rich-text-content .v-rte--image-size-md{width:50%}:host .rich-text-content .v-rte--image-size-lg{width:100%}:host .rich-text-content .v-rte--text-style-paragraph{font-family:"Inter";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-title{font-family:"Inter";font-size:36px;line-height:40px;font-weight:500}:host .rich-text-content .v-rte--text-style-subtitle{font-family:"Inter";font-size:28px;line-height:32px;font-weight:500}:host .rich-text-content .v-rte--text-style-heading-1{font-family:"Inter";font-size:22px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-2{font-family:"Inter";font-size:20px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-3{font-family:"Inter";font-size:18px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-4{font-family:"Inter";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-5{font-family:"Inter";font-size:14px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-6{font-family:"Inter";font-size:12px;line-height:22px;font-weight:500;margin:0}';export{ut as vega_rich_text_content}
+import{h as t,H as e,r as n,g as r}from"./p-6b2342e0.js";import{c as i,M as s,V as o,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-d849e0f5.js";import{s as h}from"./p-519a7d55.js";import{a as d}from"./p-ef9cbad1.js";import{T as p,I as f,a as u}from"./p-22c5d83b.js";import{R as x,g,V as m}from"./p-56e97df8.js";import{s as v,y as b,Z as w,M as y,c as j,W as k,k as O,X as C,N as R,z,Y as T,_ as I,x as E}from"./p-6f8be8ea.js";import{V as S}from"./p-a7b5f497.js";import{c as M}from"./p-86194314.js";import{D as B,g as L,m as N}from"./p-8d0ca805.js";import{i as V}from"./p-1f83cebf.js";import{u as P}from"./p-5b71c85e.js";import{t as W}from"./p-b75ee3ba.js";import{v as K}from"./p-4866e390.js";import{S as A}from"./p-3bf66be2.js";import{f as U}from"./p-d9671d27.js";import{a as _}from"./p-aedf7146.js";import{i as $}from"./p-d27ae9ff.js";import"./p-a528714c.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-8c9ea6f4.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-5d676a94.js";import"./p-262ec334.js";class D extends S{registerRef(t,e){t&&v.register(t,e)}getCustomAttrs(t){var e;return(null===(e=t.getCustomAttributesAnnotation())||void 0===e?void 0:e.render())||{}}}class F extends S{registerRef(t,e){t&&v.register(t,e)}}const X=new class extends F{render(t){const e=t.getAnnotationByType(b.INLINE_HTML),n=this.renderText(t);return e?this.renderWithWrapper(n,e):n}registerRef(t,e){if(super.registerRef(t,e),t){const n=e.getAnnotationByType("TEXT_COLOR");n&&p.register(t,n)}}renderWithWrapper(e,n){const{htmlTag:r,customStyle:i,customAttribute:s,customClass:o}=n,a=Object.assign(Object.assign({},null==s?void 0:s.render()),{style:null==i?void 0:i.renderStyle(),class:null==o?void 0:o.renderClass().join(" ")});return t(r,Object.assign({},a),n.child?this.renderWithWrapper(e,n.child):e)}renderText(e){var n,r;const i=(null===(n=e.getAnnotationByType(b.CODE))||void 0===n?void 0:n.code)?"code":"span",s=Object.assign(Object.assign({},null===(r=e.getCustomAttributesAnnotation())||void 0===r?void 0:r.render()),{key:e.id,style:e.getStyles(),class:e.getClasses(),ref:t=>this.registerRef(t,e)});return t(i,Object.assign({},s),e.text||w)}};class G extends y{constructor(t){super(),this.type=j.UNLINK_LINK_GROUP,this.groupKey=t}}const H=new class{constructor(){this.handleChange=({detail:t},e,n)=>{switch(t.action){case"link":{const{url:r,text:i}=t.payload,s=i!==e;return void n.forEach((t=>{const e=t.getAnnotationByType(b.LINK).link.groupKey,o=new k({link:{href:r,groupKey:e},newText:s?i:void 0,needMergeNode:s&&n.length>1,doSplit:!1,type:"update_link"});t.apply(o)}))}case"unlink":return void n.forEach((t=>{t.parent.apply(new G(t.annotationMap.get(b.LINK).link.groupKey)),t.deleteAnnotationByType(b.LINK)}))}}}render(e,n,{editable:r}){return this.groupNodesByLink(e).flatMap((e=>{if(this.isLinkGroup(e)){let t;return e.find((e=>{const n=e.getAnnotationByType(b.LINK);if(n)return t=n,!0})),r?this.renderLinkEditorWrapper(e,t,n):this.renderLink(e,t,n)}const i=x.getRTERenderer(e.type);if(i)return i.render(e,{editable:r},t)})).filter(V)}groupNodesByLink(t){return t.reduce(((t,e)=>{const n=e.getAnnotationByType(b.LINK),r=t[t.length-1];return V(n)?r&&this.isLinkGroup(r)&&r[0].getAnnotationByType(b.LINK).toEqual(n)?r.push(e):t.push([e]):t.push(e),t}),[])}isLinkGroup(t){return Array.isArray(t)}renderLinkEditorWrapper(e,n,r){const{href:i}=n.link,s=e.map((t=>t.text)).join("");let o;return t("span",{class:"link-editor-wrapper",role:"link",tabIndex:0,onKeyDown:M(),ref:t=>{t&&(o=t,v.removeDirtyDomRef(t))}},this.renderLink(e,n,r),t("vega-rich-text-link-editor",{record:{text:s,url:i},ref:t=>{t&&(t.target=o,B.addUniqueObserverToNode(t,L,(t=>{this.handleChange(t,s,e)})))}}))}renderLink(e,n,r){return t("a",Object.assign({},r.toJsx(n)),e.map((t=>X.render(t))))}};class Y extends D{renderNodes(e,n){const r=e.getAnnotationByType(O.LINK_GROUP);return r?H.render(e.children,r,n):e.children.map((e=>{const r=x.getRTERenderer(e.type);if(r)return r.render(e,n,t)}))}}const Z=new class extends Y{render(e,n){const r=e.getBlockTag();return t(r,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),super.renderNodes(e,n))}},q=new class extends F{constructor(){super(...arguments),this.handleChange=({detail:t},e)=>{switch(t.action){case"edit":e.apply(new f(t.payload.size,t.payload.alt));break;case"delete":{const t=new InputEvent("beforeinput",{inputType:"deleteContentBackward",bubbles:!0});setTimeout((()=>{v.getDOMByEntity(e).dispatchEvent(t)}),50);break}}}}render(e,n){const r=e.getAnnotationByType(b.IMAGE)||new g("md","");return n.editable?t("vega-rich-text-image-editor",{key:e.id,class:this.getClassesForImageEditor(e),size:r.size,alt:r.alt,ref:t=>{B.addUniqueObserverToNode(t,L,(t=>this.handleChange(t,e)))}},this.renderImage(r,e,n)):this.renderImage(r,e,n)}renderImage(e,n,r){var i;return t("img",Object.assign({},null===(i=n.getCustomAttributesAnnotation())||void 0===i?void 0:i.render({filterAttributes:["width","height"]}),{class:this.getClassesForImageNode(n,r.editable),style:Object.assign(Object.assign({},n.getStyles()),r.editable?{width:"100%"}:e.renderStyle({standalone:!0})),alt:e.alt,"data-size":e.size,src:n.url,ref:t=>super.registerRef(t,n)}))}getCommonClasses(t){const e=t.getAnnotationByType(C.CUSTOM_CLASS);return e?e.customClass.filter(V).reduce(((t,e)=>[t,e].join(" ").trim()),""):null}getClasses(t,e={standalone:!1}){return Array.from(t.annotationMap.values()).filter((t=>t instanceof R)).map((t=>t.renderClass(e))).filter(V).reduce(((t,e)=>[t,e].join(" ").trim()),"")}getClassesForImageNode(t,e){var n;return e?`${z.DECORATOR_NODE_CLASS} ${null!==(n=this.getCommonClasses(t))&&void 0!==n?n:""}`:t.getClasses()}getClassesForImageEditor(t){return`${z.DECORATOR_CONTAINER_CLASS} ${this.getClasses(t)}`}},J=new class extends D{render(e,n){return t("div",Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((t=>q.render(t,n))))}},Q=new class extends Y{render(e,n){return t("li",Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),super.renderNodes(e,n),this.renderChildren(e.nestList,n))}renderChildren(t,e){return null==t?void 0:t.map((t=>tt.render(t,e)))}},tt=new class extends D{render(e,n){const r=e.getBlockTag();return t(r,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((t=>Q.render(t,n))))}};class et extends y{constructor(t,e){super(),this.isFlushable=!0,this.type=j.SWITCH_OUT_FROM_CODE_BLOCK,this.content=t,this.language=e}}class nt extends y{constructor(){super(...arguments),this.isFlushable=!0,this.type=j.DELETE_CODE_BLOCK}}const rt=new class extends F{render(e,n){const{text:r,language:i}=e;return t("vega-code-block",{key:e.id,value:{code:r,language:i},readOnly:!n.editable,"data-content":r,"data-language":i,ref:t=>{this.registerRef(t,e),B.addUniqueObserverToNode(t,L,(t=>this.handleCodeContentChange(t.detail,e))),B.addUniqueObserverToNode(t,N,(t=>this.handleCodeBlockRemove(t,e))),B.addUniqueObserverToNode(t,P,(t=>this.handleSelectionChange(t.detail,e)))}})}handleCodeContentChange(t,e){const{code:n,language:r}=t;if(this.shouldSwitchOutOfCodeBlock(e.text,n)){const t=new et(n,r);e.parent.apply(t)}else e.apply(new T(n,r))}handleCodeBlockRemove(t,e){t.preventDefault(),e.parent.apply(new nt)}shouldSwitchOutOfCodeBlock(t,e){const n=e.split("\n");return e.length>t.length&&n.length>4&&""===n.slice(n.length-4).join("")}handleSelectionChange(t,e){t?e.apply(new I(null)):e.annotationMap.delete(O.SELECTION_RANGE)}},it=new class extends D{constructor(){super(...arguments),this.preventParentDoFocus=t=>{t.stopPropagation(),"keydown"===t.type&&this.dispatchMockKeydownEvent(t)}}render(e,n){const{id:r,children:i}=e;return t("pre",{key:r,class:"code-block-container",ref:t=>this.registerRef(t,e),onKeyDown:this.preventParentDoFocus,onClick:this.preventParentDoFocus,"data-language":i[0].language},this.renderPlaceholderElement("TOP"),rt.render(i[0],n),this.renderPlaceholderElement("BOTTOM"))}renderPlaceholderElement(e){return t("span",{class:E.CODE_BLOCK_PLACEHOLDER_CLASS_NAME,style:{display:"block",height:"1px",overflow:"hidden",zIndex:"1",marginTop:"BOTTOM"===e?"-1px":"0px",marginBottom:"BOTTOM"===e?"0px":"-1px"}},w)}dispatchMockKeydownEvent(t){const e=W();if(e){const{type:n,code:r,metaKey:i,ctrlKey:s,shiftKey:o}=t,a=new Event(n,{bubbles:!1,cancelable:!0});a.code=r,a.metaKey=i,a.ctrlKey=s,a.shiftKey=o,e.dispatchEvent(a)}}},st=new class extends D{render(e,n){return t(e.htmlTag,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((e=>x.getRTERenderer(e.type).render(e,n,t))))}},ot=new class{constructor(){x.registerRTEDTORenderer("title",Z),x.registerRTEDTORenderer("subtitle",Z),x.registerRTEDTORenderer("paragraph",Z),x.registerRTEDTORenderer("heading-1",Z),x.registerRTEDTORenderer("heading-2",Z),x.registerRTEDTORenderer("heading-3",Z),x.registerRTEDTORenderer("heading-4",Z),x.registerRTEDTORenderer("heading-5",Z),x.registerRTEDTORenderer("heading-6",Z),x.registerRTEDTORenderer("bullet-list",tt),x.registerRTEDTORenderer("number-list",tt),x.registerRTEDTORenderer("list-item",Q),x.registerRTEDTORenderer("image",J),x.registerRTEDTORenderer("code-block",it),x.registerRTEDTORenderer("html-block",st),x.registerRTEDTORenderer("TEXT",X),x.registerRTEDTORenderer("IMAGE",q)}getBlockRenderer(t){return x.getRTERenderer(t)}};var at=function(t,e,n,r){var i,s=arguments.length,o=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s<3?i(o):s>3?i(e,n,o):i(e,n))||o);return s>3&&o&&Object.defineProperty(e,n,o),o};class ct extends o{constructor(){super(),d.registerCustomDarkModeColor(u.formatDarkModeColor())}componentWillLoad(){this.setRTEContent()}watchValueUpdate(){this.setRTEContent()}getRichTextContentRef(){return this.richTextContentRef}render(){return t(e,null,this.extensionStyles?t("style",{nonce:K.nonce,class:"rte-extension-styles"},this.extensionStyles):null,this.renderRichTextContent())}setRTEContent(){!this.content||this.content instanceof m||(this.content=m.fromJSON(this.content))}renderRichTextContent(){const e=this.shouldShowPlaceholder();return t("div",{ref:t=>this.richTextContentRef=t,class:{showPlaceholder:e,"rich-text-content":!0},"data-placeholder":this.placeholder,contenteditable:this.contentEditable},this.renderContent())}renderContent(){var e;const n={editable:this.contentEditable};return null===(e=this.content)||void 0===e?void 0:e.children.map((e=>{const r=ot.getBlockRenderer(e.type);if(r)return r.render(e,n,t)}))}shouldShowPlaceholder(){var t;const e=null===(t=this.content)||void 0===t?void 0:t.children;if(e){if(e.length>1)return!1;for(const t of e)if(t.isNotEmpty())return!1}return!0}}at([i()],ct.prototype,"placeholder",void 0),at([i()],ct.prototype,"contentEditable",void 0),at([i({writable:!0})],ct.prototype,"content",void 0),at([i()],ct.prototype,"extensionStyles",void 0),at([s("componentWillLoad")],ct.prototype,"componentWillLoad",null),at([s("watchValueUpdate")],ct.prototype,"watchValueUpdate",null);var lt=function(t,e,n,r){var i,s=arguments.length,o=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s<3?i(o):s>3?i(e,n,o):i(e,n))||o);return s>3&&o&&Object.defineProperty(e,n,o),o};class ht extends A{constructor(){super({parent:"vega-rich-text-editor",subStates:[{subStateName:"placeholder",parentStateName:"placeholder"},{subStateName:"contentEditable",parentStateName:"richTextContentEditable"}]})}}lt([i()],ht.prototype,"host",void 0),lt([i({writable:!0})],ht.prototype,"placeholder",void 0),lt([i({writable:!0})],ht.prototype,"contentEditable",void 0);var dt=function(t,e,n,r){var i,s=arguments.length,o=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s<3?i(o):s>3?i(e,n,o):i(e,n))||o);return s>3&&o&&Object.defineProperty(e,n,o),o};class pt extends o{attachExtensionStyles(){this.attachStylesToHost()}handleExtensionsChange(t,e){$(t,e,!1,((t,e)=>t===e?0:1))||this.attachStylesToHost()}attachStylesToHost(){if(this.extensions){let t="";for(const e of this.extensions){const n=e.collectExtensionRendererStyles();n&&(t+=`${n}\n`)}this.extensionStyles=t}}}dt([i()],pt.prototype,"extensions",void 0),dt([i()],pt.prototype,"host",void 0),dt([i({writable:!0})],pt.prototype,"extensionStyles",void 0),dt([s("componentWillLoad")],pt.prototype,"attachExtensionStyles",null),dt([s("watchExtensions")],pt.prototype,"handleExtensionsChange",null);var ft=function(t,e,n,r){var i,s=arguments.length,o=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s<3?i(o):s>3?i(e,n,o):i(e,n))||o);return s>3&&o&&Object.defineProperty(e,n,o),o};const ut=class{constructor(t){n(this,t),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.vegaRichTextContentRenderer=new ct,this.vegaRichTextContentStateController=new ht,this.vegaRichTextContentExtensionsStylesController=new pt,this.contentEditable=!1,this.extensionStyles="",this.extensions=[]}watchValueUpdate(){}watchExtensions(t,e){}async vegaFocus(){this.vegaRichTextContentRenderer.getRichTextContentRef().focus();const t=U(this.host,"vega-rich-text-editor");t&&await _(t)}render(){return h(this.vegaRichTextContentRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{content:["watchValueUpdate"],extensions:["watchExtensions"]}}};ft([l()],ut.prototype,"globalSlimmers",void 0),ft([a()],ut.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ft([a()],ut.prototype,"vegaRichTextContentRenderer",void 0),ft([a()],ut.prototype,"vegaRichTextContentStateController",void 0),ft([a()],ut.prototype,"vegaRichTextContentExtensionsStylesController",void 0),ut.style=':host{display:flex;flex-direction:column;width:100%}:host .rich-text-content{position:relative;height:100%;outline:2px solid transparent;outline-offset:2px;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));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));border-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:"Roboto Mono";white-space:pre-wrap}:host .rich-text-content img{cursor:pointer}:host .rich-text-content ul.v-rte--list,:host .rich-text-content ol.v-rte--list{padding-left:8px;margin-left:16px}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}:host .rich-text-content .code-block-container{margin-top:22px;margin-bottom:22px}:host .rich-text-content vega-code-block.focus{outline:none}:host .rich-text-content .v-rte--bold{font-weight:700}:host .rich-text-content .v-rte--italic{font-style:italic}:host .rich-text-content .v-rte--image-base img,:host .rich-text-content .v-rte--image-size-lg img,:host .rich-text-content .v-rte--image-size-md img,:host .rich-text-content .v-rte--image-size-sm img{vertical-align:bottom}:host .rich-text-content .v-rte--image-size-sm{width:25%}:host .rich-text-content .v-rte--image-size-md{width:50%}:host .rich-text-content .v-rte--image-size-lg{width:100%}:host .rich-text-content .v-rte--text-style-paragraph{font-family:"Inter";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-title{font-family:"Inter";font-size:36px;line-height:40px;font-weight:500}:host .rich-text-content .v-rte--text-style-subtitle{font-family:"Inter";font-size:28px;line-height:32px;font-weight:500}:host .rich-text-content .v-rte--text-style-heading-1{font-family:"Inter";font-size:22px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-2{font-family:"Inter";font-size:20px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-3{font-family:"Inter";font-size:18px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-4{font-family:"Inter";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-5{font-family:"Inter";font-size:14px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-6{font-family:"Inter";font-size:12px;line-height:22px;font-weight:500;margin:0}';export{ut as vega_rich_text_content}