https://www.coloringbook.ai/_nuxt/CV3F5koi.js

1import{_ as Q}from"./B2yhPyhO.js";import{_ as ee}from"./DKf_8-Za.js";import{g as te,a as oe,_ as ae}from"./DMhjh6kr.js";import{_ as se}from"./Drb_qry2.js";import{_ as re,a as le,d as ne,c as ie,b as de,u as ce,s as pe}from"./DNUw0qCw.js";import{u as _e}from"./Cg8isS5R.js";import{u as ue}from"./BzjynSAy.js";import{f as ge}from"./BboZr0ea.js";import{c as u,u as o,a0 as me,L as c,M as a,D as h,V as x,Z as l,a1 as p,F as v,X as $,J as n,aj as W,ak as he,al as xe}from"./C5E4bhPB.js";import"./hJOBmX4E.js";import"./B_CimG40.js";import"./CN17Iffr.js";const C=y=>(he("data-v-57f3827d"),y=y(),xe(),y),ye={key:1,class:"bg-white dark:bg-gray-900 hero-section"},fe={class:"max-w-screen-xl px-4 pt-4 pb-10 mx-auto sm:px-6 lg:px-8 lg:pb-14 lg:pt-4"},ke={class:"flex items-center mb-8 whitespace-nowrap"},be={class:"inline-flex items-center"},ve=C(()=>a("svg",{class:"shrink-0 me-3 size-4",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[a("path",{d:"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}),a("polyline",{points:"9 22 9 12 15 12 15 22"})],-1)),we=C(()=>a("svg",{class:"mx-2 text-gray-400 shrink-0 size-4 dark:text-neutral-600",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[a("path",{d:"m9 18 6-6-6-6"})],-1)),$e={class:"inline-flex items-center"},Ce=C(()=>a("svg",{class:"mx-2 text-gray-400 shrink-0 size-4 dark:text-neutral-600",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[a("path",{d:"m9 18 6-6-6-6"})],-1)),Te={key:0,class:"inline-flex items-center text-sm font-semibold text-gray-800 truncate dark:text-neutral-200","aria-current":"page"},Se={class:"flex flex-col gap-4 md:grid md:grid-cols-10 md:gap-8 xl:gap-20 md:items-start"},Be={class:"md:col-span-4 relative bg-gray-50 aspect-[2/3] rounded-xl overflow-hidden border flex justify-center items-center border-[#e5e5e5]"},Le=["src","alt"],je={class:"md:col-span-6"},Me={class:"text-lg"},Ne={key:0,class:"block text-3xl font-semibold text-gray-800 sm:text-4xl lg:text-5xl lg:leading-tight dark:text-white"},De={key:1,class:"mt-3 text-lg dark:text-gary-400"},Ie={class:"my-3 text-lg"},Re={class:"text-lg dark:text-neutral-400 bg-white border min-h-[212px] border-gray-200 p-4 rounded-md"},Fe={class:"my-3"},qe={class:"w-[177px]"},ze={class:"bg-gray-50 aspect-[2/3] overflow-hidden flex justify-center items-center rounded border border-[#e5e5e5]"},Ve=["src","alt"],Ge={class:"my-3 text-lg"},He={class:"text-lg dark:text-neutral-400 bg-white border min-h-[212px] border-gray-200 p-4 rounded-md"},Oe={class:"my-3 text-lg"},Pe={class:"text-lg dark:text-neutral-400 bg-white border min-h-[212px] border-gray-200 p-4 rounded-md"},Ue=["innerHTML"],Ye={class:"mb-16 text-3xl font-semibold tracking-tight text-gray-900 md:text-4xl dark:text-white"},We={class:"flex flex-col overflow-hidden card gallery-card"},Ae=["src","alt"],Ee=["onClick"],Je={key:0,class:"hidden group-hover:block footer-text"},Xe={class:"text-left line-clamp-3"},Ze={key:1,class:"items-center justify-center hidden group-hover:flex footer-img"},Ke=["src","alt"],Qe={key:2,class:"hidden group-hover:block footer-text"},et={class:"text-left line-clamp-3"},tt={__name:"[id]",setup(y){var F;const g=le(),T=ne(),S=ie(),A=de(),m=_e(),{t:B}=ce(),{isLogin:E}=pe(A),L=u({cursor_id:(F=g==null?void 0:g.params)==null?void 0:F.id,page:1,per_page:10,order_by:"created_at",direction:"desc"}),f=u([]),k=u(!0),e=u({}),j=u(!1),M=u(0),N=u(0),w=u(!1),D=async()=>{var t,s,r,b;try{const i=await te(L.value);i&&i.code===200&&((s=(t=i==null?void 0:i.data)==null?void 0:t.data)!=null&&s.length)&&(f.value=[...f.value,...(r=i==null?void 0:i.data)==null?void 0:r.data],N.value=((b=i==null?void 0:i.data)==null?void 0:b.total)||0,j.value=f.value.length<N.value,M.value=i.data.total),k.value=!1}catch{k.value=!1}},J=()=>{j.value&&(k.value=!0,L.value.page+=1,D())},X=async()=>{var t,s,_;if((t=g==null?void 0:g.params)!=null&&t.id)try{const r=await oe({unique_id:g.params.id});r&&r.code===200?(e.value=(r==null?void 0:r.data.image)||{},ue({title:B("gallery_tdk_title",{title:(s=e.value)==null?void 0:s.title}),ogTitle:B("gallery_tdk_title",{title:(_=e.value)==null?void 0:_.title})})):r&&r.code===404&&(w.value=!0)}catch{w.value=!0}},I=t=>{var _,r;let s="";

1t.task_type===1?(s="dashboard/text-to-coloring-page",m.setPromptText(t.prompt)):t.task_type===2||t.task_type===4?(s="dashboard/convert-photo-to-coloring-page",m.setFileUrl(t.base_image_url)):t.task_type===3?(s="dashboard/name-coloring-page-generator",m.setSeoNamePromptText((_=t==null?void 0:t.text_name_option)==null?void 0:_.name)):t.task_type===5&&(s="dashboard/birthday-coloring-page-generator",m.setSeoBirthdayText((r=t==null?void 0:t.text_name_option)==null?void 0:r.birthday_text)),R(s)},Z=()=>{var t,s,_;(t=e==null?void 0:e.value)!=null&&t.original_image_url&&(m.setOnlineColoringImgUrl((s=e==null?void 0:e.value)==null?void 0:s.original_image_url),m.setOnlineColoringImgUniqueId((_=e==null?void 0:e.value)==null?void 0:_.unique_id),R("dashboard/online-coloring"))},R=t=>{E.value?T.push({path:S(`/${t}`)}):T.push({path:S("/login"),query:{from:t}})},K=t=>{let s="";if(t){const[_,r]=t.split(":").map(Number);s=`aspect-${_}-${r}`}return s};return D(),X(),(t,s)=>{var q,z,V,G,H,O,P,U;const _=Q,r=ee,b=ae,i=se;return o(w)?(n(),me(_,{key:0})):(n(),c("section",ye,[a("div",fe,[a("ol",ke,[a("li",be,[h(r,{to:"/",class:"flex items-center text-sm text-gray-500 hover:text-primary-600 focus:outline-none focus:text-primary-600 dark:text-neutral-500 dark:hover:text-primary-500 dark:focus:text-primary-500"},{default:x(()=>[ve,W(" Home ")]),_:1}),we]),a("li",$e,[h(r,{to:"/gallery",class:"flex items-center text-sm text-gray-500 hover:text-primary-600 focus:outline-none focus:text-primary-600 dark:text-neutral-500 dark:hover:text-primary-500 dark:focus:text-primary-500"},{default:x(()=>[W(" Gallery ")]),_:1}),Ce]),o(e).title?(n(),c("li",Te,l(t.$t("gallery_image_title",{title:o(e).title})),1)):p("",!0)]),a("div",Se,[a("div",Be,[o(e).image_url?(n(),c("img",{key:0,class:"w-full",src:o(e).image_url,alt:t.$t("gallery_image_title",{title:o(e).title})},null,8,Le)):p("",!0)]),a("div",je,[a("div",Me,l(t.$t("gallery_titleText")),1),o(e).title?(n(),c("h1",Ne,l(t.$t("gallery_image_title",{title:o(e).title})),1)):p("",!0),o(e).created_at?(n(),c("p",De,l(o(ge)(o(e).created_at*1e3,"YYYY/MM/DD")),1)):p("",!0),o(e).task_type===1&&o(e).prompt?(n(),c(v,{key:2},[a("div",Ie,l(t.$t("gallery_promptText")),1),a("p",Re,l(o(e).prompt),1)],64)):p("",!0),(o(e).task_type===2||o(e).task_type===4)&&o(e).base_image_url?(n(),c(v,{key:3},[a("div",Fe,l(t.$t("gallery_baseText")),1),a("div",qe,[a("div",ze,[o(e).base_image_url?(n(),c("img",{key:0,src:o(e).base_image_url,alt:o(e).title},null,8,Ve)):p("",!0)])])],64)):p("",!0),o(e).task_type===3&&((z=(q=o(e))==null?void 0:q.text_name_option)!=null&&z.name)?(n(),c(v,{key:4},[a("div",Ge,l(t.$t("gallery_promptText")),1),a("p",He,l(o(e).text_name_option.name),1)],64)):p("",!0),o(e).task_type===5&&((G=(V=o(e))==null?void 0:V.text_name_option)!=null&&G.birthday_text)?(n(),c(v,{key:5},[a("div",Oe,l(t.$t("gallery_promptText")),1),a("p",Pe,l(o(e).text_name_option.birthday_text),1)],64)):p("",!0),o(e).prompt||o(e).base_image_url||(O=(H=o(e))==null?void 0:H.text_name_option)!=null&&O.name||(U=(P=o(e))==null?void 0:P.text_name_option)!=null&&U.birthday_text?(n(),c("div",{key:6,class:$(["grid w-full gap-3 sm:inline-flex",o(e).task_type===1||o(e).task_type===3||o(e).task_type===5?"mt-[51px]":"mt-[30px]"])},[a("span",{class:"cursor-pointer py-3 font-medium px-4 min-w-[140px] inline-flex justify-center items-center text-base rounded-lg border border-transparent bg-primary-600 text-white hover:bg-primary-500 focus:outline-none focus:bg-primary-500 disabled:opacity-50 disabled:pointer-events-none",onClick:s[0]||(s[0]=d=>I(o(e)))},l(t.$t("gallery_RemixBtn")),1),o(e).task_type!==4?(n(),c("span",{key:0,class:"cursor-pointer py-3 font-medium px-4 min-w-[140px] inline-flex justify-center items-center text-base rounded-lg border border-transparent bg-primary-600 text-white hover:bg-primary-500 focus:outline-none focus:bg-primary-500 disabled:opacity-50 disabled:pointer-events-none",onClick:Z},l(t.$t("gallery_onlineBtn")),1)):p("",!0)],2)):p("",!0)])]),a("div",{class:$(["max-w-screen-md mx-auto mb-16 text-center lg:mb-24",o(e).topic_image?"":"pt-16 lg:pt-24"])},[a("h2",{class:"mb-6 text-4xl font-semibold tracking-tight text-gray-900 md:text-5xl dark:text-white",innerHTML:t.$t("gallery_title1")},null,8,Ue),a("h2",Ye,l(t.$t("gallery_title2",{count:o(M)})),1)],2),h(i,null,{default:x(()=>[h(b,{items:o(f),loading:o(k),itemWidth:700,onLoadMore:J},{default:x(({item:d})=>{var Y;return[a("div",We,[a("div",{class:$(["block relative w-full rounded-lg border overflow-hidden bg-gray-50 border-[#e5e5e5] group",K(d.aspect_ratio)||"aspect-3-4"]),style:{"box-shadow":"0px 2px 6px 0px rgba(0,0,0,0.08)"}},[h(r,{class:"w-full h-full",to:`/gallery/${d.unique_id}`},{default:x(()=>[a("img",{src:d.image_url,class:"object-cover w-full h-full rounded-lg cover-img",alt:

1d.title},null,8,Ae)]),_:2},1032,["to"]),a("span",{class:"absolute right-4 top-4 hidden text-white group-hover:inline-block bg-primary-600 border-primary-600 rounded-lg cursor-pointer px-6 py-2.5 hover:border-primary-500 hover:bg-primary-500 list-btn",onClick:ot=>I(d)},l(t.$t("gallery_RemixBtn")),9,Ee),d.task_type===1?(n(),c("div",Je,[a("div",Xe,l(d.prompt),1)])):p("",!0),d.task_type===2?(n(),c("div",Ze,[a("img",{src:d.base_image_url,alt:d.title},null,8,Ke)])):p("",!0),d.task_type===3?(n(),c("div",Qe,[a("div",et,l((Y=d==null?void 0:d.text_name_option)==null?void 0:Y.name),1)])):p("",!0)],2)])]}),_:1},8,["items","loading"])]),_:1})])]))}}},mt=re(tt,[["__scopeId","data-v-57f3827d"]]);export{mt as default};