import{d as G,q as I,y as b,az as ne,aA as d,aB as le,aC as q,a7 as ge,aD as Ce,aE as ee,aF as Ie,aG as Ee,aH as re,aI as De,aJ as Fe,aK as Me,aL as Be,ap as V,aM as ie,F as A,aN as Q,s as te,a9 as he,aO as Le,aP as be,aQ as ae,aR as se,aS as R,aT as T,aU as je,aV as fe,a8 as ue,aW as z,aX as N,aY as oe,aZ as Oe,a_ as Te,$ as Ne,U as Ve,V as X,Q as ze,v as Ae,a$ as Re,b0 as Ge,b1 as He,b2 as Ue,o as $,c as F,S as W,h as E,g as D,b as o,b3 as qe,b4 as Ke,z as H,e as n,f as Y,i as K,t as h,b5 as Qe,j as U,p as xe,b6 as We,m as ce,E as Ye,w as de,u as pe,Z as Ze,b7 as Je,W as Xe,O as et,ab as tt,b8 as at,b9 as st,r as ot,a0 as me,_ as nt,a as lt,G as rt}from"./BzP0JwQt.js";import{a as it}from"./CcRrSGzS.js";import{c as ut}from"./Cq3hg3YR.js";var ct=ut(function(t,u,f){t[f?0:1].push(u)},function(){return[[],[]]}),dt=(t=>(t[t.Open=0]="Open",t[t.Closed=1]="Closed",t))(dt||{});let _e=Symbol("PopoverContext");function ve(t){let u=ue(_e,null);if(u===null){let f=new Error(`<${t} /> is missing a parent <${ke.name} /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(f,ve),f}return u}let pt=Symbol("PopoverGroupContext");function we(){return ue(pt,null)}let Pe=Symbol("PopoverPanelContext");function vt(){return ue(Pe,null)}let ke=G({name:"Popover",inheritAttrs:!1,props:{as:{type:[Object,String],default:"div"}},setup(t,{slots:u,attrs:f,expose:m}){var c;let i=I(null);m({el:i,$el:i});let e=I(1),a=I(null),l=I(null),g=I(null),P=I(null),_=b(()=>ne(i)),S=b(()=>{var s,p;if(!d(a)||!d(P))return!1;for(let J of document.querySelectorAll("body > *"))if(Number(J==null?void 0:J.contains(d(a)))^Number(J==null?void 0:J.contains(d(P))))return!0;let v=le(),w=v.indexOf(d(a)),L=(w+v.length-1)%v.length,O=(w+1)%v.length,Z=v[L],Se=v[O];return!((s=d(P))!=null&&s.contains(Z))&&!((p=d(P))!=null&&p.contains(Se))}),k={popoverState:e,buttonId:I(null),panelId:I(null),panel:P,button:a,isPortalled:S,beforePanelSentinel:l,afterPanelSentinel:g,togglePopover(){e.value=q(e.value,{0:1,1:0})},closePopover(){e.value!==1&&(e.value=1)},close(s){k.closePopover();let p=s?s instanceof HTMLElement?s:s.value instanceof HTMLElement?d(s):d(k.button):d(k.button);p==null||p.focus()}};ge(_e,k),Ce(b(()=>q(e.value,{0:ee.Open,1:ee.Closed})));let j={buttonId:k.buttonId,panelId:k.panelId,close(){k.closePopover()}},C=we(),B=C==null?void 0:C.registerPopover,[M,x]=Ie(),r=Ee({mainTreeNodeRef:C==null?void 0:C.mainTreeNodeRef,portals:M,defaultContainers:[a,P]});function y(){var s,p,v,w;return(w=C==null?void 0:C.isFocusWithinPopoverGroup())!=null?w:((s=_.value)==null?void 0:s.activeElement)&&(((p=d(a))==null?void 0:p.contains(_.value.activeElement))||((v=d(P))==null?void 0:v.contains(_.value.activeElement)))}return re(()=>B==null?void 0:B(j)),De((c=_.value)==null?void 0:c.defaultView,"focus",s=>{var p,v;s.target!==window&&s.target instanceof HTMLElement&&e.value===0&&(y()||a&&P&&(r.contains(s.target)||(p=d(k.beforePanelSentinel))!=null&&p.contains(s.target)||(v=d(k.afterPanelSentinel))!=null&&v.contains(s.target)||k.closePopover()))},!0),Fe(r.resolveContainers,(s,p)=>{var v;k.closePopover(),Me(p,Be.Loose)||(s.preventDefault(),(v=d(a))==null||v.focus())},b(()=>e.value===0)),()=>{let s={open:e.value===0,close:k.close};return V(A,[V(x,{},()=>ie({theirProps:{...t,...f},ourProps:{ref:i},slot:s,slots:u,attrs:f,name:"Popover"})),V(r.MainTreeNode)])}}}),ft=G({name:"PopoverButton",props:{as:{type:[Object,String],default:"button"},disabled:{type:[Boolean],default:!1},id:{type:String,default:null}},inheritAttrs:!1,setup(t,{attrs:u,slots:f,expose:m}){var c;let i=(c=t.id)!=null?c:`headlessui-popover-button-${Q()}`,e=ve("PopoverButton"),a=b(()=>ne(e.button));m({el:e.button,$el:e.button}),te(()=>{e.buttonId.value=i}),he(()=>{e.buttonId.value=null});let l=we(),g=l==null?void 0:l.closeOthers,P=vt(),_=b(()=>P===null?!1:P.value===e.panelId.value),S=I(null),k=`headlessui-focus-sentinel-${Q()}`;_.value||re(()=>{e.button.value=d(S)});let j=Le(b(()=>({as:t.as,type:u.type})),S);function C(s){var p,v,w,L,O;if(_.value){if(e.popoverState.value===1)return;switch(s.key){case z.Space:case z.Enter:s.preventDefault(),(v=(p=s.target).click)==null||v.call(p),e.closePopover(),(w=d(e.button))==null||w.focus();break}}else switch(s.key){case z.Space:case z.Enter:s.preventDefault(),s.stopPropagation(),e.popoverState.value===1&&(g==null||g(e.buttonId.value)),e.togglePopover();break;case z.Escape:if(e.popoverState.value!==0)return g==null?void 0:g(e.buttonId.value);if(!d(e.button)||(L=a.value)!=null&&L.activeElement&&!((O=d(e.button))!=null&&O.contains(a.value.activeElement)))return;s.preventDefault(),s.stopPropagation(),e.closePopover();break}}function B(s){_.value||s.key===z.Space&&s.preventDefault()}function M(s){var p,v;t.disabled||(_.value?(e.closePopover(),(p=d(e.button))==null||p.focus()):(s.preventDefault(),s.stopPropagation(),e.popoverState.value===1&&(g==null||g(e.buttonId.value)),e.togglePopover(),(v=d(e.button))==null||v.focus()))}function x(s){s.preventDefault(),s.stopPropagation()}let r=be();function y(){let s=d(e.panel);if(!s)return;function p(){q(r.value,{[N.Forwards]:()=>R(s,T.First),[N.Backwards]:()=>R(s,T.Last)})===oe.Error&&R(le().filter(v=>v.dataset.headlessuiFocusGuard!=="true"),q(r.value,{[N.Forwards]:T.Next,[N.Backwards]:T.Previous}),{relativeTo:d(e.button)})}p()}return()=>{let s=e.popoverState.value===0,p={open:s},{...v}=t,w=_.value?{ref:S,type:j.value,onKeydown:C,onClick:M}:{ref:S,id:i,type:j.value,"aria-expanded":e.popoverState.value===0,"aria-controls":d(e.panel)?e.panelId.value:void 0,disabled:t.disabled?!0:void 0,onKeydown:C,onKeyup:B,onClick:M,onMousedown:x};return V(A,[ie({ourProps:w,theirProps:{...u,...v},slot:p,attrs:u,slots:f,name:"PopoverButton"}),s&&!_.value&&e.isPortalled.value&&V(ae,{id:k,features:se.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:y})])}}}),mt=G({name:"PopoverPanel",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},focus:{type:Boolean,default:!1},id:{type:String,default:null}},inheritAttrs:!1,setup(t,{attrs:u,slots:f,expose:m}){var c;let i=(c=t.id)!=null?c:`headlessui-popover-panel-${Q()}`,{focus:e}=t,a=ve("PopoverPanel"),l=b(()=>ne(a.panel)),g=`headlessui-focus-sentinel-before-${Q()}`,P=`headlessui-focus-sentinel-after-${Q()}`;m({el:a.panel,$el:a.panel}),te(()=>{a.panelId.value=i}),he(()=>{a.panelId.value=null}),ge(Pe,a.panelId),re(()=>{var x,r;if(!e||a.popoverState.value!==0||!a.panel)return;let y=(x=l.value)==null?void 0:x.activeElement;(r=d(a.panel))!=null&&r.contains(y)||R(d(a.panel),T.First)});let _=je(),S=b(()=>_!==null?(_.value&ee.Open)===ee.Open:a.popoverState.value===0);function k(x){var r,y;switch(x.key){case z.Escape:if(a.popoverState.value!==0||!d(a.panel)||l.value&&!((r=d(a.panel))!=null&&r.contains(l.value.activeElement)))return;x.preventDefault(),x.stopPropagation(),a.closePopover(),(y=d(a.button))==null||y.focus();break}}function j(x){var r,y,s,p,v;let w=x.relatedTarget;w&&d(a.panel)&&((r=d(a.panel))!=null&&r.contains(w)||(a.closePopover(),((s=(y=d(a.beforePanelSentinel))==null?void 0:y.contains)!=null&&s.call(y,w)||(v=(p=d(a.afterPanelSentinel))==null?void 0:p.contains)!=null&&v.call(p,w))&&w.focus({preventScroll:!0})))}let C=be();function B(){let x=d(a.panel);if(!x)return;function r(){q(C.value,{[N.Forwards]:()=>{var y;R(x,T.First)===oe.Error&&((y=d(a.afterPanelSentinel))==null||y.focus())},[N.Backwards]:()=>{var y;(y=d(a.button))==null||y.focus({preventScroll:!0})}})}r()}function M(){let x=d(a.panel);if(!x)return;function r(){q(C.value,{[N.Forwards]:()=>{let y=d(a.button),s=d(a.panel);if(!y)return;let p=le(),v=p.indexOf(y),w=p.slice(0,v+1),L=[...p.slice(v+1),...w];for(let O of L.slice())if(O.dataset.headlessuiFocusGuard==="true"||s!=null&&s.contains(O)){let Z=L.indexOf(O);Z!==-1&&L.splice(Z,1)}R(L,T.First,{sorted:!1})},[N.Backwards]:()=>{var y;R(x,T.Previous)===oe.Error&&((y=d(a.button))==null||y.focus())}})}r()}return()=>{let x={open:a.popoverState.value===0,close:a.close},{focus:r,...y}=t,s={ref:a.panel,id:i,onKeydown:k,onFocusout:e&&a.popoverState.value===0?j:void 0,tabIndex:-1};return ie({ourProps:s,theirProps:{...u,...y},attrs:u,slot:x,slots:{...f,default:(...p)=>{var v;return[V(A,[S.value&&a.isPortalled.value&&V(ae,{id:g,ref:a.beforePanelSentinel,features:se.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:B}),(v=f.default)==null?void 0:v.call(f,...p),S.value&&a.isPortalled.value&&V(ae,{id:P,ref:a.afterPanelSentinel,features:se.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:M})])]}},features:fe.RenderStrategy|fe.Static,visible:S.value,name:"PopoverPanel"})}}});function $e(){const t=Oe("filter",()=>({isDirty:!1,values:{amount:void 0,duration:void 0},initialValues:{amount:void 0,duration:void 0},products:[]})),u=c=>{const i=Te(c.products);if(i.length===0)return;t.value.isDirty=!1,t.value.products=i;const e=Ne({amount:Number,duration:Number}),a=c.pageContent.filter.initial;for(const l of Object.keys(t.value.values)){if(c.fields&&!c.fields.includes(l))continue;const g=e[l];g?(t.value.values[l]=g,t.value.initialValues[l]=g,t.value.isDirty=!0):a&&a[l]&&(t.value.values[l]=a[l],t.value.initialValues[l]=a[l]),a.active&&(t.value.isDirty=!0)}};function f(){t.value.isDirty=!1,t.value.values={...t.value.initialValues}}const m=b(()=>{if(!t.value.isDirty)return{matching:t.value.products,alternatives:[]};const[c,i]=ct(t.value.products,e=>{const a=e.amount.min??-1,l=e.amount.max??-1,g=e.duration.min??-1,P=e.duration.max??-1;if(a===-1&&l===-1)return!0;let _=!0,S=!0;return t.value.values.amount!==void 0&&(_=t.value.values.amount>=a&&t.value.values.amount<=l),t.value.values.duration!==void 0&&(S=t.value.values.duration>=g&&t.value.values.duration<=P),_&&S});return{matching:c,alternatives:i}});return{initialize:u,products:m,amount:b({get:()=>t.value.values.amount,set:c=>{t.value.isDirty=!0,t.value.values.amount=c}}),duration:b({get:()=>t.value.values.duration,set:c=>{t.value.isDirty=!0,t.value.values.duration=c}}),clear:f,count:b(()=>m.value.matching.length),isDirty:b(()=>t.value.isDirty)}}const yt=(t,u)=>{const f=b(()=>u.value.duration??0),m=b(()=>u.value.amount??0),c=t.apr.max?(t.apr.max+t.apr.min)/2:t.apr.min,i=b(()=>{const l=c/100/12;return m.value*l/(1-Math.pow(1+l,-f.value))}),e=b(()=>i.value*f.value),a=b(()=>e.value-m.value);return{apr:c,filterAmount:m,filterDuration:f,monthlyPayment:i,interestRateCost:a,totalPayment:e}},gt=(t,u)=>{const f=I(),m=I(!1),c=$e(),{saveProductView:i,hasBeenViewed:e}=Ve(),{trackingDataState:a}=X();ze(()=>[m.value,a.value.impressionId],async([l,g])=>{l&&g&&!e(t)&&await i({impressionId:g,productId:t.id,position:t.listPosition,filtered:c.isDirty.value,viewed:!0})},{immediate:!0}),te(()=>{f.value=new IntersectionObserver(([l])=>{var g;l!=null&&l.isIntersecting&&!m.value&&(m.value=!0,(g=f.value)==null||g.disconnect())}),u.value&&f.value.observe(u.value)}),Ae(()=>{var l;(l=f.value)==null||l.disconnect()})},ht=t=>{const u=I(!1);te(()=>u.value=!0);const f=b(()=>{const i=new URLSearchParams({"product-id":t.id.toString()});if(t.listPosition&&i.set("list-position",t.listPosition.toString()),!u.value)return`/api/redirect?${i.toString()}`;const e=X().trackingDataState.value.impressionId,a=X().trackingDataState.value.subId,l=X().trackingDataState.value.uniqueUserId;return e&&i.set("impression-id",e),a&&i.set("sub-id",a),l&&i.set("unique-user-id",l),`/api/redirect?${i.toString()}`}),m=()=>{Re().trackLead(),Ge().trackLead(t.name),He().trackLead(),Ue().trackLead()};return{redirectLinkProps:b(()=>({href:f.value,onClick:m,rel:"nofollow noopener noreferrer",target:"_blank"}))}},bt=n("div",{class:"fixed inset-0 bg-black opacity-40","aria-hidden":""},null,-1),xt={class:"relative rounded-lg bg-white shadow"},_t={class:"flex items-start justify-between rounded-t border-b p-4"},wt=n("span",{class:"sr-only"},"Close",-1),Pt={class:"p-6"},kt={class:"flex items-center justify-end space-x-2 rounded-b border-t border-gray-200 p-4"},$t=G({__name:"Modal",props:{title:{},closeButton:{},defaultOpen:{type:Boolean},closable:{type:Boolean,default:!0},size:{default:"2xl"}},setup(t){const u=t,f={md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl"},m=I(u.defaultOpen??!1),c=()=>{m.value=!0},i=()=>{m.value=!1};return(e,a)=>{const l=xe,g=We;return $(),F("div",null,[W(e.$slots,"activator",{openModal:c}),E(g,null,{default:D(()=>[E(o(qe),{as:"div",open:o(m),class:"fixed inset-0 z-50 flex items-center justify-center",onClose:a[0]||(a[0]=P=>e.closable&&i())},{default:D(()=>[bt,E(o(Ke),{class:H(["relative mx-4 max-h-full w-full overflow-auto",f[e.size]])},{default:D(()=>[n("div",xt,[n("div",_t,[e.title?($(),Y(o(Qe),{key:0,class:"text-xl font-semibold text-gray-900"},{default:D(()=>[K(h(e.title),1)]),_:1})):U("",!0),e.closable?($(),F("button",{key:1,class:"ml-auto inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900",onClick:i},[wt,E(l,{name:"heroicons-solid:x",size:"20"})])):U("",!0)]),n("div",Pt,[W(e.$slots,"default")]),W(e.$slots,"footer",{closeModal:i},()=>[n("div",kt,[n("button",{class:"rounded-lg border border-gray-200 bg-white px-5 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-900 focus:z-10 focus:outline-none focus:ring-4 focus:ring-blue-300",onClick:i},h(e.closeButton),1)])])])]),_:3},8,["class"])]),_:3},8,["open"])]),_:3})])}}}),St=["innerHTML"],Ct=G({__name:"AdDisclaimerDialog",async setup(t){let u,f;const{tRaw:m}=ce(),{website:c}=Ye().public,{disclaimer:i}=([u,f]=de(()=>pe().fetchComponents()),u=await u,f(),u);return(e,a)=>{const l=$t;return $(),Y(l,{title:o(m)(o(i).dialog.title,{website:o(c).displayName}),"close-button":o(i).dialog.button},{activator:D(({openModal:g})=>[W(e.$slots,"activator",{openModal:g})]),default:D(()=>[n("div",{class:"prose",innerHTML:o(m)(o(i).dialog.text,{website:o(c).displayName})},null,8,St)]),_:3},8,["title","close-button"])}}}),It={class:"text-xs font-normal text-gray-600"},Et={class:"mt-2 space-y-1 rounded-lg bg-gray-100 p-2 text-sm"},Dt={class:"flex justify-between"},Ft={class:"text-gray-700"},Mt={class:"font-medium"},Bt={class:"flex justify-between"},Lt={class:"text-gray-700"},jt={class:"font-medium"},Ot={class:"flex justify-between"},Tt={class:"text-gray-700"},Nt={class:"font-medium"},Vt={class:"text-xs text-gray-500"},ye=G({__name:"Estimates",props:{apr:{},interestRateCost:{},totalPayment:{}},async setup(t){let u,f;const{product:m,estimates:c}=([u,f]=de(()=>pe().fetchComponents()),u=await u,f(),u),{tRaw:i}=ce();return(e,a)=>($(),Y(o(ke),{class:"relative"},{default:D(()=>[E(o(ft),{class:"outline-0"},{default:D(()=>[W(e.$slots,"default")]),_:3}),E(o(mt),{class:"absolute -right-4 -top-1/2 z-50 w-80 -translate-y-full rounded-lg bg-white p-4 shadow-[0px_0px_10px_3px_rgba(0,0,0,0.2)] before:absolute before:bottom-0 before:right-3.5 before:mx-auto before:h-0 before:w-0 before:translate-y-full before:border-x-8 before:border-t-[10px] before:border-x-transparent before:border-t-white"},{default:D(()=>[n("div",null,h(o(c).title),1),n("div",It,h(o(c).description),1),n("div",Et,[n("div",Dt,[n("div",Ft,h(o(c).apr),1),n("div",Mt,h(e.apr.toFixed(2))+"%",1)]),n("div",Bt,[n("div",Lt,h(o(c).interestRateCost),1),n("div",jt,h(e.interestRateCost),1)]),n("div",Ot,[n("div",Tt,h(o(c).totalCost),1),n("div",Nt,h(e.totalPayment),1)]),n("div",Vt,h(o(i)(o(m).monthlyPayment.total,{total:e.totalPayment})),1)])]),_:1})]),_:3}))}}),zt="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.0.2,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Lager_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201200%201200'%20style='enable-background:new%200%200%201200%201200;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23b04040;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M1176.1,1022.2L652.2,114.7c-10.8-18.7-30.8-30.2-52.4-30.2s-41.6,11.5-52.4,30.2L23.5,1022.2%20c-10.8,18.7-10.8,41.8,0,60.5c10.8,18.7,30.8,30.2,52.4,30.2h1047.9c21.6,0,41.6-11.5,52.4-30.2%20C1186.9,1063.9,1186.9,1040.9,1176.1,1022.2z%20M180.7,991.9l419.1-726l419.1,726H180.7z'/%3e%3cpath%20class='st0'%20d='M642.7,836.1c-11.5-10.2-25.7-15.3-42.9-15.3c-17.1,0-31.4,5.1-42.9,15.3c-11.5,10.2-17.2,23.2-17.2,39%20c0,15.8,5.7,28.8,17.2,39c11.4,10.2,25.7,15.3,42.9,15.3c17.1,0,31.4-5.1,42.9-15.3c11.4-10.2,17.2-23.2,17.2-39%20C659.8,859.2,654.1,846.2,642.7,836.1z'/%3e%3cpolygon%20class='st0'%20points='556.8,775.6%20644.4,775.6%20658.2,456.1%20543,456.1%20'/%3e%3c/g%3e%3c/svg%3e",At={},Rt={class:"mb-2 mt-2 flex rounded-lg border border-gray-200 bg-white p-2 text-left"},Gt=Je('<div class="mx-2 flex w-[40px] flex-shrink-0 items-center md:ml-2 md:mr-4"><img src="'+zt+'" alt="warning triangle image"></div><div class="text-xs text-gray-500"><div class="font-semibold text-gray-600">Det här är en högkostnadskredit</div> Om du inte kan betala tillbaka hela skulden riskerar du en betalningsanmärkning. För stöd, vänd dig till budget- och skuldrådgivningen i din kommun. Kontaktuppgifter finns på <span class="text-blue-400">hallåkonsument.se</span></div>',2),Ht=[Gt];function Ut(t,u){return $(),F("div",Rt,Ht)}const qt=Ze(At,[["render",Ut]]),Kt={class:"lg:px-2"},Qt=["src"],Wt={class:"flex flex-1 flex-shrink-0 flex-col justify-center space-y-3 text-sm text-gray-800 md:w-full"},Yt={class:"flex items-center justify-between px-3"},Zt={class:"mr-2 text-gray-700"},Jt={class:"text-end font-medium"},Xt={class:"flex items-center justify-between px-3"},ea={class:"mr-2 text-gray-700"},ta={class:"text-end font-medium"},aa={class:"flex items-center justify-between px-3"},sa={class:"mr-2 text-gray-700"},oa={class:"text-end font-medium"},na={class:"flex items-center justify-end"},la={class:"flex cursor-pointer items-center"},ra={class:"text-right text-lg font-medium"},ia={class:"whitespace-nowrap text-xs text-gray-700"},ua={class:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-200"},ca=["innerHTML"],da={class:"flex flex-1 flex-grow justify-center space-x-2 md:w-full md:flex-col md:space-x-0 md:space-y-1"},pa={class:"mr-4 whitespace-nowrap"},va={class:"flex flex-col justify-end"},fa={class:"flex items-start justify-end"},ma={class:"flex cursor-pointer items-center"},ya={class:"text-right text-lg font-medium"},ga={class:"whitespace-nowrap text-xs text-gray-700"},ha={class:"flex w-full space-x-2 md:flex-col-reverse md:space-x-0 md:space-y-1"},ba={key:0,class:"w-full cursor-not-allowed rounded-md border-2 border-red-600 py-3 text-center text-sm font-medium text-red-700 md:py-2.5"},xa=["onClick"],_a=n("span",{class:"pointer-events-none mr-[3px]"},"annonse",-1),wa={class:"text-center text-[10px] text-gray-500"},Sa=G({__name:"Product",props:{forceColumn:{type:Boolean},hideMonthlyCost:{type:Boolean},highlighted:{type:Boolean},product:{},trackUserEvents:{type:Boolean}},async setup(t){let u,f;const m=t,{tRaw:c}=ce(),{formatMoney:i}=it(),e=$e(),{locale:a}=Xe(et()),{product:l}=([u,f]=de(()=>pe().fetchComponents()),u=await u,f(),u),{apr:g,filterDuration:P,interestRateCost:_,monthlyPayment:S,totalPayment:k}=yt(m.product,b(()=>({amount:e.amount.value??0,duration:e.duration.value??0}))),j=b(()=>{var r;return(r=lt().fromPageType("Provider"))==null?void 0:r.replace(":provider",m.product.slugifyName)}),C=tt({product:m.product}),B=I();gt(m.product,B);const{redirectLinkProps:M}=ht(m.product),x=b(()=>{var y,s;const r=(s=(y=rt().matched[0])==null?void 0:y.meta)==null?void 0:s.pageType;return typeof r!="string"?M:["ProductListStatic","ProductListAll"].includes(r)&&m.product.body?{href:j.value}:M.value});return(r,y)=>{const s=nt,p=xe;return $(),F("div",{ref_key:"productElement",ref:B,class:H(["mx-auto min-w-[0px] space-y-4 rounded-lg border-2 border-transparent bg-white p-4 shadow-sm md:max-w-screen-lg md:flex-col",{"mx-4 min-w-[320px] max-w-[400px]":r.forceColumn,"!border-green-500":r.highlighted}])},[n("div",{class:H(["space-y-4 md:flex md:space-x-4 md:space-y-0",{"flex-col !space-x-0 !space-y-4":r.forceColumn}])},[n("div",Kt,[E(s,at(st(o(x))),{default:D(()=>[n("img",{alt:"logo",class:"mx-auto",loading:"lazy",width:150,height:125,src:r.product.media.url},null,8,Qt)]),_:1},16)]),n("div",Wt,[n("div",Yt,[n("div",Zt,h(o(l).amount.default),1),n("div",Jt,h(r.product.amount.display),1)]),n("div",Xt,[n("div",ea,h(o(l).duration.default),1),n("div",ta,h(r.product.duration.display),1)]),n("div",aa,[n("div",sa,h(o(l).apr.default),1),n("div",oa,h(r.product.apr.display),1)]),r.product.isActive&&!r.hideMonthlyCost?($(),F("div",{key:0,class:H(["flex items-center justify-between rounded-lg bg-gray-100 px-3 py-1.5 md:hidden",{"!flex":r.forceColumn}])},[n("div",null,h(o(l).monthlyPayment.abbreviation),1),n("div",null,[n("div",na,[E(ye,{apr:o(g),"total-payment":o(i)({value:o(k)}),"interest-rate-cost":o(i)({value:o(_)})},{default:D(()=>[n("div",la,[n("div",ra,h(o(i)({value:o(S),hideDecimals:!0})),1),E(p,{name:"mdi:information-variant-circle-outline",size:"14",class:"ml-1 text-gray-600"})])]),_:1},8,["apr","total-payment","interest-rate-cost"])]),n("div",ia,h(o(c)(o(l).monthlyPayment.duration,{duration:o(P)})),1)])],2)):U("",!0)]),n("div",{class:H(["flex w-full flex-1 flex-col content-center justify-center space-x-0 space-y-2",{"flex-col space-y-2":r.forceColumn}])},[($(!0),F(A,null,ot(r.product.bulletPoints,(v,w)=>($(),F("div",{key:w,class:"flex space-x-2"},[n("div",ua,[E(p,{class:"text-emerald-500",name:"material-symbols:check-small",size:"20"})]),n("span",{class:"text-sm text-gray-700",innerHTML:v},null,8,ca)]))),128))],2),n("div",da,[r.product.isActive&&!r.hideMonthlyCost?($(),F("div",{key:0,class:H(["hidden items-center justify-between rounded-lg bg-gray-100 px-3 py-1.5 md:flex",{"md:hidden":r.forceColumn}])},[n("div",pa,h(o(l).monthlyPayment.abbreviation),1),n("div",va,[n("div",fa,[E(ye,{apr:o(g),"total-payment":o(i)({value:o(k)}),"interest-rate-cost":o(i)({value:o(_)})},{default:D(()=>[n("div",ma,[n("div",ya,h(o(i)({value:o(S),hideDecimals:!0})),1),E(p,{name:"mdi:information-variant-circle-outline",size:"14",class:"ml-1 text-gray-600"})])]),_:1},8,["apr","total-payment","interest-rate-cost"])]),n("div",ga,h(o(c)(o(l).monthlyPayment.duration,{duration:o(P)})),1)])],2)):U("",!0),n("div",ha,[E(s,me(o(x),{class:"shrink-0 rounded-md bg-gray-200 px-4 py-3 text-center text-sm text-gray-700 md:mt-1 md:w-full md:py-1.5"}),{default:D(()=>[K(h(o(l).readMore),1)]),_:1},16),r.product.isActive?($(),F("a",me({key:1},o(M),{class:"bg-cta-500 hover:bg-cta-600 w-full cursor-pointer rounded-md py-3 text-center text-sm font-medium text-white transition-colors md:py-2.5"}),h(o(l).apply),17)):($(),F("div",ba,h(o(l).inactive),1)),o(a)==="nb-NO"?($(),Y(Ct,{key:2},{activator:D(({openModal:v})=>[n("button",{class:"hover:text-theme-600 flex w-full items-center justify-center text-[11px] text-gray-500",onClick:v},[_a,E(p,{name:"heroicons:information-circle",size:"16"})],8,xa)]),_:1})):U("",!0)])])],2),n("div",wa,[r.product.isHighCost?($(),Y(qt,{key:0})):U("",!0),r.product.example?($(),F(A,{key:1},[K(h(r.product.example),1)],64)):r.product.isActive?($(),F(A,{key:2},[K(h(o(c)(o(l).example,{context:o(C)})),1)],64)):($(),F(A,{key:3},[K(h(o(l).inactiveExample),1)],64))])],2)}}});export{$t as _,Sa as a,yt as b,ht as c,$e as u};
