https://www.sunshinecoastholidayparks.com.au/_nuxt/DzM_0zSl.js

1import{E as e,Ht as t,Lt as n,On as r,Zn as i,_ as a,b as o,et as s,g as c,mt as l,qt as u,tr as d,v as f,vn as p,xt as m,y as h}from"./B4b-2GOK.js";import{t as g}from"./BAhHrx2J.js";import{a as _,n as v,t as y}from"./CGzP6v_H.js";import{m as b}from"./D8Fh4D1d2.js";import{d as x}from"./CP-fxAx-2.js";import{t as S}from"./CJVMGqd_2.js";import{t as C}from"./Bk6AmM5-.js";import{t as w}from"./xKdLJo46.js";import{t as T}from"./2tHlZD2M.js";var E={slots:{root:`relative flex rounded-lg`,spotlight:`absolute inset-0 rounded-[inherit] pointer-events-none bg-default/90`,container:`relative flex flex-col flex-1 lg:grid gap-x-8 gap-y-4 p-4 sm:p-6`,wrapper:`flex flex-col flex-1 items-start`,header:`mb-4`,body:`flex-1`,footer:`pt-4 mt-auto`,leading:`inline-flex items-center mb-2.5`,leadingIcon:`size-5 shrink-0 text-primary`,title:`text-base text-pretty font-semibold text-highlighted`,description:`text-[15px] text-pretty`},variants:{orientation:{horizontal:{container:`lg:grid-cols-2 lg:items-center`},vertical:{container:``}},reverse:{true:{wrapper:`order-last`}},variant:{solid:{root:`bg-inverted text-inverted`,title:`text-inverted`,description:`text-dimmed`},outline:{root:`bg-default ring ring-default`,description:`text-muted`},soft:{root:`bg-elevated/50`,description:`text-toned`},subtle:{root:`bg-elevated/50 ring ring-default`,description:`text-toned`},ghost:{description:`text-muted`},naked:{container:`p-0 sm:p-0`,description:`text-muted`}},to:{true:{root:[`outline-primary/25 has-[>a:focus-visible]:outline-3`,`transition`]}},title:{true:{description:`mt-1`}},highlight:{true:{root:`ring-2`}},highlightColor:{primary:``,debug:``,secondary:``,tertiary:``,accent:``,neutral:``,info:``,success:``,warning:``,error:``},spotlight:{true:{root:`[--spotlight-size:400px] before:absolute before:-inset-px before:pointer-events-none before:rounded-[inherit] before:bg-[radial-gradient(var(--spotlight-size)_var(--spotlight-size)_at_calc(var(--spotlight-x,0px))_calc(var(--spotlight-y,0px)),var(--spotlight-color),transparent_70%)]`}},spotlightColor:{primary:``,debug:``,secondary:``,tertiary:``,accent:``,neutral:``,info:``,success:``,warning:``,error:``}},compoundVariants:[{variant:`solid`,to:!0,class:{root:`hover:bg-inverted/90`}},{variant:`outline`,to:!0,class:{root:`hover:bg-elevated/50`}},{variant:`soft`,to:!0,class:{root:`hover:bg-elevated`}},{variant:`subtle`,to:!0,class:{root:`hover:bg-elevated`}},{variant:`subtle`,to:!0,highlight:!1,class:{root:`hover:ring-accented`}},{variant:[`outline`,`subtle`],to:!0,highlight:!1,class:{root:`has-[>a:focus-visible]:ring-primary`}},{variant:`ghost`,to:!0,class:{root:`hover:bg-elevated/50`}},{highlightColor:`primary`,highlight:!0,class:{root:`ring-primary`}},{highlightColor:`debug`,highlight:!0,class:{root:`ring-debug`}},{highlightColor:`secondary`,highlight:!0,class:{root:`ring-secondary`}},{highlightColor:`tertiary`,highlight:!0,class:{root:`ring-tertiary`}},{highlightColor:`accent`,highlight:!0,class:{root:`ring-accent`}},{highlightColor:`neutral`,highlight:!0,class:{root:`ring-neutral`}},{highlightColor:`info`,highlight:!0,class:{root:`ring-info`}},{highlightColor:`success`,highlight:!0,class:{root:`ring-success`}},{highlightColor:`warning`,highlight:!0,class:{root:`ring-warning`}},{highlightColor:`error`,highlight:!0,class:{root:`ring-error`}},{highlightColor:`neutral`,highlight:!0,class:{root:`ring-inverted`}},{spotlightColor:`primary`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-primary)]`}},{spotlightColor:`debug`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-debug)]`}},{spotlightColor:`secondary`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-secondary)]`}},{spotlightColor:`tertiary`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-tertiary)]`}},{spotlightColor:`accent`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-accent)]`}},{spotlightColor:`neutral`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-neutral)]`}},{spotlightColor:`info`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-info)]`}},{spotlightColor:`success`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-success)]`}},{spotlightColor:`warning`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-warning)]`}},{spotlightColor:`error`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-error)]`}},{spotlightColor:`neutral`,spotlight:!0,class:{root:`[--spotlight-color:var(--ui-bg-inverted)]`}}],defaultVariants:{variant:`outline`,highlightColor:`primary`,spotlightColor:`primary`}},D=Object.assign({inheritAttrs:!1},{__name:`UPageCard`,props:{as:{type:null,required:!1},icon:{type:null,required:!1},title:{type:String,required:!1},description:{type:String,required:!1},orientation:{type:null,required:!1,default:`vertical`},reverse:{type:Boolean,required:!1},highlight:{type:Boolean,required:!1},highlightColor:{type:null,required:!1},spotlight:{type:Boolean,required:!1},spotlightColor:{type:null,required:!1},variant:{type:null,required:!1},to:{type:null,required:!1},target:{type:[String,Object,null],required:!1},onClick:{type:Function,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1}},setup(D){let O=D,k=n(),A=v(`pageCard`,O),j=p(),M=b(),N=g(),{elementX:P,elementY:F}=x(j,{eventFilter:M.eventFilter}),I=T(),L=c(()=>A.spotlight&&(P.value!==0||F.value!==0));t(()=>A.spotlight,e=>{e?M.resume():M.pause()},{immediate:!0});let R=c(()=>

1y({extend:E,...N.ui?.pageCard||{}})({orientation:A.orientation,reverse:A.reverse,variant:A.variant,to:!!A.to||!!A.onClick,title:!!A.title||!!k.title,highlight:A.highlight,highlightColor:A.highlightColor,spotlight:L.value,spotlightColor:A.spotlightColor})),z=c(()=>(k.title&&_(k.title())||A.title||`Card link`).trim());return(t,n)=>(l(),f(r(S),s({ref_key:`cardRef`,ref:j,as:r(A).as},r(A).to?{}:t.$attrs,{"data-orientation":r(A).orientation,"data-slot":t.$attrs[`data-slot`]??`root`,class:R.value.root({class:[r(A).ui?.root,r(A).class]}),style:L.value&&{"--spotlight-x":`${r(P)}px`,"--spotlight-y":`${r(F)}px`},onClick:r(A).onClick}),{default:u(()=>[r(A).spotlight?(l(),o(`div`,{key:0,"data-slot":`spotlight`,class:i(R.value.spotlight({class:r(A).ui?.spotlight}))},null,2)):h(``,!0),a(`div`,{"data-slot":`container`,class:i(R.value.container({class:r(A).ui?.container}))},[k.header||r(A).icon||k.leading||k.body||r(A).title||k.title||r(A).description||k.description||k.footer?(l(),o(`div`,{key:0,"data-slot":`wrapper`,class:i(R.value.wrapper({class:r(A).ui?.wrapper}))},[k.header?(l(),o(`div`,{key:0,"data-slot":`header`,class:i(R.value.header({class:r(A).ui?.header}))},[m(t.$slots,`header`)],2)):h(``,!0),r(A).icon||k.leading?(l(),o(`div`,{key:1,"data-slot":`leading`,class:i(R.value.leading({class:r(A).ui?.leading}))},[m(t.$slots,`leading`,{ui:R.value},()=>[r(A).icon?(l(),f(C,{key:0,name:r(A).icon,"data-slot":`leadingIcon`,class:i(R.value.leadingIcon({class:r(A).ui?.leadingIcon}))},null,8,[`name`,`class`])):h(``,!0)])],2)):h(``,!0),k.body||r(A).title||k.title||r(A).description||k.description?(l(),o(`div`,{key:2,"data-slot":`body`,class:i(R.value.body({class:r(A).ui?.body}))},[m(t.$slots,`body`,{},()=>[r(A).title||k.title?(l(),o(`div`,{key:0,"data-slot":`title`,class:i(R.value.title({class:r(A).ui?.title}))},[m(t.$slots,`title`,{},()=>[e(d(r(A).title),1)])],2)):h(``,!0),r(A).description||k.description?(l(),o(`div`,{key:1,"data-slot":`description`,class:i(R.value.description({class:r(A).ui?.description}))},[m(t.$slots,`description`,{},()=>[e(d(r(A).description),1)])],2)):h(``,!0)])],2)):h(``,!0),k.footer?(l(),o(`div`,{key:3,"data-slot":`footer`,class:i(R.value.footer({class:r(A).ui?.footer}))},[m(t.$slots,`footer`)],2)):h(``,!0)],2)):h(``,!0),m(t.$slots,`default`)],2),r(A).to?(l(),f(w,s({key:1,"aria-label":z.value},{to:r(A).to,target:r(A).target,...t.$attrs,"data-slot":void 0},{class:r(I)(`focus:outline-none peer`),raw:``}),{default:u(()=>[a(`span`,{class:i(r(I)(`absolute inset-0`)),"aria-hidden":`true`},null,2)]),_:1},16,[`aria-label`,`class`])):h(``,!0)]),_:3},16,[`as`,`data-orientation`,`data-slot`,`class`,`style`,`onClick`]))}});export{D as t};