p3x-redis-ui-material/dist-vue/assets/VInput-Djo3TaIx.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,B as t,C as n,H as r,I as i,Jt as a,K as o,Kt as s,L as c,Nt as l,Tt as u,U as d,X as f,_t as p,lt as m,pt as h,rt as g,tt as _,w as v,xt as y,yt as b,z as x}from"./i18n.store-Bn0-vXNV.js";import{Bt as S,Ct as C,F as w,H as T,J as E,P as D,Pt as O,Rt as k,U as A,Vt as j,X as M,Y as N,Zn as P,dn as F,fn as I,gt as L,ht as R,lr as z,mt as B,nr as V,nt as H,pt as U,rt as ee,vt as W,x as te,zt as G}from"./_plugin-vue_export-helper-CSr60JSh.js";import{g as ne}from"./transitions-D3IW9am-.js";l(),i();var re=j({text:String,onClick:F(),...S(),...H()},`VLabel`),ie=O()({name:`VLabel`,props:re(),setup(e,{slots:t}){return C(()=>v(`label`,{class:s([`v-label`,{"v-label--clickable":!!e.onClick},e.class]),style:a(e.style),onClick:e.onClick},[e.text,t.default?.()])),{}}});i();function K(t){let{t:n}=U();function r({name:r,color:i,...a}){let o={prepend:`prependAction`,prependInner:`prependAction`,append:`appendAction`,appendInner:`appendAction`,clear:`clear`}[r],s=t[`onClick:${r}`];function c(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),I(s,new PointerEvent(`click`,e)))}let l=s&&o?n(`$vuetify.input.${o}`,t.label??``):void 0;return e(te,x({icon:t[`${r}Icon`],"aria-label":l,onClick:s,onKeydown:c,color:i},a),null)}return{InputIcon:r}}i(),l();var ae=j({active:Boolean,color:String,messages:{type:[Array,String],default:()=>[]},...S(),...A({transition:{component:ne,leaveAbsolute:!0,group:!0}})},`VMessages`),q=O()({name:`VMessages`,props:ae(),setup(t,{slots:r}){let i=n(()=>V(t.messages)),{textColorClasses:o,textColorStyles:c}=E(()=>t.color);return C(()=>e(T,{transition:t.transition,tag:`div`,class:s([`v-messages`,o.value,t.class]),style:a([c.value,t.style])},{default:()=>[t.active&&i.value.map((e,t)=>v(`div`,{class:`v-messages__message`,key:`${t}-${i.value}`},[r.message?r.message({message:e}):e]))]})),{}}});m();var J=j({focused:Boolean,"onUpdate:focused":F()},`focus`);function oe(e,t=G()){let n=R(e,`focused`),r=y(()=>({[`${t}--focused`]:n.value}));function i(){n.value=!0}function a(){n.value=!1}return{focusClasses:r,isFocused:n,focus:i,blur:a}}i(),m();var Y=Symbol.for(`vuetify:form`),se=j({disabled:Boolean,fastFail:Boolean,readonly:Boolean,modelValue:{type:Boolean,default:null},validateOn:{type:String,default:`input`}},`form`);function ce(e){let t=R(e,`modelValue`),n=y(()=>e.disabled),r=y(()=>e.readonly),i=b(!1),a=p([]),o=p([]);async function s(){let t=[],n=!0;o.value=[],i.value=!0;for(let r of a.value){let i=await r.validate();if(i.length>0&&(n=!1,t.push({id:r.id,errorMessages:i})),!n&&e.fastFail)break}return o.value=t,i.value=!1,{valid:n,errors:o.value}}function c(){a.value.forEach(e=>e.reset())}function l(){a.value.forEach(e=>e.resetValidation())}return g(a,()=>{let e=0,n=0,r=[];for(let t of a.value)t.isValid===!1?(n++,r.push({id:t.id,errorMessages:t.errorMessages})):t.isValid===!0&&e++;o.value=r,t.value=n>0?!1:e===a.value.length||null},{deep:!0,flush:`post`}),f(Y,{register:({id:e,vm:t,validate:n,reset:r,resetValidation:i})=>{a.value.some(t=>t.id===e)&&z(`Duplicate input name "${e}"`),a.value.push({id:e,validate:n,reset:r,resetValidation:i,vm:h(t),isValid:null,errorMessages:[]})},unregister:e=>{a.value=a.value.filter(t=>t.id!==e)},update:(e,t,n)=>{let r=a.value.find(t=>t.id===e);r&&(r.isValid=t,r.errorMessages=n)},isDisabled:n,isReadonly:r,isValidating:i,isValid:t,items:a,validateOn:y(()=>e.validateOn)}),{errors:o,isDisabled:n,isReadonly:r,isValidating:i,isValid:t,items:a,validate:s,reset:c,resetValidation:l}}function X(e){let t=c(Y,null);return{...t,isReadonly:n(()=>!!(e?.readonly??t?.isReadonly.value)),isDisabled:n(()=>!!(e?.disabled??t?.isDisabled.value))}}i(),m();var le=Symbol.for(`vuetify:rules`);function ue(e){let t=c(le,null);if(!e){if(!t)throw Error(`Could not find Vuetify rules injection`);return t.aliases}return t?.resolve(e)??y(e)}i(),m();var Z=j({disabled:{type:Boolean,default:null},error:Boolean,errorMessages:{type:[Array,String],default:()=>[]},maxErrors:{type:[Number,String],default:1},name:String,label:String,readonly:{type:Boolean,default:null},rules:{type:Array,default:()=>[]},modelValue:null,validateOn:String,validationValue:null,...J()},`validation`);function Q(e,i=G(),a=_()){let s=R(e,`modelValue`),c=n(()=>e.validationValue===void 0?s.value:e.validationValue),l=X(e),f=ue(()=>e.rules),m=p([]),h=b(!0),v=n(()=>!!(V(s.value===``?null:s.value).length||V(c.value===``?null:c.value).length)),y=n(()=>e.errorMessages?.length?V(e.errorMessages).concat(m.value).slice(0,Math.max(0,Number(e.maxErrors))):m.value),x=n(()=>{let t=(e.validateOn??l.validateOn?.value)||`input`;t===`lazy`&&(t=`input lazy`),t===`eager`&&(t=`input eager`);let n=new Set(t?.split(` `)??[]);return{input:n.has(`input`),blur:n.has(`blur`)||n.has(`input`)||n.has(`invalid-input`),invalidInput:n.has(`invalid-input`),lazy:n.has(`lazy`),eager:n.has(`eager`)}}),S=n(()=>e.error||e.errorMessages?.length?!1:e.rules.length?h.value?m.value.length||x.value.lazy?null:!0:!m.value.length:!0),C=b(!1),w=n(()=>({[`${i}--error`]:S.value===!1,[`${i}--dirty`]:v.value,[`${i}--disabled`]:l.isDisabled.value,[`${i}--readonly`]:l.isReadonly.value})),T=k(`validation`),E=n(()=>e.name??u(a));r(()=>{l.register?.({id:E.value,vm:T,validate:A,reset:D,resetValidation:O})}),d(()=>{l.unregister?.(E.value)}),o(async()=>{x.value.lazy||await A(!x.value.eager),l.update?.(E.value,S.value,y.value)}),L(()=>x.value.input||x.value.invalidInput&&S.value===!1,()=>{g(c,()=>{if(c.value!=null)A();else if(e.focused){let t=g(()=>e.focused,e=>{e||A(),t()})}})}),L(()=>x.value.blur,()=>{g(()=>e.focused,e=>{e||A()})}),g([S,y],()=>{l.update?.(E.value,S.value,y.value)});async function D(){s.value=null,await t(),await O()}async function O(){h.value=!0,x.value.lazy?m.value=[]:await A(!x.value.eager)}async function A(t=!1){let n=[];C.value=!0;for(let t of f.value){if(n.length>=Number(e.maxErrors??1))break;let r=await(typeof t==`function`?t:()=>t)(c.value);if(r!==!0){if(r!==!1&&typeof r!=`string`){console.warn(`${r} is not a valid value. Rule functions must return boolean true or a string.`);continue}n.push(r||``)}}return m.value=n,C.value=!1,h.value=t,m.value}return{errorMessages:y,isDirty:v,isDisabled:l.isDisabled,isReadonly:l.isReadonly,isPristine:h,isValid:S,isValidating:C,reset:D,resetValidation:O,validate:A,validationClasses:w}}i(),l(),m();var $=j({id:String,appendIcon:W,baseColor:String,centerAffix:{type:Boolean,default:!0},color:String,glow:Boolean,iconColor:[Boolean,String],prependIcon:W,hideDetails:[Boolean,String],hideSpinButtons:Boolean,hint:String,indentDetails:{type:Boolean,default:null},persistentHint:Boolean,messages:{type:[Array,String],default:()=>[]},direction:{type:String,default:`horizontal`,validator:e=>[`horizontal`,`vertical`].includes(e)},"onClick:prepend":F(),"onClick:append":F(),...S(),...D(),...P(N(),[`maxWidth`,`minWidth`,`width`]),...H(),...Z()},`VInput`),de=O()({name:`VInput`,props:{...$()},emits:{"update:modelValue":e=>!0},setup(t,{attrs:r,slots:i,emit:o}){let{densityClasses:c}=w(t),{dimensionStyles:l}=M(t),{themeClasses:u}=ee(t),{rtlClasses:d}=B(),{InputIcon:f}=K(t),p=_(),m=n(()=>t.id||`input-${p}`),{errorMessages:h,isDirty:g,isDisabled:b,isReadonly:x,isPristine:S,isValid:T,isValidating:E,reset:D,resetValidation:O,validate:k,validationClasses:A}=Q(t,`v-input`,m),j=n(()=>t.errorMessages?.length||!S.value&&h.value.length?h.value:t.hint&&(t.persistentHint||t.focused)?t.hint:t.messages),N=y(()=>j.value.length>0),P=y(()=>!t.hideDetails||t.hideDetails===`auto`&&(N.value||!!i.details)),F=n(()=>P.value?`${m.value}-messages`:void 0),I=n(()=>({id:m,messagesId:F,isDirty:g,isDisabled:b,isReadonly:x,isPristine:S,isValid:T,isValidating:E,hasDetails:P,reset:D,resetValidation:O,validate:k})),L=y(()=>t.error||t.disabled?void 0:t.focused?t.color:t.baseColor),R=y(()=>{if(t.iconColor)return t.iconColor===!0?L.value:t.iconColor});return C(()=>{let n=!!(i.prepend||t.prependIcon),r=!!(i.append||t.appendIcon);return v(`div`,{class:s([`v-input`,`v-input--${t.direction}`,{"v-input--center-affix":t.centerAffix,"v-input--focused":t.focused,"v-input--glow":t.glow,"v-input--hide-spin-buttons":t.hideSpinButtons,"v-input--indent-details":t.indentDetails},c.value,u.value,d.value,A.value,t.class]),style:a([l.value,t.style])},[n&&v(`div`,{key:`prepend`,class:`v-input__prepend`},[i.prepend?i.prepend(I.value):t.prependIcon&&e(f,{key:`prepend-icon`,name:`prepend`,color:R.value},null)]),i.default&&v(`div`,{class:`v-input__control`},[i.default?.(I.value)]),r&&v(`div`,{key:`append`,class:`v-input__append`},[i.append?i.append(I.value):t.appendIcon&&e(f,{key:`append-icon`,name:`append`,color:R.value},null)]),P.value&&v(`div`,{id:F.value,class:`v-input__details`,role:`alert`,"aria-live":`polite`},[e(q,{active:N.value,messages:j.value},{message:i.message}),i.details?.(I.value)])])}),{reset:D,resetValidation:O,validate:k,isValid:T,errorMessages:h}}});export{ce as a,J as c,K as d,ie as f,Q as i,oe as l,$ as n,se as o,Z as r,X as s,de as t,q as u};