https://www.sponso.in/_app/immutable/nodes/11.Bv-liUq4.js

1import"../chunks/CWj6FrbW.js";import"../chunks/K9bMRwDS.js";import{p as Zt,D as ea,w as ta,x as aa,i as sa,f as g,h as ra,a as la,t as b,c as s,b as q,u as S,I as w,P as le,o as e,g as p,j as ia,F as X,B as C,$ as oa,s as l,C as d,q as f,A as c,r as a,N as ie,k as M,L as T,W as va,H as wt,v as Fe,K as na,J as Y,n as Ye,O as oe,Q as Tt,T as kt,X as At,U as da}from"../chunks/CrZuSITo.js";import{C as ca}from"../chunks/DcWUAgBk.js";import{i as Ze}from"../chunks/BWXuU_zM.js";var ua=g("<option> </option>"),fa=g('<div class="template-preview svelte-150bf07"><img class="svelte-150bf07"/></div>'),pa=g('<div class="template-preview placeholder svelte-150bf07"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="svelte-150bf07"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div>'),ba=g('<p class="suggested-text svelte-150bf07"> </p>'),ga=g('<span class="featured-badge svelte-150bf07">Featured</span>'),_a=g('<span class="tag svelte-150bf07"> </span>'),ma=g('<span class="tag more svelte-150bf07"> </span>'),ha=g('<div class="tags svelte-150bf07"><!> <!></div>'),ya=g('<div><!> <div class="template-content svelte-150bf07"><div class="template-header svelte-150bf07"><h3 class="svelte-150bf07"> </h3> <button type="button"> </button></div> <div class="template-meta svelte-150bf07"><span class="category svelte-150bf07"> </span> <span class="platform svelte-150bf07"> </span> <span class="style svelte-150bf07"> </span> <span class="quality svelte-150bf07"> </span></div> <!> <div class="template-stats svelte-150bf07"><span> </span> <!></div> <!> <div class="template-actions svelte-150bf07"><button type="button" class="btn-edit svelte-150bf07">Edit</button> <button type="button" class="btn-delete svelte-150bf07">Delete</button></div></div></div>'),xa=g('<div class="empty-state svelte-150bf07"><p>No templates found</p> <button type="button" class="btn-primary svelte-150bf07">Create First Template</button></div>'),wa=g('<span class="file-name svelte-150bf07"> </span>'),Ta=g('<span class="asset-item svelte-150bf07"> <button type="button" class="svelte-150bf07">&times;</button></span>'),ka=g('<div class="asset-list svelte-150bf07"></div>'),Aa=g("<option> </option>"),Pa=g("<option> </option>"),Ca=g("<option> </option>"),Ia=g("<option> </option>"),Fa=g('<span class="spinner svelte-150bf07"></span> Generating...',1),Sa=g('<p class="generation-status svelte-150bf07"> </p>'),Da=g('<div class="preview-section svelte-150bf07"><h4 class="svelte-150bf07">Generated Preview</h4> <img alt="Generated preview" class="generated-preview svelte-150bf07"/></div>'),Ea=g("<option> </option>"),Oa=g(`<div class="modal-overlay svelte-150bf07" role="button" tabindex="0"><div class="modal large svelte-150bf07" role="dialog" aria-modal="true"><div class="modal-header svelte-150bf07"><h2 class="svelte-150bf07"> </h2> <button type="button" class="close-btn svelte-150bf07">&times;</button></div> <div class="modal-body svelte-150bf07"><div class="section svelte-150bf07"><h3 class="svelte-150bf07">Step 1: Upload Images</h3> <p class="section-hint svelte-150bf07">Upload a reference image for style guidance and/or asset images to include in the thumbnail.</p> <div class="form-row svelte-150bf07"><div class="form-group svelte-150bf07"><label for="referenceImage" class="svelte-150bf07">Reference Image (style guide)</label> <input id="referenceImage" type="file" accept="image/jpeg,image/png,image/webp,image/gif" class="svelte-150bf07"/> <!></div> <div class="form-group svelte-150bf07"><label for="assetFiles" class="svelte-150bf07">Asset Images (up to 6)</label> <input id="assetFiles" type="file" accept="image/jpeg,image/png,image/webp,image/gif" multiple class="svelte-150bf07"/> <!></div></div></div> <div class="section svelte-150bf07"><h3 class="svelte-150bf07">Step 2: Generation Settings</h3> <div class="form-grid svelte-150bf07"><div class="form-group svelte-150bf07"><label for="platform" class="svelte-150bf07">Platform *</label> <select id="platform" required class="svelte-150bf07"></select></div> <div class="form-group svelte-150bf07"><label for="style" class="svelte-150bf07">Style *</label> <select id="style" required class="svelte-150bf07"></select></div> <div class="form-group svelte-150bf07"><label for="defaultQuality" class="svelte-150bf07">Quality</label> <select id="defaultQuality" class="svelte-150bf07"></select></div> <div class="form-group svelte-150bf07"><label for="textPosition" class="svelte-150bf07">Text Position</label> <select id="textPosition" class="svelte-150bf07"></select></div> <div class="form-group full-width svelte-150bf07"><label for="description" class="svelte-150bf07">Description / Prompt * <span class="hint svelte-150bf07">(min 10 characters)</span></label> <textarea id="description" placeholder="Describe the thumbnail you want to generate. E.g., 'A professional tech review thumbnail with sleek modern design, featuring the product prominently with bold typography'" rows="3" required class="svelte-150bf07"></textarea></div> <div class="form-group full-width svelte-150bf07"><label for="text" class="svelte-150bf07">Text Overlay <span class="hint svelte-150bf07">(max 100 chars)</span></label>

1 <input id="text" type="text" placeholder="e.g., BEST EARBUDS 2025?" maxlength="100" class="svelte-150bf07"/></div></div> <div class="generate-section svelte-150bf07"><button type="button" class="btn-generate svelte-150bf07"><!></button> <!></div> <!></div> <div class="section svelte-150bf07"><h3 class="svelte-150bf07">Step 3: Template Information</h3> <div class="form-grid svelte-150bf07"><div class="form-group svelte-150bf07"><label for="name" class="svelte-150bf07">Template Name *</label> <input id="name" type="text" placeholder="e.g., Gaming Thumbnail Pro" required class="svelte-150bf07"/></div> <div class="form-group svelte-150bf07"><label for="slug" class="svelte-150bf07">Slug *</label> <input id="slug" type="text" placeholder="e.g., gaming-thumbnail-pro" pattern="[a-z0-9-]+" required class="svelte-150bf07"/></div> <div class="form-group svelte-150bf07"><label for="category" class="svelte-150bf07">Category *</label> <select id="category" required class="svelte-150bf07"><option>Select a category</option><!></select></div> <div class="form-group svelte-150bf07"><label for="sortOrder" class="svelte-150bf07">Sort Order</label> <input id="sortOrder" type="number" min="0" class="svelte-150bf07"/></div> <div class="form-group full-width svelte-150bf07"><label for="tags" class="svelte-150bf07">Tags (comma-separated)</label> <input id="tags" type="text" placeholder="gaming, youtube, thumbnail, professional" class="svelte-150bf07"/></div> <div class="form-group checkbox-group svelte-150bf07"><label class="svelte-150bf07"><input type="checkbox" class="svelte-150bf07"/> Active</label> <label class="svelte-150bf07"><input type="checkbox" class="svelte-150bf07"/> Featured</label></div></div></div> <div class="modal-footer svelte-150bf07"><button type="button" class="btn-cancel svelte-150bf07">Cancel</button> <button type="button" class="btn-primary svelte-150bf07"> </button></div></div></div></div>`),$a=g('<div class="templates-page svelte-150bf07"><header class="page-header svelte-150bf07"><div class="header-row svelte-150bf07"><div><h1 class="svelte-150bf07">AI Templates</h1> <p class="subtitle svelte-150bf07">Create thumbnail templates by generating example thumbnails</p></div> <button type="button" class="btn-primary svelte-150bf07"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="svelte-150bf07"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path></svg> Create Template</button></div></header> <div class="stats-grid svelte-150bf07"><div class="stat-card svelte-150bf07"><div class="stat-label svelte-150bf07">Total Templates</div> <div class="stat-value svelte-150bf07"> </div></div> <div class="stat-card svelte-150bf07"><div class="stat-label svelte-150bf07">Active</div> <div class="stat-value svelte-150bf07"> </div></div> <div class="stat-card svelte-150bf07"><div class="stat-label svelte-150bf07">Featured</div> <div class="stat-value svelte-150bf07"> </div></div> <div class="stat-card svelte-150bf07"><div class="stat-label svelte-150bf07">Total Usage</div> <div class="stat-value svelte-150bf07"> </div></div></div> <div class="filters svelte-150bf07"><select class="svelte-150bf07"><option>All Categories</option><!></select></div> <div class="templates-grid svelte-150bf07"><!> <!></div></div> <!> <!>',1);function Ra(Pt,we){Zt(we,!1);const Te=C();let y=ea(we,"data",8),ke=C(!1),A=C(null),x=C({open:!1,template:null,loading:!1}),ve=C(!1),ne=C(!1),j=C(""),Z=C("");const Ct=["youtube","instagram","tiktok","twitter","facebook","linkedin","instagram-story","instagram-feed","custom"],It=["professional","energetic","minimalist","bold","cinematic","playful","dark","bright"],Ft=["hd","2k","4k"],St=["top","center","bottom"],et={name:"",slug:"",description:"",category:"",platform:"youtube",style:"professional",defaultQuality:"hd",text:"",textPosition:"center",tags:[],isActive:!0,isFeatured:!1,sortOrder:0};let i=C({...et}),de=C(""),Q=C(null),D=C([]),G=C("");function tt(){c(i,{...et}),c(de,""),c(Q,null),c(D,[]),c(G,""),c(A,null),c(ke,!0)}function Dt(o){c(i,{name:o.name,slug:o.slug,description:o.promptTemplate||"",category:o.category,platform:o.platform,style:o.style,defaultQuality:o.defaultQuality,text:o.suggestedText||"",textPosition:o.suggestedTextPosition||"center",tags:o.tags||[],isActive:o.isActive,isFeatured:o.isFeatured,sortOrder:o.sortOrder}),c(de,(o.tags||[]).join(", ")),c(Q,null),c(D,[]),c(G,o.previewImage||""),c(A,o),c(ke,!0)}function ce(){c(ke,!1),c(A,null),c(ne,!1),c(j,"")}function Et(o){const t=o.target.files[0];t&&c(Q,t)}function Ot(o){const t=Array.from(o.target.files);t.length>6?(alert("Maximum 6 asset images allowed"),c(D,t.slice(0,6))):c(D,t)}function $t(o){c(D,e(D).filter((t,v)=>v!==o))}async function Ut(){var o,t;if(!e(Q)&&e(D).length===0){alert("Please upload at least one image (reference or asset)");return}if(!e(i).description||e(i).description.trim().length<10){alert("Description must be at least 10 characters");return}c(ne,!0),c(j,"Starting generation...");try{const v=new FormData;

1e(Q)&&v.append("referenceImage",e(Q)),e(D).forEach(U=>{v.append("assets",U)}),v.append("thumbnailType",e(i).platform),v.append("description",e(i).description),v.append("style",e(i).style),v.append("quality",e(i).defaultQuality),e(i).text&&(v.append("text",e(i).text),v.append("textPosition",e(i).textPosition)),v.append("generateVariations","true"),c(j,"Uploading images and starting AI generation...");const h=await(await fetch("/apis/v1/ai/generate-thumbnail",{method:"POST",body:v})).json();if(!h.success)throw new Error(((o=h.error)==null?void 0:o.message)||"Failed to start generation");const H=h.data.generationId;c(j,"AI is generating thumbnails... This may take 30-120 seconds.");let L=0;const E=60;for(;L<E;){await new Promise(O=>setTimeout(O,3e3)),L++,c(j,`Generating... (${L*3}s elapsed)`);const P=await(await fetch(`/apis/v1/ai/generation-status/${H}`)).json();if(!P.success)throw new Error(((t=P.error)==null?void 0:t.message)||"Failed to check status");if(P.data.status==="COMPLETED"){const O=P.data.thumbnails;O&&O.length>0&&(c(G,O[0].url),c(j,"Generation complete! Preview ready."));break}if(P.data.status==="FAILED")throw new Error(P.data.errorMessage||"Generation failed")}if(L>=E)throw new Error("Generation timed out. Please try again.")}catch(v){console.error("Generation error:",v),c(j,`Error: ${v.message}`),alert(`Generation failed: ${v.message}`)}finally{c(ne,!1)}}async function jt(){var t,v,I;if(!e(G)&&!((t=e(A))!=null&&t.previewImage)){alert("Please generate a thumbnail first to use as preview");return}c(ve,!0);const o=e(de).split(",").map(h=>h.trim().toLowerCase()).filter(h=>h.length>0);try{const h={name:e(i).name,slug:e(i).slug,description:e(i).description.substring(0,500),category:e(i).category,previewImage:e(G)||((v=e(A))==null?void 0:v.previewImage),platform:e(i).platform,style:e(i).style,defaultQuality:e(i).defaultQuality,promptTemplate:e(i).description,suggestedText:e(i).text||null,suggestedTextPosition:e(i).textPosition,tags:o,isActive:e(i).isActive,isFeatured:e(i).isFeatured,sortOrder:e(i).sortOrder},H=e(A)?`/apis/v1/admin/ai-templates/${e(A).id}`:"/apis/v1/admin/ai-templates",E=await(await fetch(H,{method:e(A)?"PUT":"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(h)})).json();E.success?(ce(),await Ze()):alert(((I=E.error)==null?void 0:I.message)||"Failed to save template")}catch(h){console.error("Save error:",h),alert("Failed to save template")}finally{c(ve,!1)}}async function Qt(){var o;if(e(x).template){T(x,e(x).loading=!0);try{const v=await(await fetch(`/apis/v1/admin/ai-templates/${e(x).template.id}`,{method:"DELETE"})).json();v.success?(c(x,{open:!1,template:null,loading:!1}),await Ze()):(alert(((o=v.error)==null?void 0:o.message)||"Failed to delete template"),T(x,e(x).loading=!1))}catch(t){console.error("Delete error:",t),alert("Failed to delete template"),T(x,e(x).loading=!1)}}}async function Gt(o){try{(await(await fetch(`/apis/v1/admin/ai-templates/${o.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:!o.isActive})})).json()).success&&await Ze()}catch(t){console.error("Toggle error:",t)}}function Lt(o){T(i,e(i).slug=o.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,""))}ta(()=>(X(y()),e(Z)),()=>{var o;c(Te,(o=y())!=null&&o.templates?e(Z)?y().templates.filter(t=>t.category===e(Z)):y().templates:[])}),aa(),sa();var at=$a();ra(o=>{oa.title="AI Templates - Admin"});var Se=la(at),De=s(Se),st=s(De),Rt=l(s(st),2);a(st),a(De);var Ee=l(De,2),Oe=s(Ee),rt=l(s(Oe),2),qt=s(rt,!0);a(rt),a(Oe);var $e=l(Oe,2),lt=l(s($e),2),Mt=s(lt,!0);a(lt),a($e);var Ue=l($e,2),it=l(s(Ue),2),Bt=s(it,!0);a(it),a(Ue);var ot=l(Ue,2),vt=l(s(ot),2),Nt=s(vt,!0);a(vt),a(ot),a(Ee);var je=l(Ee,2),Qe=s(je);b(()=>{e(Z),ie(()=>{y()})});var Ge=s(Qe);Ge.value=Ge.__value="";var zt=l(Ge);q(zt,1,()=>(X(y()),d(()=>{var o;return((o=y())==null?void 0:o.categories)??[]})),M,(o,t)=>{var v=ua(),I=s(v);a(v);var h={};b(()=>{f(I,`${e(t),d(()=>e(t).name)??""} (${e(t),d(()=>e(t).count)??""})`),h!==(h=(e(t),d(()=>e(t).name)))&&(v.value=(v.__value=(e(t),d(()=>e(t).name)))??"")}),p(o,v)}),a(Qe),a(je);var nt=l(je,2),dt=s(nt);q(dt,1,()=>e(Te),M,(o,t)=>{var v=ya();let I;var h=s(v);{var H=_=>{var m=fa(),$=s(m);a(m),b(()=>{Fe($,"src",(e(t),d(()=>e(t).previewImage))),Fe($,"alt",(e(t),d(()=>e(t).name)))}),p(_,m)},L=_=>{var m=pa();p(_,m)};S(h,_=>{e(t),d(()=>e(t).previewImage)?_(H):_(L,!1)})}var E=l(h,2),U=s(E),P=s(U),O=s(P,!0);a(P);var B=l(P,2);let Ae;var Le=s(B,!0);a(B),a(U);var ee=l(U,2),te=s(ee),Re=s(te,!0);a(te);var ue=l(te,2),fe=s(ue,!0);a(ue);var J=l(ue,2),pe=s(J,!0);a(J);var ae=l(J,2),be=s(ae,!0);a(ae),a(ee);var se=l(ee,2);{var ge=_=>{var m=ba(),$=s(m);a(m),b(()=>f($,`"${e(t),d(()=>e(t).suggestedText)??""}"`)),p(_,m)};S(se,_=>{e(t),d(()=>e(t).suggestedText)&&_(ge)})}var V=l(se,2),K=s(V),_e=s(K);a(K);var me=l(K,2);{var Pe=_=>{var m=ga();p(_,m)};S(me,_=>{e(t),d(()=>e(t).isFeatured)&&_(Pe)})}a(V);var he=l(V,2);{var Ce=_=>{var m=ha(),$=s(m);q($,1,()=>(e(t),d(()=>e(t).tags.slice(0,4))),M,(W,R)=>{var z=_a(),ye=s(z,!0);a(z),b(()=>f(ye,e(R))),p(W,z)});var Me=l($,2);{var Be=W=>{var R=ma(),z=s(R);a(R),b(()=>f(z,`+${e(t),d(()=>e(t).tags.length-4)??""}`)),p(W,R)};S(Me,W=>{e(t),d(()=>e(t).tags.length>4)&&W(Be)})}a(m),p(_,m)};S(he,_=>{e(t),d(()=>{var m;return((m=e(t).tags)==null?void 0:m.length)>0})&&_(Ce)})}var re=l(he,2),N=s(re),qe=l(N,2);a(re),a(E),a(v),b((_,m,$)=>{I=wt(v,1,"template-card svelte-150bf07",null,I,_),f(O,(e(t),d(()=>e(t).name))),Ae=wt(B,1,"toggle-btn svelte-150bf07",null,Ae,m),Fe(B,"title",(e(t),d(()=>e(t).isActive?"Click to deactivate":"Click to activate"))),f(Le,(e(t),d(()=>e(t).isActive?"Active":"Inactive"))),f(Re,(e(t),d(()=>e(t).category))),f(fe,(e(t),d(()=>e(t).platform))),f(pe,(e(t),d(()=>e(t).style))),f(be,$),f(_e,`Used ${e(t),d(()=>e(t).usageCount)??""} times`)},[()=>({inactive:!e(t).isActive}),()=>({active:e(t).isActive}),()=>(e(t),d(()=>e(t).defaultQuality.toUpperCase()))]),w("click",B,()=>Gt(e(t))),w("click",N,()=>Dt(e(t))),w("click",qe,()=>c(x,{open:!0,template:e(t),loading:!1})),p(o,v)});var Ht=l(dt,2);{var Jt=o=>{var t=xa(),v=l(s(t),2);a(t),w("click",v,tt),p(o,t)};S(Ht,o=>{e(Te),d(()=>e(Te).length===0)&&o(Jt)})}a(nt),a(Se);var ct=l(Se,2);{var Vt=o=>{var t=Oa(),v=s(t),I=s(v),h=s(I),H=s(h,!0);a(h);var L=l(h,2);a(I);var E=l(I,2),U=s(E),P=l(s(U),4),O=s(P),B=l(s(O),2),Ae=l(B,2);{var Le=r=>{var n=wa(),u=s(n,!0);a(n),b(()=>f(u,(e(Q),d(()=>e(Q).name)))),p(r,n)};

1S(Ae,r=>{e(Q)&&r(Le)})}a(O);var ee=l(O,2),te=l(s(ee),2),Re=l(te,2);{var ue=r=>{var n=ka();q(n,5,()=>e(D),M,(u,F,k)=>{var xe=Ta(),xt=s(xe),Yt=l(xt);a(xe),b(()=>f(xt,`${e(F),d(()=>e(F).name)??""} `)),w("click",Yt,()=>$t(k)),p(u,xe)}),a(n),p(r,n)};S(Re,r=>{e(D),d(()=>e(D).length>0)&&r(ue)})}a(ee),a(P),a(U);var fe=l(U,2),J=l(s(fe),2),pe=s(J),ae=l(s(pe),2);b(()=>{e(i),ie(()=>{})}),q(ae,5,()=>Ct,M,(r,n)=>{var u=Aa(),F=s(u,!0);a(u);var k={};b(()=>{f(F,e(n)),k!==(k=e(n))&&(u.value=(u.__value=e(n))??"")}),p(r,u)}),a(ae),a(pe);var be=l(pe,2),se=l(s(be),2);b(()=>{e(i),ie(()=>{})}),q(se,5,()=>It,M,(r,n)=>{var u=Pa(),F=s(u,!0);a(u);var k={};b(()=>{f(F,e(n)),k!==(k=e(n))&&(u.value=(u.__value=e(n))??"")}),p(r,u)}),a(se),a(be);var ge=l(be,2),V=l(s(ge),2);b(()=>{e(i),ie(()=>{})}),q(V,5,()=>Ft,M,(r,n)=>{var u=Ca(),F=s(u,!0);a(u);var k={};b(xe=>{f(F,xe),k!==(k=e(n))&&(u.value=(u.__value=e(n))??"")},[()=>(e(n),d(()=>e(n).toUpperCase()))]),p(r,u)}),a(V),a(ge);var K=l(ge,2),_e=l(s(K),2);b(()=>{e(i),ie(()=>{})}),q(_e,5,()=>St,M,(r,n)=>{var u=Ia(),F=s(u,!0);a(u);var k={};b(()=>{f(F,e(n)),k!==(k=e(n))&&(u.value=(u.__value=e(n))??"")}),p(r,u)}),a(_e),a(K);var me=l(K,2),Pe=l(s(me),2);na(Pe),a(me);var he=l(me,2),Ce=l(s(he),2);Y(Ce),a(he),a(J);var re=l(J,2),N=s(re),qe=s(N);{var _=r=>{var n=Fa();Ye(),p(r,n)},m=r=>{var n=da("Generate Thumbnail");p(r,n)};S(qe,r=>{e(ne)?r(_):r(m,!1)})}a(N);var $=l(N,2);{var Me=r=>{var n=Sa(),u=s(n,!0);a(n),b(()=>f(u,e(j))),p(r,n)};S($,r=>{e(j)&&r(Me)})}a(re);var Be=l(re,2);{var W=r=>{var n=Da(),u=l(s(n),2);a(n),b(()=>Fe(u,"src",e(G))),p(r,n)};S(Be,r=>{e(G)&&r(W)})}a(fe);var R=l(fe,2),z=l(s(R),2),ye=s(z),Ne=l(s(ye),2);Y(Ne),a(ye);var ze=l(ye,2),ut=l(s(ze),2);Y(ut),a(ze);var He=l(ze,2),Je=l(s(He),2);b(()=>{e(i),ie(()=>{y()})});var Ve=s(Je);Ve.value=Ve.__value="";var Wt=l(Ve);q(Wt,1,()=>(X(y()),d(()=>{var r;return((r=y())==null?void 0:r.allCategories)??[]})),M,(r,n)=>{var u=Ea(),F=s(u,!0);a(u);var k={};b(()=>{f(F,(e(n),d(()=>e(n).name))),k!==(k=(e(n),d(()=>e(n).name)))&&(u.value=(u.__value=(e(n),d(()=>e(n).name)))??"")}),p(r,u)}),a(Je),a(He);var Ke=l(He,2),ft=l(s(Ke),2);Y(ft),a(Ke);var We=l(Ke,2),pt=l(s(We),2);Y(pt),a(We);var bt=l(We,2),Xe=s(bt),gt=s(Xe);Y(gt),Ye(),a(Xe);var _t=l(Xe,2),mt=s(_t);Y(mt),Ye(),a(_t),a(bt),a(z),a(R);var ht=l(R,2),yt=s(ht),Ie=l(yt,2),Xt=s(Ie,!0);a(Ie),a(ht),a(E),a(v),a(t),b(()=>{f(H,e(A)?"Edit Template":"Create Template"),N.disabled=e(ne),Ie.disabled=(e(ve),e(G),e(A),d(()=>{var r;return e(ve)||!e(G)&&!((r=e(A))!=null&&r.previewImage)})),f(Xt,e(ve)?"Saving...":e(A)?"Update Template":"Save Template")}),w("click",L,ce),w("change",B,Et),w("change",te,Ot),le(ae,()=>e(i).platform,r=>T(i,e(i).platform=r)),le(se,()=>e(i).style,r=>T(i,e(i).style=r)),le(V,()=>e(i).defaultQuality,r=>T(i,e(i).defaultQuality=r)),le(_e,()=>e(i).textPosition,r=>T(i,e(i).textPosition=r)),oe(Pe,()=>e(i).description,r=>T(i,e(i).description=r)),oe(Ce,()=>e(i).text,r=>T(i,e(i).text=r)),w("click",N,Ut),oe(Ne,()=>e(i).name,r=>T(i,e(i).name=r)),w("input",Ne,r=>!e(A)&&Lt(r.target.value)),oe(ut,()=>e(i).slug,r=>T(i,e(i).slug=r)),le(Je,()=>e(i).category,r=>T(i,e(i).category=r)),oe(ft,()=>e(i).sortOrder,r=>T(i,e(i).sortOrder=r)),oe(pt,()=>e(de),r=>c(de,r)),Tt(gt,()=>e(i).isActive,r=>T(i,e(i).isActive=r)),Tt(mt,()=>e(i).isFeatured,r=>T(i,e(i).isFeatured=r)),w("click",yt,ce),w("click",Ie,jt),w("click",v,kt(function(r){At.call(this,we,r)})),w("keydown",v,kt(function(r){At.call(this,we,r)})),w("click",t,ce),w("keydown",t,r=>r.key==="Escape"&&ce()),p(o,t)};S(ct,o=>{e(ke)&&o(Vt)})}var Kt=l(ct,2);{let o=va(()=>(e(x),d(()=>{var t;return(t=e(x).template)==null?void 0:t.name})));ca(Kt,{title:"Delete Template",get message(){return`Are you sure you want to delete '${e(o)??""}'?`},confirmText:"Delete",get loading(){return e(x),d(()=>e(x).loading)},get open(){return e(x).open},set open(t){T(x,e(x).open=t)},$$events:{confirm:Qt},$$legacy:!0})}b(o=>{f(qt,(X(y()),d(()=>{var t,v;return((v=(t=y())==null?void 0:t.stats)==null?void 0:v.total)??0}))),f(Mt,(X(y()),d(()=>{var t,v;return((v=(t=y())==null?void 0:t.stats)==null?void 0:v.active)??0}))),f(Bt,(X(y()),d(()=>{var t,v;return((v=(t=y())==null?void 0:t.stats)==null?void 0:v.featured)??0}))),f(Nt,o)},[()=>(X(y()),d(()=>{var o,t;return(((t=(o=y())==null?void 0:o.stats)==null?void 0:t.totalUsage)??0).toLocaleStr

1ing()}))]),w("click",Rt,tt),le(Qe,()=>e(Z),o=>c(Z,o)),p(Pt,at),ia()}export{Ra as component};