https://abonnement.goedgevoel.be/_nuxt/Bkafqbfr2.js

1import{D as e,E as t,Ht as n,On as r,Qn as i,_ as a,b as o,et as s,g as c,k as l,mt as u,nr as d,tt as f,v as p,vn as m,xt as h,y as g}from"./Ib1jYPSS.js";import{t as _}from"./BDNMzG2s2.js";import{t as v}from"./DUfpWM5n2.js";var y={class:`tapp-input-container`},b=[`for`],x={key:0,class:`tapp-input__label`},S={key:0},C={key:0,"data-testid":`tapp-input-required`},w={key:1},T={class:`tapp-input__wrapper`},E=[`id`,`value`,`type`,`disabled`],D=[`data-testid`],O={key:0,class:`tapp-input__helper-text`},k=[`text`,`email`,`tel`,`number`,`password`,`date`],A=_(l({inheritAttrs:!1,__name:`TappInput`,props:{id:{},type:{default:()=>k[0]},label:{default:``},errorMessage:{default:()=>void 0},helperText:{default:``},valid:{type:Boolean},loading:{type:Boolean},required:{type:Boolean},disabled:{type:Boolean},modelValue:{default:``}},emits:[`update:modelValue`,`input`,`focus`,`blur`],setup(e,{emit:n}){let r=n;function c(t){let n=t.target;r(`update:modelValue`,n.value),r(`input`,n.value),f(()=>{let t=String(e.modelValue??``);n.value!==t&&(n.value=t)})}function l(e){return r(`focus`,e)}function m(e){return r(`blur`,e)}return(n,r)=>{let f=v;return u(),o(`div`,y,[a(`label`,{class:i([`tapp-input`,{valid:e.valid,invalid:!!e.errorMessage,disabled:e.disabled,loading:e.loading}]),for:e.id},[e.label||n.$slots.label?(u(),o(`span`,x,[e.label?(u(),o(`span`,S,[t(d(e.label),1),e.required?(u(),o(`span`,C,`*`)):g(``,!0)])):g(``,!0),n.$slots.label?(u(),o(`span`,w,[h(n.$slots,`label`,{},void 0,!0)])):g(``,!0)])):g(``,!0),a(`span`,T,[h(n.$slots,`prepend`,{},void 0,!0),a(`input`,s(n.$attrs,{id:e.id,ref:`elementRef`,class:`tapp-input__element`,value:e.modelValue,type:e.type,disabled:e.disabled,onInput:c,onFocus:l,onBlur:m}),null,16,E),e.valid&&!e.loading?(u(),p(f,{key:0,icon:`check`,class:`tapp-input__icon tapp-input__icon--valid`,size:24,"data-testid":`tapp-icon-valid`})):g(``,!0),!e.valid&&e.errorMessage?(u(),p(f,{key:1,icon:`alert-triangle`,class:`tapp-input__icon tapp-input__icon--invalid`,"data-testid":`tapp-icon-invalid`,size:24})):g(``,!0),e.loading?(u(),p(f,{key:2,icon:`loader`,class:`tapp-input__icon tapp-input__icon--loading`,"data-testid":`tapp-icon-loading`,size:24})):g(``,!0),h(n.$slots,`append`,{},void 0,!0)]),e.errorMessage?(u(),o(`span`,{key:1,class:`tapp-input__error tapp-form__has-error`,"data-testid":`input_error_${e.id}`},d(e.errorMessage),9,D)):g(``,!0)],10,b),e.helperText?(u(),o(`div`,O,d(e.helperText),1)):g(``,!0)])}}}),[[`__scopeId`,`data-v-f04710cd`]]),j={class:`alert__icon`},M={class:`alert__content`},N=[`innerHTML`],P=[`innerHTML`],F={success:`check-circle`,warning:`alert-triangle`,error:`alert-circle`,info:`info`},I=_(l({__name:`TappAlert`,props:{show:{type:Boolean,default:!0},dismissable:{type:Boolean,default:!1},variant:{default:`info`},title:{default:void 0},text:{default:void 0}},emits:[`closed`],setup(t,{emit:s}){let l=s,d=t,f=m(d.show),_=c(()=>F[d.variant]);n(()=>d.show,e=>{f.value=e});function y(){return f.value=!1,l(`closed`,!0)}return(n,s)=>{let c=v;return r(f)?(u(),o(`div`,{key:0,role:`alert`,class:i([`alert`,`alert--${t.variant}`]),"data-testid":`alert-status`},[t.dismissable?(u(),p(c,{key:0,class:`alert__icon-close`,icon:`x`,size:24,onClick:y})):g(``,!0),a(`span`,j,[e(c,{icon:r(_),size:24},null,8,[`icon`])]),a(`section`,M,[t.title?(u(),o(`p`,{key:0,class:`alert__title`,innerHTML:t.title},null,8,N)):g(``,!0),t.text?(u(),o(`p`,{key:1,class:`alert__text`,innerHTML:t.text},null,8,P)):g(``,!0),h(n.$slots,`default`,{},void 0,!0)])],2)):g(``,!0)}}}),[[`__scopeId`,`data-v-21eb312c`]]);export{A as n,I as t};
2//# sourceMappingURL=Bkafqbfr2.js.map