1 line
8.2 KiB
JavaScript
1 line
8.2 KiB
JavaScript
|
import{Ct as e,H as t,I as n,L as r,N as i,P as a,Q as o,S as s,V as c,_ as l,b as u,bt as d,c as f,d as p,g as m,lt as h,mt as g,nt as _,v,w as y,x as b,z as x}from"./vue.runtime.esm-bundler-DQjudA8G.js";import{t as S}from"./utils-BB02OBq2.js";import{S as C,m as w}from"./dist-t_U6YImb.js";import{t as T}from"./createContext-BefgL9WT.js";import{r as E,t as D}from"./useForwardPropsEmits-ixfQllIc.js";import{t as O}from"./Primitive-jhoGcsVx.js";import{t as k}from"./useArrowNavigation-Cq05LxDE.js";import{t as A}from"./useForwardProps-B-1JXcFn.js";import{n as j,t as M}from"./usePrimitiveElement-BKQPgqfD.js";import{t as N}from"./useForwardExpose-OKJAPp5E.js";import{t as P}from"./VisuallyHiddenInput-syf01z94.js";import{t as F}from"./Button-2mdP_ygs.js";import{t as I}from"./Card-Cv6HQPiQ.js";import{t as L}from"./CardContent-cvoMlP3H.js";import{n as R,r as z,t as B}from"./CardHeader-JyQWjCMQ.js";import{t as V}from"./CardFooter-BXCq_TYq.js";import{t as H}from"./auth-title-CWjARZIA.js";var[U,W]=T(`PinInputRoot`),G=y({inheritAttrs:!1,__name:`PinInputRoot`,props:{modelValue:{type:null,required:!1},defaultValue:{type:null,required:!1},placeholder:{type:String,required:!1,default:``},mask:{type:Boolean,required:!1},otp:{type:Boolean,required:!1},type:{type:null,required:!1,default:`text`},dir:{type:String,required:!1},disabled:{type:Boolean,required:!1},id:{type:String,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1},name:{type:String,required:!1},required:{type:Boolean,required:!1}},emits:[`update:modelValue`,`complete`],setup(n,{emit:r}){let a=n,c=r,{mask:l,otp:u,placeholder:f,type:p,disabled:h,dir:y}=d(a),{forwardRef:b}=N(),S=j(y),C=w(a,`modelValue`,c,{defaultValue:a.defaultValue??[],passive:!0,deep:!0}),T=m(()=>Array.isArray(C.value)?[...C.value]:[]),E=g(new Set);function D(e){E.value.add(e)}let k=m(()=>a.type===`number`),A=m(()=>T.value.filter(e=>!!e||k.value&&e===0).length===E.value.size);return o(C,()=>{A.value&&c(`complete`,C.value)},{deep:!0}),W({modelValue:C,currentModelValue:T,mask:l,otp:u,placeholder:f,type:p,dir:S,disabled:h,isCompleted:A,inputElements:E,onInputElementChange:D,isNumericMode:k}),(n,r)=>(x(),v(e(O),i(n.$attrs,{ref:e(b),dir:e(S),"data-complete":A.value?``:void 0,"data-disabled":e(h)?``:void 0}),{default:_(()=>[t(n.$slots,`default`,{modelValue:e(C)}),s(P,{id:n.id,as:`input`,feature:`focusable`,tabindex:`-1`,value:T.value.join(``),name:n.name??``,disabled:e(h),required:n.required,onFocus:r[0]||=e=>Array.from(E.value)?.[0]?.focus()},null,8,[`id`,`value`,`name`,`disabled`,`required`])]),_:3},16,[`dir`,`data-complete`,`data-disabled`]))}}),K=y({__name:`PinInputInput`,props:{index:{type:Number,required:!0},disabled:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`input`}},setup(i){let s=i,c=U(),l=m(()=>Array.from(c.inputElements.value)),u=m(()=>c.currentModelValue.value[s.index]),d=m(()=>s.disabled||c.disabled.value),p=m(()=>c.otp.value),h=m(()=>c.mask.value),{primitiveElement:g,currentElement:y}=M();function b(e){let t=e.target;if((e.data?.length??0)>1){N(t.value);return}if(c.isNumericMode.value&&!/^\d*$/.test(t.value)){t.value=t.value.replace(/\D/g,``);return}t.value=e.data||t.value.slice(-1),F(s.index,t.value);let n=l.value[s.index+1];n&&n.focus()}function S(){a(()=>{let e=y.value;e&&(!e.value&&e===E()?e.placeholder=``:e.placeholder=c.placeholder.value)})}function C(e){k(e,E(),void 0,{itemsArray:l.value,focus:!0,loop:!1,arrowKeyOptions:`horizontal`,dir:c.dir.value})}function w(e){if(e.preventDefault(),e.target.value)F(s.index,``);else{let e=l.value[s.index-1];e&&(e.focus(),F(s.index-1,``))}}function T(e){e.key===`Delete`&&(e.preventDefault(),F(s.index,``))}function D(e){if(c.otp.value){let e=l.value.findIndex((e,t)=>c.currentModelValue.value[t]===``||c.currentModelValue.value[t]===void 0);if(e!==-1&&e<s.index){l.value[e].focus();return}}e.target.setSelectionRange(1,1),S()}function A(e){S()}function j(e){e.preventDefault();let t=e.clipboardData;t&&N(t.getData(`text`))}function N(e){let t=[...c.currentModelValue.value],n=e.length>=l.value.le
|