https://www.seabell.com/_nuxt/ActivityBannerOutside.DOceyIx7.js

1import{I as e,M as t,O as a,Q as n,H as i,ae as s,U as o,v as r,c as l,e as c,n as d,k as u,ak as m,Y as v,ac as p,a0 as x,_ as f,p as y,S as g}from"./vue-vendor.Dct321uQ.js";import{t as h,G as b}from"./entry.BpcPXBfN.js";import{u as _}from"./useStarunionBatchExposure.6idNzeiN.js";const k={class:"max-w-full"},w={class:"flex gap-3.5 scroll-smooth"},E={class:"overflow-hidden rounded-xl"},j=h(e({__name:"ActivityBannerSkeleton",props:{size:{default:"medium"}},setup(e){const c=e,d=l(()=>{switch(c.size){case"small":return"w-[200px] h-[100px]";case"large":return"w-[320px] h-[160px]";default:return"w-[264px] h-[148px]"}});return(e,l)=>(t(),a("div",k,[n("div",w,[(t(),a(i,null,s(3,e=>n("div",{key:e,class:"flex-shrink-0"},[n("div",E,[n("div",{class:o(["bg-gray-300 dark:bg-gray-700 animate-pulse",r(d)])},null,2)])])),64))])]))}}),[["__scopeId","data-v-c1801b21"]]),B={class:"flex gap-3.5 scroll-smooth"},S=["data-starunion-batch-id","data-conan-custom","onClick"],I=["href"],z=["src","alt"],C={class:"w-full left-2 bottom-2 absolute text-xs text-white select-none dark:text-gray-300 flex flex-col gap-1"},A={class:"text-sm font-bold"},O={key:0,class:"w-[94%] text-xs bg-gray-900 dark:bg-gray-700 px-2 py-1 opacity-50 rounded-md line-clamp-2 leading-0"},J=e({name:"ActivityBanner",__name:"ActivityBanner",props:{banners:{default:()=>[]},loading:{type:Boolean,default:!1},size:{default:"medium"},onElementExpose:{}},setup(e){const{getHref:g}=b(),h=e,k=y(null),{start:w,reset:E}=_({onExpose:h.onElementExpose||(()=>{}),root:k,selector:"[data-starunion-batch-id]",getId:e=>e.dataset.starunionBatchId,getKey:e=>e,getItem:e=>h.banners.find(t=>String(t.id)===e),toElementContent:e=>({activity_id:e.activity_id,ex:JSON.stringify({element_module:"events"})})});c(()=>h.banners,()=>d(E),{deep:!0}),u(w);const j=l(()=>(h.size,"w-[328px] h-[148px]")),J=e=>{if(!e.url)return;const t=(e=>{const t=new URL(e,window.location.origin);return t.pathname.endsWith("/interactive-novel-activity")?(t.searchParams.set("source","home_activity_card"),t.href):e})(e.url);"_blank"===e.target?window.open(t,"_blank"):window.location.href=t};return(l,c)=>{const d=m("starunion");return t(),a("div",{ref_key:"activityRoot",ref:k,class:"max-w-full","data-conan-module":"activity-banner"},[n("div",B,[(t(!0),a(i,null,s(e.banners,(e,i)=>v((t(),a("div",{key:e.id,class:"flex-shrink-0 cursor-pointer","data-conan-module":"activity-banner-item","data-conan-event":"click,exposure","data-starunion-batch-id":String(e.id),"data-conan-custom":JSON.stringify({obj_index:i,obj_id:e.id}),onClick:p(t=>J(e),["stop","prevent"])},[n("a",{href:r(g)("",e,e=>e.url,!1),class:"relative overflow-hidden rounded-xl flex flex-col items-center justify-center",onClick:c[0]||(c[0]=p(()=>{},["prevent"]))},[n("img",{src:e.image,alt:e.title,class:o(["object-cover rounded-xl",r(j)]),loading:"lazy"},null,10,z),n("div",C,[n("div",A,x(e.title),1),e.desc?(t(),a("div",O,x(e.desc),1)):f("",!0)])],8,I)],8,S)),[[d,{module:"events",name:"activity",type:"card",data:{activity_id:e.activity_id,position_index:i+1}},void 0,{click:!0}]])),128))])],512)}}}),N={class:"flex gap-3.5 scroll-smooth"},R=["data-starunion-batch-id","data-conan-custom","onClick"],H=["href"],U={class:"flex flex-col"},K=["src","alt"],L={class:"text-sm font-bold"},P={key:0,class:"banner-desc"},W=h(e({name:"ActivityBanner",__name:"ActivityBannerOutside",props:{banners:{default:()=>[]},loading:{type:Boolean,default:!1},size:{default:"medium"},onElementExpose:{}},setup(e){const{getHref:h}=b(),k=e,w=y(null),{start:E,reset:j}=_({onExpose:k.onElementExpose||(()=>{}),root:w,selector:"[data-starunion-batch-id]",getId:e=>e.dataset.starunionBatchId,getKey:e=>e,getItem:e=>k.banners.find(t=>String(t.id)===e),toElementContent:e=>({activity_id:e.activity_id,ex:JSON.stringify({element_module:"events"})})});c(()=>k.banners,()=>d(j),{deep:!0}),u(E);const B=l(()=>(k.size,"w-[328px] h-[148px]")),S=e=>{if(!e.url)return;const t=(e=>{const t=new URL(e,window.location.origin);return t.pathname.endsWith("/interactive-novel-activity")?(t.searchParams.set("source","home_activity_card"),t.href):e})(e.url);"_blank"===e.target?window.open(t,"_blank"):window.location.href=t};return(l,c)=>{const d=m("starunion");return t(),a("div",{ref_key:"activityRoot",ref:w,class:"max-w-full","data-conan-module":"activity-banner"},[n("div",N,[(t(!0),a(i,null,s(e.banners,(e,i)=>v((t(),a("div",{key:e.id,class:"flex-shrink-0 cursor-pointer","data-conan-module":"activity-banner-item","data-conan-event":"click,exposure","data-starunion-batch-id":String(e.id),"data-conan-custom":JSON.stringify({obj_index:i,obj_id:e.id}),onClick:p(t=>S(e),["stop","prevent"])},[n("a",{href:r(h)("",e,e=>e.url,!1),class:"relative overflow-hidden rounded-xl flex flex-col items-center justify-center",onClick:c[0]||(c[0]=p(()=>{},["prevent"]))},[n("div",U,[n("img",{src:e.image,alt:e.title,class:o(["object-cover rounded-xl",r(B)]),loading:"lazy"},null,10,K),n("div",{class:"text-xs text-gray-900 mt-2.5 select-none px-2 min-h-[53px] dark:text-gray-300 flex flex-col gap-1",style:g({width:"328px"})},[n("div",L,x(e.title||"Banner Title"),1),e.desc?(t(),a("p",P,x(e.desc),1)):f("",!0)],4)])],8,H)],8,R)),[[d,{module:"events",name:"activity",type:"card",data:{activity_id:e.activity_id,position_index:i+1}},void 0,{click:!0}]])),128))])],512)}}}),[["__scopeId","data-v-771bcae0"]]);export{j as A,J as _,W as a};