https://www.ellos.no/one/Dgxes5sI2.js

1import{$ as e,D as t,E as n,Ft as r,Ht as i,Lt as a,Nt as o,On as s,Pt as c,Qn as l,Rt as u,Yt as d,_ as f,b as p,ct as m,et as h,fn as g,g as _,k as v,mt as y,nr as b,qt as x,tr as S,v as C,vn as w,xt as T,y as E}from"./Ib1jYPSS.js";import{C as D,t as O,v as k}from"./BUba7gzX.js";import{t as A}from"./B-uTwpoa.js";import{t as j}from"./BDNMzG2s2.js";import{t as ee}from"./pBGdQ3Ag.js";import{t as M}from"./BvNVUwuS2.js";import{i as N,n as P,r as F}from"./NIZE4DC82.js";var I=(e,t,n)=>{let r=w(!1),a=w(!1),o=w(t.id||t.name||c()),s=w(!!t.errorMessage),l=w(!1),u=w(`valid`),d=_(()=>{if(e.value)return Array.isArray(e.value)?e.value[0]:e.value}),f=_(()=>({autofilled:r.value,disabled:!!t.disabled,focused:a.value,filled:v.value,invalid:!t.disabled&&s.value,valid:l.value})),p=_(()=>t.description?`${o.value}-desc`:``),h=_(()=>{let e=[];return t.description&&e.push(p.value),s.value&&t.errorMessage&&e.push(g.value),e.length?e.join(` `):void 0}),g=_(()=>`${o.value}-error`),v=_(()=>t.modelValue?typeof t.modelValue==`boolean`?!!t.modelValue:Array.isArray(t.modelValue)?!!t.modelValue.length:t.modelValue.trim().length>0:!1),y=_(()=>!u.value&&s.value),b=_(()=>{if(s.value)return`invalid`;if(l.value)return`valid`}),x=()=>{if(t.novalidate)return!0;let e=d.value&&d.value.checkValidity();return e&&(l.value=!0,s.value=!1),D(),e},S=e=>{r.value=e.animationName===`autoFillStart`},C=()=>{if(a.value=!1,!v.value){l.value=!1;return}u.value&&x()},T=()=>{a.value=!0},E=()=>{t.novalidate||(D(),l.value=!1,s.value=!0)},D=()=>{if(t.novalidate||!d.value)return;let e,n,r=d.value.validity;for(let t in u)if(r[t]){e=t;break}switch(e){case`customMismatch`:case`patternMismatch`:case`typeMismatch`:case`badInput`:n=`pattern`;break;case`valueMissing`:n=`required`;break;case`stepMismatch`:n=`step`;break;case`tooLong`:case`rangeOverflow`:n=`max`;break;case`tooShort`:case`rangeUnderflow`:n=`min`;break;default:n=`valid`}u.value=n};return m(()=>{D()}),i(r,e=>{e&&(x(),n.autofilled())}),i(b,r=>{y.value||!r||n.validity({state:r,validity:u.value,name:t.name,input:e})}),{autofilled:r,focused:a,id:o,invalid:s,valid:l,validity:u,classes:f,descId:p,describedByIds:h,errorId:g,filled:v,status:b,checkValidity:x,handleAutofill:S,handleBlur:C,handleFocus:T,handleInvalid:E,updateValidity:D}},L={};function R(e,t){return y(),p(`svg`,null,[...t[0]||=[f(`path`,{d:`M15.854 8.854L12.707 12l3.146 3.146a.5.5 0 01-.707.707l-3.148-3.146-3.146 3.146a.498.498 0 01-.707 0 .5.5 0 010-.707L11.293 12 8.146 8.854a.5.5 0 01.707-.707L12 11.293l3.147-3.146a.5.5 0 01.707.707M12 21c-4.962 0-9-4.038-9-9 0-4.963 4.038-9 9-9 4.963 0 9 4.037 9 9 0 4.962-4.037 9-9 9m0-19C6.486 2 2 6.486 2 12c0 5.515 4.488 10 10 10 5.514 0 10-4.485 10-10 0-5.514-4.485-10-10-10`},null,-1)]])}var te=Object.assign(j(L,[[`render`,R]]),{__name:`IconClearCircleOutlineS`}),ne={class:`input-field-main`},re={class:`input-field-content`},ie=[`for`],ae=[`id`,`type`,`name`,`placeholder`,`disabled`,`aria-required`,`aria-invalid`,`aria-describedby`],oe={key:0,class:`input-field-messages`},se=[`id`],ce=[`id`,`aria-live`],z=Object.assign(v({inheritAttrs:!1,__name:`InputField`,props:e({type:{default:`text`},clearable:{type:Boolean,default:!1},size:{default:`md`},placeholder:{},iconStart:{},iconEnd:{},id:{},description:{},errorMessage:{},name:{},disabled:{type:Boolean},novalidate:{type:Boolean},required:{type:Boolean},modelValue:{type:[String,Array,Boolean]}},{modelValue:{type:String},modelModifiers:{}}),emits:e([`click`,`autofilled`,`validity`,`blur`,`focus`,`cleared`],[`update:modelValue`]),setup(e,{expose:c,emit:m}){let v=u(`input`),j=o(),L=a(),R=m,z=e,B=r(e,`modelValue`),V=w(!1),{id:H,invalid:U,checkValidity:W,classes:le,descId:ue,describedByIds:de,errorId:fe,filled:pe,focused:me,handleAutofill:G,handleBlur:K,handleFocus:q,handleInvalid:J,status:Y,validity:he}=I(v,z,{autofilled:()=>{R(`autofilled`)},validity:e=>{R(`validity`,e)}});function ge(){V.value=!V.value}function _e(){B.value=``,v.value?.focus(),R(`cleared`)}let ve=_(()=>[{[`size-${z.size}`]:!0,placeholder:!!z.placeholder&&L.default,...le.value},j.class]),X=_(()=>

1{if(Y.value)return Y.value===`invalid`?N:M}),Z=_(()=>{let{style:e,class:t,...n}=j;return n}),Q=_(()=>z.type===`password`&&pe.value),$=_(()=>U.value&&!z.disabled&&z.errorMessage),ye=_(()=>Q.value&&V.value?`text`:z.type);return i(me,e=>{R(e?`focus`:`blur`)}),c({checkValidity:W,invalid:U,validity:he,focus:e=>{v.value?.focus(e)},blur:()=>{v.value?.blur()}}),(r,i)=>{let a=A,o=ee;return y(),p(`span`,{class:l([`input-field`,s(ve)]),style:S(s(j).style)},[f(`span`,ne,[e.iconStart?(y(),C(a,{key:0,icon:(`markRaw`in r?r.markRaw:s(g))(e.iconStart)},null,8,[`icon`])):E(``,!0),f(`span`,re,[f(`label`,{for:s(H),class:`input-field-label`},[T(r.$slots,`default`,{},()=>[n(b(e.placeholder),1)])],8,ie),d(f(`input`,h({id:s(H),ref_key:`input`,ref:v,"onUpdate:modelValue":i[0]||=e=>B.value=e},s(Z),{type:s(ye),name:e.name,placeholder:s(L).default?e.placeholder:void 0,disabled:e.disabled,"aria-required":e.required?!0:void 0,"aria-invalid":s(U)?!0:void 0,"aria-describedby":s(de),onFocus:i[1]||=(...e)=>s(q)&&s(q)(...e),onBlur:i[2]||=(...e)=>s(K)&&s(K)(...e),onInvalid:i[3]||=(...e)=>s(J)&&s(J)(...e),onAnimationstart:i[4]||=(...e)=>s(G)&&s(G)(...e),onKeypress:i[5]||=D((...e)=>s(W)&&s(W)(...e),[`enter`])}),null,16,ae),[[k,B.value]])]),t(O,null,{default:x(()=>[s(Q)?(y(),C(o,{key:0,type:`button`,display:`solid`,variant:`inverse`,"aria-pressed":s(V),icon:s(V)?s(F):s(P),label:``,size:`xs`,onClick:ge},null,8,[`aria-pressed`,`icon`])):E(``,!0)]),_:1}),t(O,null,{default:x(()=>[e.clearable&&B.value?(y(),C(o,{key:0,type:`button`,display:`solid`,variant:`inverse`,icon:s(te),label:r.$t(`searchInput.reset`),size:`xs`,onClick:_e},null,8,[`icon`,`label`])):E(``,!0)]),_:1}),!e.novalidate&&!e.disabled&&s(Y)&&s(X)?(y(),C(a,{key:1,class:`input-field-icon-status`,icon:s(X)},null,8,[`icon`])):e.iconEnd?(y(),C(a,{key:2,icon:(`markRaw`in r?r.markRaw:s(g))(e.iconEnd)},null,8,[`icon`])):E(``,!0),T(r.$slots,`action`)]),e.description||s($)?(y(),p(`span`,oe,[e.description?(y(),p(`span`,{key:0,id:s(ue),class:`input-field-description`},b(e.description),9,se)):E(``,!0),s($)?(y(),p(`span`,{key:1,id:s(fe),"aria-live":s(U)?`assertive`:`off`,class:`input-field-error`},b(e.errorMessage),9,ce)):E(``,!0)])):E(``,!0)],6)}}}),{__name:`InputField`});export{I as n,z as t};
2//# sourceMappingURL=Dgxes5sI2.js.map