https://www.invoxia.com/_nuxt/CB6KFcK1.js

1import{i as e,n as t}from"./DFKnjcOR.js";import{D as n,J as r,Lt as i,On as a,Zn as o,_ as s,b as c,er as l,g as u,k as d,mt as f,o as p,qt as m,v as h,vn as g,xt as _,y as v}from"./B4b-2GOK.js";import{t as y}from"./CgdQ4AwD.js";import{t as b}from"./Cn94K3V-.js";import{t as x}from"./BDTCyVxR.js";import{t as S}from"./uLZ9frUa.js";import{i as C}from"./B82WPTON2.js";import{n as w}from"./BA1wPneO.js";var T={class:`relative flex w-full flex-1 grow`},E={key:0,class:`absolute inset-0 mt-6 flex h-max max-w-[280px] place-self-center overflow-hidden rounded-[42px]`},D={key:0,class:`font-semibold`},O=[`aria-label`],k=d({__name:`FeatureCardBase`,props:{image:{},squareImage:{type:Boolean},fullWidthImage:{type:Boolean},imageAsBackground:{type:Boolean},lottieSource:{}},setup(e){let d=e,k=i(),{localeProperties:A}=t(),j=r(C),M=g(!1),N=g(!1),P=u(()=>!!k.title),F=u(()=>!!k.description),I=u(()=>!!k.benefit),L=u(()=>d.image?x(d.image.src,A.value.displayLang):void 0),R=u(()=>d.lottieSource?x(d.lottieSource,A.value.displayLang):void 0),z=()=>{F.value&&(M.value=!M.value)};return(t,r)=>{let i=y;return f(),c(`div`,{class:o([`relative flex h-[480px] w-[310px] flex-col items-center overflow-hidden rounded-3xl bg-linear-to-b p-6 text-white transition-transform md:h-[580px] md:w-[400px] md:p-8`,{"scale-[1.02]":a(N)&&a(F),"cursor-pointer":a(F),"from-[#2B2C2F] to-[#121316]":a(j)===`tracker`,"from-[#DCEFF2] to-[#B5DCE2]":a(j)===`animal`}]),style:l(e.imageAsBackground&&e.image?{backgroundImage:`url(${e.image.src}), linear-gradient(to bottom, #2B2C2F, #121316)`,backgroundSize:`cover`,backgroundPosition:`center`}:{}),onClick:z,onMouseenter:r[0]||=e=>N.value=!0,onMouseleave:r[1]||=e=>N.value=!1},[e.imageAsBackground&&a(M)?(f(),c(`div`,{key:0,class:o([`absolute inset-0 bg-black/40 backdrop-blur-md transition-opacity duration-300`,{"opacity-100":a(M),"opacity-0":!a(M)}])},null,2)):v(``,!0),s(`div`,{class:o([`flex w-full flex-col gap-2 text-left`,{"relative z-10":e.imageAsBackground}])},[a(P)?(f(),c(p,{key:0},[n(b,{class:o([`font-inter! text-[16px]! leading-normal! font-normal! first-letter:capitalize md:text-lg!`,{"text-grey-800":a(j)===`animal`}])},{default:m(()=>[_(t.$slots,`title`)]),_:3},8,[`class`]),s(`div`,{class:o([`font-inter-tight text-[22px] leading-[110%]! font-medium md:text-[26px]`,{"text-grey-800":a(j)===`animal`}])},[_(t.$slots,`marketingTitle`)],2)],64)):(f(),h(b,{key:1,class:o([`font-inter-tight! text-[22px]! leading-[110%]! font-medium! md:text-[26px]!`,{"text-grey-800":a(j)===`animal`}])},{default:m(()=>[_(t.$slots,`marketingTitle`)]),_:3},8,[`class`]))],2),s(`div`,T,[!e.imageAsBackground&&e.lottieSource?(f(),c(`div`,E,[n(w,{source:a(R)},null,8,[`source`])])):!e.imageAsBackground&&e.image?(f(),h(i,{key:1,src:a(L),alt:e.image.alt,format:`webp`,class:o([`absolute inset-0 flex place-self-center transition-all duration-300 ease-in-out`,{"scale-105 opacity-40 blur-2xl":a(M),"blur-0 opacity-100":!a(M),"-mb-8 self-end md:w-auto":!e.squareImage,"w-60 max-w-[280px]":!e.fullWidthImage,"w-full":e.fullWidthImage}]),loading:`lazy`,sizes:`200px md:250px lg:300px`},null,8,[`src`,`alt`,`class`])):v(``,!0),a(F)?(f(),c(`div`,{key:2,class:o([`relative z-10 flex flex-col gap-3 pt-6 font-inter text-[15px] leading-tight transition-opacity duration-300 ease-in-out md:pt-8 md:text-base`,{"opacity-100":a(M),"opacity-0":!a(M),"text-grey-800":a(j)===`animal`}])},[s(`div`,null,[_(t.$slots,`description`)]),a(I)?(f(),c(`div`,D,[_(t.$slots,`benefit`)])):v(``,!0)],2)):v(``,!0),a(F)?(f(),c(`button`,{key:3,class:`absolute right-0 bottom-0 -mr-4 -mb-4 rounded-full bg-white p-3 md:p-4`,"aria-label":a(M)?t.$t(`seeLess`):t.$t(`seeMore`)},[n(S,{class:o([`size-4 invert filter transition-transform duration-150 md:size-6`,{"rotate-45":a(M)}])},null,8,[`class`])],8,O)):v(``,!0)])],38)}}}),A=e({default:()=>j}),j=Object.assign(k,{__name:`CustomsFeatureCardBase`});export{A as n,j as t};