p3x-redis-ui-material/dist-vue/assets/VTextField-8aQmyraC.js

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

import{A as e,C as t,Kt as n,R as r,S as i,Wt as a,_t as o,at as s,et as c,h as l,ht as u,nt as d,w as f,y as p,yt as m,z as h}from"./i18n.store-B-qxQMr8.js";import{$t as g,At as _,Bt as v,Ct as y,En as b,G as x,H as S,J as C,Pt as w,Qt as T,U as E,Vt as D,W as O,Yn as k,Z as A,_ as ee,a as j,dn as M,en as N,fn as P,g as F,gn as te,h as ne,ht as I,ir as re,mt as ie,nt as L,q as ae,rt as oe,vt as R}from"./_plugin-vue_export-helper-Cw5qm5mn.js";import{a as se,g as z}from"./transitions-RnAlfm8N.js";import{t as B}from"./intersect-DSWVE7vz.js";import{c as V,d as ce,f as H,l as le,n as U,t as W}from"./VInput-B3gWXlJ0.js";var G=D({active:Boolean,disabled:Boolean,max:[Number,String],value:{type:[Number,String],default:0},...v(),...E({transition:{component:z}})},`VCounter`),K=w()({name:`VCounter`,functional:!0,props:G(),setup(t,{slots:r}){let i=m(()=>t.max?`${t.value} / ${t.max}`:String(t.value));return y(()=>e(S,{transition:t.transition},{default:()=>[s(f(`div`,{class:a([`v-counter`,{"text-error":t.max&&!t.disabled&&parseFloat(t.value)>parseFloat(t.max)},t.class]),style:n(t.style)},[r.default?r.default({counter:i.value,max:t.max,value:t.value}):i.value]),[[l,t.active]])]})),{}}}),ue=D({floating:Boolean,...v()},`VFieldLabel`),q=w()({name:`VFieldLabel`,props:ue(),setup(t,{slots:r}){return y(()=>e(H,{class:a([`v-field-label`,{"v-field-label--floating":t.floating},t.class]),style:n(t.style)},r)),{}}}),J=[`underlined`,`outlined`,`filled`,`solo`,`solo-inverted`,`solo-filled`,`plain`],Y=D({appendInnerIcon:R,bgColor:String,clearable:Boolean,clearIcon:{type:R,default:`$clear`},active:Boolean,centerAffix:{type:Boolean,default:void 0},color:String,baseColor:String,dirty:Boolean,disabled:{type:Boolean,default:null},glow:Boolean,error:Boolean,flat:Boolean,iconColor:[Boolean,String],label:String,persistentClear:Boolean,prependInnerIcon:R,reverse:Boolean,singleLine:Boolean,variant:{type:String,default:`filled`,validator:e=>J.includes(e)},"onClick:clear":M(),"onClick:appendInner":M(),"onClick:prependInner":M(),...v(),...F(),...O(),...L()},`VField`),X=w()({name:`VField`,inheritAttrs:!1,props:{id:String,details:Boolean,labelId:String,...V(),...Y()},emits:{"update:focused":e=>!0,"update:modelValue":e=>!0},setup(i,{attrs:o,emit:h,slots:v}){let{themeClasses:b}=oe(i),{loaderClasses:S}=ee(i),{focusClasses:w,isFocused:E,focus:D,blur:O}=le(i),{InputIcon:k}=ce(i),{roundedClasses:j}=x(i),{rtlClasses:M}=ie(),P=m(()=>i.dirty||i.active),F=m(()=>!!(i.label||v.label)),I=m(()=>!i.singleLine&&F.value),L=c(),R=t(()=>i.id||`input-${L}`),z=m(()=>i.details?`${R.value}-messages`:void 0),B=u(),V=u(),H=u(),U=t(()=>[`plain`,`underlined`].includes(i.variant)),W=t(()=>i.error||i.disabled?void 0:P.value&&E.value?i.color:i.baseColor),G=t(()=>{if(!(!i.iconColor||i.glow&&!E.value))return i.iconColor===!0?W.value:i.iconColor}),{backgroundColorClasses:K,backgroundColorStyles:ue}=ae(()=>i.bgColor),{textColorClasses:J,textColorStyles:Y}=C(W);d(P,e=>{if(I.value&&!re()){let t=B.value.$el,n=V.value.$el;requestAnimationFrame(()=>{let r=g(t),i=new N(n),a=i.x-r.x,o=i.y-r.y-(r.height/2-i.height/2),s=i.width/.75,c=Math.abs(s-r.width)>1?{maxWidth:te(s)}:void 0,l=getComputedStyle(t),u=getComputedStyle(n),d=parseFloat(l.transitionDuration)*1e3||150,f=parseFloat(u.getPropertyValue(`--v-field-label-scale`)),p=u.getPropertyValue(`color`);t.style.visibility=`visible`,n.style.visibility=`hidden`,T(t,{transform:`translate(${a}px, ${o}px) scale(${f})`,color:p,...c},{duration:d,easing:_,direction:e?`normal`:`reverse`}).finished.then(()=>{t.style.removeProperty(`visibility`),n.style.removeProperty(`visibility`)})})}},{flush:`post`});let X=t(()=>({isActive:P,isFocused:E,controlRef:H,iconColor:G,blur:O,focus:D})),Z=m(()=>{let e=!P.value;return{"aria-hidden":e,for:e?void 0:R.value}}),Q=m(()=>{let e=I.value&&P.value;return{"aria-hidden":e,for:e?void 0:R.value}});function $(e){e.target!==document.activeElement&&e.preventDefault()}return y(()=>{let t=i.variant===`outlined`,c=!!(v[`prepend-inner`]||i.prependInnerIcon),u=!!(i.clearable||v.clear)&&!i.disabled,d=!!(v[`append-inner`]||i.appendInnerIcon||u),m=()=>v.label?v.label({...X.value,label:i.label,props:{for:R.value}}):i.label;return f(`div`,r({class:[`v-field`,{"v-field--active":P.value,"v-field--appended":d,"v-field--center-affix":i.centerAffix??!U.value,"v-field--disabled":i.disabled,"v-field--dirty":i.dirty,"v-field--error":i.error,"v-field--glow":i.glow,"v-field--flat":i.flat,"v-field--has-background":!!i.bgColor,"v-field--persistent-clear":i.persistentClear,"v-field--prepended":c,"v-field--reverse":i.reverse,"v-field--single-line":i.singleLine,"v-field--no-label":!m(),[`v-field--variant-${i.variant}`]:!0},b.value,K.value,w.value,S.value,j.value,M.value,i.class],style:[ue.value,i.style],onClick:$},o),[f(`div`,{class:`v-field__overlay`},null),e(ne,{name:`v-field`,active:!!i.loading,color:i.error?`error`:typeof i.loading==`string`?i.loading:i.color},{default:v.loader}),c&&f(`div`,{key:`prepend`,class:`v-field__prepend-inner`},[v[`prepend-inner`]?v[`prepend-inner`](X.value):i.prependInnerIcon&&e(k,{key:`prepend-icon`,name:`prependInner`,color:G.value},null)]),f(`div`,{class:`v-field__field`,"data-no-activator":``},[[`filled`,`solo`,`solo-inverted`,`solo-filled`].includes(i.variant)&&I.value&&e(q,r({key:`floating-label`,ref:V,class:[J.value],floating:!0},Z.value,{style:Y.value}),{default:()=>[m()]}),F.value&&e(q,r({key:`label`,ref:B,id:i.labelId},Q.value),{default:()=>[m()]}),v.default?.({...X.value,props:{id:R.value,class:`v-field__input`,"aria-describedby":z.value},focus:D,blur:O})??f(`div`,{id:R.value,class:`v-field__input`,"aria-describedby":z.value},null)]),u&&e(se,{key:`clear`},{default:()=>[s(f(`div`,{class:`v-field__clearable`,onMousedown:e=>{e.preventDefault(),e.stopPropagation()}},[e(A,{defaults:{VIcon:{icon:i.clearIcon}}},{default:()=>[v.clear?v.clear({...X.value,props:{onFocus:D,onBlur:O,onClick:i[`onClick:clear`],tabindex:-1}}):e(k,{name:`clear`,onFocus:D,onBlur:O,tabindex:-1},null)]})]),[[l,i.dirty]])]}),d&&f(`div`,{key:`append`,class:`v-field__append-inner`},[v[`append-inner`]?v[`append-inner`](X.value):i.appendInnerIcon&&e(k,{key:`append-icon`,name:`appendInner`,color:G.value},null)]),f(`div`,{class:a([`v-field__outline`,J.value]),style:n(Y.value)},[t&&f(p,null,[f(`div`,{class:`v-field__outline__start`},null),I.value&&f(`div`,{class:`v-field__outline__notch`},[e(q,r({ref:V,floating:!0},Z.value),{default:()=>[m()]})]),f(`div`,{class:`v-field__outline__end`},null)]),U.value&&I.value&&e(q,r({ref:V,floating:!0},Z.value),{default:()=>[m()]})])])}),{controlRef:H,fieldIconColor:G}}}),Z=D({autocomplete:String},`autocomplete`);function Q(e){let t=c(),n=o(0),r=m(()=>e.autocomplete===`suppress`),i=m(()=>{if(e.name)return r.value?`${e.name}-${t}-${n.value}`:e.name});return{isSuppressing:r,fieldAutocomplete:m(()=>r.value?`off`:e.autocomplete),fieldName:i,update:()=>n.value=new Date().getTime()}}function $(e){function t(t,n){if(!e.autofocus||!t)return;let r=n[0].target;(r.matches(`input,textarea`)?r:r.querySelector(`input,textarea`))?.focus()}return{onIntersect:t}}var de=[`color`,`file`,`time`,`date`,`datetime-local`,`week`,`month`],fe=D({autofocus:Boolean,counter:[Boolean,Number,String],counterValue:[Number,Function],prefix:String,placeholder:String,persistentPlaceholder:Boolean,persistentCounter:Boolean,suffix:String,role:String,type:{type:String,default:`text`},modelModifiers:Object,...Z(),...k(U(),[`direction`]),...Y()},`VTextField`),pe=w()({name:`VTextField`,directives:{vIntersect:B},inheritAttrs:!1,props:fe(),emits:{"click:control":e=>!0,"mousedown:control":e=>!0,"update:focused":e=>!0,"update:modelValue":e=>!0},setup(n,{attrs:o,emit:c,slots:l}){let d=I(n,`modelValue`,void 0,e=>Object.is(e,-0)?`-0`:e),{isFocused:m,focus:g,blur:_}=le(n),{onIntersect:v}=$(n),x=t(()=>typeof n.counterValue==`function`?n.counterValue(d.value):typeof n.counterValue==`number`?n.counterValue:(d.value??``).toString().length),S=t(()=>{if(o.maxlength)return o.maxlength;if(!(!n.counter||typeof n.counter!=`number`&&typeof n.counter!=`string`))return n.counter}),C=t(()=>[`plain`,`underlined`].includes(n.variant)),w=u(),T=u(),E=u(),D=Q(n),O=t(()=>de.includes(n.type)||n.persistentPlaceholder||m.value||n.active);function A(){D.isSuppressing.value&&D.update(),m.value||g(),h(()=>{E.value!==document.activeElement&&E.value?.focus()})}function ee(e){c(`mousedown:control`,e),e.target!==E.value&&(A(),e.preventDefault())}function M(e){c(`click:control`,e)}function N(e,t){e.stopPropagation(),A(),h(()=>{t(),P(n[`onClick:clear`],e)})}function F(e){let t=e.target;if(!(n.modelModifiers?.trim&&[`text`,`search`,`password`,`tel`,`url`].includes(n.type))){d.value=t.value;return}let r=t.value,i=t.selectionStart,a=t.selectionEnd;d.value=r,h(()=>{let e=0;r.trimStart().length===t.value.length&&(e=r.length-t.value.length),i!=null&&(t.selectionStart=i-e),a!=null&&(t.selectionEnd=a-e)})}return y(()=>{let t=!!(l.counter||n.counter!==!1&&n.counter!=null),c=!!(t||l.details),[u,h]=b(o),{modelValue:y,...A}=W.filterProps(n),j=X.filterProps(n);return e(W,r({ref:w,modelValue:d.value,"onUpdate:modelValue":e=>d.value=e,class:[`v-text-field`,{"v-text-field--prefixed":n.prefix,"v-text-field--suffixed":n.suffix,"v-input--plain-underlined":C.value},n.class],style:n.style},u,A,{centerAffix:!C.value,focused:m.value,indentDetails:n.indentDetails??!C.value}),{...l,default:({id:t,isDisabled:o,isDirty:c,isReadonly:u,isValid:y,hasDetails:b,reset:x})=>e(X,r({ref:T,onMousedown:ee,onClick:M,"onClick:clear":e=>N(e,x),role:n.role},k(j,[`onClick:clear`]),{id:t.value,labelId:`${t.value}-label`,active:O.value||c.value,dirty:c.value||n.dirty,disabled:o.value,focused:m.value,details:b.value,error:y.value===!1}),{...l,default:({props:{class:e,...c},controlRef:m})=>{let y=f(`input`,r({ref:e=>E.value=m.value=e,value:d.value,onInput:F,autofocus:n.autofocus,readonly:u.value,disabled:o.value,name:D.fieldName.value,autocomplete:D.fieldAutocomplete.value,placeholder:n.placeholder,size:1,role:n.role,type:n.type,onFocus:g,onBlur:_,"aria-labelledby":`${t.value}-label`},c,h),null);return f(p,null,[n.prefix&&f(`span`,{class:`v-text-field__prefix`},[f(`span`,{class:`v-text-field__prefix__text`},[n.prefix])]),s(l.default?f(`div`,{class:a(e),"data-no-activator":``},[l.default({id:t}),y]):i(y,{class:e}),[[B,v,null,{once:!0}]]),n.suffix&&f(`span`,{class:`v-text-field__suffix`},[f(`span`,{class:`v-text-field__suffix__text`},[n.suffix])])])}}),details:c?r=>f(p,null,[l.details?.(r),t&&f(p,null,[f(`span`,null,null),e(K,{active:n.persistentCounter||m.value,value:x.value,max:S.value,disabled:n.disabled},l.counter)])]):void 0})}),j({},w,T,E)}});export{Q as a,q as c,Z as i,K as l,fe as n,X as o,$ as r,Y as s,pe as t};