npm - @bluepic/embed - Versions diffs - 0.4.0-next.97 → 0.4.0-next.98 - Mend

@bluepic/embed 0.4.0-next.97 → 0.4.0-next.98

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/bluepic-embed.iife.js +1 -2
package/dist/bluepic-embed.umd.js +1 -2
package/dist/components/TemplateEditor/BxTemplateEditor.vue.d.ts +0 -1
package/dist/embed/embed.d.ts +0 -6
package/dist/main.cjs +1 -2
package/dist/main.mjs +1 -3
package/dist/style.css +1 -1
package/package.json +1 -1

package/dist/bluepic-embed.iife.js CHANGED Viewed

@@ -212,7 +212,7 @@ Use Save As... to download, then click back to return to this page.`)&&(location
 `);for(;S!==-1;){const G=w.slice(0,S).trim();w=w.slice(S+2),S=w.indexOf(`
-`);const E=G.split(/\r?\n/);let D="";for(const Z of E)Z.startsWith("data:")&&(D+=Z.slice(5).trim());m(D)}}if(!c||c.length===0){g(new Error("No files found"));return}u({files:c,creditsConsumed:0})})}async function vae(e,t,n,r,a,i,l,d,s,u){var h,C,v,y;let g=null,A=!1,c=!1;if((r==="png"||r==="jpeg"||r==="webp")&&!d){console.log("[RENDER]: Local rendering started"),A=!0;try{const w=((h=t.frames)==null?void 0:h.x)??1,B=((C=t.frames)==null?void 0:C.y)??1,k=t.width/w,I=t.height/B,S=new Array(w*B).fill(0).map((G,E)=>({x:k*(E%w),y:I*Math.floor(E/w),width:k,height:I}));if(S.length>1){const G=await e.render({type:us[r],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:s,resultType:"canvas",externalCanvas:null});g=[];for(const E of S){const D=await ZB({imageSource:G,cropX:E.x,cropY:E.y,cropWidth:E.width,cropHeight:E.height,quality:100,type:us[r]},"blob");g.push(D)}}else g=[await e.render({type:us[r],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:s,resultType:"blob",externalCanvas:null})]}catch(w){console.error("[RENDER]: Local rendering error",w),c=!0}}if(!g){console.log("[RENDER]: Remote rendering started");try{const w=await bae(a,i,n,t.width,t.height,((v=t.frames)==null?void 0:v.x)??1,((y=t.frames)==null?void 0:y.y)??1,r,l);if(w.type==="application/zip"){g=[];const{unzip:B}=await Promise.resolve().then(()=>tce),k=await B(w);for(const[I,S]of Object.entries(k.entries)){const G=await S.blob(Vd.getType(I)||"image/png");g.push(G)}}else g=[w]}catch(w){throw console.error("[RENDER]: Remote rendering error",w),new Error("Failed to render serial remotely")}}return{files:g,renderLocation:A&&!c?"client":"server",clientRenderFailed:c}}function yae(e,t,n,r,a,i,l,d,s,u,g,A,c,m,h,C,v,y=o.ref(void 0)){const{createPopup:w}=af(),B=o.computed(()=>{try{return Vg({templateId:r.value,data:t.value,serial:e.value,campaignId:l.value})}catch(j){return console.error("Error computing session state hash",j),"SESSION_STATE_HASH_ERROR"}}),k=new Set;function I(j,P){return async()=>{if(console.log("consumeCreditsOnRender",c.value),!!c.value&&!(!l.value||j===null)&&!k.has(j)){k.add(j);try{await Iae(d.apiBaseUrl,d.env,l.value,r.value??"TEMPLATE_ID_UNDEFINED",P,j)}catch(N){console.error("[CREDITS] Failed to consume credits on output",N),k.delete(j)}}}}const S=o.ref([]),G=o.ref(!1),E=o.ref();function D(j,P){return j.map(async N=>{const _=`${d.apiBaseUrl}/api/public/temp-image`,z=new FormData;z.append("file",N,`${In()}.${P}`);const F=await fetch(_,{method:"POST",body:z});if(!F.ok)throw new Error(`Failed to upload asset: ${F.statusText}`);return(await F.json()).url})}async function Z(j,P,N,_,z){var ce,he;const F=n.value.actionalConnections,H=n.value.socialConnections,J=Object.entries(H).filter(([Qe,ne])=>ne).map(([Qe])=>Qe),q=[];F.download&&q.push("download"),F.webhook&&q.push("webhook"),F.redirect&&q.push("redirect"),J.length+q.length;const ae=a.value??r.value??"TEMPLATE_ID_UNDEFINED";if(F.webhook||F.redirect||J.length>0?S.value=D(j,P):S.value=[],J.length===0){if(F.download&&!F.webhook&&!F.redirect){await LB(j,ae),await z(),_.download({trigger:"auto",withinSocialShare:!1});return}else if(F.webhook&&!F.download&&!F.redirect){await YB(F.webhook,{assets:await Promise.all(S.value),templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,caption:y.value??((ce=e.value)==null?void 0:ce.caption)}),await z(),_.webhook({trigger:"auto",webhookHost:Od(F.webhook)});return}else if(F.redirect&&!F.download&&!F.webhook)return _.redirect({trigger:"auto",redirectHost:Od(F.redirect)}),await z(),await FB(F.redirect,{assets:await Promise.all(S.value),templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,caption:y.value??((he=e.value)==null?void 0:he.caption)})}w({draggable:!1,disableBackgroundEffect:window.innerWidth>700,transculent:!0,type:window.innerWidth<=700?"layer":"frame",content:()=>{var Qe;return o.h(Aae,{templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,exportOptions:n.value,caption:y.value??((Qe=e.value)==null?void 0:Qe.caption),assets:j,assetsRemote:S.value,baseName:a.value,mediaType:N,bridge:h.value,analytics:_,consumeCredit:z})},customClasses:["bx-template-editor-export-popup"]})}function L(){const j=n.value.actionalConnections,P=n.value.socialConnections,N=[];j.download&&N.push("download"),j.webhook&&N.push("webhook"),j.redirect&&N.push("redirect");const _=Object.entries(P).filter(([,z])=>z).map(([z])=>z);return{enabledActions:N,enabledSocials:_,optionCount:N.length+_.length}}async function W(){var q;if(!l.value)return console.error("No campaign ID available for export");if(!e.value)return console.error("No serial available for export");if(!i.value)return console.error("No live template component reference available for export");const j=((q=e.value)==null?void 0:q.format)??"png",P=j in pb?"video":"image",{enabledActions:N,enabledSocials:_,optionCount:z}=L(),F=new GB(v.value,{templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value,format:j,mediaType:P,watermark:m.value,enforceServerSideRendering:P==="video"?g.value:u.value,enabledActions:N,enabledSocials:_,optionCount:z}),H=performance.now(),J=()=>Math.round(performance.now()-H);if(F.attempt(),G.value=!0,E.value=void 0,j in us){console.log("[EXPORT] Starting image export",j),console.log("sessionState",B.value);let ae;try{ae=await vae(i.value,e.value,t.value,j,l.value,r.value??"TEMPLATE_ID_UNDEFINED",d,u.value,m.value,B.value)}catch(he){throw G.value=!1,F.renderFailure({renderLocation:"unknown",renderDurationMs:J(),error:he instanceof Error?he.message:String(he)}),he}G.value=!1,F.renderSuccess({renderLocation:ae.renderLocation,renderDurationMs:J(),fileCount:ae.files.length,clientRenderFailed:ae.clientRenderFailed});const ce=I(Po.generateBillingKey(l.value,r.value??"TEMPLATE_ID_UNDEFINED",t.value,e.value),B.value);await Z(ae.files,j,"image",F,ce)}else if(j in pb){let ae=null;E.value=0;const ce=!f1()||g.value?"server":"client";if(!f1()||g.value){let he=0,Qe=0,ne=0;const Q=await Cae(e.value,t.value,e.value.width,e.value.height,j,e.value.animation.duration*1e3,{fps:e.value.animation.fps,vcodec:"libx264",acodec:"aac",pix_fmt:"yuv420p"},s,K=>{K.type==="keyframe"?(he=K.frame,ne=K.totalFrames):K.type==="encode_video"&&(Qe=K.frame,ne=K.totalFrames),E.value=(he+Qe)/(ne*2)}),[Y]=Q.files;ae=await(await fetch(Y)).blob(),G.value=!1,E.value=void 0}else{const he=i.value,Qe=e.value.animation.fps,ne=Math.ceil(e.value.animation.duration*Qe),Q=document.createElement("canvas"),Y=async(M,K)=>(A.value=K,await he.render({type:us.png,resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},resultType:"canvas",watermark:m.value,externalCanvas:Q}));try{ae=await pae({fps:Qe,totalFrames:ne,renderFrame:Y,onProgress:(M,K)=>{E.value=M/K}})}catch(M){console.error("[VIDEO EXPORT] Local encoding failed",M)}finally{G.value=!1,E.value=void 0}}if(ae){F.renderSuccess({renderLocation:ce,renderDurationMs:J(),fileCount:1,clientRenderFailed:!1});const he=I(Po.generateBillingKey(l.value,r.value??"TEMPLATE_ID_UNDEFINED",t.value,e.value),B.value);await Z([ae],j,"video",F,he)}else F.renderFailure({renderLocation:ce,renderDurationMs:J(),error:"Video rendering produced no file"})}}let f=!1;async function T(){if(f||!C.value||!e.value||!i.value)return;const j=e.value.format??"png";let P=null;if(j in us){if(j==="pdf"||u.value)return;P=j}else if(j in pb){if(g.value||!f1())return;P="png"}else return;f=!0;try{console.log("[RENDER]: Pre-caching local rendering assets"),await i.value.render({type:us[P],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:!1,resultType:"blob",externalCanvas:null}),console.log("[RENDER]: Pre-cache complete")}catch(N){console.warn("[RENDER]: Pre-cache local render failed (ignored)",N),f=!1}}return{triggerExport:W,preCacheLocalRender:T,rendering:G,videoRenderingProgress:E}}async function Iae(e,t,n,r,a,i){console.log("[CREDITS] Consuming credits for export");const l={campaignId:n,templateId:r,amount:1,sessionState:a,balanceName:"EMBED",billingKey:i};await fetch(`${e}/api/public/consume-credits?env=${encodeURIComponent(t)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)})}function wae(){return typeof navigator>"u"?!1:!!(/iPhone|iPad|iPod/i.test(navigator.userAgent)||navigator.maxTouchPoints>1&&/Macintosh/.test(navigator.userAgent))}function DB(e){if(!wae()||typeof navigator.share!="function"||typeof navigator.canShare!="function")return!1;try{return navigator.canShare({files:e})}catch{return!1}}function zB(e,t){return e.map((n,r)=>{const a=Vd.getExtension(n.type)||"bin",i=e.length===1?`${t}.${a}`:`${t}_${r+1}.${a}`;return new File([n],i,{type:n.type})})}async function LB(e,t){const n=zB(e,t);if(DB(n))try{await navigator.share({files:n});return}catch(r){if(r instanceof Error&&r.name==="AbortError")return;console.warn("[download] iOS native share failed, falling back to download",r)}if(e.length===1){const r=e[0],a=Vd.getExtension(r.type)||"bin";QB(r,`${t}.${a}`,r.type)}else{const{downloadZip:r}=await Promise.resolve().then(()=>fce),i=await(await r(e.map((l,d)=>{const s=Vd.getExtension(l.type)||"bin";return{input:l,name:`${t}_${d+1}.${s}`}}))).blob();QB(i,`${t}.${Vd.getExtension(i.type)}`,i.type)}}async function YB(e,t){const n={templateId:t.templateId,campaignId:t.campaignId,data:t.data,assets:t.assets,caption:t.caption},r=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!r.ok)throw new Error(`Failed to send webhook: ${r.statusText}`)}async function FB(e,t){const n=new URL(e);n.searchParams.set("templateId",t.templateId),n.searchParams.set("campaignId",t.campaignId.toString()),n.searchParams.set("data",JSON.stringify(t.data)),t.caption&&n.searchParams.set("caption",t.caption),t.assets.forEach((r,a)=>{n.searchParams.set(`asset_${a+1}`,r)}),window.location.href=n.toString()}const Bae=5,Eae=900;function kae(e){const t=o.ref(!1);let n,r=null;function a(d){d.target.classList.contains("canvas")&&(d.pointerType==="mouse"&&d.button!==0||(r={x:d.clientX,y:d.clientY}))}function i(d){if(!r)return;const s=d.clientX-r.x,u=d.clientY-r.y;r=null,!(Math.hypot(s,u)>Bae)&&l()}function l(){e.value&&(t.value=!1,requestAnimationFrame(()=>{t.value=!0,clearTimeout(n),n=setTimeout(()=>{t.value=!1},Eae)}))}return{active:t,onPointerDown:a,onPointerUp:i,trigger:l}}const xae=["data-preview"],Sae={class:"back-btn-wrapper"},Zae={key:0,class:"branding"},Nae={class:"logo"},Rae={key:1,class:"legal-wrapper"},Gae={class:"actions"},_ae={key:0,class:"navbar-right-wrapper"},Qae={key:0,class:"slides-nav-wrapper"},Dae={key:1,class:"desktop-fields-loading-wrapper"},zae={key:1,class:"mobile-fields-wrapper"},Lae={key:1,class:"fields-loading-wrapper"},Yae={key:0,class:"timeline-wrapper"},Fae={class:"time-meta-wrapper"},Wae={class:"play-controls"},WB=$e(o.defineComponent({__name:"BxTemplateEditor",props:{bxCoreVersion:{},cloudflarePagesHostname:{},assetProxy:{},serial:{},preview:{},serialWidth:{},serialHeight:{},layout:{},zoomAndPan:{type:Boolean,default:!1},bridge:{},showBackBtn:{type:Boolean},branding:{type:Boolean},exportOptions:{},apiBaseUrl:{},env:{},templateId:{},campaignId:{},name:{},captions:{},exportDisabled:{type:Boolean},consumeCreditsOnRender:{type:Boolean},preCacheLocalRendering:{type:Boolean,default:!0},data:{},accessibilityDescription:{},watermark:{type:Boolean},password:{},bearerToken:{},nativeGifEmbedding:{type:Boolean},remoteVideoRenderBaseUrl:{},enforceServerSideRendering:{type:Boolean},enforceFallbackService:{type:Boolean},enforceVideoServerSideRendering:{type:Boolean},liveViewOffsetDesktop:{default:()=>({top:0,right:0,bottom:0,left:0})},liveViewOffsetMobile:{default:()=>({top:0,right:0,bottom:0,left:0})},analytics:{}},emits:["back","update:data"],setup(e,{expose:t,emit:n}){const r=e,a=n,i=o.useSlots();o.onMounted(()=>{console.log("consumeCreditsOnRender",r.consumeCreditsOnRender)});const{createMessage:l,createPopup:d}=af(),{width:s}=yx(),u=o.computed(()=>r.serial),g=o.computed(()=>r.layout?r.layout:s.value<=550?"mobile":"desktop"),A=o.computed(()=>{var M;return((M=u.value)==null?void 0:M.frames)??{x:1,y:1}}),c=o.computed(()=>Object.values(A.value).reduce((M,K)=>K*M,1)),m=o.computed(()=>c.value>1),h=o.ref(),C=o.computed(()=>{var M,K;return((K=(M=h.value)==null?void 0:M.bxLiveTemplateRef)==null?void 0:K.ready)??!1}),v=o.computed({get(){var ie,le;if(!((ie=u.value)!=null&&ie.frames)||!m.value)return;const{x:M,y:K}=((le=h.value)==null?void 0:le.currentlyFocusedFrame)??{x:0,y:0};return K*A.value.x+M+1},set(M){var Ae;if(M===void 0||!m.value)return;const K=M-1,ie=K%A.value.x,le=Math.floor(K/A.value.x);(Ae=h.value)==null||Ae.focusFrame(ie,le)}}),y=o.computed(()=>{var K;const M=((K=u.value)==null?void 0:K.fields)??[];return!m.value||v.value===void 0?M:M.filter(ie=>(ie.frameIndex||1)===v.value)}),w=o.computed(()=>{var M;return((M=h.value)==null?void 0:M.globalScope)??{}}),B=M=>new Function(...Object.keys(w.value),`return (${M.toString()})()`)(...Object.values(w.value));o.provide("computedPropEvaluator",B);const k=o.ref(Oo(r.data??{}));o.watch(()=>{var M;return(M=u.value)==null?void 0:M.bindings},M=>{if(M)for(const K in M)K in k.value||(k.value[K]=Oo(M[K]))},{immediate:!0}),o.provide("data",k),o.provide("bridge",r.bridge),o.provide(ju,o.toRef(r,"assetProxy")),o.watch(k,()=>{a("update:data",k.value)},{deep:!0});function I(){window.open("https://bluepic.io","_blank")}const{active:S,onPointerDown:G,onPointerUp:E}=kae(o.computed(()=>!!u.value&&u.value.fields.length>0)),D=o.ref();function Z(M){D.value=M}function L(){var M,K,ie;if(!(!((M=u.value)!=null&&M.frames)||!D.value)&&m.value&&g.value==="mobile"){const le=W.value[D.value.activeIndex],Ae=(K=[le.originalField,...le.fields].find(Re=>(Re==null?void 0:Re.frameIndex)!==void 0))==null?void 0:K.frameIndex;if(Ae!==void 0&&u.value.frames&&u.value.frames.x>0&&u.value.frames.y>0){const Re=(Ae-1)%u.value.frames.x,Be=Math.floor((Ae-1)/u.value.frames.x);console.log("frameX, frameY",Re+1,Be+1),(ie=h.value)==null||ie.focusFrame(Re+1,Be+1)}}}const{mobileFields:W}=zw(o.computed(()=>{var M;return((M=u.value)==null?void 0:M.fields)??[]})),f=[_re,Qre,Dre,zre];function T(M){var K;return(K=[M.originalField,...M.fields].find(ie=>(ie==null?void 0:ie.frameIndex)!==void 0))==null?void 0:K.frameIndex}o.watch(v,M=>{if(M===void 0||!D.value||g.value!=="mobile")return;const K=W.value[D.value.activeIndex];if(K&&T(K)===M)return;const ie=W.value.findIndex(le=>T(le)===M);ie>=0&&D.value.slideTo(ie)}),o.watch(u,()=>{setTimeout(()=>{var M;(M=h.value)==null||M.fit()},500)});const j=o.computed(()=>{var K;const M=(K=u.value)==null?void 0:K.format;return M==="mp4"||M==="mov"||M==="webm"}),P=o.computed(()=>{var M,K;return((K=(M=u.value)==null?void 0:M.animation)==null?void 0:K.duration)??120}),N=o.computed(()=>{var M,K;return((K=(M=u.value)==null?void 0:M.animation)==null?void 0:K.fps)??30}),_=o.computed(()=>1/N.value),z=o.ref(0),F=o.ref(!1),H=o.ref(!0);let J=0,q=0;function ae(){F.value=!F.value,F.value&&(J=Date.now(),q=z.value);const M=()=>{if(!F.value)return;const K=P.value,ie=(Date.now()-J)/1e3%K,Ae=q-q%_.value+ie,Re=Ae-Ae%_.value;Re>K?H.value?z.value=0:(F.value=!1,z.value=K):z.value=Re,requestAnimationFrame(M)};M()}o.watchEffect(()=>{j.value&&(k.value.TIME=z.value)});const ce=o.computed(()=>r==null?void 0:r.campaignId),he=o.computed(()=>{var M,K;return((M=r.captions)==null?void 0:M[r.templateId])??((K=u.value)==null?void 0:K.caption)}),{triggerExport:Qe,preCacheLocalRender:ne,rendering:Q,videoRenderingProgress:Y}=yae(u,k,o.toRef(r,"exportOptions"),o.toRef(r,"templateId"),o.toRef(r,"name"),o.computed(()=>{var M;return(M=h.value)==null?void 0:M.bxLiveTemplateRef}),ce,{apiBaseUrl:r.apiBaseUrl,bearerToken:r.bearerToken,password:r.password,enforceFallbackService:r.enforceFallbackService,env:r.env},{remoteVideoRenderBaseUrl:r.remoteVideoRenderBaseUrl},o.toRef(r,"enforceServerSideRendering"),o.toRef(r,"enforceVideoServerSideRendering"),z,o.toRef(r,"consumeCreditsOnRender"),o.toRef(r,"watermark"),o.toRef(r,"bridge"),o.toRef(r,"preCacheLocalRendering"),o.toRef(r,"analytics"),he);return o.watch(C,M=>{M&&ne()},{immediate:!0}),t({templateViewRef:h}),(M,K)=>{var ie,le;return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bx-template-editor",{[`layout-${g.value}`]:!0,"is-video-template":j.value}]),"data-preview":!!e.preview},[o.createElementVNode("header",null,[o.createElementVNode("div",Sae,[e.showBackBtn?(o.openBlock(),o.createBlock(bt,{key:0,onClick:K[0]||(K[0]=Ae=>a("back"))},{icon:o.withCtx(()=>[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(Ol))]),_:1})]),_:1})):o.createCommentVNode("",!0)]),e.branding?(o.openBlock(),o.createElementBlock("div",Zae,[o.createElementVNode("div",{class:"branding-wrapper",onClick:I},[o.createElementVNode("div",Nae,[o.createVNode(oB)]),K[8]||(K[8]=o.createElementVNode("div",{class:"content"},[o.createElementVNode("span",{class:"main"}," Design Template "),o.createElementVNode("span",{class:"sub"}," shared with Bluepic ")],-1))])])):o.createCommentVNode("",!0),i.legal?(o.openBlock(),o.createElementBlock("div",Rae,[o.renderSlot(M.$slots,"legal",{},void 0,!0)])):o.createCommentVNode("",!0),o.createElementVNode("div",Gae,[o.createVNode(bt,{secondary:"",loading:o.unref(Y)===void 0&&o.unref(Q),disabled:o.unref(Q),onClick:o.unref(Qe)},{icon:o.withCtx(()=>[o.unref(Y)!==void 0?(o.openBlock(),o.createBlock(lB,{key:0,progress:Math.min(o.unref(Y)*100,99.99),style:{width:"18px",height:"18px"}},null,8,["progress"])):(o.openBlock(),o.createBlock(Je,{key:1},{default:o.withCtx(()=>[o.createVNode(o.unref(Hg))]),_:1}))]),default:o.withCtx(()=>[K[9]||(K[9]=o.createTextVNode(" Export ",-1))]),_:1},8,["loading","disabled","onClick"]),i["navbar-right"]?(o.openBlock(),o.createElementBlock("div",_ae,[o.renderSlot(M.$slots,"navbar-right",{},void 0,!0)])):o.createCommentVNode("",!0)])]),o.createElementVNode("main",null,[!u.value||u.value.fields.length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["fields-wrapper",{"hint-shine":o.unref(S)}])},[g.value==="desktop"?(o.openBlock(),o.createBlock(tb,{key:0},{default:o.withCtx(()=>[u.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[m.value&&v.value?(o.openBlock(),o.createElementBlock("div",Qae,[o.createVNode(iB,{length:c.value,index:v.value,"onUpdate:index":K[1]||(K[1]=Ae=>v.value=Ae)},null,8,["length","index"])])):o.createCommentVNode("",!0),o.createVNode(Jw,{fields:y.value,"is-segmented":c.value>1},null,8,["fields","is-segmented"])],64)):(o.openBlock(),o.createElementBlock("div",Dae,[...K[10]||(K[10]=[o.createElementVNode("div",{class:"desktop-field-skeleton variant-image"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-image"}),o.createElementVNode("div",{class:"skeleton-row"},[o.createElementVNode("div",{class:"skeleton-button"}),o.createElementVNode("div",{class:"skeleton-button"})])])],-1),o.createElementVNode("div",{class:"desktop-field-skeleton variant-text"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-input"})])],-1),o.createElementVNode("div",{class:"desktop-field-skeleton variant-options"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-row"},[o.createElementVNode("div",{class:"skeleton-chip"}),o.createElementVNode("div",{class:"skeleton-chip"}),o.createElementVNode("div",{class:"skeleton-chip"})])])],-1)])]))]),_:1})):(o.openBlock(),o.createElementBlock("div",zae,[u.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createVNode(o.unref(Rre),{modules:f,"slides-per-view":1,"space-between":0,onSwiper:Z,onSlideChange:L},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(W),({fields:Ae,originalField:Re},Be)=>(o.openBlock(),o.createBlock(o.unref(Gre),null,{default:o.withCtx(()=>{var Ie;return[o.createVNode(Wre,{fields:Ae,"original-field":Re,active:((Ie=D.value)==null?void 0:Ie.activeIndex)===Be,"mobile-fields-slides":o.unref(W),"natural-fields-view-max-height":Math.max(180),onSelectNav:K[2]||(K[2]=Te=>{var Ue;return(Ue=D.value)==null?void 0:Ue.slideTo(Te)}),"slide-index":Be},null,8,["fields","original-field","active","mobile-fields-slides","natural-fields-view-max-height","slide-index"])]}),_:2},1024))),256))]),_:1}),o.createElementVNode("div",{class:o.normalizeClass(["swiper-nav-prev",{disabled:((ie=D.value)==null?void 0:ie.activeIndex)===0}]),onClick:K[3]||(K[3]=Ae=>{var Re;return(Re=D.value)==null?void 0:Re.slidePrev()})},[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(Ol))]),_:1})],2),o.createElementVNode("div",{class:o.normalizeClass(["swiper-nav-next",{disabled:((le=D.value)==null?void 0:le.activeIndex)===o.unref(W).length-1}]),onClick:K[4]||(K[4]=Ae=>{var Re;return(Re=D.value)==null?void 0:Re.slideNext()})},[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(jl))]),_:1})],2)],64)):(o.openBlock(),o.createElementBlock("div",Lae,[...K[11]||(K[11]=[o.createElementVNode("div",{class:"field-skeleton"},[o.createElementVNode("div",{class:"field-skeleton-image-preview"}),o.createElementVNode("div",{class:"field-skeleton-button-1"}),o.createElementVNode("div",{class:"field-skeleton-button-2"})],-1)])]))]))],2)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"template-wrapper",onPointerdown:K[6]||(K[6]=(...Ae)=>o.unref(G)&&o.unref(G)(...Ae)),onPointerup:K[7]||(K[7]=(...Ae)=>o.unref(E)&&o.unref(E)(...Ae))},[o.createVNode(aB,{ref_key:"templateViewRef",ref:h,"bx-core-version":e.bxCoreVersion,"cloudflare-pages-hostname":e.cloudflarePagesHostname,"asset-proxy":e.assetProxy,serial:u.value,"serial-width":e.serialWidth,"serial-height":e.serialHeight,preview:e.preview,offset:g.value==="desktop"?e.liveViewOffsetDesktop:e.liveViewOffsetMobile,"zoom-and-pan":e.zoomAndPan,data:k.value,watermark:e.watermark,"accessibility-description":e.accessibilityDescription,"data-preview":e.preview},null,8,["bx-core-version","cloudflare-pages-hostname","asset-proxy","serial","serial-width","serial-height","preview","offset","zoom-and-pan","data","watermark","accessibility-description","data-preview"]),j.value?(o.openBlock(),o.createElementBlock("div",Yae,[o.createElementVNode("div",Fae,o.toDisplayString(o.unref(sB)(z.value*1e3,","))+" / "+o.toDisplayString(o.unref(sB)(P.value*1e3,",")),1),o.createVNode(G0,{modelValue:z.value,"onUpdate:modelValue":K[5]||(K[5]=Ae=>z.value=Ae),min:0,step:_.value,max:P.value},null,8,["modelValue","step","max"]),o.createElementVNode("div",Wae,[o.createElementVNode("button",null,[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(ML))]),_:1})]),o.createElementVNode("button",{onClick:ae},[o.createVNode(Je,null,{default:o.withCtx(()=>[F.value?(o.openBlock(),o.createBlock(o.unref(LL),{key:0})):(o.openBlock(),o.createBlock(o.unref(FL),{key:1}))]),_:1})]),o.createElementVNode("button",null,[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(OL))]),_:1})])])])):o.createCommentVNode("",!0)],32)])],10,xae)}}}),[["__scopeId","data-v-97da2b11"]]);function MB(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(t=>{const n=e[t],r=typeof n;(r==="object"||r==="function")&&!Object.isFrozen(n)&&MB(n)}),e}let VB=class{constructor(t){t.data===void 0&&(t.data={}),this.data=t.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}};function OB(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function il(e,...t){const n=Object.create(null);for(const r in e)n[r]=e[r];return t.forEach(function(r){for(const a in r)n[a]=r[a]}),n}const Mae="</span>",jB=e=>!!e.scope,Vae=(e,{prefix:t})=>{if(e.startsWith("language:"))return e.replace("language:","language-");if(e.includes(".")){const n=e.split(".");return[`${t}${n.shift()}`,...n.map((r,a)=>`${r}${"_".repeat(a+1)}`)].join(" ")}return`${t}${e}`};class Oae{constructor(t,n){this.buffer="",this.classPrefix=n.classPrefix,t.walk(this)}addText(t){this.buffer+=OB(t)}openNode(t){if(!jB(t))return;const n=Vae(t.scope,{prefix:this.classPrefix});this.span(n)}closeNode(t){jB(t)&&(this.buffer+=Mae)}value(){return this.buffer}span(t){this.buffer+=`<span class="${t}">`}}const PB=(e={})=>{const t={children:[]};return Object.assign(t,e),t};class bb{constructor(){this.rootNode=PB(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(t){this.top.children.push(t)}openNode(t){const n=PB({scope:t});this.add(n),this.stack.push(n)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(t){return this.constructor._walk(t,this.rootNode)}static _walk(t,n){return typeof n=="string"?t.addText(n):n.children&&(t.openNode(n),n.children.forEach(r=>this._walk(t,r)),t.closeNode(n)),t}static _collapse(t){typeof t!="string"&&t.children&&(t.children.every(n=>typeof n=="string")?t.children=[t.children.join("")]:t.children.forEach(n=>{bb._collapse(n)}))}}class jae extends bb{constructor(t){super(),this.options=t}addText(t){t!==""&&this.add(t)}startScope(t){this.openNode(t)}endScope(){this.closeNode()}__addSublanguage(t,n){const r=t.root;n&&(r.scope=`language:${n}`),this.add(r)}toHTML(){return new Oae(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function jd(e){return e?typeof e=="string"?e:e.source:null}function TB(e){return ds("(?=",e,")")}function Pae(e){return ds("(?:",e,")*")}function Tae(e){return ds("(?:",e,")?")}function ds(...e){return e.map(n=>jd(n)).join("")}function Hae(e){const t=e[e.length-1];return typeof t=="object"&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}function Cb(...e){return"("+(Hae(e).capture?"":"?:")+e.map(r=>jd(r)).join("|")+")"}function HB(e){return new RegExp(e.toString()+"|").exec("").length-1}function Xae(e,t){const n=e&&e.exec(t);return n&&n.index===0}const $ae=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function vb(e,{joinWith:t}){let n=0;return e.map(r=>{n+=1;const a=n;let i=jd(r),l="";for(;i.length>0;){const d=$ae.exec(i);if(!d){l+=i;break}l+=i.substring(0,d.index),i=i.substring(d.index+d[0].length),d[0][0]==="\\"&&d[1]?l+="\\"+String(Number(d[1])+a):(l+=d[0],d[0]==="("&&n++)}return l}).map(r=>`(${r})`).join(t)}const Uae=/\b\B/,XB="[a-zA-Z]\\w*",yb="[a-zA-Z_]\\w*",$B="\\b\\d+(\\.\\d+)?",UB="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",JB="\\b(0b[01]+)",Jae="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",Kae=(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=ds(t,/.*\b/,e.binary,/\b.*/)),il({scope:"meta",begin:t,end:/$/,relevance:0,"on:begin":(n,r)=>{n.index!==0&&r.ignoreMatch()}},e)},Pd={begin:"\\\\[\\s\\S]",relevance:0},qae={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[Pd]},eie={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[Pd]},tie={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},A1=function(e,t,n={}){const r=il({scope:"comment",begin:e,end:t,contains:[]},n);r.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const a=Cb("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return r.contains.push({begin:ds(/[ ]+/,"(",a,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),r},nie=A1("//","$"),rie=A1("/\\*","\\*/"),aie=A1("#","$"),iie={scope:"number",begin:$B,relevance:0},oie={scope:"number",begin:UB,relevance:0},lie={scope:"number",begin:JB,relevance:0},sie={scope:"regexp",begin:/\/(?=[^/\n]*\/)/,end:/\/[gimuy]*/,contains:[Pd,{begin:/\[/,end:/\]/,relevance:0,contains:[Pd]}]},cie={scope:"title",begin:XB,relevance:0},uie={scope:"title",begin:yb,relevance:0},die={begin:"\\.\\s*"+yb,relevance:0};var m1=Object.freeze({__proto__:null,APOS_STRING_MODE:qae,BACKSLASH_ESCAPE:Pd,BINARY_NUMBER_MODE:lie,BINARY_NUMBER_RE:JB,COMMENT:A1,C_BLOCK_COMMENT_MODE:rie,C_LINE_COMMENT_MODE:nie,C_NUMBER_MODE:oie,C_NUMBER_RE:UB,END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(t,n)=>{n.data._beginMatch=t[1]},"on:end":(t,n)=>{n.data._beginMatch!==t[1]&&n.ignoreMatch()}})},HASH_COMMENT_MODE:aie,IDENT_RE:XB,MATCH_NOTHING_RE:Uae,METHOD_GUARD:die,NUMBER_MODE:iie,NUMBER_RE:$B,PHRASAL_WORDS_MODE:tie,QUOTE_STRING_MODE:eie,REGEXP_MODE:sie,RE_STARTERS_RE:Jae,SHEBANG:Kae,TITLE_MODE:cie,UNDERSCORE_IDENT_RE:yb,UNDERSCORE_TITLE_MODE:uie});function gie(e,t){e.input[e.index-1]==="."&&t.ignoreMatch()}function fie(e,t){e.className!==void 0&&(e.scope=e.className,delete e.className)}function Aie(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=gie,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,e.relevance===void 0&&(e.relevance=0))}function mie(e,t){Array.isArray(e.illegal)&&(e.illegal=Cb(...e.illegal))}function hie(e,t){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function pie(e,t){e.relevance===void 0&&(e.relevance=1)}const bie=(e,t)=>{if(!e.beforeMatch)return;if(e.starts)throw new Error("beforeMatch cannot be used with starts");const n=Object.assign({},e);Object.keys(e).forEach(r=>{delete e[r]}),e.keywords=n.keywords,e.begin=ds(n.beforeMatch,TB(n.begin)),e.starts={relevance:0,contains:[Object.assign(n,{endsParent:!0})]},e.relevance=0,delete n.beforeMatch},Cie=["of","and","for","in","not","or","if","then","parent","list","value"],vie="keyword";function KB(e,t,n=vie){const r=Object.create(null);return typeof e=="string"?a(n,e.split(" ")):Array.isArray(e)?a(n,e):Object.keys(e).forEach(function(i){Object.assign(r,KB(e[i],t,i))}),r;function a(i,l){t&&(l=l.map(d=>d.toLowerCase())),l.forEach(function(d){const s=d.split("|");r[s[0]]=[i,yie(s[0],s[1])]})}}function yie(e,t){return t?Number(t):Iie(e)?0:1}function Iie(e){return Cie.includes(e.toLowerCase())}const qB={},gs=e=>{console.error(e)},e8=(e,...t)=>{console.log(`WARN: ${e}`,...t)},Zc=(e,t)=>{qB[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),qB[`${e}/${t}`]=!0)},h1=new Error;function t8(e,t,{key:n}){let r=0;const a=e[n],i={},l={};for(let d=1;d<=t.length;d++)l[d+r]=a[d],i[d+r]=!0,r+=HB(t[d-1]);e[n]=l,e[n]._emit=i,e[n]._multi=!0}function wie(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw gs("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),h1;if(typeof e.beginScope!="object"||e.beginScope===null)throw gs("beginScope must be object"),h1;t8(e,e.begin,{key:"beginScope"}),e.begin=vb(e.begin,{joinWith:""})}}function Bie(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw gs("skip, excludeEnd, returnEnd not compatible with endScope: {}"),h1;if(typeof e.endScope!="object"||e.endScope===null)throw gs("endScope must be object"),h1;t8(e,e.end,{key:"endScope"}),e.end=vb(e.end,{joinWith:""})}}function Eie(e){e.scope&&typeof e.scope=="object"&&e.scope!==null&&(e.beginScope=e.scope,delete e.scope)}function kie(e){Eie(e),typeof e.beginScope=="string"&&(e.beginScope={_wrap:e.beginScope}),typeof e.endScope=="string"&&(e.endScope={_wrap:e.endScope}),wie(e),Bie(e)}function xie(e){function t(l,d){return new RegExp(jd(l),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(d?"g":""))}class n{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(d,s){s.position=this.position++,this.matchIndexes[this.matchAt]=s,this.regexes.push([s,d]),this.matchAt+=HB(d)+1}compile(){this.regexes.length===0&&(this.exec=()=>null);const d=this.regexes.map(s=>s[1]);this.matcherRe=t(vb(d,{joinWith:"|"}),!0),this.lastIndex=0}exec(d){this.matcherRe.lastIndex=this.lastIndex;const s=this.matcherRe.exec(d);if(!s)return null;const u=s.findIndex((A,c)=>c>0&&A!==void 0),g=this.matchIndexes[u];return s.splice(0,u),Object.assign(s,g)}}class r{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(d){if(this.multiRegexes[d])return this.multiRegexes[d];const s=new n;return this.rules.slice(d).forEach(([u,g])=>s.addRule(u,g)),s.compile(),this.multiRegexes[d]=s,s}resumingScanAtSamePosition(){return this.regexIndex!==0}considerAll(){this.regexIndex=0}addRule(d,s){this.rules.push([d,s]),s.type==="begin"&&this.count++}exec(d){const s=this.getMatcher(this.regexIndex);s.lastIndex=this.lastIndex;let u=s.exec(d);if(this.resumingScanAtSamePosition()&&!(u&&u.index===this.lastIndex)){const g=this.getMatcher(0);g.lastIndex=this.lastIndex+1,u=g.exec(d)}return u&&(this.regexIndex+=u.position+1,this.regexIndex===this.count&&this.considerAll()),u}}function a(l){const d=new r;return l.contains.forEach(s=>d.addRule(s.begin,{rule:s,type:"begin"})),l.terminatorEnd&&d.addRule(l.terminatorEnd,{type:"end"}),l.illegal&&d.addRule(l.illegal,{type:"illegal"}),d}function i(l,d){const s=l;if(l.isCompiled)return s;[fie,hie,kie,bie].forEach(g=>g(l,d)),e.compilerExtensions.forEach(g=>g(l,d)),l.__beforeBegin=null,[Aie,mie,pie].forEach(g=>g(l,d)),l.isCompiled=!0;let u=null;return typeof l.keywords=="object"&&l.keywords.$pattern&&(l.keywords=Object.assign({},l.keywords),u=l.keywords.$pattern,delete l.keywords.$pattern),u=u||/\w+/,l.keywords&&(l.keywords=KB(l.keywords,e.case_insensitive)),s.keywordPatternRe=t(u,!0),d&&(l.begin||(l.begin=/\B|\b/),s.beginRe=t(s.begin),!l.end&&!l.endsWithParent&&(l.end=/\B|\b/),l.end&&(s.endRe=t(s.end)),s.terminatorEnd=jd(s.end)||"",l.endsWithParent&&d.terminatorEnd&&(s.terminatorEnd+=(l.end?"|":"")+d.terminatorEnd)),l.illegal&&(s.illegalRe=t(l.illegal)),l.contains||(l.contains=[]),l.contains=[].concat(...l.contains.map(function(g){return Sie(g==="self"?l:g)})),l.contains.forEach(function(g){i(g,s)}),l.starts&&i(l.starts,d),s.matcher=a(s),s}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=il(e.classNameAliases||{}),i(e)}function n8(e){return e?e.endsWithParent||n8(e.starts):!1}function Sie(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map(function(t){return il(e,{variants:null},t)})),e.cachedVariants?e.cachedVariants:n8(e)?il(e,{starts:e.starts?il(e.starts):null}):Object.isFrozen(e)?il(e):e}var Zie="11.11.2";class Nie extends Error{constructor(t,n){super(t),this.name="HTMLInjectionError",this.html=n}}const Ib=OB,r8=il,a8=Symbol("nomatch"),Rie=7,i8=function(e){const t=Object.create(null),n=Object.create(null),r=[];let a=!0;const i="Could not find the language '{}', did you forget to load/include a language module?",l={disableAutodetect:!0,name:"Plain text",contains:[]};let d={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:jae};function s(P){return d.noHighlightRe.test(P)}function u(P){let N=P.className+" ";N+=P.parentNode?P.parentNode.className:"";const _=d.languageDetectRe.exec(N);if(_){const z=E(_[1]);return z||(e8(i.replace("{}",_[1])),e8("Falling back to no-highlight mode for this block.",P)),z?_[1]:"no-highlight"}return N.split(/\s+/).find(z=>s(z)||E(z))}function g(P,N,_){let z="",F="";typeof N=="object"?(z=P,_=N.ignoreIllegals,F=N.language):(Zc("10.7.0","highlight(lang, code, ...args) has been deprecated."),Zc("10.7.0",`Please use highlight(code, options) instead.
+`);const E=G.split(/\r?\n/);let D="";for(const Z of E)Z.startsWith("data:")&&(D+=Z.slice(5).trim());m(D)}}if(!c||c.length===0){g(new Error("No files found"));return}u({files:c,creditsConsumed:0})})}async function vae(e,t,n,r,a,i,l,d,s,u){var h,C,v,y;let g=null,A=!1,c=!1;if((r==="png"||r==="jpeg"||r==="webp")&&!d){console.log("[RENDER]: Local rendering started"),A=!0;try{const w=((h=t.frames)==null?void 0:h.x)??1,B=((C=t.frames)==null?void 0:C.y)??1,k=t.width/w,I=t.height/B,S=new Array(w*B).fill(0).map((G,E)=>({x:k*(E%w),y:I*Math.floor(E/w),width:k,height:I}));if(S.length>1){const G=await e.render({type:us[r],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:s,resultType:"canvas",externalCanvas:null});g=[];for(const E of S){const D=await ZB({imageSource:G,cropX:E.x,cropY:E.y,cropWidth:E.width,cropHeight:E.height,quality:100,type:us[r]},"blob");g.push(D)}}else g=[await e.render({type:us[r],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:s,resultType:"blob",externalCanvas:null})]}catch(w){console.error("[RENDER]: Local rendering error",w),c=!0}}if(!g){console.log("[RENDER]: Remote rendering started");try{const w=await bae(a,i,n,t.width,t.height,((v=t.frames)==null?void 0:v.x)??1,((y=t.frames)==null?void 0:y.y)??1,r,l);if(w.type==="application/zip"){g=[];const{unzip:B}=await Promise.resolve().then(()=>tce),k=await B(w);for(const[I,S]of Object.entries(k.entries)){const G=await S.blob(Vd.getType(I)||"image/png");g.push(G)}}else g=[w]}catch(w){throw console.error("[RENDER]: Remote rendering error",w),new Error("Failed to render serial remotely")}}return{files:g,renderLocation:A&&!c?"client":"server",clientRenderFailed:c}}function yae(e,t,n,r,a,i,l,d,s,u,g,A,c,m,h,C,v,y=o.ref(void 0)){const{createPopup:w}=af(),B=o.computed(()=>{try{return Vg({templateId:r.value,data:t.value,serial:e.value,campaignId:l.value})}catch(j){return console.error("Error computing session state hash",j),"SESSION_STATE_HASH_ERROR"}}),k=new Set;function I(j,P){return async()=>{if(console.log("consumeCreditsOnRender",c.value),!!c.value&&!(!l.value||j===null)&&!k.has(j)){k.add(j);try{await Iae(d.apiBaseUrl,d.env,l.value,r.value??"TEMPLATE_ID_UNDEFINED",P,j)}catch(N){console.error("[CREDITS] Failed to consume credits on output",N),k.delete(j)}}}}const S=o.ref([]),G=o.ref(!1),E=o.ref();function D(j,P){return j.map(async N=>{const _=`${d.apiBaseUrl}/api/public/temp-image`,z=new FormData;z.append("file",N,`${In()}.${P}`);const F=await fetch(_,{method:"POST",body:z});if(!F.ok)throw new Error(`Failed to upload asset: ${F.statusText}`);return(await F.json()).url})}async function Z(j,P,N,_,z){var ce,he;const F=n.value.actionalConnections,H=n.value.socialConnections,J=Object.entries(H).filter(([Qe,ne])=>ne).map(([Qe])=>Qe),q=[];F.download&&q.push("download"),F.webhook&&q.push("webhook"),F.redirect&&q.push("redirect"),J.length+q.length;const ae=a.value??r.value??"TEMPLATE_ID_UNDEFINED";if(F.webhook||F.redirect||J.length>0?S.value=D(j,P):S.value=[],J.length===0){if(F.download&&!F.webhook&&!F.redirect){await LB(j,ae),await z(),_.download({trigger:"auto",withinSocialShare:!1});return}else if(F.webhook&&!F.download&&!F.redirect){await YB(F.webhook,{assets:await Promise.all(S.value),templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,caption:y.value??((ce=e.value)==null?void 0:ce.caption)}),await z(),_.webhook({trigger:"auto",webhookHost:Od(F.webhook)});return}else if(F.redirect&&!F.download&&!F.webhook)return _.redirect({trigger:"auto",redirectHost:Od(F.redirect)}),await z(),await FB(F.redirect,{assets:await Promise.all(S.value),templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,caption:y.value??((he=e.value)==null?void 0:he.caption)})}w({draggable:!1,disableBackgroundEffect:window.innerWidth>700,transculent:!0,type:window.innerWidth<=700?"layer":"frame",content:()=>{var Qe;return o.h(Aae,{templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,exportOptions:n.value,caption:y.value??((Qe=e.value)==null?void 0:Qe.caption),assets:j,assetsRemote:S.value,baseName:a.value,mediaType:N,bridge:h.value,analytics:_,consumeCredit:z})},customClasses:["bx-template-editor-export-popup"]})}function L(){const j=n.value.actionalConnections,P=n.value.socialConnections,N=[];j.download&&N.push("download"),j.webhook&&N.push("webhook"),j.redirect&&N.push("redirect");const _=Object.entries(P).filter(([,z])=>z).map(([z])=>z);return{enabledActions:N,enabledSocials:_,optionCount:N.length+_.length}}async function W(){var q;if(!l.value)return console.error("No campaign ID available for export");if(!e.value)return console.error("No serial available for export");if(!i.value)return console.error("No live template component reference available for export");const j=((q=e.value)==null?void 0:q.format)??"png",P=j in pb?"video":"image",{enabledActions:N,enabledSocials:_,optionCount:z}=L(),F=new GB(v.value,{templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value,format:j,mediaType:P,watermark:m.value,enforceServerSideRendering:P==="video"?g.value:u.value,enabledActions:N,enabledSocials:_,optionCount:z}),H=performance.now(),J=()=>Math.round(performance.now()-H);if(F.attempt(),G.value=!0,E.value=void 0,j in us){console.log("[EXPORT] Starting image export",j),console.log("sessionState",B.value);let ae;try{ae=await vae(i.value,e.value,t.value,j,l.value,r.value??"TEMPLATE_ID_UNDEFINED",d,u.value,m.value,B.value)}catch(he){throw G.value=!1,F.renderFailure({renderLocation:"unknown",renderDurationMs:J(),error:he instanceof Error?he.message:String(he)}),he}G.value=!1,F.renderSuccess({renderLocation:ae.renderLocation,renderDurationMs:J(),fileCount:ae.files.length,clientRenderFailed:ae.clientRenderFailed});const ce=I(Po.generateBillingKey(l.value,r.value??"TEMPLATE_ID_UNDEFINED",t.value,e.value),B.value);await Z(ae.files,j,"image",F,ce)}else if(j in pb){let ae=null;E.value=0;const ce=!f1()||g.value?"server":"client";if(!f1()||g.value){let he=0,Qe=0,ne=0;const Q=await Cae(e.value,t.value,e.value.width,e.value.height,j,e.value.animation.duration*1e3,{fps:e.value.animation.fps,vcodec:"libx264",acodec:"aac",pix_fmt:"yuv420p"},s,K=>{K.type==="keyframe"?(he=K.frame,ne=K.totalFrames):K.type==="encode_video"&&(Qe=K.frame,ne=K.totalFrames),E.value=(he+Qe)/(ne*2)}),[Y]=Q.files;ae=await(await fetch(Y)).blob(),G.value=!1,E.value=void 0}else{const he=i.value,Qe=e.value.animation.fps,ne=Math.ceil(e.value.animation.duration*Qe),Q=document.createElement("canvas"),Y=async(M,K)=>(A.value=K,await he.render({type:us.png,resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},resultType:"canvas",watermark:m.value,externalCanvas:Q}));try{ae=await pae({fps:Qe,totalFrames:ne,renderFrame:Y,onProgress:(M,K)=>{E.value=M/K}})}catch(M){console.error("[VIDEO EXPORT] Local encoding failed",M)}finally{G.value=!1,E.value=void 0}}if(ae){F.renderSuccess({renderLocation:ce,renderDurationMs:J(),fileCount:1,clientRenderFailed:!1});const he=I(Po.generateBillingKey(l.value,r.value??"TEMPLATE_ID_UNDEFINED",t.value,e.value),B.value);await Z([ae],j,"video",F,he)}else F.renderFailure({renderLocation:ce,renderDurationMs:J(),error:"Video rendering produced no file"})}}let f=!1;async function T(){if(f||!C.value||!e.value||!i.value)return;const j=e.value.format??"png";let P=null;if(j in us){if(j==="pdf"||u.value)return;P=j}else if(j in pb){if(g.value||!f1())return;P="png"}else return;f=!0;try{console.log("[RENDER]: Pre-caching local rendering assets"),await i.value.render({type:us[P],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:!1,resultType:"blob",externalCanvas:null}),console.log("[RENDER]: Pre-cache complete")}catch(N){console.warn("[RENDER]: Pre-cache local render failed (ignored)",N),f=!1}}return{triggerExport:W,preCacheLocalRender:T,rendering:G,videoRenderingProgress:E}}async function Iae(e,t,n,r,a,i){console.log("[CREDITS] Consuming credits for export");const l={campaignId:n,templateId:r,amount:1,sessionState:a,balanceName:"EMBED",billingKey:i};await fetch(`${e}/api/public/consume-credits?env=${encodeURIComponent(t)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)})}function wae(){return typeof navigator>"u"?!1:!!(/iPhone|iPad|iPod/i.test(navigator.userAgent)||navigator.maxTouchPoints>1&&/Macintosh/.test(navigator.userAgent))}function DB(e){if(!wae()||typeof navigator.share!="function"||typeof navigator.canShare!="function")return!1;try{return navigator.canShare({files:e})}catch{return!1}}function zB(e,t){return e.map((n,r)=>{const a=Vd.getExtension(n.type)||"bin",i=e.length===1?`${t}.${a}`:`${t}_${r+1}.${a}`;return new File([n],i,{type:n.type})})}async function LB(e,t){const n=zB(e,t);if(DB(n))try{await navigator.share({files:n});return}catch(r){if(r instanceof Error&&r.name==="AbortError")return;console.warn("[download] iOS native share failed, falling back to download",r)}if(e.length===1){const r=e[0],a=Vd.getExtension(r.type)||"bin";QB(r,`${t}.${a}`,r.type)}else{const{downloadZip:r}=await Promise.resolve().then(()=>fce),i=await(await r(e.map((l,d)=>{const s=Vd.getExtension(l.type)||"bin";return{input:l,name:`${t}_${d+1}.${s}`}}))).blob();QB(i,`${t}.${Vd.getExtension(i.type)}`,i.type)}}async function YB(e,t){const n={templateId:t.templateId,campaignId:t.campaignId,data:t.data,assets:t.assets,caption:t.caption},r=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!r.ok)throw new Error(`Failed to send webhook: ${r.statusText}`)}async function FB(e,t){const n=new URL(e);n.searchParams.set("templateId",t.templateId),n.searchParams.set("campaignId",t.campaignId.toString()),n.searchParams.set("data",JSON.stringify(t.data)),t.caption&&n.searchParams.set("caption",t.caption),t.assets.forEach((r,a)=>{n.searchParams.set(`asset_${a+1}`,r)}),window.location.href=n.toString()}const Bae=5,Eae=900;function kae(e){const t=o.ref(!1);let n,r=null;function a(d){d.target.classList.contains("canvas")&&(d.pointerType==="mouse"&&d.button!==0||(r={x:d.clientX,y:d.clientY}))}function i(d){if(!r)return;const s=d.clientX-r.x,u=d.clientY-r.y;r=null,!(Math.hypot(s,u)>Bae)&&l()}function l(){e.value&&(t.value=!1,requestAnimationFrame(()=>{t.value=!0,clearTimeout(n),n=setTimeout(()=>{t.value=!1},Eae)}))}return{active:t,onPointerDown:a,onPointerUp:i,trigger:l}}const xae=["data-preview"],Sae={class:"back-btn-wrapper"},Zae={key:0,class:"branding"},Nae={class:"logo"},Rae={key:1,class:"legal-wrapper"},Gae={class:"actions"},_ae={key:0,class:"navbar-right-wrapper"},Qae={key:0,class:"slides-nav-wrapper"},Dae={key:1,class:"desktop-fields-loading-wrapper"},zae={key:1,class:"mobile-fields-wrapper"},Lae={key:1,class:"fields-loading-wrapper"},Yae={key:0,class:"timeline-wrapper"},Fae={class:"time-meta-wrapper"},Wae={class:"play-controls"},WB=$e(o.defineComponent({__name:"BxTemplateEditor",props:{bxCoreVersion:{},cloudflarePagesHostname:{},assetProxy:{},serial:{},preview:{},serialWidth:{},serialHeight:{},layout:{},zoomAndPan:{type:Boolean,default:!1},bridge:{},showBackBtn:{type:Boolean},branding:{type:Boolean},exportOptions:{},apiBaseUrl:{},env:{},templateId:{},campaignId:{},name:{},captions:{},consumeCreditsOnRender:{type:Boolean},preCacheLocalRendering:{type:Boolean,default:!0},data:{},accessibilityDescription:{},watermark:{type:Boolean},password:{},bearerToken:{},nativeGifEmbedding:{type:Boolean},remoteVideoRenderBaseUrl:{},enforceServerSideRendering:{type:Boolean},enforceFallbackService:{type:Boolean},enforceVideoServerSideRendering:{type:Boolean},liveViewOffsetDesktop:{default:()=>({top:0,right:0,bottom:0,left:0})},liveViewOffsetMobile:{default:()=>({top:0,right:0,bottom:0,left:0})},analytics:{}},emits:["back","update:data"],setup(e,{expose:t,emit:n}){const r=e,a=n,i=o.useSlots();o.onMounted(()=>{console.log("consumeCreditsOnRender",r.consumeCreditsOnRender)});const{createMessage:l,createPopup:d}=af(),{width:s}=yx(),u=o.computed(()=>r.serial),g=o.computed(()=>r.layout?r.layout:s.value<=550?"mobile":"desktop"),A=o.computed(()=>{var M;return((M=u.value)==null?void 0:M.frames)??{x:1,y:1}}),c=o.computed(()=>Object.values(A.value).reduce((M,K)=>K*M,1)),m=o.computed(()=>c.value>1),h=o.ref(),C=o.computed(()=>{var M,K;return((K=(M=h.value)==null?void 0:M.bxLiveTemplateRef)==null?void 0:K.ready)??!1}),v=o.computed({get(){var ie,le;if(!((ie=u.value)!=null&&ie.frames)||!m.value)return;const{x:M,y:K}=((le=h.value)==null?void 0:le.currentlyFocusedFrame)??{x:0,y:0};return K*A.value.x+M+1},set(M){var Ae;if(M===void 0||!m.value)return;const K=M-1,ie=K%A.value.x,le=Math.floor(K/A.value.x);(Ae=h.value)==null||Ae.focusFrame(ie,le)}}),y=o.computed(()=>{var K;const M=((K=u.value)==null?void 0:K.fields)??[];return!m.value||v.value===void 0?M:M.filter(ie=>(ie.frameIndex||1)===v.value)}),w=o.computed(()=>{var M;return((M=h.value)==null?void 0:M.globalScope)??{}}),B=M=>new Function(...Object.keys(w.value),`return (${M.toString()})()`)(...Object.values(w.value));o.provide("computedPropEvaluator",B);const k=o.ref(Oo(r.data??{}));o.watch(()=>{var M;return(M=u.value)==null?void 0:M.bindings},M=>{if(M)for(const K in M)K in k.value||(k.value[K]=Oo(M[K]))},{immediate:!0}),o.provide("data",k),o.provide("bridge",r.bridge),o.provide(ju,o.toRef(r,"assetProxy")),o.watch(k,()=>{a("update:data",k.value)},{deep:!0});function I(){window.open("https://bluepic.io","_blank")}const{active:S,onPointerDown:G,onPointerUp:E}=kae(o.computed(()=>!!u.value&&u.value.fields.length>0)),D=o.ref();function Z(M){D.value=M}function L(){var M,K,ie;if(!(!((M=u.value)!=null&&M.frames)||!D.value)&&m.value&&g.value==="mobile"){const le=W.value[D.value.activeIndex],Ae=(K=[le.originalField,...le.fields].find(Re=>(Re==null?void 0:Re.frameIndex)!==void 0))==null?void 0:K.frameIndex;if(Ae!==void 0&&u.value.frames&&u.value.frames.x>0&&u.value.frames.y>0){const Re=(Ae-1)%u.value.frames.x,Be=Math.floor((Ae-1)/u.value.frames.x);console.log("frameX, frameY",Re+1,Be+1),(ie=h.value)==null||ie.focusFrame(Re+1,Be+1)}}}const{mobileFields:W}=zw(o.computed(()=>{var M;return((M=u.value)==null?void 0:M.fields)??[]})),f=[_re,Qre,Dre,zre];function T(M){var K;return(K=[M.originalField,...M.fields].find(ie=>(ie==null?void 0:ie.frameIndex)!==void 0))==null?void 0:K.frameIndex}o.watch(v,M=>{if(M===void 0||!D.value||g.value!=="mobile")return;const K=W.value[D.value.activeIndex];if(K&&T(K)===M)return;const ie=W.value.findIndex(le=>T(le)===M);ie>=0&&D.value.slideTo(ie)}),o.watch(u,()=>{setTimeout(()=>{var M;(M=h.value)==null||M.fit()},500)});const j=o.computed(()=>{var K;const M=(K=u.value)==null?void 0:K.format;return M==="mp4"||M==="mov"||M==="webm"}),P=o.computed(()=>{var M,K;return((K=(M=u.value)==null?void 0:M.animation)==null?void 0:K.duration)??120}),N=o.computed(()=>{var M,K;return((K=(M=u.value)==null?void 0:M.animation)==null?void 0:K.fps)??30}),_=o.computed(()=>1/N.value),z=o.ref(0),F=o.ref(!1),H=o.ref(!0);let J=0,q=0;function ae(){F.value=!F.value,F.value&&(J=Date.now(),q=z.value);const M=()=>{if(!F.value)return;const K=P.value,ie=(Date.now()-J)/1e3%K,Ae=q-q%_.value+ie,Re=Ae-Ae%_.value;Re>K?H.value?z.value=0:(F.value=!1,z.value=K):z.value=Re,requestAnimationFrame(M)};M()}o.watchEffect(()=>{j.value&&(k.value.TIME=z.value)});const ce=o.computed(()=>r==null?void 0:r.campaignId),he=o.computed(()=>{var M,K;return((M=r.captions)==null?void 0:M[r.templateId])??((K=u.value)==null?void 0:K.caption)}),{triggerExport:Qe,preCacheLocalRender:ne,rendering:Q,videoRenderingProgress:Y}=yae(u,k,o.toRef(r,"exportOptions"),o.toRef(r,"templateId"),o.toRef(r,"name"),o.computed(()=>{var M;return(M=h.value)==null?void 0:M.bxLiveTemplateRef}),ce,{apiBaseUrl:r.apiBaseUrl,bearerToken:r.bearerToken,password:r.password,enforceFallbackService:r.enforceFallbackService,env:r.env},{remoteVideoRenderBaseUrl:r.remoteVideoRenderBaseUrl},o.toRef(r,"enforceServerSideRendering"),o.toRef(r,"enforceVideoServerSideRendering"),z,o.toRef(r,"consumeCreditsOnRender"),o.toRef(r,"watermark"),o.toRef(r,"bridge"),o.toRef(r,"preCacheLocalRendering"),o.toRef(r,"analytics"),he);return o.watch(C,M=>{M&&ne()},{immediate:!0}),t({templateViewRef:h}),(M,K)=>{var ie,le;return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bx-template-editor",{[`layout-${g.value}`]:!0,"is-video-template":j.value}]),"data-preview":!!e.preview},[o.createElementVNode("header",null,[o.createElementVNode("div",Sae,[e.showBackBtn?(o.openBlock(),o.createBlock(bt,{key:0,onClick:K[0]||(K[0]=Ae=>a("back"))},{icon:o.withCtx(()=>[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(Ol))]),_:1})]),_:1})):o.createCommentVNode("",!0)]),e.branding?(o.openBlock(),o.createElementBlock("div",Zae,[o.createElementVNode("div",{class:"branding-wrapper",onClick:I},[o.createElementVNode("div",Nae,[o.createVNode(oB)]),K[8]||(K[8]=o.createElementVNode("div",{class:"content"},[o.createElementVNode("span",{class:"main"}," Design Template "),o.createElementVNode("span",{class:"sub"}," shared with Bluepic ")],-1))])])):o.createCommentVNode("",!0),i.legal?(o.openBlock(),o.createElementBlock("div",Rae,[o.renderSlot(M.$slots,"legal",{},void 0,!0)])):o.createCommentVNode("",!0),o.createElementVNode("div",Gae,[o.createVNode(bt,{secondary:"",loading:o.unref(Y)===void 0&&o.unref(Q),disabled:o.unref(Q),onClick:o.unref(Qe)},{icon:o.withCtx(()=>[o.unref(Y)!==void 0?(o.openBlock(),o.createBlock(lB,{key:0,progress:Math.min(o.unref(Y)*100,99.99),style:{width:"18px",height:"18px"}},null,8,["progress"])):(o.openBlock(),o.createBlock(Je,{key:1},{default:o.withCtx(()=>[o.createVNode(o.unref(Hg))]),_:1}))]),default:o.withCtx(()=>[K[9]||(K[9]=o.createTextVNode(" Export ",-1))]),_:1},8,["loading","disabled","onClick"]),i["navbar-right"]?(o.openBlock(),o.createElementBlock("div",_ae,[o.renderSlot(M.$slots,"navbar-right",{},void 0,!0)])):o.createCommentVNode("",!0)])]),o.createElementVNode("main",null,[!u.value||u.value.fields.length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["fields-wrapper",{"hint-shine":o.unref(S)}])},[g.value==="desktop"?(o.openBlock(),o.createBlock(tb,{key:0},{default:o.withCtx(()=>[u.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[m.value&&v.value?(o.openBlock(),o.createElementBlock("div",Qae,[o.createVNode(iB,{length:c.value,index:v.value,"onUpdate:index":K[1]||(K[1]=Ae=>v.value=Ae)},null,8,["length","index"])])):o.createCommentVNode("",!0),o.createVNode(Jw,{fields:y.value,"is-segmented":c.value>1},null,8,["fields","is-segmented"])],64)):(o.openBlock(),o.createElementBlock("div",Dae,[...K[10]||(K[10]=[o.createElementVNode("div",{class:"desktop-field-skeleton variant-image"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-image"}),o.createElementVNode("div",{class:"skeleton-row"},[o.createElementVNode("div",{class:"skeleton-button"}),o.createElementVNode("div",{class:"skeleton-button"})])])],-1),o.createElementVNode("div",{class:"desktop-field-skeleton variant-text"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-input"})])],-1),o.createElementVNode("div",{class:"desktop-field-skeleton variant-options"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-row"},[o.createElementVNode("div",{class:"skeleton-chip"}),o.createElementVNode("div",{class:"skeleton-chip"}),o.createElementVNode("div",{class:"skeleton-chip"})])])],-1)])]))]),_:1})):(o.openBlock(),o.createElementBlock("div",zae,[u.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createVNode(o.unref(Rre),{modules:f,"slides-per-view":1,"space-between":0,onSwiper:Z,onSlideChange:L},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(W),({fields:Ae,originalField:Re},Be)=>(o.openBlock(),o.createBlock(o.unref(Gre),null,{default:o.withCtx(()=>{var Ie;return[o.createVNode(Wre,{fields:Ae,"original-field":Re,active:((Ie=D.value)==null?void 0:Ie.activeIndex)===Be,"mobile-fields-slides":o.unref(W),"natural-fields-view-max-height":Math.max(180),onSelectNav:K[2]||(K[2]=Te=>{var Ue;return(Ue=D.value)==null?void 0:Ue.slideTo(Te)}),"slide-index":Be},null,8,["fields","original-field","active","mobile-fields-slides","natural-fields-view-max-height","slide-index"])]}),_:2},1024))),256))]),_:1}),o.createElementVNode("div",{class:o.normalizeClass(["swiper-nav-prev",{disabled:((ie=D.value)==null?void 0:ie.activeIndex)===0}]),onClick:K[3]||(K[3]=Ae=>{var Re;return(Re=D.value)==null?void 0:Re.slidePrev()})},[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(Ol))]),_:1})],2),o.createElementVNode("div",{class:o.normalizeClass(["swiper-nav-next",{disabled:((le=D.value)==null?void 0:le.activeIndex)===o.unref(W).length-1}]),onClick:K[4]||(K[4]=Ae=>{var Re;return(Re=D.value)==null?void 0:Re.slideNext()})},[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(jl))]),_:1})],2)],64)):(o.openBlock(),o.createElementBlock("div",Lae,[...K[11]||(K[11]=[o.createElementVNode("div",{class:"field-skeleton"},[o.createElementVNode("div",{class:"field-skeleton-image-preview"}),o.createElementVNode("div",{class:"field-skeleton-button-1"}),o.createElementVNode("div",{class:"field-skeleton-button-2"})],-1)])]))]))],2)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"template-wrapper",onPointerdown:K[6]||(K[6]=(...Ae)=>o.unref(G)&&o.unref(G)(...Ae)),onPointerup:K[7]||(K[7]=(...Ae)=>o.unref(E)&&o.unref(E)(...Ae))},[o.createVNode(aB,{ref_key:"templateViewRef",ref:h,"bx-core-version":e.bxCoreVersion,"cloudflare-pages-hostname":e.cloudflarePagesHostname,"asset-proxy":e.assetProxy,serial:u.value,"serial-width":e.serialWidth,"serial-height":e.serialHeight,preview:e.preview,offset:g.value==="desktop"?e.liveViewOffsetDesktop:e.liveViewOffsetMobile,"zoom-and-pan":e.zoomAndPan,data:k.value,watermark:e.watermark,"accessibility-description":e.accessibilityDescription,"data-preview":e.preview},null,8,["bx-core-version","cloudflare-pages-hostname","asset-proxy","serial","serial-width","serial-height","preview","offset","zoom-and-pan","data","watermark","accessibility-description","data-preview"]),j.value?(o.openBlock(),o.createElementBlock("div",Yae,[o.createElementVNode("div",Fae,o.toDisplayString(o.unref(sB)(z.value*1e3,","))+" / "+o.toDisplayString(o.unref(sB)(P.value*1e3,",")),1),o.createVNode(G0,{modelValue:z.value,"onUpdate:modelValue":K[5]||(K[5]=Ae=>z.value=Ae),min:0,step:_.value,max:P.value},null,8,["modelValue","step","max"]),o.createElementVNode("div",Wae,[o.createElementVNode("button",null,[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(ML))]),_:1})]),o.createElementVNode("button",{onClick:ae},[o.createVNode(Je,null,{default:o.withCtx(()=>[F.value?(o.openBlock(),o.createBlock(o.unref(LL),{key:0})):(o.openBlock(),o.createBlock(o.unref(FL),{key:1}))]),_:1})]),o.createElementVNode("button",null,[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(OL))]),_:1})])])])):o.createCommentVNode("",!0)],32)])],10,xae)}}}),[["__scopeId","data-v-17bf81a6"]]);function MB(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(t=>{const n=e[t],r=typeof n;(r==="object"||r==="function")&&!Object.isFrozen(n)&&MB(n)}),e}let VB=class{constructor(t){t.data===void 0&&(t.data={}),this.data=t.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}};function OB(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function il(e,...t){const n=Object.create(null);for(const r in e)n[r]=e[r];return t.forEach(function(r){for(const a in r)n[a]=r[a]}),n}const Mae="</span>",jB=e=>!!e.scope,Vae=(e,{prefix:t})=>{if(e.startsWith("language:"))return e.replace("language:","language-");if(e.includes(".")){const n=e.split(".");return[`${t}${n.shift()}`,...n.map((r,a)=>`${r}${"_".repeat(a+1)}`)].join(" ")}return`${t}${e}`};class Oae{constructor(t,n){this.buffer="",this.classPrefix=n.classPrefix,t.walk(this)}addText(t){this.buffer+=OB(t)}openNode(t){if(!jB(t))return;const n=Vae(t.scope,{prefix:this.classPrefix});this.span(n)}closeNode(t){jB(t)&&(this.buffer+=Mae)}value(){return this.buffer}span(t){this.buffer+=`<span class="${t}">`}}const PB=(e={})=>{const t={children:[]};return Object.assign(t,e),t};class bb{constructor(){this.rootNode=PB(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(t){this.top.children.push(t)}openNode(t){const n=PB({scope:t});this.add(n),this.stack.push(n)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(t){return this.constructor._walk(t,this.rootNode)}static _walk(t,n){return typeof n=="string"?t.addText(n):n.children&&(t.openNode(n),n.children.forEach(r=>this._walk(t,r)),t.closeNode(n)),t}static _collapse(t){typeof t!="string"&&t.children&&(t.children.every(n=>typeof n=="string")?t.children=[t.children.join("")]:t.children.forEach(n=>{bb._collapse(n)}))}}class jae extends bb{constructor(t){super(),this.options=t}addText(t){t!==""&&this.add(t)}startScope(t){this.openNode(t)}endScope(){this.closeNode()}__addSublanguage(t,n){const r=t.root;n&&(r.scope=`language:${n}`),this.add(r)}toHTML(){return new Oae(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function jd(e){return e?typeof e=="string"?e:e.source:null}function TB(e){return ds("(?=",e,")")}function Pae(e){return ds("(?:",e,")*")}function Tae(e){return ds("(?:",e,")?")}function ds(...e){return e.map(n=>jd(n)).join("")}function Hae(e){const t=e[e.length-1];return typeof t=="object"&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}function Cb(...e){return"("+(Hae(e).capture?"":"?:")+e.map(r=>jd(r)).join("|")+")"}function HB(e){return new RegExp(e.toString()+"|").exec("").length-1}function Xae(e,t){const n=e&&e.exec(t);return n&&n.index===0}const $ae=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function vb(e,{joinWith:t}){let n=0;return e.map(r=>{n+=1;const a=n;let i=jd(r),l="";for(;i.length>0;){const d=$ae.exec(i);if(!d){l+=i;break}l+=i.substring(0,d.index),i=i.substring(d.index+d[0].length),d[0][0]==="\\"&&d[1]?l+="\\"+String(Number(d[1])+a):(l+=d[0],d[0]==="("&&n++)}return l}).map(r=>`(${r})`).join(t)}const Uae=/\b\B/,XB="[a-zA-Z]\\w*",yb="[a-zA-Z_]\\w*",$B="\\b\\d+(\\.\\d+)?",UB="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",JB="\\b(0b[01]+)",Jae="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",Kae=(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=ds(t,/.*\b/,e.binary,/\b.*/)),il({scope:"meta",begin:t,end:/$/,relevance:0,"on:begin":(n,r)=>{n.index!==0&&r.ignoreMatch()}},e)},Pd={begin:"\\\\[\\s\\S]",relevance:0},qae={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[Pd]},eie={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[Pd]},tie={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},A1=function(e,t,n={}){const r=il({scope:"comment",begin:e,end:t,contains:[]},n);r.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const a=Cb("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return r.contains.push({begin:ds(/[ ]+/,"(",a,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),r},nie=A1("//","$"),rie=A1("/\\*","\\*/"),aie=A1("#","$"),iie={scope:"number",begin:$B,relevance:0},oie={scope:"number",begin:UB,relevance:0},lie={scope:"number",begin:JB,relevance:0},sie={scope:"regexp",begin:/\/(?=[^/\n]*\/)/,end:/\/[gimuy]*/,contains:[Pd,{begin:/\[/,end:/\]/,relevance:0,contains:[Pd]}]},cie={scope:"title",begin:XB,relevance:0},uie={scope:"title",begin:yb,relevance:0},die={begin:"\\.\\s*"+yb,relevance:0};var m1=Object.freeze({__proto__:null,APOS_STRING_MODE:qae,BACKSLASH_ESCAPE:Pd,BINARY_NUMBER_MODE:lie,BINARY_NUMBER_RE:JB,COMMENT:A1,C_BLOCK_COMMENT_MODE:rie,C_LINE_COMMENT_MODE:nie,C_NUMBER_MODE:oie,C_NUMBER_RE:UB,END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(t,n)=>{n.data._beginMatch=t[1]},"on:end":(t,n)=>{n.data._beginMatch!==t[1]&&n.ignoreMatch()}})},HASH_COMMENT_MODE:aie,IDENT_RE:XB,MATCH_NOTHING_RE:Uae,METHOD_GUARD:die,NUMBER_MODE:iie,NUMBER_RE:$B,PHRASAL_WORDS_MODE:tie,QUOTE_STRING_MODE:eie,REGEXP_MODE:sie,RE_STARTERS_RE:Jae,SHEBANG:Kae,TITLE_MODE:cie,UNDERSCORE_IDENT_RE:yb,UNDERSCORE_TITLE_MODE:uie});function gie(e,t){e.input[e.index-1]==="."&&t.ignoreMatch()}function fie(e,t){e.className!==void 0&&(e.scope=e.className,delete e.className)}function Aie(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=gie,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,e.relevance===void 0&&(e.relevance=0))}function mie(e,t){Array.isArray(e.illegal)&&(e.illegal=Cb(...e.illegal))}function hie(e,t){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function pie(e,t){e.relevance===void 0&&(e.relevance=1)}const bie=(e,t)=>{if(!e.beforeMatch)return;if(e.starts)throw new Error("beforeMatch cannot be used with starts");const n=Object.assign({},e);Object.keys(e).forEach(r=>{delete e[r]}),e.keywords=n.keywords,e.begin=ds(n.beforeMatch,TB(n.begin)),e.starts={relevance:0,contains:[Object.assign(n,{endsParent:!0})]},e.relevance=0,delete n.beforeMatch},Cie=["of","and","for","in","not","or","if","then","parent","list","value"],vie="keyword";function KB(e,t,n=vie){const r=Object.create(null);return typeof e=="string"?a(n,e.split(" ")):Array.isArray(e)?a(n,e):Object.keys(e).forEach(function(i){Object.assign(r,KB(e[i],t,i))}),r;function a(i,l){t&&(l=l.map(d=>d.toLowerCase())),l.forEach(function(d){const s=d.split("|");r[s[0]]=[i,yie(s[0],s[1])]})}}function yie(e,t){return t?Number(t):Iie(e)?0:1}function Iie(e){return Cie.includes(e.toLowerCase())}const qB={},gs=e=>{console.error(e)},e8=(e,...t)=>{console.log(`WARN: ${e}`,...t)},Zc=(e,t)=>{qB[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),qB[`${e}/${t}`]=!0)},h1=new Error;function t8(e,t,{key:n}){let r=0;const a=e[n],i={},l={};for(let d=1;d<=t.length;d++)l[d+r]=a[d],i[d+r]=!0,r+=HB(t[d-1]);e[n]=l,e[n]._emit=i,e[n]._multi=!0}function wie(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw gs("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),h1;if(typeof e.beginScope!="object"||e.beginScope===null)throw gs("beginScope must be object"),h1;t8(e,e.begin,{key:"beginScope"}),e.begin=vb(e.begin,{joinWith:""})}}function Bie(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw gs("skip, excludeEnd, returnEnd not compatible with endScope: {}"),h1;if(typeof e.endScope!="object"||e.endScope===null)throw gs("endScope must be object"),h1;t8(e,e.end,{key:"endScope"}),e.end=vb(e.end,{joinWith:""})}}function Eie(e){e.scope&&typeof e.scope=="object"&&e.scope!==null&&(e.beginScope=e.scope,delete e.scope)}function kie(e){Eie(e),typeof e.beginScope=="string"&&(e.beginScope={_wrap:e.beginScope}),typeof e.endScope=="string"&&(e.endScope={_wrap:e.endScope}),wie(e),Bie(e)}function xie(e){function t(l,d){return new RegExp(jd(l),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(d?"g":""))}class n{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(d,s){s.position=this.position++,this.matchIndexes[this.matchAt]=s,this.regexes.push([s,d]),this.matchAt+=HB(d)+1}compile(){this.regexes.length===0&&(this.exec=()=>null);const d=this.regexes.map(s=>s[1]);this.matcherRe=t(vb(d,{joinWith:"|"}),!0),this.lastIndex=0}exec(d){this.matcherRe.lastIndex=this.lastIndex;const s=this.matcherRe.exec(d);if(!s)return null;const u=s.findIndex((A,c)=>c>0&&A!==void 0),g=this.matchIndexes[u];return s.splice(0,u),Object.assign(s,g)}}class r{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(d){if(this.multiRegexes[d])return this.multiRegexes[d];const s=new n;return this.rules.slice(d).forEach(([u,g])=>s.addRule(u,g)),s.compile(),this.multiRegexes[d]=s,s}resumingScanAtSamePosition(){return this.regexIndex!==0}considerAll(){this.regexIndex=0}addRule(d,s){this.rules.push([d,s]),s.type==="begin"&&this.count++}exec(d){const s=this.getMatcher(this.regexIndex);s.lastIndex=this.lastIndex;let u=s.exec(d);if(this.resumingScanAtSamePosition()&&!(u&&u.index===this.lastIndex)){const g=this.getMatcher(0);g.lastIndex=this.lastIndex+1,u=g.exec(d)}return u&&(this.regexIndex+=u.position+1,this.regexIndex===this.count&&this.considerAll()),u}}function a(l){const d=new r;return l.contains.forEach(s=>d.addRule(s.begin,{rule:s,type:"begin"})),l.terminatorEnd&&d.addRule(l.terminatorEnd,{type:"end"}),l.illegal&&d.addRule(l.illegal,{type:"illegal"}),d}function i(l,d){const s=l;if(l.isCompiled)return s;[fie,hie,kie,bie].forEach(g=>g(l,d)),e.compilerExtensions.forEach(g=>g(l,d)),l.__beforeBegin=null,[Aie,mie,pie].forEach(g=>g(l,d)),l.isCompiled=!0;let u=null;return typeof l.keywords=="object"&&l.keywords.$pattern&&(l.keywords=Object.assign({},l.keywords),u=l.keywords.$pattern,delete l.keywords.$pattern),u=u||/\w+/,l.keywords&&(l.keywords=KB(l.keywords,e.case_insensitive)),s.keywordPatternRe=t(u,!0),d&&(l.begin||(l.begin=/\B|\b/),s.beginRe=t(s.begin),!l.end&&!l.endsWithParent&&(l.end=/\B|\b/),l.end&&(s.endRe=t(s.end)),s.terminatorEnd=jd(s.end)||"",l.endsWithParent&&d.terminatorEnd&&(s.terminatorEnd+=(l.end?"|":"")+d.terminatorEnd)),l.illegal&&(s.illegalRe=t(l.illegal)),l.contains||(l.contains=[]),l.contains=[].concat(...l.contains.map(function(g){return Sie(g==="self"?l:g)})),l.contains.forEach(function(g){i(g,s)}),l.starts&&i(l.starts,d),s.matcher=a(s),s}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=il(e.classNameAliases||{}),i(e)}function n8(e){return e?e.endsWithParent||n8(e.starts):!1}function Sie(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map(function(t){return il(e,{variants:null},t)})),e.cachedVariants?e.cachedVariants:n8(e)?il(e,{starts:e.starts?il(e.starts):null}):Object.isFrozen(e)?il(e):e}var Zie="11.11.2";class Nie extends Error{constructor(t,n){super(t),this.name="HTMLInjectionError",this.html=n}}const Ib=OB,r8=il,a8=Symbol("nomatch"),Rie=7,i8=function(e){const t=Object.create(null),n=Object.create(null),r=[];let a=!0;const i="Could not find the language '{}', did you forget to load/include a language module?",l={disableAutodetect:!0,name:"Plain text",contains:[]};let d={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:jae};function s(P){return d.noHighlightRe.test(P)}function u(P){let N=P.className+" ";N+=P.parentNode?P.parentNode.className:"";const _=d.languageDetectRe.exec(N);if(_){const z=E(_[1]);return z||(e8(i.replace("{}",_[1])),e8("Falling back to no-highlight mode for this block.",P)),z?_[1]:"no-highlight"}return N.split(/\s+/).find(z=>s(z)||E(z))}function g(P,N,_){let z="",F="";typeof N=="object"?(z=P,_=N.ignoreIllegals,F=N.language):(Zc("10.7.0","highlight(lang, code, ...args) has been deprecated."),Zc("10.7.0",`Please use highlight(code, options) instead.
 https://github.com/highlightjs/highlight.js/issues/2277`),F=P,z=N),_===void 0&&(_=!0);const H={code:z,language:F};T("before:highlight",H);const J=H.result?H.result:A(H.language,H.code,_);return J.code=H.code,T("after:highlight",J),J}function A(P,N,_,z){const F=Object.create(null);function H(De,ze){return De.keywords[ze]}function J(){if(!Ie.keywords){Ue.addText(Ve);return}let De=0;Ie.keywordPatternRe.lastIndex=0;let ze=Ie.keywordPatternRe.exec(Ve),ct="";for(;ze;){ct+=Ve.substring(De,ze.index);const gt=Ae.case_insensitive?ze[0].toLowerCase():ze[0],At=H(Ie,gt);if(At){const[Lt,qt]=At;if(Ue.addText(ct),ct="",F[gt]=(F[gt]||0)+1,F[gt]<=Rie&&(He+=qt),Lt.startsWith("_"))ct+=ze[0];else{const Qn=Ae.classNameAliases[Lt]||Lt;ce(ze[0],Qn)}}else ct+=ze[0];De=Ie.keywordPatternRe.lastIndex,ze=Ie.keywordPatternRe.exec(Ve)}ct+=Ve.substring(De),Ue.addText(ct)}function q(){if(Ve==="")return;let De=null;if(typeof Ie.subLanguage=="string"){if(!t[Ie.subLanguage]){Ue.addText(Ve);return}De=A(Ie.subLanguage,Ve,!0,Te[Ie.subLanguage]),Te[Ie.subLanguage]=De._top}else De=m(Ve,Ie.subLanguage.length?Ie.subLanguage:null);Ie.relevance>0&&(He+=De.relevance),Ue.__addSublanguage(De._emitter,De.language)}function ae(){Ie.subLanguage!=null?q():J(),Ve=""}function ce(De,ze){De!==""&&(Ue.startScope(ze),Ue.addText(De),Ue.endScope())}function he(De,ze){let ct=1;const gt=ze.length-1;for(;ct<=gt;){if(!De._emit[ct]){ct++;continue}const At=Ae.classNameAliases[De[ct]]||De[ct],Lt=ze[ct];At?ce(Lt,At):(Ve=Lt,J(),Ve=""),ct++}}function Qe(De,ze){return De.scope&&typeof De.scope=="string"&&Ue.openNode(Ae.classNameAliases[De.scope]||De.scope),De.beginScope&&(De.beginScope._wrap?(ce(Ve,Ae.classNameAliases[De.beginScope._wrap]||De.beginScope._wrap),Ve=""):De.beginScope._multi&&(he(De.beginScope,ze),Ve="")),Ie=Object.create(De,{parent:{value:Ie}}),Ie}function ne(De,ze,ct){let gt=Xae(De.endRe,ct);if(gt){if(De["on:end"]){const At=new VB(De);De["on:end"](ze,At),At.isMatchIgnored&&(gt=!1)}if(gt){for(;De.endsParent&&De.parent;)De=De.parent;return De}}if(De.endsWithParent)return ne(De.parent,ze,ct)}function Q(De){return Ie.matcher.regexIndex===0?(Ve+=De[0],1):(at=!0,0)}function Y(De){const ze=De[0],ct=De.rule,gt=new VB(ct),At=[ct.__beforeBegin,ct["on:begin"]];for(const Lt of At)if(Lt&&(Lt(De,gt),gt.isMatchIgnored))return Q(ze);return ct.skip?Ve+=ze:(ct.excludeBegin&&(Ve+=ze),ae(),!ct.returnBegin&&!ct.excludeBegin&&(Ve=ze)),Qe(ct,De),ct.returnBegin?0:ze.length}function M(De){const ze=De[0],ct=N.substring(De.index),gt=ne(Ie,De,ct);if(!gt)return a8;const At=Ie;Ie.endScope&&Ie.endScope._wrap?(ae(),ce(ze,Ie.endScope._wrap)):Ie.endScope&&Ie.endScope._multi?(ae(),he(Ie.endScope,De)):At.skip?Ve+=ze:(At.returnEnd||At.excludeEnd||(Ve+=ze),ae(),At.excludeEnd&&(Ve=ze));do Ie.scope&&Ue.closeNode(),!Ie.skip&&!Ie.subLanguage&&(He+=Ie.relevance),Ie=Ie.parent;while(Ie!==gt.parent);return gt.starts&&Qe(gt.starts,De),At.returnEnd?0:ze.length}function K(){const De=[];for(let ze=Ie;ze!==Ae;ze=ze.parent)ze.scope&&De.unshift(ze.scope);De.forEach(ze=>Ue.openNode(ze))}let ie={};function le(De,ze){const ct=ze&&ze[0];if(Ve+=De,ct==null)return ae(),0;if(ie.type==="begin"&&ze.type==="end"&&ie.index===ze.index&&ct===""){if(Ve+=N.slice(ze.index,ze.index+1),!a){const gt=new Error(`0 width match regex (${P})`);throw gt.languageName=P,gt.badRule=ie.rule,gt}return 1}if(ie=ze,ze.type==="begin")return Y(ze);if(ze.type==="illegal"&&!_){const gt=new Error('Illegal lexeme "'+ct+'" for mode "'+(Ie.scope||"<unnamed>")+'"');throw gt.mode=Ie,gt}else if(ze.type==="end"){const gt=M(ze);if(gt!==a8)return gt}if(ze.type==="illegal"&&ct==="")return ze.index===N.length||(Ve+=`
 `),1;if(Xe>1e5&&Xe>ze.index*3)throw new Error("potential infinite loop, way more iterations than matches");return Ve+=ct,ct.length}const Ae=E(P);if(!Ae)throw gs(i.replace("{}",P)),new Error('Unknown language: "'+P+'"');const Re=xie(Ae);let Be="",Ie=z||Re;const Te={},Ue=new d.__emitter(d);K();let Ve="",He=0,Ee=0,Xe=0,at=!1;try{if(Ae.__emitTokens)Ae.__emitTokens(N,Ue);else{for(Ie.matcher.considerAll();;){Xe++,at?at=!1:Ie.matcher.considerAll(),Ie.matcher.lastIndex=Ee;const De=Ie.matcher.exec(N);if(!De)break;const ze=N.substring(Ee,De.index),ct=le(ze,De);Ee=De.index+ct}le(N.substring(Ee))}return Ue.finalize(),Be=Ue.toHTML(),{language:P,value:Be,relevance:He,illegal:!1,_emitter:Ue,_top:Ie}}catch(De){if(De.message&&De.message.includes("Illegal"))return{language:P,value:Ib(N),illegal:!0,relevance:0,_illegalBy:{message:De.message,index:Ee,context:N.slice(Ee-100,Ee+100),mode:De.mode,resultSoFar:Be},_emitter:Ue};if(a)return{language:P,value:Ib(N),illegal:!1,relevance:0,errorRaised:De,_emitter:Ue,_top:Ie};throw De}}function c(P){const N={value:Ib(P),illegal:!1,relevance:0,_top:l,_emitter:new d.__emitter(d)};return N._emitter.addText(P),N}function m(P,N){N=N||d.languages||Object.keys(t);const _=c(P),z=N.filter(E).filter(Z).map(ae=>A(ae,P,!1));z.unshift(_);const F=z.sort((ae,ce)=>{if(ae.relevance!==ce.relevance)return ce.relevance-ae.relevance;if(ae.language&&ce.language){if(E(ae.language).supersetOf===ce.language)return 1;if(E(ce.language).supersetOf===ae.language)return-1}return 0}),[H,J]=F,q=H;return q.secondBest=J,q}function h(P,N,_){const z=N&&n[N]||_;P.classList.add("hljs"),P.classList.add(`language-${z}`)}function C(P){let N=null;const _=u(P);if(s(_))return;if(T("before:highlightElement",{el:P,language:_}),P.dataset.highlighted){console.log("Element previously highlighted. To highlight again, first unset `dataset.highlighted`.",P);return}if(P.children.length>0&&(d.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(P)),d.throwUnescapedHTML))throw new Nie("One of your code blocks includes unescaped HTML.",P.innerHTML);N=P;const z=N.textContent,F=_?g(z,{language:_,ignoreIllegals:!0}):m(z);P.innerHTML=F.value,P.dataset.highlighted="yes",h(P,_,F.language),P.result={language:F.language,re:F.relevance,relevance:F.relevance},F.secondBest&&(P.secondBest={language:F.secondBest.language,relevance:F.secondBest.relevance}),T("after:highlightElement",{el:P,result:F,text:z})}function v(P){d=r8(d,P)}const y=()=>{k(),Zc("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")};function w(){k(),Zc("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")}let B=!1;function k(){function P(){k()}if(document.readyState==="loading"){B||window.addEventListener("DOMContentLoaded",P,!1),B=!0;return}document.querySelectorAll(d.cssSelector).forEach(C)}function I(P,N){let _=null;try{_=N(e)}catch(z){if(gs("Language definition for '{}' could not be registered.".replace("{}",P)),a)gs(z);else throw z;_=l}_.name||(_.name=P),t[P]=_,_.rawDefinition=N.bind(null,e),_.aliases&&D(_.aliases,{languageName:P})}function S(P){delete t[P];for(const N of Object.keys(n))n[N]===P&&delete n[N]}function G(){return Object.keys(t)}function E(P){return P=(P||"").toLowerCase(),t[P]||t[n[P]]}function D(P,{languageName:N}){typeof P=="string"&&(P=[P]),P.forEach(_=>{n[_.toLowerCase()]=N})}function Z(P){const N=E(P);return N&&!N.disableAutodetect}function L(P){P["before:highlightBlock"]&&!P["before:highlightElement"]&&(P["before:highlightElement"]=N=>{P["before:highlightBlock"](Object.assign({block:N.el},N))}),P["after:highlightBlock"]&&!P["after:highlightElement"]&&(P["after:highlightElement"]=N=>{P["after:highlightBlock"](Object.assign({block:N.el},N))})}function W(P){L(P),r.push(P)}function f(P){const N=r.indexOf(P);N!==-1&&r.splice(N,1)}function T(P,N){const _=P;r.forEach(function(z){z[_]&&z[_](N)})}function j(P){return Zc("10.7.0","highlightBlock will be removed entirely in v12.0"),Zc("10.7.0","Please use highlightElement now."),C(P)}Object.assign(e,{highlight:g,highlightAuto:m,highlightAll:k,highlightElement:C,highlightBlock:j,configure:v,initHighlighting:y,initHighlightingOnLoad:w,registerLanguage:I,unregisterLanguage:S,listLanguages:G,getLanguage:E,registerAliases:D,autoDetection:Z,inherit:r8,addPlugin:W,removePlugin:f}),e.debugMode=function(){a=!1},e.safeMode=function(){a=!0},e.versionString=Zie,e.regex={concat:ds,lookahead:TB,either:Cb,optional:Tae,anyNumberOfTimes:Pae};for(const P in m1)typeof m1[P]=="object"&&MB(m1[P]);return Object.assign(e,m1),e},Nc=i8({});Nc.newInstance=()=>i8({});var Gie=Nc;Nc.HighlightJS=Nc,Nc.default=Nc;const p1=ni(Gie),_ie={key:0,class:"bx-code-bar"},Qie={class:"bx-code-label"},Die={class:"bx-code-actions"},zie=$e(o.defineComponent({__name:"BxCode",props:{code:{},language:{default:"bash"},wrap:{type:Boolean,default:!1},copyable:{type:Boolean,default:!0}},setup(e){const t={ts:()=>Promise.resolve().then(()=>a7),typescript:()=>Promise.resolve().then(()=>a7),js:()=>Promise.resolve().then(()=>c7),javascript:()=>Promise.resolve().then(()=>c7),json:()=>Promise.resolve().then(()=>wce),html:()=>Promise.resolve().then(()=>Yb),xml:()=>Promise.resolve().then(()=>Yb),vue:()=>Promise.resolve().then(()=>Yb),css:()=>Promise.resolve().then(()=>Qce),scss:()=>Promise.resolve().then(()=>jce),bash:()=>Promise.resolve().then(()=>Fb),sh:()=>Promise.resolve().then(()=>Fb),shell:()=>Promise.resolve().then(()=>Fb),yaml:()=>Promise.resolve().then(()=>u7),yml:()=>Promise.resolve().then(()=>u7),sql:()=>Promise.resolve().then(()=>Xce),python:()=>Promise.resolve().then(()=>Uce),go:()=>Promise.resolve().then(()=>Kce),rust:()=>Promise.resolve().then(()=>eue),java:()=>Promise.resolve().then(()=>nue),c:()=>Promise.resolve().then(()=>aue),cpp:()=>Promise.resolve().then(()=>oue),md:()=>Promise.resolve().then(()=>f7),markdown:()=>Promise.resolve().then(()=>f7)},n=e,r=o.ref(null),a=o.ref(!1);async function i(s){const u=s.toLowerCase();if(p1.getLanguage(u))return;const g=t[u];if(!g)return;const A=await g(),c=A.default??A;p1.registerLanguage(u,c)}async function l(){const s=(n.language||"bash").toLowerCase();await i(s);const u=r.value;u&&(p1.getLanguage(s)?u.innerHTML=p1.highlight(n.code,{language:s,ignoreIllegals:!0}).value:u.textContent=n.code)}o.onMounted(l),o.watch(()=>[n.code,n.language],l);async function d(){try{await navigator.clipboard.writeText(n.code),a.value=!0,setTimeout(()=>a.value=!1,1600)}catch{}}return(s,u)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bx-code",{wrap:e.wrap}])},[s.$slots.label||e.copyable||s.$slots.actions?(o.openBlock(),o.createElementBlock("header",_ie,[o.createElementVNode("span",Qie,[o.renderSlot(s.$slots,"label",{},void 0,!0)]),o.createElementVNode("div",Die,[o.renderSlot(s.$slots,"actions",{},void 0,!0),e.copyable?(o.openBlock(),o.createBlock(bt,{key:0,secondary:"",size:"small",onClick:d},{icon:o.withCtx(()=>[o.createVNode(Je,null,{default:o.withCtx(()=>[a.value?(o.openBlock(),o.createBlock(o.unref(g4),{key:0})):(o.openBlock(),o.createBlock(o.unref(A4),{key:1}))]),_:1})]),default:o.withCtx(()=>[o.createTextVNode(" "+o.toDisplayString(a.value?"Copied":"Copy"),1)]),_:1})):o.createCommentVNode("",!0)])])):o.createCommentVNode("",!0),o.createVNode(tb,{"x-scrollable":"",class:"bx-code-scroll"},{default:o.withCtx(()=>[o.createElementVNode("pre",{class:o.normalizeClass({"wrap-code":e.wrap})},[o.createElementVNode("code",{ref_key:"codeElement",ref:r,class:o.normalizeClass(`language-${e.language}`)},null,2)],2)]),_:1})],2))}}),[["__scopeId","data-v-b0c52043"]]),Lie=$e(o.defineComponent({__name:"BxSwitch",props:o.mergeModels({disabled:{type:Boolean,default:!1},ariaLabel:{},ariaLabelledby:{}},{modelValue:{type:Boolean,required:!1,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=o.useModel(e,"modelValue"),n=e;function r(){n.disabled||(t.value=!t.value)}function a(){r()}const{attrs:i,onKeydown:l}=lw({role:"switch",checked:()=>t.value,disabled:()=>n.disabled,label:()=>n.ariaLabel,labelledBy:()=>n.ariaLabelledby,toggle:r});return(d,s)=>(o.openBlock(),o.createElementBlock("div",o.mergeProps({class:["bx-switch",{active:t.value,disabled:e.disabled}]},o.unref(i),{onClick:a,onKeydown:s[0]||(s[0]=(...u)=>o.unref(l)&&o.unref(l)(...u))}),[...s[1]||(s[1]=[o.createElementVNode("div",{class:"switch-inner"},[o.createElementVNode("div",{class:"switch-thumb"})],-1)])],16))}}),[["__scopeId","data-v-f4603547"]]),Yie={class:"bx-stepper"},Fie={key:0,class:"nav-prev-wrapper"},Wie={class:"steps"},Mie=["onClick"],Vie={key:0,class:"icon-wrapper"},Oie={class:"label-wrapper"},jie={key:0,class:"step-spacer"},Pie={key:1,class:"nav-next-wrapper"},Tie=$e(o.defineComponent({__name:"BxStepper",props:o.mergeModels({steps:{},showIndices:{type:Boolean,default:!0},checkmark:{type:Boolean,default:!1},showPrevBtn:{type:Boolean,default:!0},showNextBtn:{type:Boolean,default:!0}},{modelValue:{default:void 0,required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=o.useModel(e,"modelValue"),n=e;function r(A,c){return A.key??c}const a=o.computed(()=>n.steps.findIndex((A,c)=>r(A,c)===t.value));function i(A){return`data:image/svg+xml;base64,${window.btoa(`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
@@ -2128,7 +2128,6 @@ https://github.com/highlightjs/highlight.js/issues/2277`),F=P,z=N),_===void 0&&(
                 :password="finalPassword"
                 :live-view-offset-desktop="{ top: 20, right: 20, bottom: 20, left: 20 }"
                 :live-view-offset-mobile="{ top: 0, right: 0, bottom: 0, left: 0 }"
-                :export-disabled="false"
                 :show-back-btn="false"
                 :consume-credits-on-render="true"
                 :native-gif-embedding="true"

package/dist/bluepic-embed.umd.js CHANGED Viewed

@@ -212,7 +212,7 @@ Use Save As... to download, then click back to return to this page.`)&&(location
 `);for(;S!==-1;){const G=w.slice(0,S).trim();w=w.slice(S+2),S=w.indexOf(`
-`);const E=G.split(/\r?\n/);let D="";for(const Z of E)Z.startsWith("data:")&&(D+=Z.slice(5).trim());m(D)}}if(!c||c.length===0){g(new Error("No files found"));return}u({files:c,creditsConsumed:0})})}async function vae(e,t,n,r,a,i,l,d,s,u){var h,C,v,y;let g=null,A=!1,c=!1;if((r==="png"||r==="jpeg"||r==="webp")&&!d){console.log("[RENDER]: Local rendering started"),A=!0;try{const w=((h=t.frames)==null?void 0:h.x)??1,B=((C=t.frames)==null?void 0:C.y)??1,k=t.width/w,I=t.height/B,S=new Array(w*B).fill(0).map((G,E)=>({x:k*(E%w),y:I*Math.floor(E/w),width:k,height:I}));if(S.length>1){const G=await e.render({type:us[r],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:s,resultType:"canvas",externalCanvas:null});g=[];for(const E of S){const D=await ZB({imageSource:G,cropX:E.x,cropY:E.y,cropWidth:E.width,cropHeight:E.height,quality:100,type:us[r]},"blob");g.push(D)}}else g=[await e.render({type:us[r],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:s,resultType:"blob",externalCanvas:null})]}catch(w){console.error("[RENDER]: Local rendering error",w),c=!0}}if(!g){console.log("[RENDER]: Remote rendering started");try{const w=await bae(a,i,n,t.width,t.height,((v=t.frames)==null?void 0:v.x)??1,((y=t.frames)==null?void 0:y.y)??1,r,l);if(w.type==="application/zip"){g=[];const{unzip:B}=await Promise.resolve().then(()=>tce),k=await B(w);for(const[I,S]of Object.entries(k.entries)){const G=await S.blob(Vd.getType(I)||"image/png");g.push(G)}}else g=[w]}catch(w){throw console.error("[RENDER]: Remote rendering error",w),new Error("Failed to render serial remotely")}}return{files:g,renderLocation:A&&!c?"client":"server",clientRenderFailed:c}}function yae(e,t,n,r,a,i,l,d,s,u,g,A,c,m,h,C,v,y=o.ref(void 0)){const{createPopup:w}=af(),B=o.computed(()=>{try{return Vg({templateId:r.value,data:t.value,serial:e.value,campaignId:l.value})}catch(j){return console.error("Error computing session state hash",j),"SESSION_STATE_HASH_ERROR"}}),k=new Set;function I(j,P){return async()=>{if(console.log("consumeCreditsOnRender",c.value),!!c.value&&!(!l.value||j===null)&&!k.has(j)){k.add(j);try{await Iae(d.apiBaseUrl,d.env,l.value,r.value??"TEMPLATE_ID_UNDEFINED",P,j)}catch(N){console.error("[CREDITS] Failed to consume credits on output",N),k.delete(j)}}}}const S=o.ref([]),G=o.ref(!1),E=o.ref();function D(j,P){return j.map(async N=>{const _=`${d.apiBaseUrl}/api/public/temp-image`,z=new FormData;z.append("file",N,`${In()}.${P}`);const F=await fetch(_,{method:"POST",body:z});if(!F.ok)throw new Error(`Failed to upload asset: ${F.statusText}`);return(await F.json()).url})}async function Z(j,P,N,_,z){var ce,he;const F=n.value.actionalConnections,H=n.value.socialConnections,J=Object.entries(H).filter(([Qe,ne])=>ne).map(([Qe])=>Qe),q=[];F.download&&q.push("download"),F.webhook&&q.push("webhook"),F.redirect&&q.push("redirect"),J.length+q.length;const ae=a.value??r.value??"TEMPLATE_ID_UNDEFINED";if(F.webhook||F.redirect||J.length>0?S.value=D(j,P):S.value=[],J.length===0){if(F.download&&!F.webhook&&!F.redirect){await LB(j,ae),await z(),_.download({trigger:"auto",withinSocialShare:!1});return}else if(F.webhook&&!F.download&&!F.redirect){await YB(F.webhook,{assets:await Promise.all(S.value),templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,caption:y.value??((ce=e.value)==null?void 0:ce.caption)}),await z(),_.webhook({trigger:"auto",webhookHost:Od(F.webhook)});return}else if(F.redirect&&!F.download&&!F.webhook)return _.redirect({trigger:"auto",redirectHost:Od(F.redirect)}),await z(),await FB(F.redirect,{assets:await Promise.all(S.value),templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,caption:y.value??((he=e.value)==null?void 0:he.caption)})}w({draggable:!1,disableBackgroundEffect:window.innerWidth>700,transculent:!0,type:window.innerWidth<=700?"layer":"frame",content:()=>{var Qe;return o.h(Aae,{templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,exportOptions:n.value,caption:y.value??((Qe=e.value)==null?void 0:Qe.caption),assets:j,assetsRemote:S.value,baseName:a.value,mediaType:N,bridge:h.value,analytics:_,consumeCredit:z})},customClasses:["bx-template-editor-export-popup"]})}function L(){const j=n.value.actionalConnections,P=n.value.socialConnections,N=[];j.download&&N.push("download"),j.webhook&&N.push("webhook"),j.redirect&&N.push("redirect");const _=Object.entries(P).filter(([,z])=>z).map(([z])=>z);return{enabledActions:N,enabledSocials:_,optionCount:N.length+_.length}}async function W(){var q;if(!l.value)return console.error("No campaign ID available for export");if(!e.value)return console.error("No serial available for export");if(!i.value)return console.error("No live template component reference available for export");const j=((q=e.value)==null?void 0:q.format)??"png",P=j in pb?"video":"image",{enabledActions:N,enabledSocials:_,optionCount:z}=L(),F=new GB(v.value,{templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value,format:j,mediaType:P,watermark:m.value,enforceServerSideRendering:P==="video"?g.value:u.value,enabledActions:N,enabledSocials:_,optionCount:z}),H=performance.now(),J=()=>Math.round(performance.now()-H);if(F.attempt(),G.value=!0,E.value=void 0,j in us){console.log("[EXPORT] Starting image export",j),console.log("sessionState",B.value);let ae;try{ae=await vae(i.value,e.value,t.value,j,l.value,r.value??"TEMPLATE_ID_UNDEFINED",d,u.value,m.value,B.value)}catch(he){throw G.value=!1,F.renderFailure({renderLocation:"unknown",renderDurationMs:J(),error:he instanceof Error?he.message:String(he)}),he}G.value=!1,F.renderSuccess({renderLocation:ae.renderLocation,renderDurationMs:J(),fileCount:ae.files.length,clientRenderFailed:ae.clientRenderFailed});const ce=I(Po.generateBillingKey(l.value,r.value??"TEMPLATE_ID_UNDEFINED",t.value,e.value),B.value);await Z(ae.files,j,"image",F,ce)}else if(j in pb){let ae=null;E.value=0;const ce=!f1()||g.value?"server":"client";if(!f1()||g.value){let he=0,Qe=0,ne=0;const Q=await Cae(e.value,t.value,e.value.width,e.value.height,j,e.value.animation.duration*1e3,{fps:e.value.animation.fps,vcodec:"libx264",acodec:"aac",pix_fmt:"yuv420p"},s,K=>{K.type==="keyframe"?(he=K.frame,ne=K.totalFrames):K.type==="encode_video"&&(Qe=K.frame,ne=K.totalFrames),E.value=(he+Qe)/(ne*2)}),[Y]=Q.files;ae=await(await fetch(Y)).blob(),G.value=!1,E.value=void 0}else{const he=i.value,Qe=e.value.animation.fps,ne=Math.ceil(e.value.animation.duration*Qe),Q=document.createElement("canvas"),Y=async(M,K)=>(A.value=K,await he.render({type:us.png,resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},resultType:"canvas",watermark:m.value,externalCanvas:Q}));try{ae=await pae({fps:Qe,totalFrames:ne,renderFrame:Y,onProgress:(M,K)=>{E.value=M/K}})}catch(M){console.error("[VIDEO EXPORT] Local encoding failed",M)}finally{G.value=!1,E.value=void 0}}if(ae){F.renderSuccess({renderLocation:ce,renderDurationMs:J(),fileCount:1,clientRenderFailed:!1});const he=I(Po.generateBillingKey(l.value,r.value??"TEMPLATE_ID_UNDEFINED",t.value,e.value),B.value);await Z([ae],j,"video",F,he)}else F.renderFailure({renderLocation:ce,renderDurationMs:J(),error:"Video rendering produced no file"})}}let f=!1;async function T(){if(f||!C.value||!e.value||!i.value)return;const j=e.value.format??"png";let P=null;if(j in us){if(j==="pdf"||u.value)return;P=j}else if(j in pb){if(g.value||!f1())return;P="png"}else return;f=!0;try{console.log("[RENDER]: Pre-caching local rendering assets"),await i.value.render({type:us[P],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:!1,resultType:"blob",externalCanvas:null}),console.log("[RENDER]: Pre-cache complete")}catch(N){console.warn("[RENDER]: Pre-cache local render failed (ignored)",N),f=!1}}return{triggerExport:W,preCacheLocalRender:T,rendering:G,videoRenderingProgress:E}}async function Iae(e,t,n,r,a,i){console.log("[CREDITS] Consuming credits for export");const l={campaignId:n,templateId:r,amount:1,sessionState:a,balanceName:"EMBED",billingKey:i};await fetch(`${e}/api/public/consume-credits?env=${encodeURIComponent(t)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)})}function wae(){return typeof navigator>"u"?!1:!!(/iPhone|iPad|iPod/i.test(navigator.userAgent)||navigator.maxTouchPoints>1&&/Macintosh/.test(navigator.userAgent))}function DB(e){if(!wae()||typeof navigator.share!="function"||typeof navigator.canShare!="function")return!1;try{return navigator.canShare({files:e})}catch{return!1}}function zB(e,t){return e.map((n,r)=>{const a=Vd.getExtension(n.type)||"bin",i=e.length===1?`${t}.${a}`:`${t}_${r+1}.${a}`;return new File([n],i,{type:n.type})})}async function LB(e,t){const n=zB(e,t);if(DB(n))try{await navigator.share({files:n});return}catch(r){if(r instanceof Error&&r.name==="AbortError")return;console.warn("[download] iOS native share failed, falling back to download",r)}if(e.length===1){const r=e[0],a=Vd.getExtension(r.type)||"bin";QB(r,`${t}.${a}`,r.type)}else{const{downloadZip:r}=await Promise.resolve().then(()=>fce),i=await(await r(e.map((l,d)=>{const s=Vd.getExtension(l.type)||"bin";return{input:l,name:`${t}_${d+1}.${s}`}}))).blob();QB(i,`${t}.${Vd.getExtension(i.type)}`,i.type)}}async function YB(e,t){const n={templateId:t.templateId,campaignId:t.campaignId,data:t.data,assets:t.assets,caption:t.caption},r=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!r.ok)throw new Error(`Failed to send webhook: ${r.statusText}`)}async function FB(e,t){const n=new URL(e);n.searchParams.set("templateId",t.templateId),n.searchParams.set("campaignId",t.campaignId.toString()),n.searchParams.set("data",JSON.stringify(t.data)),t.caption&&n.searchParams.set("caption",t.caption),t.assets.forEach((r,a)=>{n.searchParams.set(`asset_${a+1}`,r)}),window.location.href=n.toString()}const Bae=5,Eae=900;function kae(e){const t=o.ref(!1);let n,r=null;function a(d){d.target.classList.contains("canvas")&&(d.pointerType==="mouse"&&d.button!==0||(r={x:d.clientX,y:d.clientY}))}function i(d){if(!r)return;const s=d.clientX-r.x,u=d.clientY-r.y;r=null,!(Math.hypot(s,u)>Bae)&&l()}function l(){e.value&&(t.value=!1,requestAnimationFrame(()=>{t.value=!0,clearTimeout(n),n=setTimeout(()=>{t.value=!1},Eae)}))}return{active:t,onPointerDown:a,onPointerUp:i,trigger:l}}const xae=["data-preview"],Sae={class:"back-btn-wrapper"},Zae={key:0,class:"branding"},Nae={class:"logo"},Rae={key:1,class:"legal-wrapper"},Gae={class:"actions"},_ae={key:0,class:"navbar-right-wrapper"},Qae={key:0,class:"slides-nav-wrapper"},Dae={key:1,class:"desktop-fields-loading-wrapper"},zae={key:1,class:"mobile-fields-wrapper"},Lae={key:1,class:"fields-loading-wrapper"},Yae={key:0,class:"timeline-wrapper"},Fae={class:"time-meta-wrapper"},Wae={class:"play-controls"},WB=$e(o.defineComponent({__name:"BxTemplateEditor",props:{bxCoreVersion:{},cloudflarePagesHostname:{},assetProxy:{},serial:{},preview:{},serialWidth:{},serialHeight:{},layout:{},zoomAndPan:{type:Boolean,default:!1},bridge:{},showBackBtn:{type:Boolean},branding:{type:Boolean},exportOptions:{},apiBaseUrl:{},env:{},templateId:{},campaignId:{},name:{},captions:{},exportDisabled:{type:Boolean},consumeCreditsOnRender:{type:Boolean},preCacheLocalRendering:{type:Boolean,default:!0},data:{},accessibilityDescription:{},watermark:{type:Boolean},password:{},bearerToken:{},nativeGifEmbedding:{type:Boolean},remoteVideoRenderBaseUrl:{},enforceServerSideRendering:{type:Boolean},enforceFallbackService:{type:Boolean},enforceVideoServerSideRendering:{type:Boolean},liveViewOffsetDesktop:{default:()=>({top:0,right:0,bottom:0,left:0})},liveViewOffsetMobile:{default:()=>({top:0,right:0,bottom:0,left:0})},analytics:{}},emits:["back","update:data"],setup(e,{expose:t,emit:n}){const r=e,a=n,i=o.useSlots();o.onMounted(()=>{console.log("consumeCreditsOnRender",r.consumeCreditsOnRender)});const{createMessage:l,createPopup:d}=af(),{width:s}=yx(),u=o.computed(()=>r.serial),g=o.computed(()=>r.layout?r.layout:s.value<=550?"mobile":"desktop"),A=o.computed(()=>{var M;return((M=u.value)==null?void 0:M.frames)??{x:1,y:1}}),c=o.computed(()=>Object.values(A.value).reduce((M,K)=>K*M,1)),m=o.computed(()=>c.value>1),h=o.ref(),C=o.computed(()=>{var M,K;return((K=(M=h.value)==null?void 0:M.bxLiveTemplateRef)==null?void 0:K.ready)??!1}),v=o.computed({get(){var ie,le;if(!((ie=u.value)!=null&&ie.frames)||!m.value)return;const{x:M,y:K}=((le=h.value)==null?void 0:le.currentlyFocusedFrame)??{x:0,y:0};return K*A.value.x+M+1},set(M){var Ae;if(M===void 0||!m.value)return;const K=M-1,ie=K%A.value.x,le=Math.floor(K/A.value.x);(Ae=h.value)==null||Ae.focusFrame(ie,le)}}),y=o.computed(()=>{var K;const M=((K=u.value)==null?void 0:K.fields)??[];return!m.value||v.value===void 0?M:M.filter(ie=>(ie.frameIndex||1)===v.value)}),w=o.computed(()=>{var M;return((M=h.value)==null?void 0:M.globalScope)??{}}),B=M=>new Function(...Object.keys(w.value),`return (${M.toString()})()`)(...Object.values(w.value));o.provide("computedPropEvaluator",B);const k=o.ref(Oo(r.data??{}));o.watch(()=>{var M;return(M=u.value)==null?void 0:M.bindings},M=>{if(M)for(const K in M)K in k.value||(k.value[K]=Oo(M[K]))},{immediate:!0}),o.provide("data",k),o.provide("bridge",r.bridge),o.provide(ju,o.toRef(r,"assetProxy")),o.watch(k,()=>{a("update:data",k.value)},{deep:!0});function I(){window.open("https://bluepic.io","_blank")}const{active:S,onPointerDown:G,onPointerUp:E}=kae(o.computed(()=>!!u.value&&u.value.fields.length>0)),D=o.ref();function Z(M){D.value=M}function L(){var M,K,ie;if(!(!((M=u.value)!=null&&M.frames)||!D.value)&&m.value&&g.value==="mobile"){const le=W.value[D.value.activeIndex],Ae=(K=[le.originalField,...le.fields].find(Re=>(Re==null?void 0:Re.frameIndex)!==void 0))==null?void 0:K.frameIndex;if(Ae!==void 0&&u.value.frames&&u.value.frames.x>0&&u.value.frames.y>0){const Re=(Ae-1)%u.value.frames.x,Be=Math.floor((Ae-1)/u.value.frames.x);console.log("frameX, frameY",Re+1,Be+1),(ie=h.value)==null||ie.focusFrame(Re+1,Be+1)}}}const{mobileFields:W}=zw(o.computed(()=>{var M;return((M=u.value)==null?void 0:M.fields)??[]})),f=[_re,Qre,Dre,zre];function T(M){var K;return(K=[M.originalField,...M.fields].find(ie=>(ie==null?void 0:ie.frameIndex)!==void 0))==null?void 0:K.frameIndex}o.watch(v,M=>{if(M===void 0||!D.value||g.value!=="mobile")return;const K=W.value[D.value.activeIndex];if(K&&T(K)===M)return;const ie=W.value.findIndex(le=>T(le)===M);ie>=0&&D.value.slideTo(ie)}),o.watch(u,()=>{setTimeout(()=>{var M;(M=h.value)==null||M.fit()},500)});const j=o.computed(()=>{var K;const M=(K=u.value)==null?void 0:K.format;return M==="mp4"||M==="mov"||M==="webm"}),P=o.computed(()=>{var M,K;return((K=(M=u.value)==null?void 0:M.animation)==null?void 0:K.duration)??120}),N=o.computed(()=>{var M,K;return((K=(M=u.value)==null?void 0:M.animation)==null?void 0:K.fps)??30}),_=o.computed(()=>1/N.value),z=o.ref(0),F=o.ref(!1),H=o.ref(!0);let J=0,q=0;function ae(){F.value=!F.value,F.value&&(J=Date.now(),q=z.value);const M=()=>{if(!F.value)return;const K=P.value,ie=(Date.now()-J)/1e3%K,Ae=q-q%_.value+ie,Re=Ae-Ae%_.value;Re>K?H.value?z.value=0:(F.value=!1,z.value=K):z.value=Re,requestAnimationFrame(M)};M()}o.watchEffect(()=>{j.value&&(k.value.TIME=z.value)});const ce=o.computed(()=>r==null?void 0:r.campaignId),he=o.computed(()=>{var M,K;return((M=r.captions)==null?void 0:M[r.templateId])??((K=u.value)==null?void 0:K.caption)}),{triggerExport:Qe,preCacheLocalRender:ne,rendering:Q,videoRenderingProgress:Y}=yae(u,k,o.toRef(r,"exportOptions"),o.toRef(r,"templateId"),o.toRef(r,"name"),o.computed(()=>{var M;return(M=h.value)==null?void 0:M.bxLiveTemplateRef}),ce,{apiBaseUrl:r.apiBaseUrl,bearerToken:r.bearerToken,password:r.password,enforceFallbackService:r.enforceFallbackService,env:r.env},{remoteVideoRenderBaseUrl:r.remoteVideoRenderBaseUrl},o.toRef(r,"enforceServerSideRendering"),o.toRef(r,"enforceVideoServerSideRendering"),z,o.toRef(r,"consumeCreditsOnRender"),o.toRef(r,"watermark"),o.toRef(r,"bridge"),o.toRef(r,"preCacheLocalRendering"),o.toRef(r,"analytics"),he);return o.watch(C,M=>{M&&ne()},{immediate:!0}),t({templateViewRef:h}),(M,K)=>{var ie,le;return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bx-template-editor",{[`layout-${g.value}`]:!0,"is-video-template":j.value}]),"data-preview":!!e.preview},[o.createElementVNode("header",null,[o.createElementVNode("div",Sae,[e.showBackBtn?(o.openBlock(),o.createBlock(bt,{key:0,onClick:K[0]||(K[0]=Ae=>a("back"))},{icon:o.withCtx(()=>[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(Ol))]),_:1})]),_:1})):o.createCommentVNode("",!0)]),e.branding?(o.openBlock(),o.createElementBlock("div",Zae,[o.createElementVNode("div",{class:"branding-wrapper",onClick:I},[o.createElementVNode("div",Nae,[o.createVNode(oB)]),K[8]||(K[8]=o.createElementVNode("div",{class:"content"},[o.createElementVNode("span",{class:"main"}," Design Template "),o.createElementVNode("span",{class:"sub"}," shared with Bluepic ")],-1))])])):o.createCommentVNode("",!0),i.legal?(o.openBlock(),o.createElementBlock("div",Rae,[o.renderSlot(M.$slots,"legal",{},void 0,!0)])):o.createCommentVNode("",!0),o.createElementVNode("div",Gae,[o.createVNode(bt,{secondary:"",loading:o.unref(Y)===void 0&&o.unref(Q),disabled:o.unref(Q),onClick:o.unref(Qe)},{icon:o.withCtx(()=>[o.unref(Y)!==void 0?(o.openBlock(),o.createBlock(lB,{key:0,progress:Math.min(o.unref(Y)*100,99.99),style:{width:"18px",height:"18px"}},null,8,["progress"])):(o.openBlock(),o.createBlock(Je,{key:1},{default:o.withCtx(()=>[o.createVNode(o.unref(Hg))]),_:1}))]),default:o.withCtx(()=>[K[9]||(K[9]=o.createTextVNode(" Export ",-1))]),_:1},8,["loading","disabled","onClick"]),i["navbar-right"]?(o.openBlock(),o.createElementBlock("div",_ae,[o.renderSlot(M.$slots,"navbar-right",{},void 0,!0)])):o.createCommentVNode("",!0)])]),o.createElementVNode("main",null,[!u.value||u.value.fields.length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["fields-wrapper",{"hint-shine":o.unref(S)}])},[g.value==="desktop"?(o.openBlock(),o.createBlock(tb,{key:0},{default:o.withCtx(()=>[u.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[m.value&&v.value?(o.openBlock(),o.createElementBlock("div",Qae,[o.createVNode(iB,{length:c.value,index:v.value,"onUpdate:index":K[1]||(K[1]=Ae=>v.value=Ae)},null,8,["length","index"])])):o.createCommentVNode("",!0),o.createVNode(Jw,{fields:y.value,"is-segmented":c.value>1},null,8,["fields","is-segmented"])],64)):(o.openBlock(),o.createElementBlock("div",Dae,[...K[10]||(K[10]=[o.createElementVNode("div",{class:"desktop-field-skeleton variant-image"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-image"}),o.createElementVNode("div",{class:"skeleton-row"},[o.createElementVNode("div",{class:"skeleton-button"}),o.createElementVNode("div",{class:"skeleton-button"})])])],-1),o.createElementVNode("div",{class:"desktop-field-skeleton variant-text"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-input"})])],-1),o.createElementVNode("div",{class:"desktop-field-skeleton variant-options"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-row"},[o.createElementVNode("div",{class:"skeleton-chip"}),o.createElementVNode("div",{class:"skeleton-chip"}),o.createElementVNode("div",{class:"skeleton-chip"})])])],-1)])]))]),_:1})):(o.openBlock(),o.createElementBlock("div",zae,[u.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createVNode(o.unref(Rre),{modules:f,"slides-per-view":1,"space-between":0,onSwiper:Z,onSlideChange:L},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(W),({fields:Ae,originalField:Re},Be)=>(o.openBlock(),o.createBlock(o.unref(Gre),null,{default:o.withCtx(()=>{var Ie;return[o.createVNode(Wre,{fields:Ae,"original-field":Re,active:((Ie=D.value)==null?void 0:Ie.activeIndex)===Be,"mobile-fields-slides":o.unref(W),"natural-fields-view-max-height":Math.max(180),onSelectNav:K[2]||(K[2]=Te=>{var Ue;return(Ue=D.value)==null?void 0:Ue.slideTo(Te)}),"slide-index":Be},null,8,["fields","original-field","active","mobile-fields-slides","natural-fields-view-max-height","slide-index"])]}),_:2},1024))),256))]),_:1}),o.createElementVNode("div",{class:o.normalizeClass(["swiper-nav-prev",{disabled:((ie=D.value)==null?void 0:ie.activeIndex)===0}]),onClick:K[3]||(K[3]=Ae=>{var Re;return(Re=D.value)==null?void 0:Re.slidePrev()})},[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(Ol))]),_:1})],2),o.createElementVNode("div",{class:o.normalizeClass(["swiper-nav-next",{disabled:((le=D.value)==null?void 0:le.activeIndex)===o.unref(W).length-1}]),onClick:K[4]||(K[4]=Ae=>{var Re;return(Re=D.value)==null?void 0:Re.slideNext()})},[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(jl))]),_:1})],2)],64)):(o.openBlock(),o.createElementBlock("div",Lae,[...K[11]||(K[11]=[o.createElementVNode("div",{class:"field-skeleton"},[o.createElementVNode("div",{class:"field-skeleton-image-preview"}),o.createElementVNode("div",{class:"field-skeleton-button-1"}),o.createElementVNode("div",{class:"field-skeleton-button-2"})],-1)])]))]))],2)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"template-wrapper",onPointerdown:K[6]||(K[6]=(...Ae)=>o.unref(G)&&o.unref(G)(...Ae)),onPointerup:K[7]||(K[7]=(...Ae)=>o.unref(E)&&o.unref(E)(...Ae))},[o.createVNode(aB,{ref_key:"templateViewRef",ref:h,"bx-core-version":e.bxCoreVersion,"cloudflare-pages-hostname":e.cloudflarePagesHostname,"asset-proxy":e.assetProxy,serial:u.value,"serial-width":e.serialWidth,"serial-height":e.serialHeight,preview:e.preview,offset:g.value==="desktop"?e.liveViewOffsetDesktop:e.liveViewOffsetMobile,"zoom-and-pan":e.zoomAndPan,data:k.value,watermark:e.watermark,"accessibility-description":e.accessibilityDescription,"data-preview":e.preview},null,8,["bx-core-version","cloudflare-pages-hostname","asset-proxy","serial","serial-width","serial-height","preview","offset","zoom-and-pan","data","watermark","accessibility-description","data-preview"]),j.value?(o.openBlock(),o.createElementBlock("div",Yae,[o.createElementVNode("div",Fae,o.toDisplayString(o.unref(sB)(z.value*1e3,","))+" / "+o.toDisplayString(o.unref(sB)(P.value*1e3,",")),1),o.createVNode(G0,{modelValue:z.value,"onUpdate:modelValue":K[5]||(K[5]=Ae=>z.value=Ae),min:0,step:_.value,max:P.value},null,8,["modelValue","step","max"]),o.createElementVNode("div",Wae,[o.createElementVNode("button",null,[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(ML))]),_:1})]),o.createElementVNode("button",{onClick:ae},[o.createVNode(Je,null,{default:o.withCtx(()=>[F.value?(o.openBlock(),o.createBlock(o.unref(LL),{key:0})):(o.openBlock(),o.createBlock(o.unref(FL),{key:1}))]),_:1})]),o.createElementVNode("button",null,[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(OL))]),_:1})])])])):o.createCommentVNode("",!0)],32)])],10,xae)}}}),[["__scopeId","data-v-97da2b11"]]);function MB(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(t=>{const n=e[t],r=typeof n;(r==="object"||r==="function")&&!Object.isFrozen(n)&&MB(n)}),e}let VB=class{constructor(t){t.data===void 0&&(t.data={}),this.data=t.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}};function OB(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function il(e,...t){const n=Object.create(null);for(const r in e)n[r]=e[r];return t.forEach(function(r){for(const a in r)n[a]=r[a]}),n}const Mae="</span>",jB=e=>!!e.scope,Vae=(e,{prefix:t})=>{if(e.startsWith("language:"))return e.replace("language:","language-");if(e.includes(".")){const n=e.split(".");return[`${t}${n.shift()}`,...n.map((r,a)=>`${r}${"_".repeat(a+1)}`)].join(" ")}return`${t}${e}`};class Oae{constructor(t,n){this.buffer="",this.classPrefix=n.classPrefix,t.walk(this)}addText(t){this.buffer+=OB(t)}openNode(t){if(!jB(t))return;const n=Vae(t.scope,{prefix:this.classPrefix});this.span(n)}closeNode(t){jB(t)&&(this.buffer+=Mae)}value(){return this.buffer}span(t){this.buffer+=`<span class="${t}">`}}const PB=(e={})=>{const t={children:[]};return Object.assign(t,e),t};class bb{constructor(){this.rootNode=PB(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(t){this.top.children.push(t)}openNode(t){const n=PB({scope:t});this.add(n),this.stack.push(n)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(t){return this.constructor._walk(t,this.rootNode)}static _walk(t,n){return typeof n=="string"?t.addText(n):n.children&&(t.openNode(n),n.children.forEach(r=>this._walk(t,r)),t.closeNode(n)),t}static _collapse(t){typeof t!="string"&&t.children&&(t.children.every(n=>typeof n=="string")?t.children=[t.children.join("")]:t.children.forEach(n=>{bb._collapse(n)}))}}class jae extends bb{constructor(t){super(),this.options=t}addText(t){t!==""&&this.add(t)}startScope(t){this.openNode(t)}endScope(){this.closeNode()}__addSublanguage(t,n){const r=t.root;n&&(r.scope=`language:${n}`),this.add(r)}toHTML(){return new Oae(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function jd(e){return e?typeof e=="string"?e:e.source:null}function TB(e){return ds("(?=",e,")")}function Pae(e){return ds("(?:",e,")*")}function Tae(e){return ds("(?:",e,")?")}function ds(...e){return e.map(n=>jd(n)).join("")}function Hae(e){const t=e[e.length-1];return typeof t=="object"&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}function Cb(...e){return"("+(Hae(e).capture?"":"?:")+e.map(r=>jd(r)).join("|")+")"}function HB(e){return new RegExp(e.toString()+"|").exec("").length-1}function Xae(e,t){const n=e&&e.exec(t);return n&&n.index===0}const $ae=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function vb(e,{joinWith:t}){let n=0;return e.map(r=>{n+=1;const a=n;let i=jd(r),l="";for(;i.length>0;){const d=$ae.exec(i);if(!d){l+=i;break}l+=i.substring(0,d.index),i=i.substring(d.index+d[0].length),d[0][0]==="\\"&&d[1]?l+="\\"+String(Number(d[1])+a):(l+=d[0],d[0]==="("&&n++)}return l}).map(r=>`(${r})`).join(t)}const Uae=/\b\B/,XB="[a-zA-Z]\\w*",yb="[a-zA-Z_]\\w*",$B="\\b\\d+(\\.\\d+)?",UB="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",JB="\\b(0b[01]+)",Jae="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",Kae=(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=ds(t,/.*\b/,e.binary,/\b.*/)),il({scope:"meta",begin:t,end:/$/,relevance:0,"on:begin":(n,r)=>{n.index!==0&&r.ignoreMatch()}},e)},Pd={begin:"\\\\[\\s\\S]",relevance:0},qae={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[Pd]},eie={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[Pd]},tie={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},A1=function(e,t,n={}){const r=il({scope:"comment",begin:e,end:t,contains:[]},n);r.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const a=Cb("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return r.contains.push({begin:ds(/[ ]+/,"(",a,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),r},nie=A1("//","$"),rie=A1("/\\*","\\*/"),aie=A1("#","$"),iie={scope:"number",begin:$B,relevance:0},oie={scope:"number",begin:UB,relevance:0},lie={scope:"number",begin:JB,relevance:0},sie={scope:"regexp",begin:/\/(?=[^/\n]*\/)/,end:/\/[gimuy]*/,contains:[Pd,{begin:/\[/,end:/\]/,relevance:0,contains:[Pd]}]},cie={scope:"title",begin:XB,relevance:0},uie={scope:"title",begin:yb,relevance:0},die={begin:"\\.\\s*"+yb,relevance:0};var m1=Object.freeze({__proto__:null,APOS_STRING_MODE:qae,BACKSLASH_ESCAPE:Pd,BINARY_NUMBER_MODE:lie,BINARY_NUMBER_RE:JB,COMMENT:A1,C_BLOCK_COMMENT_MODE:rie,C_LINE_COMMENT_MODE:nie,C_NUMBER_MODE:oie,C_NUMBER_RE:UB,END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(t,n)=>{n.data._beginMatch=t[1]},"on:end":(t,n)=>{n.data._beginMatch!==t[1]&&n.ignoreMatch()}})},HASH_COMMENT_MODE:aie,IDENT_RE:XB,MATCH_NOTHING_RE:Uae,METHOD_GUARD:die,NUMBER_MODE:iie,NUMBER_RE:$B,PHRASAL_WORDS_MODE:tie,QUOTE_STRING_MODE:eie,REGEXP_MODE:sie,RE_STARTERS_RE:Jae,SHEBANG:Kae,TITLE_MODE:cie,UNDERSCORE_IDENT_RE:yb,UNDERSCORE_TITLE_MODE:uie});function gie(e,t){e.input[e.index-1]==="."&&t.ignoreMatch()}function fie(e,t){e.className!==void 0&&(e.scope=e.className,delete e.className)}function Aie(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=gie,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,e.relevance===void 0&&(e.relevance=0))}function mie(e,t){Array.isArray(e.illegal)&&(e.illegal=Cb(...e.illegal))}function hie(e,t){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function pie(e,t){e.relevance===void 0&&(e.relevance=1)}const bie=(e,t)=>{if(!e.beforeMatch)return;if(e.starts)throw new Error("beforeMatch cannot be used with starts");const n=Object.assign({},e);Object.keys(e).forEach(r=>{delete e[r]}),e.keywords=n.keywords,e.begin=ds(n.beforeMatch,TB(n.begin)),e.starts={relevance:0,contains:[Object.assign(n,{endsParent:!0})]},e.relevance=0,delete n.beforeMatch},Cie=["of","and","for","in","not","or","if","then","parent","list","value"],vie="keyword";function KB(e,t,n=vie){const r=Object.create(null);return typeof e=="string"?a(n,e.split(" ")):Array.isArray(e)?a(n,e):Object.keys(e).forEach(function(i){Object.assign(r,KB(e[i],t,i))}),r;function a(i,l){t&&(l=l.map(d=>d.toLowerCase())),l.forEach(function(d){const s=d.split("|");r[s[0]]=[i,yie(s[0],s[1])]})}}function yie(e,t){return t?Number(t):Iie(e)?0:1}function Iie(e){return Cie.includes(e.toLowerCase())}const qB={},gs=e=>{console.error(e)},e8=(e,...t)=>{console.log(`WARN: ${e}`,...t)},Zc=(e,t)=>{qB[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),qB[`${e}/${t}`]=!0)},h1=new Error;function t8(e,t,{key:n}){let r=0;const a=e[n],i={},l={};for(let d=1;d<=t.length;d++)l[d+r]=a[d],i[d+r]=!0,r+=HB(t[d-1]);e[n]=l,e[n]._emit=i,e[n]._multi=!0}function wie(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw gs("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),h1;if(typeof e.beginScope!="object"||e.beginScope===null)throw gs("beginScope must be object"),h1;t8(e,e.begin,{key:"beginScope"}),e.begin=vb(e.begin,{joinWith:""})}}function Bie(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw gs("skip, excludeEnd, returnEnd not compatible with endScope: {}"),h1;if(typeof e.endScope!="object"||e.endScope===null)throw gs("endScope must be object"),h1;t8(e,e.end,{key:"endScope"}),e.end=vb(e.end,{joinWith:""})}}function Eie(e){e.scope&&typeof e.scope=="object"&&e.scope!==null&&(e.beginScope=e.scope,delete e.scope)}function kie(e){Eie(e),typeof e.beginScope=="string"&&(e.beginScope={_wrap:e.beginScope}),typeof e.endScope=="string"&&(e.endScope={_wrap:e.endScope}),wie(e),Bie(e)}function xie(e){function t(l,d){return new RegExp(jd(l),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(d?"g":""))}class n{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(d,s){s.position=this.position++,this.matchIndexes[this.matchAt]=s,this.regexes.push([s,d]),this.matchAt+=HB(d)+1}compile(){this.regexes.length===0&&(this.exec=()=>null);const d=this.regexes.map(s=>s[1]);this.matcherRe=t(vb(d,{joinWith:"|"}),!0),this.lastIndex=0}exec(d){this.matcherRe.lastIndex=this.lastIndex;const s=this.matcherRe.exec(d);if(!s)return null;const u=s.findIndex((A,c)=>c>0&&A!==void 0),g=this.matchIndexes[u];return s.splice(0,u),Object.assign(s,g)}}class r{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(d){if(this.multiRegexes[d])return this.multiRegexes[d];const s=new n;return this.rules.slice(d).forEach(([u,g])=>s.addRule(u,g)),s.compile(),this.multiRegexes[d]=s,s}resumingScanAtSamePosition(){return this.regexIndex!==0}considerAll(){this.regexIndex=0}addRule(d,s){this.rules.push([d,s]),s.type==="begin"&&this.count++}exec(d){const s=this.getMatcher(this.regexIndex);s.lastIndex=this.lastIndex;let u=s.exec(d);if(this.resumingScanAtSamePosition()&&!(u&&u.index===this.lastIndex)){const g=this.getMatcher(0);g.lastIndex=this.lastIndex+1,u=g.exec(d)}return u&&(this.regexIndex+=u.position+1,this.regexIndex===this.count&&this.considerAll()),u}}function a(l){const d=new r;return l.contains.forEach(s=>d.addRule(s.begin,{rule:s,type:"begin"})),l.terminatorEnd&&d.addRule(l.terminatorEnd,{type:"end"}),l.illegal&&d.addRule(l.illegal,{type:"illegal"}),d}function i(l,d){const s=l;if(l.isCompiled)return s;[fie,hie,kie,bie].forEach(g=>g(l,d)),e.compilerExtensions.forEach(g=>g(l,d)),l.__beforeBegin=null,[Aie,mie,pie].forEach(g=>g(l,d)),l.isCompiled=!0;let u=null;return typeof l.keywords=="object"&&l.keywords.$pattern&&(l.keywords=Object.assign({},l.keywords),u=l.keywords.$pattern,delete l.keywords.$pattern),u=u||/\w+/,l.keywords&&(l.keywords=KB(l.keywords,e.case_insensitive)),s.keywordPatternRe=t(u,!0),d&&(l.begin||(l.begin=/\B|\b/),s.beginRe=t(s.begin),!l.end&&!l.endsWithParent&&(l.end=/\B|\b/),l.end&&(s.endRe=t(s.end)),s.terminatorEnd=jd(s.end)||"",l.endsWithParent&&d.terminatorEnd&&(s.terminatorEnd+=(l.end?"|":"")+d.terminatorEnd)),l.illegal&&(s.illegalRe=t(l.illegal)),l.contains||(l.contains=[]),l.contains=[].concat(...l.contains.map(function(g){return Sie(g==="self"?l:g)})),l.contains.forEach(function(g){i(g,s)}),l.starts&&i(l.starts,d),s.matcher=a(s),s}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=il(e.classNameAliases||{}),i(e)}function n8(e){return e?e.endsWithParent||n8(e.starts):!1}function Sie(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map(function(t){return il(e,{variants:null},t)})),e.cachedVariants?e.cachedVariants:n8(e)?il(e,{starts:e.starts?il(e.starts):null}):Object.isFrozen(e)?il(e):e}var Zie="11.11.2";class Nie extends Error{constructor(t,n){super(t),this.name="HTMLInjectionError",this.html=n}}const Ib=OB,r8=il,a8=Symbol("nomatch"),Rie=7,i8=function(e){const t=Object.create(null),n=Object.create(null),r=[];let a=!0;const i="Could not find the language '{}', did you forget to load/include a language module?",l={disableAutodetect:!0,name:"Plain text",contains:[]};let d={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:jae};function s(P){return d.noHighlightRe.test(P)}function u(P){let N=P.className+" ";N+=P.parentNode?P.parentNode.className:"";const _=d.languageDetectRe.exec(N);if(_){const z=E(_[1]);return z||(e8(i.replace("{}",_[1])),e8("Falling back to no-highlight mode for this block.",P)),z?_[1]:"no-highlight"}return N.split(/\s+/).find(z=>s(z)||E(z))}function g(P,N,_){let z="",F="";typeof N=="object"?(z=P,_=N.ignoreIllegals,F=N.language):(Zc("10.7.0","highlight(lang, code, ...args) has been deprecated."),Zc("10.7.0",`Please use highlight(code, options) instead.
+`);const E=G.split(/\r?\n/);let D="";for(const Z of E)Z.startsWith("data:")&&(D+=Z.slice(5).trim());m(D)}}if(!c||c.length===0){g(new Error("No files found"));return}u({files:c,creditsConsumed:0})})}async function vae(e,t,n,r,a,i,l,d,s,u){var h,C,v,y;let g=null,A=!1,c=!1;if((r==="png"||r==="jpeg"||r==="webp")&&!d){console.log("[RENDER]: Local rendering started"),A=!0;try{const w=((h=t.frames)==null?void 0:h.x)??1,B=((C=t.frames)==null?void 0:C.y)??1,k=t.width/w,I=t.height/B,S=new Array(w*B).fill(0).map((G,E)=>({x:k*(E%w),y:I*Math.floor(E/w),width:k,height:I}));if(S.length>1){const G=await e.render({type:us[r],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:s,resultType:"canvas",externalCanvas:null});g=[];for(const E of S){const D=await ZB({imageSource:G,cropX:E.x,cropY:E.y,cropWidth:E.width,cropHeight:E.height,quality:100,type:us[r]},"blob");g.push(D)}}else g=[await e.render({type:us[r],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:s,resultType:"blob",externalCanvas:null})]}catch(w){console.error("[RENDER]: Local rendering error",w),c=!0}}if(!g){console.log("[RENDER]: Remote rendering started");try{const w=await bae(a,i,n,t.width,t.height,((v=t.frames)==null?void 0:v.x)??1,((y=t.frames)==null?void 0:y.y)??1,r,l);if(w.type==="application/zip"){g=[];const{unzip:B}=await Promise.resolve().then(()=>tce),k=await B(w);for(const[I,S]of Object.entries(k.entries)){const G=await S.blob(Vd.getType(I)||"image/png");g.push(G)}}else g=[w]}catch(w){throw console.error("[RENDER]: Remote rendering error",w),new Error("Failed to render serial remotely")}}return{files:g,renderLocation:A&&!c?"client":"server",clientRenderFailed:c}}function yae(e,t,n,r,a,i,l,d,s,u,g,A,c,m,h,C,v,y=o.ref(void 0)){const{createPopup:w}=af(),B=o.computed(()=>{try{return Vg({templateId:r.value,data:t.value,serial:e.value,campaignId:l.value})}catch(j){return console.error("Error computing session state hash",j),"SESSION_STATE_HASH_ERROR"}}),k=new Set;function I(j,P){return async()=>{if(console.log("consumeCreditsOnRender",c.value),!!c.value&&!(!l.value||j===null)&&!k.has(j)){k.add(j);try{await Iae(d.apiBaseUrl,d.env,l.value,r.value??"TEMPLATE_ID_UNDEFINED",P,j)}catch(N){console.error("[CREDITS] Failed to consume credits on output",N),k.delete(j)}}}}const S=o.ref([]),G=o.ref(!1),E=o.ref();function D(j,P){return j.map(async N=>{const _=`${d.apiBaseUrl}/api/public/temp-image`,z=new FormData;z.append("file",N,`${In()}.${P}`);const F=await fetch(_,{method:"POST",body:z});if(!F.ok)throw new Error(`Failed to upload asset: ${F.statusText}`);return(await F.json()).url})}async function Z(j,P,N,_,z){var ce,he;const F=n.value.actionalConnections,H=n.value.socialConnections,J=Object.entries(H).filter(([Qe,ne])=>ne).map(([Qe])=>Qe),q=[];F.download&&q.push("download"),F.webhook&&q.push("webhook"),F.redirect&&q.push("redirect"),J.length+q.length;const ae=a.value??r.value??"TEMPLATE_ID_UNDEFINED";if(F.webhook||F.redirect||J.length>0?S.value=D(j,P):S.value=[],J.length===0){if(F.download&&!F.webhook&&!F.redirect){await LB(j,ae),await z(),_.download({trigger:"auto",withinSocialShare:!1});return}else if(F.webhook&&!F.download&&!F.redirect){await YB(F.webhook,{assets:await Promise.all(S.value),templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,caption:y.value??((ce=e.value)==null?void 0:ce.caption)}),await z(),_.webhook({trigger:"auto",webhookHost:Od(F.webhook)});return}else if(F.redirect&&!F.download&&!F.webhook)return _.redirect({trigger:"auto",redirectHost:Od(F.redirect)}),await z(),await FB(F.redirect,{assets:await Promise.all(S.value),templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,caption:y.value??((he=e.value)==null?void 0:he.caption)})}w({draggable:!1,disableBackgroundEffect:window.innerWidth>700,transculent:!0,type:window.innerWidth<=700?"layer":"frame",content:()=>{var Qe;return o.h(Aae,{templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value??-1,data:t.value,exportOptions:n.value,caption:y.value??((Qe=e.value)==null?void 0:Qe.caption),assets:j,assetsRemote:S.value,baseName:a.value,mediaType:N,bridge:h.value,analytics:_,consumeCredit:z})},customClasses:["bx-template-editor-export-popup"]})}function L(){const j=n.value.actionalConnections,P=n.value.socialConnections,N=[];j.download&&N.push("download"),j.webhook&&N.push("webhook"),j.redirect&&N.push("redirect");const _=Object.entries(P).filter(([,z])=>z).map(([z])=>z);return{enabledActions:N,enabledSocials:_,optionCount:N.length+_.length}}async function W(){var q;if(!l.value)return console.error("No campaign ID available for export");if(!e.value)return console.error("No serial available for export");if(!i.value)return console.error("No live template component reference available for export");const j=((q=e.value)==null?void 0:q.format)??"png",P=j in pb?"video":"image",{enabledActions:N,enabledSocials:_,optionCount:z}=L(),F=new GB(v.value,{templateId:r.value??"TEMPLATE_ID_UNDEFINED",campaignId:l.value,format:j,mediaType:P,watermark:m.value,enforceServerSideRendering:P==="video"?g.value:u.value,enabledActions:N,enabledSocials:_,optionCount:z}),H=performance.now(),J=()=>Math.round(performance.now()-H);if(F.attempt(),G.value=!0,E.value=void 0,j in us){console.log("[EXPORT] Starting image export",j),console.log("sessionState",B.value);let ae;try{ae=await vae(i.value,e.value,t.value,j,l.value,r.value??"TEMPLATE_ID_UNDEFINED",d,u.value,m.value,B.value)}catch(he){throw G.value=!1,F.renderFailure({renderLocation:"unknown",renderDurationMs:J(),error:he instanceof Error?he.message:String(he)}),he}G.value=!1,F.renderSuccess({renderLocation:ae.renderLocation,renderDurationMs:J(),fileCount:ae.files.length,clientRenderFailed:ae.clientRenderFailed});const ce=I(Po.generateBillingKey(l.value,r.value??"TEMPLATE_ID_UNDEFINED",t.value,e.value),B.value);await Z(ae.files,j,"image",F,ce)}else if(j in pb){let ae=null;E.value=0;const ce=!f1()||g.value?"server":"client";if(!f1()||g.value){let he=0,Qe=0,ne=0;const Q=await Cae(e.value,t.value,e.value.width,e.value.height,j,e.value.animation.duration*1e3,{fps:e.value.animation.fps,vcodec:"libx264",acodec:"aac",pix_fmt:"yuv420p"},s,K=>{K.type==="keyframe"?(he=K.frame,ne=K.totalFrames):K.type==="encode_video"&&(Qe=K.frame,ne=K.totalFrames),E.value=(he+Qe)/(ne*2)}),[Y]=Q.files;ae=await(await fetch(Y)).blob(),G.value=!1,E.value=void 0}else{const he=i.value,Qe=e.value.animation.fps,ne=Math.ceil(e.value.animation.duration*Qe),Q=document.createElement("canvas"),Y=async(M,K)=>(A.value=K,await he.render({type:us.png,resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},resultType:"canvas",watermark:m.value,externalCanvas:Q}));try{ae=await pae({fps:Qe,totalFrames:ne,renderFrame:Y,onProgress:(M,K)=>{E.value=M/K}})}catch(M){console.error("[VIDEO EXPORT] Local encoding failed",M)}finally{G.value=!1,E.value=void 0}}if(ae){F.renderSuccess({renderLocation:ce,renderDurationMs:J(),fileCount:1,clientRenderFailed:!1});const he=I(Po.generateBillingKey(l.value,r.value??"TEMPLATE_ID_UNDEFINED",t.value,e.value),B.value);await Z([ae],j,"video",F,he)}else F.renderFailure({renderLocation:ce,renderDurationMs:J(),error:"Video rendering produced no file"})}}let f=!1;async function T(){if(f||!C.value||!e.value||!i.value)return;const j=e.value.format??"png";let P=null;if(j in us){if(j==="pdf"||u.value)return;P=j}else if(j in pb){if(g.value||!f1())return;P="png"}else return;f=!0;try{console.log("[RENDER]: Pre-caching local rendering assets"),await i.value.render({type:us[P],resolution:1,quality:100,vectorExportOptions:{keepGroupTransforms:!0,mode:"optimized",rasterizeAllMasks:!1,vectorizeAllTexts:!0},watermark:!1,resultType:"blob",externalCanvas:null}),console.log("[RENDER]: Pre-cache complete")}catch(N){console.warn("[RENDER]: Pre-cache local render failed (ignored)",N),f=!1}}return{triggerExport:W,preCacheLocalRender:T,rendering:G,videoRenderingProgress:E}}async function Iae(e,t,n,r,a,i){console.log("[CREDITS] Consuming credits for export");const l={campaignId:n,templateId:r,amount:1,sessionState:a,balanceName:"EMBED",billingKey:i};await fetch(`${e}/api/public/consume-credits?env=${encodeURIComponent(t)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)})}function wae(){return typeof navigator>"u"?!1:!!(/iPhone|iPad|iPod/i.test(navigator.userAgent)||navigator.maxTouchPoints>1&&/Macintosh/.test(navigator.userAgent))}function DB(e){if(!wae()||typeof navigator.share!="function"||typeof navigator.canShare!="function")return!1;try{return navigator.canShare({files:e})}catch{return!1}}function zB(e,t){return e.map((n,r)=>{const a=Vd.getExtension(n.type)||"bin",i=e.length===1?`${t}.${a}`:`${t}_${r+1}.${a}`;return new File([n],i,{type:n.type})})}async function LB(e,t){const n=zB(e,t);if(DB(n))try{await navigator.share({files:n});return}catch(r){if(r instanceof Error&&r.name==="AbortError")return;console.warn("[download] iOS native share failed, falling back to download",r)}if(e.length===1){const r=e[0],a=Vd.getExtension(r.type)||"bin";QB(r,`${t}.${a}`,r.type)}else{const{downloadZip:r}=await Promise.resolve().then(()=>fce),i=await(await r(e.map((l,d)=>{const s=Vd.getExtension(l.type)||"bin";return{input:l,name:`${t}_${d+1}.${s}`}}))).blob();QB(i,`${t}.${Vd.getExtension(i.type)}`,i.type)}}async function YB(e,t){const n={templateId:t.templateId,campaignId:t.campaignId,data:t.data,assets:t.assets,caption:t.caption},r=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!r.ok)throw new Error(`Failed to send webhook: ${r.statusText}`)}async function FB(e,t){const n=new URL(e);n.searchParams.set("templateId",t.templateId),n.searchParams.set("campaignId",t.campaignId.toString()),n.searchParams.set("data",JSON.stringify(t.data)),t.caption&&n.searchParams.set("caption",t.caption),t.assets.forEach((r,a)=>{n.searchParams.set(`asset_${a+1}`,r)}),window.location.href=n.toString()}const Bae=5,Eae=900;function kae(e){const t=o.ref(!1);let n,r=null;function a(d){d.target.classList.contains("canvas")&&(d.pointerType==="mouse"&&d.button!==0||(r={x:d.clientX,y:d.clientY}))}function i(d){if(!r)return;const s=d.clientX-r.x,u=d.clientY-r.y;r=null,!(Math.hypot(s,u)>Bae)&&l()}function l(){e.value&&(t.value=!1,requestAnimationFrame(()=>{t.value=!0,clearTimeout(n),n=setTimeout(()=>{t.value=!1},Eae)}))}return{active:t,onPointerDown:a,onPointerUp:i,trigger:l}}const xae=["data-preview"],Sae={class:"back-btn-wrapper"},Zae={key:0,class:"branding"},Nae={class:"logo"},Rae={key:1,class:"legal-wrapper"},Gae={class:"actions"},_ae={key:0,class:"navbar-right-wrapper"},Qae={key:0,class:"slides-nav-wrapper"},Dae={key:1,class:"desktop-fields-loading-wrapper"},zae={key:1,class:"mobile-fields-wrapper"},Lae={key:1,class:"fields-loading-wrapper"},Yae={key:0,class:"timeline-wrapper"},Fae={class:"time-meta-wrapper"},Wae={class:"play-controls"},WB=$e(o.defineComponent({__name:"BxTemplateEditor",props:{bxCoreVersion:{},cloudflarePagesHostname:{},assetProxy:{},serial:{},preview:{},serialWidth:{},serialHeight:{},layout:{},zoomAndPan:{type:Boolean,default:!1},bridge:{},showBackBtn:{type:Boolean},branding:{type:Boolean},exportOptions:{},apiBaseUrl:{},env:{},templateId:{},campaignId:{},name:{},captions:{},consumeCreditsOnRender:{type:Boolean},preCacheLocalRendering:{type:Boolean,default:!0},data:{},accessibilityDescription:{},watermark:{type:Boolean},password:{},bearerToken:{},nativeGifEmbedding:{type:Boolean},remoteVideoRenderBaseUrl:{},enforceServerSideRendering:{type:Boolean},enforceFallbackService:{type:Boolean},enforceVideoServerSideRendering:{type:Boolean},liveViewOffsetDesktop:{default:()=>({top:0,right:0,bottom:0,left:0})},liveViewOffsetMobile:{default:()=>({top:0,right:0,bottom:0,left:0})},analytics:{}},emits:["back","update:data"],setup(e,{expose:t,emit:n}){const r=e,a=n,i=o.useSlots();o.onMounted(()=>{console.log("consumeCreditsOnRender",r.consumeCreditsOnRender)});const{createMessage:l,createPopup:d}=af(),{width:s}=yx(),u=o.computed(()=>r.serial),g=o.computed(()=>r.layout?r.layout:s.value<=550?"mobile":"desktop"),A=o.computed(()=>{var M;return((M=u.value)==null?void 0:M.frames)??{x:1,y:1}}),c=o.computed(()=>Object.values(A.value).reduce((M,K)=>K*M,1)),m=o.computed(()=>c.value>1),h=o.ref(),C=o.computed(()=>{var M,K;return((K=(M=h.value)==null?void 0:M.bxLiveTemplateRef)==null?void 0:K.ready)??!1}),v=o.computed({get(){var ie,le;if(!((ie=u.value)!=null&&ie.frames)||!m.value)return;const{x:M,y:K}=((le=h.value)==null?void 0:le.currentlyFocusedFrame)??{x:0,y:0};return K*A.value.x+M+1},set(M){var Ae;if(M===void 0||!m.value)return;const K=M-1,ie=K%A.value.x,le=Math.floor(K/A.value.x);(Ae=h.value)==null||Ae.focusFrame(ie,le)}}),y=o.computed(()=>{var K;const M=((K=u.value)==null?void 0:K.fields)??[];return!m.value||v.value===void 0?M:M.filter(ie=>(ie.frameIndex||1)===v.value)}),w=o.computed(()=>{var M;return((M=h.value)==null?void 0:M.globalScope)??{}}),B=M=>new Function(...Object.keys(w.value),`return (${M.toString()})()`)(...Object.values(w.value));o.provide("computedPropEvaluator",B);const k=o.ref(Oo(r.data??{}));o.watch(()=>{var M;return(M=u.value)==null?void 0:M.bindings},M=>{if(M)for(const K in M)K in k.value||(k.value[K]=Oo(M[K]))},{immediate:!0}),o.provide("data",k),o.provide("bridge",r.bridge),o.provide(ju,o.toRef(r,"assetProxy")),o.watch(k,()=>{a("update:data",k.value)},{deep:!0});function I(){window.open("https://bluepic.io","_blank")}const{active:S,onPointerDown:G,onPointerUp:E}=kae(o.computed(()=>!!u.value&&u.value.fields.length>0)),D=o.ref();function Z(M){D.value=M}function L(){var M,K,ie;if(!(!((M=u.value)!=null&&M.frames)||!D.value)&&m.value&&g.value==="mobile"){const le=W.value[D.value.activeIndex],Ae=(K=[le.originalField,...le.fields].find(Re=>(Re==null?void 0:Re.frameIndex)!==void 0))==null?void 0:K.frameIndex;if(Ae!==void 0&&u.value.frames&&u.value.frames.x>0&&u.value.frames.y>0){const Re=(Ae-1)%u.value.frames.x,Be=Math.floor((Ae-1)/u.value.frames.x);console.log("frameX, frameY",Re+1,Be+1),(ie=h.value)==null||ie.focusFrame(Re+1,Be+1)}}}const{mobileFields:W}=zw(o.computed(()=>{var M;return((M=u.value)==null?void 0:M.fields)??[]})),f=[_re,Qre,Dre,zre];function T(M){var K;return(K=[M.originalField,...M.fields].find(ie=>(ie==null?void 0:ie.frameIndex)!==void 0))==null?void 0:K.frameIndex}o.watch(v,M=>{if(M===void 0||!D.value||g.value!=="mobile")return;const K=W.value[D.value.activeIndex];if(K&&T(K)===M)return;const ie=W.value.findIndex(le=>T(le)===M);ie>=0&&D.value.slideTo(ie)}),o.watch(u,()=>{setTimeout(()=>{var M;(M=h.value)==null||M.fit()},500)});const j=o.computed(()=>{var K;const M=(K=u.value)==null?void 0:K.format;return M==="mp4"||M==="mov"||M==="webm"}),P=o.computed(()=>{var M,K;return((K=(M=u.value)==null?void 0:M.animation)==null?void 0:K.duration)??120}),N=o.computed(()=>{var M,K;return((K=(M=u.value)==null?void 0:M.animation)==null?void 0:K.fps)??30}),_=o.computed(()=>1/N.value),z=o.ref(0),F=o.ref(!1),H=o.ref(!0);let J=0,q=0;function ae(){F.value=!F.value,F.value&&(J=Date.now(),q=z.value);const M=()=>{if(!F.value)return;const K=P.value,ie=(Date.now()-J)/1e3%K,Ae=q-q%_.value+ie,Re=Ae-Ae%_.value;Re>K?H.value?z.value=0:(F.value=!1,z.value=K):z.value=Re,requestAnimationFrame(M)};M()}o.watchEffect(()=>{j.value&&(k.value.TIME=z.value)});const ce=o.computed(()=>r==null?void 0:r.campaignId),he=o.computed(()=>{var M,K;return((M=r.captions)==null?void 0:M[r.templateId])??((K=u.value)==null?void 0:K.caption)}),{triggerExport:Qe,preCacheLocalRender:ne,rendering:Q,videoRenderingProgress:Y}=yae(u,k,o.toRef(r,"exportOptions"),o.toRef(r,"templateId"),o.toRef(r,"name"),o.computed(()=>{var M;return(M=h.value)==null?void 0:M.bxLiveTemplateRef}),ce,{apiBaseUrl:r.apiBaseUrl,bearerToken:r.bearerToken,password:r.password,enforceFallbackService:r.enforceFallbackService,env:r.env},{remoteVideoRenderBaseUrl:r.remoteVideoRenderBaseUrl},o.toRef(r,"enforceServerSideRendering"),o.toRef(r,"enforceVideoServerSideRendering"),z,o.toRef(r,"consumeCreditsOnRender"),o.toRef(r,"watermark"),o.toRef(r,"bridge"),o.toRef(r,"preCacheLocalRendering"),o.toRef(r,"analytics"),he);return o.watch(C,M=>{M&&ne()},{immediate:!0}),t({templateViewRef:h}),(M,K)=>{var ie,le;return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bx-template-editor",{[`layout-${g.value}`]:!0,"is-video-template":j.value}]),"data-preview":!!e.preview},[o.createElementVNode("header",null,[o.createElementVNode("div",Sae,[e.showBackBtn?(o.openBlock(),o.createBlock(bt,{key:0,onClick:K[0]||(K[0]=Ae=>a("back"))},{icon:o.withCtx(()=>[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(Ol))]),_:1})]),_:1})):o.createCommentVNode("",!0)]),e.branding?(o.openBlock(),o.createElementBlock("div",Zae,[o.createElementVNode("div",{class:"branding-wrapper",onClick:I},[o.createElementVNode("div",Nae,[o.createVNode(oB)]),K[8]||(K[8]=o.createElementVNode("div",{class:"content"},[o.createElementVNode("span",{class:"main"}," Design Template "),o.createElementVNode("span",{class:"sub"}," shared with Bluepic ")],-1))])])):o.createCommentVNode("",!0),i.legal?(o.openBlock(),o.createElementBlock("div",Rae,[o.renderSlot(M.$slots,"legal",{},void 0,!0)])):o.createCommentVNode("",!0),o.createElementVNode("div",Gae,[o.createVNode(bt,{secondary:"",loading:o.unref(Y)===void 0&&o.unref(Q),disabled:o.unref(Q),onClick:o.unref(Qe)},{icon:o.withCtx(()=>[o.unref(Y)!==void 0?(o.openBlock(),o.createBlock(lB,{key:0,progress:Math.min(o.unref(Y)*100,99.99),style:{width:"18px",height:"18px"}},null,8,["progress"])):(o.openBlock(),o.createBlock(Je,{key:1},{default:o.withCtx(()=>[o.createVNode(o.unref(Hg))]),_:1}))]),default:o.withCtx(()=>[K[9]||(K[9]=o.createTextVNode(" Export ",-1))]),_:1},8,["loading","disabled","onClick"]),i["navbar-right"]?(o.openBlock(),o.createElementBlock("div",_ae,[o.renderSlot(M.$slots,"navbar-right",{},void 0,!0)])):o.createCommentVNode("",!0)])]),o.createElementVNode("main",null,[!u.value||u.value.fields.length>0?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["fields-wrapper",{"hint-shine":o.unref(S)}])},[g.value==="desktop"?(o.openBlock(),o.createBlock(tb,{key:0},{default:o.withCtx(()=>[u.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[m.value&&v.value?(o.openBlock(),o.createElementBlock("div",Qae,[o.createVNode(iB,{length:c.value,index:v.value,"onUpdate:index":K[1]||(K[1]=Ae=>v.value=Ae)},null,8,["length","index"])])):o.createCommentVNode("",!0),o.createVNode(Jw,{fields:y.value,"is-segmented":c.value>1},null,8,["fields","is-segmented"])],64)):(o.openBlock(),o.createElementBlock("div",Dae,[...K[10]||(K[10]=[o.createElementVNode("div",{class:"desktop-field-skeleton variant-image"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-image"}),o.createElementVNode("div",{class:"skeleton-row"},[o.createElementVNode("div",{class:"skeleton-button"}),o.createElementVNode("div",{class:"skeleton-button"})])])],-1),o.createElementVNode("div",{class:"desktop-field-skeleton variant-text"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-input"})])],-1),o.createElementVNode("div",{class:"desktop-field-skeleton variant-options"},[o.createElementVNode("div",{class:"skeleton-header"},[o.createElementVNode("div",{class:"skeleton-index"}),o.createElementVNode("div",{class:"skeleton-title"})]),o.createElementVNode("div",{class:"skeleton-body"},[o.createElementVNode("div",{class:"skeleton-row"},[o.createElementVNode("div",{class:"skeleton-chip"}),o.createElementVNode("div",{class:"skeleton-chip"}),o.createElementVNode("div",{class:"skeleton-chip"})])])],-1)])]))]),_:1})):(o.openBlock(),o.createElementBlock("div",zae,[u.value?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createVNode(o.unref(Rre),{modules:f,"slides-per-view":1,"space-between":0,onSwiper:Z,onSlideChange:L},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(W),({fields:Ae,originalField:Re},Be)=>(o.openBlock(),o.createBlock(o.unref(Gre),null,{default:o.withCtx(()=>{var Ie;return[o.createVNode(Wre,{fields:Ae,"original-field":Re,active:((Ie=D.value)==null?void 0:Ie.activeIndex)===Be,"mobile-fields-slides":o.unref(W),"natural-fields-view-max-height":Math.max(180),onSelectNav:K[2]||(K[2]=Te=>{var Ue;return(Ue=D.value)==null?void 0:Ue.slideTo(Te)}),"slide-index":Be},null,8,["fields","original-field","active","mobile-fields-slides","natural-fields-view-max-height","slide-index"])]}),_:2},1024))),256))]),_:1}),o.createElementVNode("div",{class:o.normalizeClass(["swiper-nav-prev",{disabled:((ie=D.value)==null?void 0:ie.activeIndex)===0}]),onClick:K[3]||(K[3]=Ae=>{var Re;return(Re=D.value)==null?void 0:Re.slidePrev()})},[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(Ol))]),_:1})],2),o.createElementVNode("div",{class:o.normalizeClass(["swiper-nav-next",{disabled:((le=D.value)==null?void 0:le.activeIndex)===o.unref(W).length-1}]),onClick:K[4]||(K[4]=Ae=>{var Re;return(Re=D.value)==null?void 0:Re.slideNext()})},[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(jl))]),_:1})],2)],64)):(o.openBlock(),o.createElementBlock("div",Lae,[...K[11]||(K[11]=[o.createElementVNode("div",{class:"field-skeleton"},[o.createElementVNode("div",{class:"field-skeleton-image-preview"}),o.createElementVNode("div",{class:"field-skeleton-button-1"}),o.createElementVNode("div",{class:"field-skeleton-button-2"})],-1)])]))]))],2)):o.createCommentVNode("",!0),o.createElementVNode("div",{class:"template-wrapper",onPointerdown:K[6]||(K[6]=(...Ae)=>o.unref(G)&&o.unref(G)(...Ae)),onPointerup:K[7]||(K[7]=(...Ae)=>o.unref(E)&&o.unref(E)(...Ae))},[o.createVNode(aB,{ref_key:"templateViewRef",ref:h,"bx-core-version":e.bxCoreVersion,"cloudflare-pages-hostname":e.cloudflarePagesHostname,"asset-proxy":e.assetProxy,serial:u.value,"serial-width":e.serialWidth,"serial-height":e.serialHeight,preview:e.preview,offset:g.value==="desktop"?e.liveViewOffsetDesktop:e.liveViewOffsetMobile,"zoom-and-pan":e.zoomAndPan,data:k.value,watermark:e.watermark,"accessibility-description":e.accessibilityDescription,"data-preview":e.preview},null,8,["bx-core-version","cloudflare-pages-hostname","asset-proxy","serial","serial-width","serial-height","preview","offset","zoom-and-pan","data","watermark","accessibility-description","data-preview"]),j.value?(o.openBlock(),o.createElementBlock("div",Yae,[o.createElementVNode("div",Fae,o.toDisplayString(o.unref(sB)(z.value*1e3,","))+" / "+o.toDisplayString(o.unref(sB)(P.value*1e3,",")),1),o.createVNode(G0,{modelValue:z.value,"onUpdate:modelValue":K[5]||(K[5]=Ae=>z.value=Ae),min:0,step:_.value,max:P.value},null,8,["modelValue","step","max"]),o.createElementVNode("div",Wae,[o.createElementVNode("button",null,[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(ML))]),_:1})]),o.createElementVNode("button",{onClick:ae},[o.createVNode(Je,null,{default:o.withCtx(()=>[F.value?(o.openBlock(),o.createBlock(o.unref(LL),{key:0})):(o.openBlock(),o.createBlock(o.unref(FL),{key:1}))]),_:1})]),o.createElementVNode("button",null,[o.createVNode(Je,null,{default:o.withCtx(()=>[o.createVNode(o.unref(OL))]),_:1})])])])):o.createCommentVNode("",!0)],32)])],10,xae)}}}),[["__scopeId","data-v-17bf81a6"]]);function MB(e){return e instanceof Map?e.clear=e.delete=e.set=function(){throw new Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=function(){throw new Error("set is read-only")}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach(t=>{const n=e[t],r=typeof n;(r==="object"||r==="function")&&!Object.isFrozen(n)&&MB(n)}),e}let VB=class{constructor(t){t.data===void 0&&(t.data={}),this.data=t.data,this.isMatchIgnored=!1}ignoreMatch(){this.isMatchIgnored=!0}};function OB(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")}function il(e,...t){const n=Object.create(null);for(const r in e)n[r]=e[r];return t.forEach(function(r){for(const a in r)n[a]=r[a]}),n}const Mae="</span>",jB=e=>!!e.scope,Vae=(e,{prefix:t})=>{if(e.startsWith("language:"))return e.replace("language:","language-");if(e.includes(".")){const n=e.split(".");return[`${t}${n.shift()}`,...n.map((r,a)=>`${r}${"_".repeat(a+1)}`)].join(" ")}return`${t}${e}`};class Oae{constructor(t,n){this.buffer="",this.classPrefix=n.classPrefix,t.walk(this)}addText(t){this.buffer+=OB(t)}openNode(t){if(!jB(t))return;const n=Vae(t.scope,{prefix:this.classPrefix});this.span(n)}closeNode(t){jB(t)&&(this.buffer+=Mae)}value(){return this.buffer}span(t){this.buffer+=`<span class="${t}">`}}const PB=(e={})=>{const t={children:[]};return Object.assign(t,e),t};class bb{constructor(){this.rootNode=PB(),this.stack=[this.rootNode]}get top(){return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(t){this.top.children.push(t)}openNode(t){const n=PB({scope:t});this.add(n),this.stack.push(n)}closeNode(){if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}walk(t){return this.constructor._walk(t,this.rootNode)}static _walk(t,n){return typeof n=="string"?t.addText(n):n.children&&(t.openNode(n),n.children.forEach(r=>this._walk(t,r)),t.closeNode(n)),t}static _collapse(t){typeof t!="string"&&t.children&&(t.children.every(n=>typeof n=="string")?t.children=[t.children.join("")]:t.children.forEach(n=>{bb._collapse(n)}))}}class jae extends bb{constructor(t){super(),this.options=t}addText(t){t!==""&&this.add(t)}startScope(t){this.openNode(t)}endScope(){this.closeNode()}__addSublanguage(t,n){const r=t.root;n&&(r.scope=`language:${n}`),this.add(r)}toHTML(){return new Oae(this,this.options).value()}finalize(){return this.closeAllNodes(),!0}}function jd(e){return e?typeof e=="string"?e:e.source:null}function TB(e){return ds("(?=",e,")")}function Pae(e){return ds("(?:",e,")*")}function Tae(e){return ds("(?:",e,")?")}function ds(...e){return e.map(n=>jd(n)).join("")}function Hae(e){const t=e[e.length-1];return typeof t=="object"&&t.constructor===Object?(e.splice(e.length-1,1),t):{}}function Cb(...e){return"("+(Hae(e).capture?"":"?:")+e.map(r=>jd(r)).join("|")+")"}function HB(e){return new RegExp(e.toString()+"|").exec("").length-1}function Xae(e,t){const n=e&&e.exec(t);return n&&n.index===0}const $ae=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;function vb(e,{joinWith:t}){let n=0;return e.map(r=>{n+=1;const a=n;let i=jd(r),l="";for(;i.length>0;){const d=$ae.exec(i);if(!d){l+=i;break}l+=i.substring(0,d.index),i=i.substring(d.index+d[0].length),d[0][0]==="\\"&&d[1]?l+="\\"+String(Number(d[1])+a):(l+=d[0],d[0]==="("&&n++)}return l}).map(r=>`(${r})`).join(t)}const Uae=/\b\B/,XB="[a-zA-Z]\\w*",yb="[a-zA-Z_]\\w*",$B="\\b\\d+(\\.\\d+)?",UB="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",JB="\\b(0b[01]+)",Jae="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",Kae=(e={})=>{const t=/^#![ ]*\//;return e.binary&&(e.begin=ds(t,/.*\b/,e.binary,/\b.*/)),il({scope:"meta",begin:t,end:/$/,relevance:0,"on:begin":(n,r)=>{n.index!==0&&r.ignoreMatch()}},e)},Pd={begin:"\\\\[\\s\\S]",relevance:0},qae={scope:"string",begin:"'",end:"'",illegal:"\\n",contains:[Pd]},eie={scope:"string",begin:'"',end:'"',illegal:"\\n",contains:[Pd]},tie={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},A1=function(e,t,n={}){const r=il({scope:"comment",begin:e,end:t,contains:[]},n);r.contains.push({scope:"doctag",begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0});const a=Cb("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/);return r.contains.push({begin:ds(/[ ]+/,"(",a,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),r},nie=A1("//","$"),rie=A1("/\\*","\\*/"),aie=A1("#","$"),iie={scope:"number",begin:$B,relevance:0},oie={scope:"number",begin:UB,relevance:0},lie={scope:"number",begin:JB,relevance:0},sie={scope:"regexp",begin:/\/(?=[^/\n]*\/)/,end:/\/[gimuy]*/,contains:[Pd,{begin:/\[/,end:/\]/,relevance:0,contains:[Pd]}]},cie={scope:"title",begin:XB,relevance:0},uie={scope:"title",begin:yb,relevance:0},die={begin:"\\.\\s*"+yb,relevance:0};var m1=Object.freeze({__proto__:null,APOS_STRING_MODE:qae,BACKSLASH_ESCAPE:Pd,BINARY_NUMBER_MODE:lie,BINARY_NUMBER_RE:JB,COMMENT:A1,C_BLOCK_COMMENT_MODE:rie,C_LINE_COMMENT_MODE:nie,C_NUMBER_MODE:oie,C_NUMBER_RE:UB,END_SAME_AS_BEGIN:function(e){return Object.assign(e,{"on:begin":(t,n)=>{n.data._beginMatch=t[1]},"on:end":(t,n)=>{n.data._beginMatch!==t[1]&&n.ignoreMatch()}})},HASH_COMMENT_MODE:aie,IDENT_RE:XB,MATCH_NOTHING_RE:Uae,METHOD_GUARD:die,NUMBER_MODE:iie,NUMBER_RE:$B,PHRASAL_WORDS_MODE:tie,QUOTE_STRING_MODE:eie,REGEXP_MODE:sie,RE_STARTERS_RE:Jae,SHEBANG:Kae,TITLE_MODE:cie,UNDERSCORE_IDENT_RE:yb,UNDERSCORE_TITLE_MODE:uie});function gie(e,t){e.input[e.index-1]==="."&&t.ignoreMatch()}function fie(e,t){e.className!==void 0&&(e.scope=e.className,delete e.className)}function Aie(e,t){t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",e.__beforeBegin=gie,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,e.relevance===void 0&&(e.relevance=0))}function mie(e,t){Array.isArray(e.illegal)&&(e.illegal=Cb(...e.illegal))}function hie(e,t){if(e.match){if(e.begin||e.end)throw new Error("begin & end are not supported with match");e.begin=e.match,delete e.match}}function pie(e,t){e.relevance===void 0&&(e.relevance=1)}const bie=(e,t)=>{if(!e.beforeMatch)return;if(e.starts)throw new Error("beforeMatch cannot be used with starts");const n=Object.assign({},e);Object.keys(e).forEach(r=>{delete e[r]}),e.keywords=n.keywords,e.begin=ds(n.beforeMatch,TB(n.begin)),e.starts={relevance:0,contains:[Object.assign(n,{endsParent:!0})]},e.relevance=0,delete n.beforeMatch},Cie=["of","and","for","in","not","or","if","then","parent","list","value"],vie="keyword";function KB(e,t,n=vie){const r=Object.create(null);return typeof e=="string"?a(n,e.split(" ")):Array.isArray(e)?a(n,e):Object.keys(e).forEach(function(i){Object.assign(r,KB(e[i],t,i))}),r;function a(i,l){t&&(l=l.map(d=>d.toLowerCase())),l.forEach(function(d){const s=d.split("|");r[s[0]]=[i,yie(s[0],s[1])]})}}function yie(e,t){return t?Number(t):Iie(e)?0:1}function Iie(e){return Cie.includes(e.toLowerCase())}const qB={},gs=e=>{console.error(e)},e8=(e,...t)=>{console.log(`WARN: ${e}`,...t)},Zc=(e,t)=>{qB[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),qB[`${e}/${t}`]=!0)},h1=new Error;function t8(e,t,{key:n}){let r=0;const a=e[n],i={},l={};for(let d=1;d<=t.length;d++)l[d+r]=a[d],i[d+r]=!0,r+=HB(t[d-1]);e[n]=l,e[n]._emit=i,e[n]._multi=!0}function wie(e){if(Array.isArray(e.begin)){if(e.skip||e.excludeBegin||e.returnBegin)throw gs("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),h1;if(typeof e.beginScope!="object"||e.beginScope===null)throw gs("beginScope must be object"),h1;t8(e,e.begin,{key:"beginScope"}),e.begin=vb(e.begin,{joinWith:""})}}function Bie(e){if(Array.isArray(e.end)){if(e.skip||e.excludeEnd||e.returnEnd)throw gs("skip, excludeEnd, returnEnd not compatible with endScope: {}"),h1;if(typeof e.endScope!="object"||e.endScope===null)throw gs("endScope must be object"),h1;t8(e,e.end,{key:"endScope"}),e.end=vb(e.end,{joinWith:""})}}function Eie(e){e.scope&&typeof e.scope=="object"&&e.scope!==null&&(e.beginScope=e.scope,delete e.scope)}function kie(e){Eie(e),typeof e.beginScope=="string"&&(e.beginScope={_wrap:e.beginScope}),typeof e.endScope=="string"&&(e.endScope={_wrap:e.endScope}),wie(e),Bie(e)}function xie(e){function t(l,d){return new RegExp(jd(l),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(d?"g":""))}class n{constructor(){this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}addRule(d,s){s.position=this.position++,this.matchIndexes[this.matchAt]=s,this.regexes.push([s,d]),this.matchAt+=HB(d)+1}compile(){this.regexes.length===0&&(this.exec=()=>null);const d=this.regexes.map(s=>s[1]);this.matcherRe=t(vb(d,{joinWith:"|"}),!0),this.lastIndex=0}exec(d){this.matcherRe.lastIndex=this.lastIndex;const s=this.matcherRe.exec(d);if(!s)return null;const u=s.findIndex((A,c)=>c>0&&A!==void 0),g=this.matchIndexes[u];return s.splice(0,u),Object.assign(s,g)}}class r{constructor(){this.rules=[],this.multiRegexes=[],this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(d){if(this.multiRegexes[d])return this.multiRegexes[d];const s=new n;return this.rules.slice(d).forEach(([u,g])=>s.addRule(u,g)),s.compile(),this.multiRegexes[d]=s,s}resumingScanAtSamePosition(){return this.regexIndex!==0}considerAll(){this.regexIndex=0}addRule(d,s){this.rules.push([d,s]),s.type==="begin"&&this.count++}exec(d){const s=this.getMatcher(this.regexIndex);s.lastIndex=this.lastIndex;let u=s.exec(d);if(this.resumingScanAtSamePosition()&&!(u&&u.index===this.lastIndex)){const g=this.getMatcher(0);g.lastIndex=this.lastIndex+1,u=g.exec(d)}return u&&(this.regexIndex+=u.position+1,this.regexIndex===this.count&&this.considerAll()),u}}function a(l){const d=new r;return l.contains.forEach(s=>d.addRule(s.begin,{rule:s,type:"begin"})),l.terminatorEnd&&d.addRule(l.terminatorEnd,{type:"end"}),l.illegal&&d.addRule(l.illegal,{type:"illegal"}),d}function i(l,d){const s=l;if(l.isCompiled)return s;[fie,hie,kie,bie].forEach(g=>g(l,d)),e.compilerExtensions.forEach(g=>g(l,d)),l.__beforeBegin=null,[Aie,mie,pie].forEach(g=>g(l,d)),l.isCompiled=!0;let u=null;return typeof l.keywords=="object"&&l.keywords.$pattern&&(l.keywords=Object.assign({},l.keywords),u=l.keywords.$pattern,delete l.keywords.$pattern),u=u||/\w+/,l.keywords&&(l.keywords=KB(l.keywords,e.case_insensitive)),s.keywordPatternRe=t(u,!0),d&&(l.begin||(l.begin=/\B|\b/),s.beginRe=t(s.begin),!l.end&&!l.endsWithParent&&(l.end=/\B|\b/),l.end&&(s.endRe=t(s.end)),s.terminatorEnd=jd(s.end)||"",l.endsWithParent&&d.terminatorEnd&&(s.terminatorEnd+=(l.end?"|":"")+d.terminatorEnd)),l.illegal&&(s.illegalRe=t(l.illegal)),l.contains||(l.contains=[]),l.contains=[].concat(...l.contains.map(function(g){return Sie(g==="self"?l:g)})),l.contains.forEach(function(g){i(g,s)}),l.starts&&i(l.starts,d),s.matcher=a(s),s}if(e.compilerExtensions||(e.compilerExtensions=[]),e.contains&&e.contains.includes("self"))throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");return e.classNameAliases=il(e.classNameAliases||{}),i(e)}function n8(e){return e?e.endsWithParent||n8(e.starts):!1}function Sie(e){return e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map(function(t){return il(e,{variants:null},t)})),e.cachedVariants?e.cachedVariants:n8(e)?il(e,{starts:e.starts?il(e.starts):null}):Object.isFrozen(e)?il(e):e}var Zie="11.11.2";class Nie extends Error{constructor(t,n){super(t),this.name="HTMLInjectionError",this.html=n}}const Ib=OB,r8=il,a8=Symbol("nomatch"),Rie=7,i8=function(e){const t=Object.create(null),n=Object.create(null),r=[];let a=!0;const i="Could not find the language '{}', did you forget to load/include a language module?",l={disableAutodetect:!0,name:"Plain text",contains:[]};let d={ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",cssSelector:"pre code",languages:null,__emitter:jae};function s(P){return d.noHighlightRe.test(P)}function u(P){let N=P.className+" ";N+=P.parentNode?P.parentNode.className:"";const _=d.languageDetectRe.exec(N);if(_){const z=E(_[1]);return z||(e8(i.replace("{}",_[1])),e8("Falling back to no-highlight mode for this block.",P)),z?_[1]:"no-highlight"}return N.split(/\s+/).find(z=>s(z)||E(z))}function g(P,N,_){let z="",F="";typeof N=="object"?(z=P,_=N.ignoreIllegals,F=N.language):(Zc("10.7.0","highlight(lang, code, ...args) has been deprecated."),Zc("10.7.0",`Please use highlight(code, options) instead.
 https://github.com/highlightjs/highlight.js/issues/2277`),F=P,z=N),_===void 0&&(_=!0);const H={code:z,language:F};T("before:highlight",H);const J=H.result?H.result:A(H.language,H.code,_);return J.code=H.code,T("after:highlight",J),J}function A(P,N,_,z){const F=Object.create(null);function H(De,ze){return De.keywords[ze]}function J(){if(!Ie.keywords){Ue.addText(Ve);return}let De=0;Ie.keywordPatternRe.lastIndex=0;let ze=Ie.keywordPatternRe.exec(Ve),ct="";for(;ze;){ct+=Ve.substring(De,ze.index);const gt=Ae.case_insensitive?ze[0].toLowerCase():ze[0],At=H(Ie,gt);if(At){const[Lt,qt]=At;if(Ue.addText(ct),ct="",F[gt]=(F[gt]||0)+1,F[gt]<=Rie&&(He+=qt),Lt.startsWith("_"))ct+=ze[0];else{const Qn=Ae.classNameAliases[Lt]||Lt;ce(ze[0],Qn)}}else ct+=ze[0];De=Ie.keywordPatternRe.lastIndex,ze=Ie.keywordPatternRe.exec(Ve)}ct+=Ve.substring(De),Ue.addText(ct)}function q(){if(Ve==="")return;let De=null;if(typeof Ie.subLanguage=="string"){if(!t[Ie.subLanguage]){Ue.addText(Ve);return}De=A(Ie.subLanguage,Ve,!0,Te[Ie.subLanguage]),Te[Ie.subLanguage]=De._top}else De=m(Ve,Ie.subLanguage.length?Ie.subLanguage:null);Ie.relevance>0&&(He+=De.relevance),Ue.__addSublanguage(De._emitter,De.language)}function ae(){Ie.subLanguage!=null?q():J(),Ve=""}function ce(De,ze){De!==""&&(Ue.startScope(ze),Ue.addText(De),Ue.endScope())}function he(De,ze){let ct=1;const gt=ze.length-1;for(;ct<=gt;){if(!De._emit[ct]){ct++;continue}const At=Ae.classNameAliases[De[ct]]||De[ct],Lt=ze[ct];At?ce(Lt,At):(Ve=Lt,J(),Ve=""),ct++}}function Qe(De,ze){return De.scope&&typeof De.scope=="string"&&Ue.openNode(Ae.classNameAliases[De.scope]||De.scope),De.beginScope&&(De.beginScope._wrap?(ce(Ve,Ae.classNameAliases[De.beginScope._wrap]||De.beginScope._wrap),Ve=""):De.beginScope._multi&&(he(De.beginScope,ze),Ve="")),Ie=Object.create(De,{parent:{value:Ie}}),Ie}function ne(De,ze,ct){let gt=Xae(De.endRe,ct);if(gt){if(De["on:end"]){const At=new VB(De);De["on:end"](ze,At),At.isMatchIgnored&&(gt=!1)}if(gt){for(;De.endsParent&&De.parent;)De=De.parent;return De}}if(De.endsWithParent)return ne(De.parent,ze,ct)}function Q(De){return Ie.matcher.regexIndex===0?(Ve+=De[0],1):(at=!0,0)}function Y(De){const ze=De[0],ct=De.rule,gt=new VB(ct),At=[ct.__beforeBegin,ct["on:begin"]];for(const Lt of At)if(Lt&&(Lt(De,gt),gt.isMatchIgnored))return Q(ze);return ct.skip?Ve+=ze:(ct.excludeBegin&&(Ve+=ze),ae(),!ct.returnBegin&&!ct.excludeBegin&&(Ve=ze)),Qe(ct,De),ct.returnBegin?0:ze.length}function M(De){const ze=De[0],ct=N.substring(De.index),gt=ne(Ie,De,ct);if(!gt)return a8;const At=Ie;Ie.endScope&&Ie.endScope._wrap?(ae(),ce(ze,Ie.endScope._wrap)):Ie.endScope&&Ie.endScope._multi?(ae(),he(Ie.endScope,De)):At.skip?Ve+=ze:(At.returnEnd||At.excludeEnd||(Ve+=ze),ae(),At.excludeEnd&&(Ve=ze));do Ie.scope&&Ue.closeNode(),!Ie.skip&&!Ie.subLanguage&&(He+=Ie.relevance),Ie=Ie.parent;while(Ie!==gt.parent);return gt.starts&&Qe(gt.starts,De),At.returnEnd?0:ze.length}function K(){const De=[];for(let ze=Ie;ze!==Ae;ze=ze.parent)ze.scope&&De.unshift(ze.scope);De.forEach(ze=>Ue.openNode(ze))}let ie={};function le(De,ze){const ct=ze&&ze[0];if(Ve+=De,ct==null)return ae(),0;if(ie.type==="begin"&&ze.type==="end"&&ie.index===ze.index&&ct===""){if(Ve+=N.slice(ze.index,ze.index+1),!a){const gt=new Error(`0 width match regex (${P})`);throw gt.languageName=P,gt.badRule=ie.rule,gt}return 1}if(ie=ze,ze.type==="begin")return Y(ze);if(ze.type==="illegal"&&!_){const gt=new Error('Illegal lexeme "'+ct+'" for mode "'+(Ie.scope||"<unnamed>")+'"');throw gt.mode=Ie,gt}else if(ze.type==="end"){const gt=M(ze);if(gt!==a8)return gt}if(ze.type==="illegal"&&ct==="")return ze.index===N.length||(Ve+=`
 `),1;if(Xe>1e5&&Xe>ze.index*3)throw new Error("potential infinite loop, way more iterations than matches");return Ve+=ct,ct.length}const Ae=E(P);if(!Ae)throw gs(i.replace("{}",P)),new Error('Unknown language: "'+P+'"');const Re=xie(Ae);let Be="",Ie=z||Re;const Te={},Ue=new d.__emitter(d);K();let Ve="",He=0,Ee=0,Xe=0,at=!1;try{if(Ae.__emitTokens)Ae.__emitTokens(N,Ue);else{for(Ie.matcher.considerAll();;){Xe++,at?at=!1:Ie.matcher.considerAll(),Ie.matcher.lastIndex=Ee;const De=Ie.matcher.exec(N);if(!De)break;const ze=N.substring(Ee,De.index),ct=le(ze,De);Ee=De.index+ct}le(N.substring(Ee))}return Ue.finalize(),Be=Ue.toHTML(),{language:P,value:Be,relevance:He,illegal:!1,_emitter:Ue,_top:Ie}}catch(De){if(De.message&&De.message.includes("Illegal"))return{language:P,value:Ib(N),illegal:!0,relevance:0,_illegalBy:{message:De.message,index:Ee,context:N.slice(Ee-100,Ee+100),mode:De.mode,resultSoFar:Be},_emitter:Ue};if(a)return{language:P,value:Ib(N),illegal:!1,relevance:0,errorRaised:De,_emitter:Ue,_top:Ie};throw De}}function c(P){const N={value:Ib(P),illegal:!1,relevance:0,_top:l,_emitter:new d.__emitter(d)};return N._emitter.addText(P),N}function m(P,N){N=N||d.languages||Object.keys(t);const _=c(P),z=N.filter(E).filter(Z).map(ae=>A(ae,P,!1));z.unshift(_);const F=z.sort((ae,ce)=>{if(ae.relevance!==ce.relevance)return ce.relevance-ae.relevance;if(ae.language&&ce.language){if(E(ae.language).supersetOf===ce.language)return 1;if(E(ce.language).supersetOf===ae.language)return-1}return 0}),[H,J]=F,q=H;return q.secondBest=J,q}function h(P,N,_){const z=N&&n[N]||_;P.classList.add("hljs"),P.classList.add(`language-${z}`)}function C(P){let N=null;const _=u(P);if(s(_))return;if(T("before:highlightElement",{el:P,language:_}),P.dataset.highlighted){console.log("Element previously highlighted. To highlight again, first unset `dataset.highlighted`.",P);return}if(P.children.length>0&&(d.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),console.warn("The element with unescaped HTML:"),console.warn(P)),d.throwUnescapedHTML))throw new Nie("One of your code blocks includes unescaped HTML.",P.innerHTML);N=P;const z=N.textContent,F=_?g(z,{language:_,ignoreIllegals:!0}):m(z);P.innerHTML=F.value,P.dataset.highlighted="yes",h(P,_,F.language),P.result={language:F.language,re:F.relevance,relevance:F.relevance},F.secondBest&&(P.secondBest={language:F.secondBest.language,relevance:F.secondBest.relevance}),T("after:highlightElement",{el:P,result:F,text:z})}function v(P){d=r8(d,P)}const y=()=>{k(),Zc("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")};function w(){k(),Zc("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")}let B=!1;function k(){function P(){k()}if(document.readyState==="loading"){B||window.addEventListener("DOMContentLoaded",P,!1),B=!0;return}document.querySelectorAll(d.cssSelector).forEach(C)}function I(P,N){let _=null;try{_=N(e)}catch(z){if(gs("Language definition for '{}' could not be registered.".replace("{}",P)),a)gs(z);else throw z;_=l}_.name||(_.name=P),t[P]=_,_.rawDefinition=N.bind(null,e),_.aliases&&D(_.aliases,{languageName:P})}function S(P){delete t[P];for(const N of Object.keys(n))n[N]===P&&delete n[N]}function G(){return Object.keys(t)}function E(P){return P=(P||"").toLowerCase(),t[P]||t[n[P]]}function D(P,{languageName:N}){typeof P=="string"&&(P=[P]),P.forEach(_=>{n[_.toLowerCase()]=N})}function Z(P){const N=E(P);return N&&!N.disableAutodetect}function L(P){P["before:highlightBlock"]&&!P["before:highlightElement"]&&(P["before:highlightElement"]=N=>{P["before:highlightBlock"](Object.assign({block:N.el},N))}),P["after:highlightBlock"]&&!P["after:highlightElement"]&&(P["after:highlightElement"]=N=>{P["after:highlightBlock"](Object.assign({block:N.el},N))})}function W(P){L(P),r.push(P)}function f(P){const N=r.indexOf(P);N!==-1&&r.splice(N,1)}function T(P,N){const _=P;r.forEach(function(z){z[_]&&z[_](N)})}function j(P){return Zc("10.7.0","highlightBlock will be removed entirely in v12.0"),Zc("10.7.0","Please use highlightElement now."),C(P)}Object.assign(e,{highlight:g,highlightAuto:m,highlightAll:k,highlightElement:C,highlightBlock:j,configure:v,initHighlighting:y,initHighlightingOnLoad:w,registerLanguage:I,unregisterLanguage:S,listLanguages:G,getLanguage:E,registerAliases:D,autoDetection:Z,inherit:r8,addPlugin:W,removePlugin:f}),e.debugMode=function(){a=!1},e.safeMode=function(){a=!0},e.versionString=Zie,e.regex={concat:ds,lookahead:TB,either:Cb,optional:Tae,anyNumberOfTimes:Pae};for(const P in m1)typeof m1[P]=="object"&&MB(m1[P]);return Object.assign(e,m1),e},Nc=i8({});Nc.newInstance=()=>i8({});var Gie=Nc;Nc.HighlightJS=Nc,Nc.default=Nc;const p1=ni(Gie),_ie={key:0,class:"bx-code-bar"},Qie={class:"bx-code-label"},Die={class:"bx-code-actions"},zie=$e(o.defineComponent({__name:"BxCode",props:{code:{},language:{default:"bash"},wrap:{type:Boolean,default:!1},copyable:{type:Boolean,default:!0}},setup(e){const t={ts:()=>Promise.resolve().then(()=>a7),typescript:()=>Promise.resolve().then(()=>a7),js:()=>Promise.resolve().then(()=>c7),javascript:()=>Promise.resolve().then(()=>c7),json:()=>Promise.resolve().then(()=>wce),html:()=>Promise.resolve().then(()=>Yb),xml:()=>Promise.resolve().then(()=>Yb),vue:()=>Promise.resolve().then(()=>Yb),css:()=>Promise.resolve().then(()=>Qce),scss:()=>Promise.resolve().then(()=>jce),bash:()=>Promise.resolve().then(()=>Fb),sh:()=>Promise.resolve().then(()=>Fb),shell:()=>Promise.resolve().then(()=>Fb),yaml:()=>Promise.resolve().then(()=>u7),yml:()=>Promise.resolve().then(()=>u7),sql:()=>Promise.resolve().then(()=>Xce),python:()=>Promise.resolve().then(()=>Uce),go:()=>Promise.resolve().then(()=>Kce),rust:()=>Promise.resolve().then(()=>eue),java:()=>Promise.resolve().then(()=>nue),c:()=>Promise.resolve().then(()=>aue),cpp:()=>Promise.resolve().then(()=>oue),md:()=>Promise.resolve().then(()=>f7),markdown:()=>Promise.resolve().then(()=>f7)},n=e,r=o.ref(null),a=o.ref(!1);async function i(s){const u=s.toLowerCase();if(p1.getLanguage(u))return;const g=t[u];if(!g)return;const A=await g(),c=A.default??A;p1.registerLanguage(u,c)}async function l(){const s=(n.language||"bash").toLowerCase();await i(s);const u=r.value;u&&(p1.getLanguage(s)?u.innerHTML=p1.highlight(n.code,{language:s,ignoreIllegals:!0}).value:u.textContent=n.code)}o.onMounted(l),o.watch(()=>[n.code,n.language],l);async function d(){try{await navigator.clipboard.writeText(n.code),a.value=!0,setTimeout(()=>a.value=!1,1600)}catch{}}return(s,u)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["bx-code",{wrap:e.wrap}])},[s.$slots.label||e.copyable||s.$slots.actions?(o.openBlock(),o.createElementBlock("header",_ie,[o.createElementVNode("span",Qie,[o.renderSlot(s.$slots,"label",{},void 0,!0)]),o.createElementVNode("div",Die,[o.renderSlot(s.$slots,"actions",{},void 0,!0),e.copyable?(o.openBlock(),o.createBlock(bt,{key:0,secondary:"",size:"small",onClick:d},{icon:o.withCtx(()=>[o.createVNode(Je,null,{default:o.withCtx(()=>[a.value?(o.openBlock(),o.createBlock(o.unref(g4),{key:0})):(o.openBlock(),o.createBlock(o.unref(A4),{key:1}))]),_:1})]),default:o.withCtx(()=>[o.createTextVNode(" "+o.toDisplayString(a.value?"Copied":"Copy"),1)]),_:1})):o.createCommentVNode("",!0)])])):o.createCommentVNode("",!0),o.createVNode(tb,{"x-scrollable":"",class:"bx-code-scroll"},{default:o.withCtx(()=>[o.createElementVNode("pre",{class:o.normalizeClass({"wrap-code":e.wrap})},[o.createElementVNode("code",{ref_key:"codeElement",ref:r,class:o.normalizeClass(`language-${e.language}`)},null,2)],2)]),_:1})],2))}}),[["__scopeId","data-v-b0c52043"]]),Lie=$e(o.defineComponent({__name:"BxSwitch",props:o.mergeModels({disabled:{type:Boolean,default:!1},ariaLabel:{},ariaLabelledby:{}},{modelValue:{type:Boolean,required:!1,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=o.useModel(e,"modelValue"),n=e;function r(){n.disabled||(t.value=!t.value)}function a(){r()}const{attrs:i,onKeydown:l}=lw({role:"switch",checked:()=>t.value,disabled:()=>n.disabled,label:()=>n.ariaLabel,labelledBy:()=>n.ariaLabelledby,toggle:r});return(d,s)=>(o.openBlock(),o.createElementBlock("div",o.mergeProps({class:["bx-switch",{active:t.value,disabled:e.disabled}]},o.unref(i),{onClick:a,onKeydown:s[0]||(s[0]=(...u)=>o.unref(l)&&o.unref(l)(...u))}),[...s[1]||(s[1]=[o.createElementVNode("div",{class:"switch-inner"},[o.createElementVNode("div",{class:"switch-thumb"})],-1)])],16))}}),[["__scopeId","data-v-f4603547"]]),Yie={class:"bx-stepper"},Fie={key:0,class:"nav-prev-wrapper"},Wie={class:"steps"},Mie=["onClick"],Vie={key:0,class:"icon-wrapper"},Oie={class:"label-wrapper"},jie={key:0,class:"step-spacer"},Pie={key:1,class:"nav-next-wrapper"},Tie=$e(o.defineComponent({__name:"BxStepper",props:o.mergeModels({steps:{},showIndices:{type:Boolean,default:!0},checkmark:{type:Boolean,default:!1},showPrevBtn:{type:Boolean,default:!0},showNextBtn:{type:Boolean,default:!0}},{modelValue:{default:void 0,required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=o.useModel(e,"modelValue"),n=e;function r(A,c){return A.key??c}const a=o.computed(()=>n.steps.findIndex((A,c)=>r(A,c)===t.value));function i(A){return`data:image/svg+xml;base64,${window.btoa(`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
@@ -2128,7 +2128,6 @@ https://github.com/highlightjs/highlight.js/issues/2277`),F=P,z=N),_===void 0&&(
                 :password="finalPassword"
                 :live-view-offset-desktop="{ top: 20, right: 20, bottom: 20, left: 20 }"
                 :live-view-offset-mobile="{ top: 0, right: 0, bottom: 0, left: 0 }"
-                :export-disabled="false"
                 :show-back-btn="false"
                 :consume-credits-on-render="true"
                 :native-gif-embedding="true"

package/dist/components/TemplateEditor/BxTemplateEditor.vue.d.ts CHANGED Viewed

@@ -37,7 +37,6 @@ type __VLS_Props = {
     captions?: {
         [templateId: string]: string;
     };
-    exportDisabled: boolean;
     consumeCreditsOnRender: boolean;
     /**
      * When true (default), the editor performs one silent local render in the

package/dist/embed/embed.d.ts CHANGED Viewed

@@ -63,7 +63,6 @@ export declare class BluepicEmbed extends EventTarget {
             readonly captions?: {
                 [templateId: string]: string;
             } | undefined;
-            readonly exportDisabled: boolean;
             readonly consumeCreditsOnRender: boolean;
             readonly preCacheLocalRendering?: boolean | undefined;
             readonly data?: {
@@ -164,7 +163,6 @@ export declare class BluepicEmbed extends EventTarget {
             captions?: {
                 [templateId: string]: string;
             };
-            exportDisabled: boolean;
             consumeCreditsOnRender: boolean;
             preCacheLocalRendering?: boolean;
             data?: {
@@ -2990,7 +2988,6 @@ export declare class BluepicEmbed extends EventTarget {
         captions?: {
             [templateId: string]: string;
         };
-        exportDisabled: boolean;
         consumeCreditsOnRender: boolean;
         preCacheLocalRendering?: boolean;
         data?: {
@@ -4428,7 +4425,6 @@ export declare class BluepicEmbed extends EventTarget {
             readonly captions?: {
                 [templateId: string]: string;
             } | undefined;
-            readonly exportDisabled: boolean;
             readonly consumeCreditsOnRender: boolean;
             readonly preCacheLocalRendering?: boolean | undefined;
             readonly data?: {
@@ -4529,7 +4525,6 @@ export declare class BluepicEmbed extends EventTarget {
             captions?: {
                 [templateId: string]: string;
             };
-            exportDisabled: boolean;
             consumeCreditsOnRender: boolean;
             preCacheLocalRendering?: boolean;
             data?: {
@@ -7355,7 +7350,6 @@ export declare class BluepicEmbed extends EventTarget {
         captions?: {
             [templateId: string]: string;
         };
-        exportDisabled: boolean;
         consumeCreditsOnRender: boolean;
         preCacheLocalRendering?: boolean;
         data?: {