import{c as se,h as P,F as ue,i as j,p as F,d as $,r as b,a as L,o as S,b as V,w as O,e as de,f as fe,g as h,j as ce,k as pe,u as ve,l as me}from"./chunks/runtime-core.esm-bundler.2be6ca71.js";function w(e,t,...r){if(e in t){let a=t[e];return typeof a=="function"?a(...r):a}let n=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(a=>`"${a}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,w),n}var I=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(I||{}),m=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(m||{});function Q({visible:e=!0,features:t=0,ourProps:r,theirProps:n,...a}){var o;let l=he(n,r),s=Object.assign(a,{props:l});if(e||t&2&&l.static)return A(s);if(t&1){let i=(o=l.unmount)==null||o?0:1;return w(i,{[0](){return null},[1](){return A({...a,props:{...l,hidden:!0,style:{display:"none"}}})}})}return A(s)}function A({props:e,attrs:t,slots:r,slot:n,name:a}){var o;let{as:l,...s}=z(e,["unmount","static"]),i=(o=r.default)==null?void 0:o.call(r,n),u={};if(l==="template"){if(i=W(i),Object.keys(s).length>0||Object.keys(t).length>0){let[d,...f]=i??[];if(!ge(d)||f.length>0)throw new Error(['Passing props on "template"!',"",`The current component <${a} /> is rendering a "template".`,"However we need to passthrough the following props:",Object.keys(s).concat(Object.keys(t)).sort((c,p)=>c.localeCompare(p)).map(c=>`  - ${c}`).join(`
`),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".',"Render a single element as the child so that we can forward the props onto that element."].map(c=>`  - ${c}`).join(`
`)].join(`
`));return se(d,Object.assign({},s,u))}return Array.isArray(i)&&i.length===1?i[0]:i}return P(l,Object.assign({},s,u),i)}function W(e){return e.flatMap(t=>t.type===ue?W(t.children):[t])}function he(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},r={};for(let n of e)for(let a in n)a.startsWith("on")&&typeof n[a]=="function"?(r[a]!=null||(r[a]=[]),r[a].push(n[a])):t[a]=n[a];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(r).map(n=>[n,void 0])));for(let n in r)Object.assign(t,{[n](a,...o){let l=r[n];for(let s of l){if(a!=null&&a.defaultPrevented)return;s(a,...o)}}});return t}function z(e,t=[]){let r=Object.assign({},e);for(let n of t)n in r&&delete r[n];return r}function ge(e){return e==null?!1:typeof e.type=="string"||typeof e.type=="object"||typeof e.type=="function"}let ye=0;function be(){return++ye}function we(){return be()}function U(e){var t;return e==null||e.value==null?null:(t=e.value.$el)!=null?t:e.value}let G=Symbol("Context");var E=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(E||{});function Se(){return J()!==null}function J(){return j(G,null)}function Ee(e){F(G,e)}function Te(e){let t={called:!1};return(...r)=>{if(!t.called)return t.called=!0,e(...r)}}function K(){let e=[],t=[],r={enqueue(n){t.push(n)},requestAnimationFrame(...n){let a=requestAnimationFrame(...n);r.add(()=>cancelAnimationFrame(a))},nextFrame(...n){r.requestAnimationFrame(()=>{r.requestAnimationFrame(...n)})},setTimeout(...n){let a=setTimeout(...n);r.add(()=>clearTimeout(a))},add(n){e.push(n)},dispose(){for(let n of e.splice(0))n()},async workQueue(){for(let n of t.splice(0))await n()}};return r}function B(e,...t){e&&t.length>0&&e.classList.add(...t)}function C(e,...t){e&&t.length>0&&e.classList.remove(...t)}var H=(e=>(e.Finished="finished",e.Cancelled="cancelled",e))(H||{});function _e(e,t){let r=K();if(!e)return r.dispose;let{transitionDuration:n,transitionDelay:a}=getComputedStyle(e),[o,l]=[n,a].map(s=>{let[i=0]=s.split(",").filter(Boolean).map(u=>u.includes("ms")?parseFloat(u):parseFloat(u)*1e3).sort((u,d)=>d-u);return i});return o!==0?r.setTimeout(()=>t("finished"),o+l):t("finished"),r.add(()=>t("cancelled")),r.dispose}function D(e,t,r,n,a,o){let l=K(),s=o!==void 0?Te(o):()=>{};return C(e,...a),B(e,...t,...r),l.nextFrame(()=>{C(e,...r),B(e,...n),l.add(_e(e,i=>(C(e,...n,...t),B(e,...a),s(i))))}),l.add(()=>C(e,...t,...r,...n,...a)),l.add(()=>s("cancelled")),l.dispose}function y(e=""){return e.split(" ").filter(t=>t.trim().length>1)}let N=Symbol("TransitionContext");var Ce=(e=>(e.Visible="visible",e.Hidden="hidden",e))(Ce||{});function Fe(){return j(N,null)!==null}function Le(){let e=j(N,null);if(e===null)throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");return e}function Oe(){let e=j(R,null);if(e===null)throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");return e}let R=Symbol("NestingContext");function x(e){return"children"in e?x(e.children):e.value.filter(({state:t})=>t==="visible").length>0}function Y(e){let t=b([]),r=b(!1);S(()=>r.value=!0),V(()=>r.value=!1);function n(o,l=m.Hidden){let s=t.value.findIndex(({id:i})=>i===o);s!==-1&&(w(l,{[m.Unmount](){t.value.splice(s,1)},[m.Hidden](){t.value[s].state="hidden"}}),!x(t)&&r.value&&e?.())}function a(o){let l=t.value.find(({id:s})=>s===o);return l?l.state!=="visible"&&(l.state="visible"):t.value.push({id:o,state:"visible"}),()=>n(o,m.Unmount)}return{children:t,register:a,unregister:n}}let X=I.RenderStrategy,je=$({props:{as:{type:[Object,String],default:"div"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:""},enterFrom:{type:[String],default:""},enterTo:{type:[String],default:""},entered:{type:[String],default:""},leave:{type:[String],default:""},leaveFrom:{type:[String],default:""},leaveTo:{type:[String],default:""}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:r,slots:n,expose:a}){if(!Fe()&&Se())return()=>P(Z,{...e,onBeforeEnter:()=>t("beforeEnter"),onAfterEnter:()=>t("afterEnter"),onBeforeLeave:()=>t("beforeLeave"),onAfterLeave:()=>t("afterLeave")},n);let o=b(null),l=b("visible"),s=L(()=>e.unmount?m.Unmount:m.Hidden);a({el:o,$el:o});let{show:i,appear:u}=Le(),{register:d,unregister:f}=Oe(),c={value:!0},p=we(),T={value:!1},M=Y(()=>{T.value||(l.value="hidden",f(p),t("afterLeave"))});S(()=>{let v=d(p);V(v)}),O(()=>{if(s.value===m.Hidden&&!!p){if(i&&l.value!=="visible"){l.value="visible";return}w(l.value,{hidden:()=>f(p),visible:()=>d(p)})}});let ee=y(e.enter),te=y(e.enterFrom),ne=y(e.enterTo),q=y(e.entered),re=y(e.leave),ae=y(e.leaveFrom),le=y(e.leaveTo);S(()=>{O(()=>{if(l.value==="visible"){let v=U(o);if(v instanceof Comment&&v.data==="")throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}})});function oe(v){let k=c.value&&!u.value,g=U(o);!g||!(g instanceof HTMLElement)||k||(T.value=!0,i.value&&t("beforeEnter"),i.value||t("beforeLeave"),v(i.value?D(g,ee,te,ne,q,_=>{T.value=!1,_===H.Finished&&t("afterEnter")}):D(g,re,ae,le,q,_=>{T.value=!1,_===H.Finished&&(x(M)||(l.value="hidden",f(p),t("afterLeave")))})))}return S(()=>{de([i],(v,k,g)=>{oe(g),c.value=!1},{immediate:!0})}),F(R,M),Ee(L(()=>w(l.value,{visible:E.Open,hidden:E.Closed}))),()=>{let{appear:v,show:k,enter:g,enterFrom:_,enterTo:Me,entered:qe,leave:Ue,leaveFrom:De,leaveTo:Ve,...ie}=e;return Q({theirProps:ie,ourProps:{ref:o},slot:{},slots:n,attrs:r,features:X,visible:l.value==="visible",name:"TransitionChild"})}}}),xe=je,Z=$({inheritAttrs:!1,props:{as:{type:[Object,String],default:"div"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:""},enterFrom:{type:[String],default:""},enterTo:{type:[String],default:""},entered:{type:[String],default:""},leave:{type:[String],default:""},leaveFrom:{type:[String],default:""},leaveTo:{type:[String],default:""}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:r,slots:n}){let a=J(),o=L(()=>e.show===null&&a!==null?w(a.value,{[E.Open]:!0,[E.Closed]:!1}):e.show);O(()=>{if(![!0,!1].includes(o.value))throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.')});let l=b(o.value?"visible":"hidden"),s=Y(()=>{l.value="hidden"}),i=b(!0),u={show:o,appear:L(()=>e.appear||!i.value)};return S(()=>{O(()=>{i.value=!1,o.value?l.value="visible":x(s)||(l.value="hidden")})}),F(R,s),F(N,u),()=>{let d=z(e,["show","appear","unmount","onBeforeEnter","onBeforeLeave","onAfterEnter","onAfterLeave"]),f={unmount:e.unmount};return Q({ourProps:{...f,as:"template"},theirProps:{},slot:{},slots:{...n,default:()=>[P(xe,{onBeforeEnter:()=>t("beforeEnter"),onAfterEnter:()=>t("afterEnter"),onBeforeLeave:()=>t("beforeLeave"),onAfterLeave:()=>t("afterLeave"),...r,...f,...d},n.default)]},attrs:{},features:X,visible:l.value==="visible",name:"Transition"})}}});const ke={class:"p-4"},Ae=h("span",{class:"text-xl font-bold","th:text":"@{post.title}"},"Hello Halo",-1),Be={class:"flex flex-col items-center py-16"},He={class:"h-32 w-32"},Pe=h("div",{class:"h-full w-full rounded-md bg-white shadow-lg"},null,-1),$e=h("svg",{class:"h-5 w-5 opacity-70",fill:"none",viewBox:"0 0 20 20"},[h("path",{d:"M14.9497 14.9498C12.2161 17.6835 7.78392 17.6835 5.05025 14.9498C2.31658 12.2162 2.31658 7.784 5.05025 5.05033C7.78392 2.31666 12.2161 2.31666 14.9497 5.05033C15.5333 5.63385 15.9922 6.29475 16.3266 7M16.9497 2L17 7H16.3266M12 7L16.3266 7",stroke:"currentColor","stroke-width":"1.5"})],-1),Ne=h("span",{class:"ml-3"},"Click to transition",-1),Re=[$e,Ne],Qe=$({__name:"PostCard",setup(e){const t=b(!0);function r(){t.value=!1,setTimeout(()=>{t.value=!0},500)}return(n,a)=>(me(),fe("div",ke,[Ae,h("div",Be,[h("div",He,[ce(ve(Z),{show:t.value,appear:"",as:"template",enter:"transform transition duration-[400ms]","enter-from":"opacity-0 rotate-[-120deg] scale-50","enter-to":"opacity-100 rotate-0 scale-100",leave:"transform duration-200 transition ease-in-out","leave-from":"opacity-100 rotate-0 scale-100 ","leave-to":"opacity-0 scale-95 "},{default:pe(()=>[Pe]),_:1},8,["show"])]),h("button",{class:"mt-8 flex transform items-center rounded-full bg-black bg-opacity-20 px-3 py-2 text-sm font-medium text-white transition hover:scale-105 hover:bg-opacity-30 focus:outline-none active:bg-opacity-40",onClick:r},Re)])]))}});export{Qe as default};