https://nextnature.org/_nuxt/DaPBoCPz.js

1import{d as defineComponent,o as openBlock,c as createElementBlock,f as createBaseVNode,b as createVNode,e as withCtx,y as normalizeStyle,x as unref,t as toDisplayString,z as normalizeClass,v as __nuxt_component_1,r as ref,A as computed,B as _export_sfc}from"./NYUGQQ_5.js";const _sfc_main=defineComponent({__name:"LinkButton",props:{block:{}},setup(__props){const props=__props,hover=ref(!1),alignmentClass=computed(()=>({center:"center-align",right:"right-align",left:"left-align"})[props.block?.content?.alignment]||"left-align"),colorMap={orange:{background:"#EA6506",text:"#F4F4F4"},blue:{background:"#00C0F3",text:"#242424"},purple:{background:"#6c55FE",text:"#F4F4F4"},green:{background:"#00FF33",text:"#242424"},white:{background:"#F4F4F4",text:"#242424"},default:{background:"#ff6b00",text:"#242424"}},{background,text}=colorMap[props.block?.content?.color]||colorMap.default,captionHtml=computed(()=>props.block?.content?.caption||""),buttonClass=computed(()=>props.block.content?.fullwidth==="true"?" full-width":""),target=computed(()=>props.block.content?.blank==="true"?"_blank":"_self"),iconAlignmentClass=computed(()=>props.block.content?.iconalignment==="left"?" reverse":""),buttonStyles=computed(()=>`
2  background-color: ${background};
3  color: ${text};
4  transition: box-shadow 0.3s ease, color 0.3s ease;
5`),buttonHoverStyles=computed(()=>`
6  background-color: ${text};
7  color: ${background};
8  box-shadow: 0px 0px 20px ${background};
9`),buttonStyle=computed(()=>hover.value?buttonHoverStyles.value:buttonStyles.value);return(_ctx,_cache)=>{const _component_NuxtLink=__nuxt_component_1;return openBlock(),createElementBlock("section",{class:normalizeClass(["block-link-button",`size-${props.block?.content?.icon_size}`])},[createBaseVNode("div",{class:normalizeClass(`button-container ${unref(alignmentClass)}`)},[createVNode(_component_NuxtLink,{class:normalizeClass(`button-link ${unref(buttonClass)}${unref(iconAlignmentClass)}`),to:__props.block?.content?.resolved?.target,target:unref(target),style:normalizeStyle(unref(hover)?unref(buttonHoverStyles):unref(buttonStyles)),onMouseover:_cache[0]||(_cache[0]=$event=>hover.value=!0),onMouseleave:_cache[1]||(_cache[1]=$event=>hover.value=!1)},{default:withCtx(()=>[createBaseVNode("p",{class:"button-content rounded-full px-6 py-2",style:normalizeStyle(unref(buttonStyle))},toDisplayString(unref(captionHtml)),5)]),_:1},8,["class","to","target","style"])],2)],2)}}}),LinkButton=Object.assign(_export_sfc(_sfc_main,[["__scopeId","data-v-487f03bf"]]),{__name:"KirbyBlockLinkButton"});export{LinkButton as default};