2 lines
2.9 KiB
JavaScript
2 lines
2.9 KiB
JavaScript
import{u as w,t as b}from"./wheel-classiccasinowheel-DHnlMe5J.js";import{d as k,a as s,b as o,e,n as d,u as l,F as f,f as c,t as v,g as F,h as S}from"./vendor-vue-kYoPQr5S.js";const B={class:"relative w-full max-w-[340px] xs:max-w-[380px] sm:max-w-[420px] aspect-square mx-auto select-none"},C={class:"absolute inset-0 rounded-full p-2.5 shadow-[0_0_35px_rgba(249,115,22,0.55)]",style:{background:"linear-gradient(145deg, #fbbf24, #f97316, #dc2626, #7f1d1d)"}},z={class:"w-full h-full rounded-full border-2 border-orange-300 relative overflow-hidden bg-[#1a0505]"},G=["d","fill"],L=["transform"],N={x:"150",y:"45","text-anchor":"middle",fill:"#fff7ed","font-size":"11","font-weight":"800",class:"wheel-slice-text font-sans"},T=["href"],V=["cx","cy","transform"],$={class:"absolute -top-3 left-1/2 -translate-x-1/2 z-20 pointer-events-none drop-shadow-[0_0_12px_#f97316]"},W=k({__name:"FireFlameWheel",props:{segments:{},targetSegmentIndex:{},spinning:{type:Boolean}},emits:["spin-finished"],setup(a,{emit:p}){const h=a,m=p,{wheelStyle:u,pointerStyle:x,getSlicePath:g,getTextRotation:_,pegs:y}=w(h,()=>m("spin-finished"),{radius:138,pegRadius:143}),n=["#7f1d1d","#b91c1c","#ea580c","#c2410c","#9a3412","#450a0a"];return(D,i)=>(s(),o("div",B,[e("div",C,[e("div",z,[(s(),o("svg",{class:"w-full h-full",style:d(l(u)),viewBox:"0 0 300 300"},[(s(!0),o(f,null,c(a.segments,(t,r)=>(s(),o("g",{key:t.id},[e("path",{d:l(g)(r),fill:t.color||n[r%n.length],stroke:"#fdba74","stroke-width":"1.2"},null,8,G),e("g",{transform:l(_)(r)},[e("text",N,v(l(b)(t.title)),1),t.image?(s(),o("image",{key:0,href:t.image,x:"138",y:"54",width:"24",height:"24"},null,8,T)):F("",!0)],8,L)]))),128)),(s(!0),o(f,null,c(l(y),(t,r)=>(s(),o("g",{key:r},[e("ellipse",{cx:t.x,cy:t.y,rx:"2.2",ry:"4.2",fill:"url(#flameTip)",transform:`rotate(${r*15} ${t.x} ${t.y})`},null,8,V)]))),128)),i[0]||(i[0]=S('<circle cx="150" cy="150" r="30" fill="url(#emberCore)" stroke="#fdba74" stroke-width="2"></circle><circle cx="150" cy="150" r="16" fill="#7f1d1d" stroke="#f97316" stroke-width="1.5"></circle><text x="150" y="156" text-anchor="middle" font-size="14">🔥</text><defs><radialGradient id="flameTip" cx="50%" cy="20%" r="80%"><stop offset="0%" stop-color="#fef08a"></stop><stop offset="55%" stop-color="#f97316"></stop><stop offset="100%" stop-color="#b91c1c"></stop></radialGradient><radialGradient id="emberCore" cx="40%" cy="35%" r="65%"><stop offset="0%" stop-color="#fdba74"></stop><stop offset="100%" stop-color="#7f1d1d"></stop></radialGradient></defs>',4))],4))])]),e("div",$,[e("div",{style:d(l(x)),class:"w-9 h-[44px] origin-[50%_12px] will-change-transform"},[...i[1]||(i[1]=[e("svg",{width:"36",height:"44",viewBox:"0 0 36 44",fill:"none"},[e("path",{d:"M18 44L5 14C3 9 7 3 12 3H24C29 3 33 9 31 14L18 44Z",fill:"#f97316",stroke:"#fef08a","stroke-width":"1.5"}),e("circle",{cx:"18",cy:"12",r:"4.5",fill:"#dc2626",stroke:"#fef08a","stroke-width":"1.2"})],-1)])],4)])]))}});export{W as default};
|