https://vapps-res.media.io/mediaai/_nuxt/index-Fs8FAaqN.js

1import{i as Ne,a1 as D,a0 as it,dw as lt,dx as ot,_ as ge,am as rt,o as ct,e0 as ut,e1 as Ae,e2 as $e,e3 as dt,t as ce,b$ as ft,dQ as Ie,S as mt,aQ as pt,aP as ht,c_ as vt,aY as _t,u as Re,bP as Te,dF as gt,dU as yt,M as bt,c9 as Le,d0 as Be,bQ as Fe,e4 as wt,e5 as Ue,an as Y,d7 as xt}from"./CkuPa5Yr.js";import{d as ye,c as K,r,w as Z,o as be,y as f,z as i,N as Oe,L as h,D as t,A as n,J as v,f as w,G as Pe,_ as kt,M as P,E as y,H as Ct,K as De,R as ee,a0 as St,n as Mt,x as ze,B as M,F as Ke,C as Et}from"./chunk-vue-TRwxe8i9.js";import{s as At}from"./chunk-pinia-DfnRCC0j.js";import{u as $t}from"./color-thief-DF3QbzqH.js";import{O as It}from"./OfficialCharacterList-CU314pOG.js";import{S as Rt}from"./StickyTopBar-BmUCDqBY.js";import{A as Tt}from"./AssetsContentState-CqMq0csg.js";import{A as Lt}from"./AssetsSelectionBar-BaV2TIJ8.js";import{u as Bt}from"./chunk-i18n-CEBPY5W3.js";import"./chunk-alioss-Co3x7qJ6.js";import"./chunk-fabric-NyCWrAO1.js";import"./useOfficialCharacters-CckidJ-I.js";const Ft=["src","alt"],Ut={key:1,class:"absolute inset-0 flex items-center justify-center"},Pt={key:0,class:"w-[10px] h-[10px]",viewBox:"0 0 10 10",fill:"none"},Dt={key:0,class:"char-name max-w-[120px] truncate max-md:text-[14px] max-md:font-semibold max-md:italic max-md:leading-[24px] max-md:font-['Barlow_Condensed'] max-md:text-[var(--color-text-static-white-primary,#FFF)] font-semibold text-white"},Kt=["onKeydown"],Nt={class:"flex items-center justify-between w-full min-w-0"},Ot={class:"source-tag"},zt={class:"relative source-tag-label"},jt={class:"px-2 py-1 text-sm font-medium text-[--color-text-dynamic-white-primary]"},Vt={key:0,class:"hover-action-box"},Ht={class:"action-main"},Gt={key:1,class:"absolute right-2 top-2 z-2"},Wt=ye({__name:"CharacterCard",props:{item:{},selectMode:{type:Boolean},selected:{type:Boolean}},emits:["click","action","apply","edit","delete","toggle-select","rename-inline"],setup(ue,{emit:V}){const I=Ne(),l=ue,c=V,A={user:{icon:"icon24_upload",labelKey:"Upload",tooltipKey:"Uploaded by user"},ai_generated:{icon:"ai-video-generator/order",labelKey:"AI Gen",tooltipKey:"AI generated"},official:{icon:"icon24_crown",labelKey:"Media.io",tooltipKey:"Official template by Media.io"},official_origin:{icon:"icon24_crown",labelKey:"Media.io",tooltipKey:"Official template by Media.io"}},x=K(()=>{const s=l.item.source_type;return A[s]??A.user}),p=r(!1),b=r(!1),$=r(""),R=r(null),d=r(l.item.name);Z(()=>l.item.name,s=>{d.value=s});const m=K(()=>l.item?.field_reviews?.main_view?.[0]?.items?.[0]),T=ot,k=K(()=>$.value.length>T),_=r(null),C=r(""),O=K(()=>C.value?{"--card-accent":C.value}:{}),de=(s,u,S)=>[s,u,S].map(N=>N.toString(16).padStart(2,"0")).join("").toUpperCase();function H(s){if(C.value="",!(typeof window>"u"||!s))try{const u=new $t,S=z=>{const[B=0,F=0,j=0]=z;return Math.max(B,F,j)-Math.min(B,F,j)};let N;try{N=(u.getPalette(s,8)||[]).filter(B=>{const[F=0,j=0,Q=0]=B,J=.299*F+.587*j+.114*Q;return S(B)>60&&J>30&&J<235}).sort((B,F)=>S(F)-S(B))[0]}catch{N=void 0}if(!N)return;const[q,se,G]=N;typeof q=="number"&&typeof se=="number"&&typeof G=="number"&&(C.value=`#${de(q,se,G)}`)}catch{}}function E(s){H(s.target)}Z(()=>l.item.thumbnail,()=>{C.value=""}),be(()=>{_.value?.complete&&_.value.naturalWidth>0&&H(_.value)});function g(){if(l.selectMode){c("toggle-select");return}c("click")}function L(){p.value=!p.value}function fe(){p.value=!1,c("apply")}function me(){p.value=!1,c("edit")}function pe(){p.value=!1,c("delete")}function te(){p.value=!1,b.value=!0,$.value=d.value,Mt(()=>{R.value?.focus(),R.value?.select()})}function W(){if(!b.value)return;const s=$.value.trim().slice(0,T);if(!s){ae();return}$.value=s,b.value=!1,d.value=s,c("rename-inline",{id:l.item.id,name:s})}function ae(){b.value=!1}function ne(){b.value&&W()}return(s,u)=>(i(),f("div",{class:h(["char-card group relative cursor-pointer select-none",{"card-selected":s.selected,"card-select-mode":s.selectMode,"is-phone":t(I)}]),style:Oe(O.value),onMouseleave:u[5]||(u[5]=S=>p.value=!1)},[n("div",{class:"relative overflow-hidden rounded-lg",style:{"aspect-ratio":"292/418"},onClick:g},[s.item.thumbnail?(i(),f("img",{key:0,ref_key:"imgEl",ref:_,src:s.item.thumbnail,alt:s.item.name,crossorigin:"anonymous",class:"absolute inset-[2px] w-[calc(100%-4px)] h-[calc(100%-4px)] object-cover rounded-[6px]",onLoad:E},null,40,Ft)):(i(),f("div",Ut,[w(t(D),{name:"agent/mi_icon",width:48,height:48,class:"text-[--color-text-dynamic-white-quaternary] opacity-30"})])),Pe(n("button",{class:h(["select-frame absolute left-1 top-1 z-[3]",{"is-checked":s.selected}]),onClick:u[0]||(u[0]=P(S=>s.$emit("toggle-select"),["stop"]))},[s.selected?(i(),f("svg",Pt,[...u[6]||(u[6]=[n("path",{d:"M1.5 5L4 7.5L8.5 2.5",stroke:"white","stroke-width":"1.6","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])])):v("",!0)],2),[[kt,s.selectMode]]),n("div",{class:"char-info absolute left-[2px] right-[2px] bottom-[2px] rounded-b-[6px]",style:{display:"flex",padding:"16px 8px 8px 8px","flex-direction":"column","align-items":"flex-start","align-self":"stretch"},onClick:u[3]||(u[3]=P(()=>{},["stop"]))},[b.value?Pe((i(),f("input",{key:1,ref_key:"renameInputEl",ref:R,"onUpdate:modelValue":u[1]||(u[1]=S=>$.value=S),type:"text",class:h(["rename-input max-w-[120px]",{"rename-input-limit":k.value}]),onKeydown:[De(P(W,["stop"]),["enter"]),De(P(ae,["stop"]),["esc"])],onBlur:ne,onClick:u[2]||(u[2]=P(()=>{},["stop"]))},null,42,Kt)),[[Ct,$.value]]):(i(),f("p",Dt,y(d.value),1)),n("div",Nt,[w(t(it),{trigger:"hover",placement:"top","show-arrow":!1},{content:ee(()=>[n("div",jt,y(x.value.tooltipKey),1)]),default:ee(()=>[n("span",Ot,[w(t(D),{name:"ai/character_upload_tag",class:"absolute inset-0 w-full h-full",width:48,height:18}

1),n("span",zt,y(s.$t(x.value.labelKey)),1)])]),_:1}),t(I)?(i(),f("button",{key:0,class:"more-btn flex-shrink-0",onClick:P(L,["stop"])},[w(t(D),{name:"ai-video-generator/icon24_more_detail",width:24,height:24})])):v("",!0)])])]),!s.selectMode&&!t(I)?(i(),f("div",Vt,[n("div",Ht,[n("button",{class:"action-apply-btn",onClick:P(fe,["stop"])},y(s.$t("characters.apply")),1),n("button",{class:"more-btn flex-shrink-0",onClick:P(L,["stop"])},[w(t(D),{name:"ai-video-generator/icon24_more_detail",width:24,height:24})])])])):v("",!0),m.value?(i(),f("div",Gt,[w(lt,{id:l.item.id,"entry-type":"entity_card","btn-class":"btn-icon-grey","only-result":!0,info:m.value},null,8,["id","info"])])):v("",!0),w(St,{name:"menu-pop"},{default:ee(()=>[p.value?(i(),f("div",{key:0,class:h(["char-menu absolute right-2 bottom-0 z-[50]",{"bottom-10":t(I)}])},[n("button",{class:"char-menu-item",onClick:me},[n("span",null,y(s.$t("common.edit")),1)]),n("button",{class:"char-menu-item",onClick:te},[n("span",null,y(s.$t("characters.rename")),1)]),u[7]||(u[7]=n("div",{class:"char-menu-divider"},null,-1)),n("button",{class:"char-menu-item",onClick:pe},[n("span",null,y(s.$t("common.delete")),1)])],2)):v("",!0)]),_:1}),p.value&&t(I)?(i(),f("div",{key:2,class:"fixed inset-0 z-[49]",onClick:u[4]||(u[4]=P(S=>p.value=!1,["stop"]))})):v("",!0)],38))}}),qt=Object.assign(ge(Wt,[["__scopeId","data-v-f5337a18"]]),{__name:"CharactersCharacterCard"}),Qt={class:"characters-page w-full flex flex-col max-md:pt-[36px]"},Jt={key:0,class:"page-header"},Xt={class:"hero-title title"},Yt={class:"flex gap-[8px] hero-btn"},Zt={class:"characters-toolbar flex-shrink-0 flex items-center justify-between gap-3 px-4 min-h-[40px] md:px-6"},ea={key:0,class:"flex items-center gap-2 flex-shrink-0"},ta={class:"hidden-small"},aa={class:"asset-grid grid grid-cols-2 gap-2 max-md:gap-1 sm:grid-cols-[repeat(auto-fill,minmax(200px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(240px,1fr))]"},na={key:0,class:"flex justify-center py-4"},sa=ye({__name:"CharactersPage",emits:["mobile-search-expand-change"],setup(ue,{expose:V,emit:I}){const{t:l}=Bt(),c=Ne(),A=rt(),x=ct(),{isLogin:p}=At(x),b=I,$=r(null),R=r(null),d=r(!1),m=r("official");let T=!1;Z(p,e=>{T||(m.value=e?"self":"official")},{immediate:!0});const k=K(()=>m.value==="self"),_=K(()=>m.value==="official"),{list:C,loading:O,loadingMore:de,total:H,keyword:E,selectMode:g,selectedIds:L,uploading:fe,uploadProgress:me,creating:pe,resetAndFetch:te,createCharacter:W,uploadCharacterFile:ae,resetUploadState:ne,updateCharacter:s,patchListItem:u,deleteCharacter:S,deleteCharacters:N,toggleSelect:q,isSelected:se,clearSelection:G}=ut({isLogin:p,enabled:k}),z=r(""),B=K(()=>({entryType:"assets_character_upload"})),F=()=>{ce("miai_entity_editor_entry_trigger",{pbrand:"mi_ai",pfunction:"character_creation",pscenario:"asset_management",button:"ai_generated",trigger_type:"click",entity_type:"character",entry_type:"assets_characters_create"},!1),_t().showModal({type:"AiCharacterGeneratorModal",data:{entry_type:"assets_ai_create",entity_type:"character",pworkflow:"core_process",pfunction:"tool_role_generate",pfunction_type:"ai_tool",pfunction_display:"function"}})},j=r(null),Q=r(!1);function J(){if(!c.value){Q.value=!1;return}const e=j.value?.rootRef;if(e){const a=parseFloat(getComputedStyle(e).top)||0;Q.value=e.getBoundingClientRect().top<=a+.5}}const we=[];be(()=>{window.addEventListener("scroll",J,{passive:!0}),window.addEventListener(Ae,xe),we.push($e(Ue.updated,nt),$e(Ue.edit,st))}),ze(()=>{window.removeEventListener("scroll",J),window.removeEventListener(Ae,xe),we.forEach(e=>e())});function xe(e){const a=e.detail?.action;a==="upload"?Se():a==="ai"&&F()}let ke=!1;Z(O,(e,a)=>{ke||typeof window>"u"||p.value&&a&&!e&&(ke=!0,C.value.length===0&&dt())});const je=K(()=>m.value==="self"?E.value:z.value),X=r(!1),ie=r(null),le=r(null),oe=r(null),he=r(!1),ve=r("");Z([O,H,E],([e])=>{if(e||!E.value)return;const a=`assets_characters::${E.value}::${H.value}`;ve.value!==a&&(ve.value=a,ce("miai_search_result_expose",{search_context:"assets_characters",search_term:E.value,result_count:H.value,template_search_algorithm_id:""},!1,!1))});function Ce(e){m.value!==e&&(T=!0,ce("miai_nav_click",{button:e==="self"?"my_character":"official_character",nav_type:"tab",landing_url:window.location.href,nav_level:3},!1),g.value&&G(),m.value=e)}function Ve(e){const a=(e||"").trim();m.value==="official"?z.value=a:(E.value=a,a||(ve.value="")),c.value&&a&&(d.value=!0)}function He(e){d.value||e&&c.value&&(d.value=!0,b("mobile-search-expand-ch

1ange",!0))}function Ge(){R.value?.close(),d.value=!1,m.value==="official"?z.value="":E.value="",b("mobile-search-expand-change",!1)}function re(){g.value?G():g.value=!0}function We(e){if(g.value){q(e.id);return}Je(e)}function qe(e){wt(e)}async function Qe(e){let a=e;try{const U=await(await Re()).getSpaceIdAsync();if(U){const Ee=await Te(U,e.id);Ee&&(a=Ee)}}catch{}qe(a)}function Je(e){gt({id:e.id,type:"self",snapshot:e})}async function Xe(e){await s({id:e.id,name:e.name})}function Se(){if(ce("miai_entity_editor_entry_trigger",{pbrand:"mi_ai",pfunction:"character_creation",pscenario:"asset_management",button:"create_from_upload",trigger_type:"click",entity_type:"character",entry_type:"assets_characters_create"},!1),!x.isLogin){x.showLoginDialogStatus();return}oe.value=null,le.value?.click()}async function Ye(e){const a=e.target.files?.[0];if(le.value&&(le.value.value=""),!a)return;if(!(await yt(a)).ok){bt.error(l("ai_video_generator.upload_limits",{format:"JPG/PNG/WebP",maxSize:20,minResolution:300}));return}ie.value=a,X.value=!0}async function Me(e){const o=await(await Re()).getSpaceIdAsync();if(!o)return;const U=await Te(o,e.id);oe.value=U||e,X.value=!0}function _e(){X.value=!1,ie.value=null,oe.value=null}async function Ze(e){if(e.id){he.value=!0;const a=await s({id:e.id,name:e.name,description:e.description,fields:{main_view:e.mainAssetId,other_views:e.otherViews||[],voice:{voice_id:e.voice_id,voice_asset:e.voice_asset}}});he.value=!1,a&&_e()}else{const a=await W({template_code:Le,name:e.name,description:e.description,file_id:e.mainFileId,asset_id:e.mainAssetId,fields:{main_view:e.mainAssetId,other_views:e.otherViews?.length?e.otherViews:void 0,voice:{voice_id:e.voice_id,voice_asset:e.voice_asset}}});if(a){_e();const o=e.images?.[0];Be({id:a.id,name:e.name,fileUrl:o?.url||o?.previewUrl||"",fileLink:e.mainFileId,characterUrl:o?.previewUrl||o?.url||"",autoInsertChip:!0})}}await te()}async function et(e){if(!e.file)return;const a=await ae(e.file);if(!a){ne();return}const o=await W({template_code:Le,name:e.name,description:e.description,file_id:a.file_id,asset_id:a.asset_id});o&&(X.value=!1,ie.value=null,Be({id:o.id,name:e.name,fileUrl:a.url,fileLink:a.file_id,characterUrl:a.url,autoInsertChip:!0})),await te(),ne()}async function tt(e){await Fe(l("asset.delete_assets",{number:1}),l("asset.delete_assets_desc"),l("common.no"),l("common.confirm"))&&await S(e)}async function at(){!L.value.length||!await Fe(l("asset.delete_assets",{number:L.value.length}),l("asset.delete_assets_desc"),l("common.no"),l("common.confirm"))||await N([...L.value])}function nt({id:e,patch:a}){u(e,a)}async function st({item:e}){await Me(e)}return V({isMobileSearchMode:d}),(e,a)=>(i(),f("div",Qt,[d.value?v("",!0):(i(),f("div",Jt,[n("h1",Xt,y(t(l)("characters.your_cast_is_ready")),1),n("div",{class:h(["desc",t(c)?"hero-desc-mobile":"hero-desc-pc"])},y(t(l)("characters.description")),3),n("div",Yt,[n("button",{class:h(["create-hero-btn",{"mb-6":t(c)}]),onClick:Se},[t(c)?v("",!0):(i(),M(t(D),{key:0,name:"ai-video-generator/add_upload",width:24,height:24})),n("span",null,y(t(l)("ai_character_generator.create_from_upload")),1)],2),n("button",{class:h(["ai-create-hero-btn",{"mb-6":t(c)}]),onClick:F},[t(c)?v("",!0):(i(),M(t(D),{key:0,name:"ai-video-generator/Ic24_character_gemerate",width:24,height:24})),n("span",null,y(t(l)("ai_character_generator.create_with_ai")),1)],2)])])),w(Rt,{ref_key:"charactersStickyBarRef",ref:j,class:h(["characters-sticky-bar",{"is-toolbar-stuck":Q.value}])},{default:ee(()=>[n("div",Zt,[d.value?v("",!0):(i(),f("div",ea,[n("div",{class:h(["type-tab-btn",{active:m.value==="self"}]),onClick:a[0]||(a[0]=o=>Ce("self"))},y(t(l)("characters.my_character")),3),n("div",{class:h(["type-tab-btn",{active:m.value==="official"}]),onClick:a[1]||(a[1]=o=>Ce("official"))},y(t(l)("characters.official_character")),3)])),d.value?(i(),f("button",{key:1,type:"button",class:"flex h-8 w-8 flex-none items-center justify-center rounded-[8px] text-[--color-text-dynamic-white-secondary]",onClick:Ge},[w(t(D),{name:"icon24_arrow_left",width:20,height:20})])):v("",!0),n("div",{class:h(["flex items-center flex-1 justify-end min-w-0",{"gap-4":!d.value,"gap-2 w-full":d.value}])},[(i(),M(ft,{ref_key:"searchBoxRef",ref:R,key:m.value,class:h(["characters-search-box",{"w-full flex-1":d.value}]),default:je.value,placeholder:t(l)("common.search_placeholder"),"in-search":d.value,onToggleExpand:He,onSearch:Ve},null,8,["class","default","placeholder","in-search"])),t(c)&&!d.value&&m.value==="self"?(i(),f("label",{key:0,class:h(["flex cursor-pointer p-1 rounded-lg items-center gap-2 text-sm text-[--color-text-dynamic-white-secondary]",{"bg-[--color-foreground-normalcy-tertiary]":t(g)}]),onClick:re},[t(g)?(i(),M(t(D),{key:1,name:t(A)?"ai-video-generator/cancel_bt

1n":"ai-video-generator/cancel_btn_light"},null,8,["name"])):(i(),M(Ie,{key:0,"model-value":t(g),"t-class":"text-[--color-text-dynamic-white-secondary] bg-[transparent] !border-[--color-text-dynamic-white-secondary]","onUpdate:modelValue":re},null,8,["model-value"]))],2)):v("",!0),!t(c)&&m.value==="self"?(i(),f("label",{key:1,class:h(["flex cursor-pointer p-2 rounded-lg items-center gap-2 text-sm text-[--color-text-dynamic-white-secondary]",{"bg-[--color-foreground-normalcy-tertiary]":t(g)}]),onClick:re},[t(g)?(i(),M(t(D),{key:1,name:t(A)?"ai-video-generator/cancel_btn":"ai-video-generator/cancel_btn_light"},null,8,["name"])):(i(),M(Ie,{key:0,"model-value":t(g),"t-class":"text-[--color-text-dynamic-white-secondary] bg-[transparent] !border-[--color-text-dynamic-white-secondary]","onUpdate:modelValue":re},null,8,["model-value"])),n("span",ta,y(t(g)?t(l)("common.cancel"):t(l)("common.select")),1)],2)):v("",!0)],2)])]),_:1},8,["class"]),n("div",{ref_key:"scrollContainer",ref:$,class:h(["pb-[120px] md:px-6 md:pb-10 pt-4",{"px-3":t(c),"px-4":!t(c)}])},[m.value==="self"?(i(),f(Ke,{key:0},[!t(O)&&t(C).length===0&&!t(E)?(i(),M(pt,{key:0,class:"characters-empty",type:t(mt).all,"has-bg":!1,"show-title":!1,tips:t(l)("character.empty_text"),"empty-url":t(A)?"/ai/app_static/asset_empty.png":"/ai/app_static/asset_empty_light.png"},null,8,["type","tips","empty-url"])):(i(),M(Tt,{key:1,loading:t(O),"has-no-data":t(C).length===0,"is-empty":!t(O)&&t(C).length===0,keyword:t(E)},{default:ee(()=>[n("div",null,[n("div",aa,[(i(!0),f(Ke,null,Et(t(C),o=>(i(),M(qt,{key:o.id,item:o,"select-mode":t(g),selected:t(se)(o.id),onClick:U=>We(o),onApply:U=>Qe(o),onToggleSelect:U=>t(q)(o.id),onEdit:U=>Me(o),onRenameInline:Xe,onDelete:U=>tt(o.id)},null,8,["item","select-mode","selected","onClick","onApply","onToggleSelect","onEdit","onDelete"]))),128))]),t(de)?(i(),f("div",na,[w(t(ht))])):v("",!0)])]),_:1},8,["loading","has-no-data","is-empty","keyword"]))],64)):(i(),M(It,{key:1,enabled:_.value,keyword:z.value},null,8,["enabled","keyword"]))],2),w(Lt,{visible:t(g)&&t(L).length>0,"selected-count":t(L).length,"can-delete":t(L).length>0,"is-phone":t(c),"can-download":!1,source:"characters",onDeleteSelected:at,onClose:t(G)},null,8,["visible","selected-count","can-delete","is-phone","onClose"]),w(vt,{visible:X.value,"edit-item":oe.value,"preload-file":ie.value||void 0,uploading:t(fe),"upload-progress":t(me),submitting:t(pe)||he.value,"credits-per-create":1,"tracking-context":B.value,"multi-upload":"",onClose:_e,onSubmit:et,onMultiSubmit:Ze},null,8,["visible","edit-item","preload-file","uploading","upload-progress","submitting","tracking-context"]),n("input",{ref_key:"charFileInputRef",ref:le,type:"file",accept:"image/jpeg,image/png,image/webp",class:"hidden",onChange:Ye},null,544)]))}}),ia=Object.assign(ge(sa,[["__scopeId","data-v-ec61c7cb"]]),{__name:"CharactersPage"}),la={key:0,class:"characters-hero-bg","aria-hidden":"true"},oa=["srcset"],ra=["srcset"],ca=["srcset"],ua=["srcset"],da=["src"],fa=ye({__name:"index",setup(ue){const V=r(null),I=K(()=>V.value?.isMobileSearchMode),l=r(!1),c=r(!1),A=r(0);let x=null,p=null,b=0;function $(){return window.innerWidth<768?document.querySelector(".characters-index .subnav-bar > *"):document.querySelector(".characters-index .subnav-bar")}function R(k){const _=$();if(_&&_.offsetHeight>0){A.value=_.offsetHeight-2,p!==_&&typeof ResizeObserver<"u"&&(x?.disconnect(),x=new ResizeObserver(()=>{A.value=_.offsetHeight-2}),x.observe(_),p=_);return}k>0&&(b=requestAnimationFrame(()=>R(k-1)))}function d(){cancelAnimationFrame(b),R(120)}function m(k){l.value=k}function T(){const k=window.scrollY||document.documentElement.scrollTop||0;c.value=k>0}return be(()=>{window.addEventListener("scroll",T,{passive:!0}),window.addEventListener("resize",d,{passive:!0}),T(),d()}),ze(()=>{window.removeEventListener("scroll",T),window.removeEventListener("resize",d),cancelAnimationFrame(b),x?.disconnect(),x=null}),(k,_)=>(i(),f("div",{class:h(["characters-index isolate relative w-full min-h-full flex flex-col",{"is-content-scrolled":c.value}]),style:Oe({"--characters-subnav-height":A.value+"px"})},[I.value?v("",!0):(i(),f("picture",la,[n("source",{media:"(max-width: 767px)",srcset:t(Y)("/app_static/characters_bg_mobile.png")},null,8,oa),n("source",{media:"(max-width: 1024px)",srcset:t(Y)("/app_static/characters_bg_1024.png")},null,8,ra),n("source",{media:"(max-width: 1200px)",srcset:t(Y)("/app_static/characters_bg_1200.png")},null,8,ca),n("source",{media:"(max-width: 2560px)",srcset:t(Y)("/app_static/characters_bg_2560.png")},null,8,ua),n("img",{src:t(Y)("/app_static/characters_bg_1920.png"),alt:""}

1,null,8,da)])),l.value?v("",!0):(i(),M(xt,{key:1})),w(ia,{ref_key:"charactersPageRef",ref:V,onMobileSearchExpandChange:m},null,512)],6))}}),Sa=ge(fa,[["__scopeId","data-v-9832e7b1"]]);export{Sa as default};