@imgly/plugin-ai-image-generation-web
Version:
AI image generation plugin for the CE.SDK editor
128 lines (124 loc) • 56.6 kB
JavaScript
var Nt=`
<svg>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="@imgly/plugin/formats/ratioFree"
>
<path d="M7 6C6.44772 6 6 6.44772 6 7V9.22222H4V7C4 5.34315 5.34315 4 7 4H9.22222V6H7Z" fill="currentColor"/>
<path d="M17 6H14.7778V4H17C18.6569 4 20 5.34315 20 7V9.22222H18V7C18 6.44772 17.5523 6 17 6Z" fill="currentColor"/>
<path d="M6 14.7778V17C6 17.5523 6.44772 18 7 18H9.22222V20H7C5.34315 20 4 18.6569 4 17V14.7778H6Z" fill="currentColor"/>
<path d="M18 17V14.7778H20V17C20 18.6569 18.6569 20 17 20H14.7778V18H17C17.5523 18 18 17.5523 18 17Z" fill="currentColor"/>
</symbol>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="@imgly/plugin/formats/ratio4by3"
>
<path d="M6.5 13H8V15H10V16.5H6.5V13Z" fill="currentColor"/>
<path d="M14 9V7.5H17.5V11H16V9H14Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4C4.34315 4 3 5.34315 3 7V17C3 18.6569 4.34315 20 6 20H18C19.6569 20 21 18.6569 21 17V7C21 5.34315 19.6569 4 18 4H6ZM5 7C5 6.44772 5.44772 6 6 6H18C18.5523 6 19 6.44772 19 7V17C19 17.5523 18.5523 18 18 18H6C5.44772 18 5 17.5523 5 17V7Z" fill="currentColor"/>
</symbol>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="@imgly/plugin/formats/ratio16by9"
>
<path d="M4.5 13H6V15H8V16.5H4.5V13Z" fill="currentColor"/>
<path d="M16 9V7.5H19.5V11H18V9H16Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4C2.34315 4 1 5.34315 1 7V17C1 18.6569 2.34315 20 4 20H20C21.6569 20 23 18.6569 23 17V7C23 5.34315 21.6569 4 20 4H4ZM3 7C3 6.44772 3.44772 6 4 6H20C20.5523 6 21 6.44772 21 7V17C21 17.5523 20.5523 18 20 18H4C3.44772 18 3 17.5523 3 17V7Z" fill="currentColor"/>
</symbol>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="@imgly/plugin/formats/ratio9by16"
>
<path d="M7.5 16H9V18H11V19.5H7.5V16Z" fill="currentColor"/>
<path d="M13 6V4.5H16.5V8H15V6H13Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 20C4 21.6569 5.34315 23 7 23H17C18.6569 23 20 21.6569 20 20V4C20 2.34315 18.6569 1 17 1H7C5.34315 1 4 2.34315 4 4V20ZM7 21C6.44772 21 6 20.5523 6 20V4C6 3.44772 6.44772 3 7 3H17C17.5523 3 18 3.44772 18 4V20C18 20.5523 17.5523 21 17 21H7Z" fill="currentColor"/>
</symbol>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="@imgly/plugin/formats/ratio3by4"
>
<path d="M11 17.5V16H9V14H7.5V17.5H11Z" fill="currentColor"/>
<path d="M15 10H16.5V6.5H13V8H15V10Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20 18C20 19.6569 18.6569 21 17 21H7C5.34315 21 4 19.6569 4 18V6C4 4.34315 5.34315 3 7 3H17C18.6569 3 20 4.34315 20 6V18ZM17 19C17.5523 19 18 18.5523 18 18V6C18 5.44772 17.5523 5 17 5H7C6.44771 5 6 5.44771 6 6V18C6 18.5523 6.44772 19 7 19H17Z" fill="currentColor"/>
</symbol>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="@imgly/plugin/formats/ratio1by1"
>
<path d="M17.4142 8.00009L16 6.58587L14.2929 8.29298L15.7071 9.70719L17.4142 8.00009Z" fill="currentColor"/>
<path d="M13.0404 12.3739L15.0404 10.3739L13.6262 8.95965L11.6262 10.9596L13.0404 12.3739Z" fill="currentColor"/>
<path d="M10.3737 15.0405L12.3737 13.0405L10.9595 11.6263L8.95953 13.6263L10.3737 15.0405Z" fill="currentColor"/>
<path d="M9.70708 15.7072L8.29286 14.293L6.58576 16.0001L7.99997 17.4143L9.70708 15.7072Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 4C5.34315 4 4 5.34315 4 7V17C4 18.6569 5.34315 20 7 20H17C18.6569 20 20 18.6569 20 17V7C20 5.34315 18.6569 4 17 4H7ZM6 7C6 6.44772 6.44772 6 7 6H17C17.5523 6 18 6.44772 18 7V17C18 17.5523 17.5523 18 17 18H7C6.44772 18 6 17.5523 6 17V7Z" fill="currentColor"/>
</symbol>
</svg>
`,ee=class{constructor(e,t=[]){this.id=e,this.assets=t.map(r=>{if(typeof r.label=="string"&&!(r.label&&typeof r.label=="object")){let i=r;return{id:i.id,label:{en:i.label},meta:i.thumbUri?{...i.meta??{},thumbUri:i.thumbUri}:i.meta}}return r}),this.activeAssetIds=new Set}async findAssets(e){let{page:t,perPage:r,locale:i="en",sortActiveFirst:a,query:n,tags:u,groups:l,excludeGroups:h,sortingOrder:p,sortKey:g}=e,s=[...this.assets];if(l&&l.length>0&&(s=s.filter(o=>o.groups&&l.some(c=>o.groups?.includes(c)))),h&&h.length>0&&(s=s.filter(o=>!o.groups||!h.some(c=>o.groups?.includes(c)))),n){let o=n.toLowerCase();s=s.filter(c=>{let d=c.label?.[i]?.toLowerCase(),m=c.tags?.[i]||[];return d&&d.includes(o)||m.some(de=>de.toLowerCase().includes(o))})}if(u&&u.length>0){let o=Array.isArray(u)?u:[u];s=s.filter(c=>{let d=c.tags?.[i]||[];return o.some(m=>d.includes(m))})}a&&s.sort((o,c)=>{let d=this.activeAssetIds.has(o.id),m=this.activeAssetIds.has(c.id);return d&&!m?-1:!d&&m?1:0}),g&&g!=="id"?s.sort((o,c)=>{let d=o.meta?.[g],m=c.meta?.[g];return d===void 0?1:m===void 0?-1:typeof d=="string"&&typeof m=="string"?p==="Descending"?m.localeCompare(d):d.localeCompare(m):typeof d=="number"&&typeof m=="number"?p==="Descending"?m-d:d-m:0}):g==="id"&&s.sort((o,c)=>p==="Descending"?c.id.localeCompare(o.id):o.id.localeCompare(c.id));let y=s.length,w=t*r,I=w+r,v=s.slice(w,I).map(o=>({id:o.id,groups:o.groups,meta:o.meta,payload:o.payload,locale:i,label:o.label?.[i],tags:o.tags?.[i],active:this.activeAssetIds.has(o.id)})),k=I<y?t+1:void 0;return{assets:v,currentPage:t,nextPage:k,total:y}}updateLabel(e,t,r){this.assets.forEach(i=>{i.id===e&&(i.label=i.label||{},i.label[r]=t)})}getAssetSelectValue(e){let t=this.assets.find(({id:r})=>r===e);if(t)return{id:t.id,label:t.label?.en||"",thumbUri:t.meta?.thumbUri}}getAsset(e){return this.assets.find(t=>t.id===e)}setAssetActive(e){this.activeAssetIds.add(e)}getActiveAssetIds(){return Array.from(this.activeAssetIds)}setAssetsActive(e){e.forEach(t=>this.activeAssetIds.add(t))}setAssetInactive(e){this.activeAssetIds.delete(e)}clearActiveAssets(){this.activeAssetIds.clear()}isAssetActive(e){return this.activeAssetIds.has(e)}addAsset(e){let t=this.assets.findIndex(r=>r.id===e.id);t>=0?this.assets[t]=e:this.assets.push(e)}removeAsset(e){let t=this.assets.findIndex(r=>r.id===e);t!==-1&&(this.assets.splice(t,1),this.activeAssetIds.delete(e))}async getGroups(){let e=new Set;return this.assets.forEach(t=>{t.groups&&t.groups.forEach(r=>e.add(r))}),Array.from(e)}getSupportedMimeTypes(){return["image/jpeg","image/png","image/svg+xml","image/webp","video/mp4","audio/mpeg"]}};var Dt=typeof global=="object"&&global&&global.Object===Object&&global,Ke=Dt,Ot=typeof self=="object"&&self&&self.Object===Object&&self,zt=Ke||Ot||Function("return this")(),S=zt,Rt=S.Symbol,M=Rt,Ye=Object.prototype,Ut=Ye.hasOwnProperty,Ft=Ye.toString,R=M?M.toStringTag:void 0;function Vt(e){var t=Ut.call(e,R),r=e[R];try{e[R]=void 0;var i=!0}catch{}var a=Ft.call(e);return i&&(t?e[R]=r:delete e[R]),a}var Bt=Vt,Gt=Object.prototype,Ht=Gt.toString;function qt(e){return Ht.call(e)}var Kt=qt,Yt="[object Null]",Zt="[object Undefined]",Pe=M?M.toStringTag:void 0;function Qt(e){return e==null?e===void 0?Zt:Yt:Pe&&Pe in Object(e)?Bt(e):Kt(e)}var B=Qt;function Wt(e){return e!=null&&typeof e=="object"}var ve=Wt,rl=Array.isArray;function Jt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ze=Jt,Xt="[object AsyncFunction]",er="[object Function]",tr="[object GeneratorFunction]",rr="[object Proxy]";function ir(e){if(!Ze(e))return!1;var t=B(e);return t==er||t==tr||t==Xt||t==rr}var nr=ir,or=S["__core-js_shared__"],pe=or,Te=function(){var e=/[^.]+$/.exec(pe&&pe.keys&&pe.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function ar(e){return!!Te&&Te in e}var sr=ar,lr=Function.prototype,ur=lr.toString;function cr(e){if(e!=null){try{return ur.call(e)}catch{}try{return e+""}catch{}}return""}var x=cr,dr=/[\\^$.*+?()[\]{}|]/g,pr=/^\[object .+?Constructor\]$/,gr=Function.prototype,mr=Object.prototype,fr=gr.toString,br=mr.hasOwnProperty,yr=RegExp("^"+fr.call(br).replace(dr,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function hr(e){if(!Ze(e)||sr(e))return!1;var t=nr(e)?yr:pr;return t.test(x(e))}var vr=hr;function wr(e,t){return e?.[t]}var kr=wr;function Ir(e,t){var r=kr(e,t);return vr(r)?r:void 0}var j=Ir,Sr=j(S,"WeakMap"),me=Sr;function Ar(e,t){return e===t||e!==e&&t!==t}var xr=Ar,Cr=9007199254740991;function Er(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Cr}var Mr=Er;var il=Object.prototype;var jr="[object Arguments]";function $r(e){return ve(e)&&B(e)==jr}var Ne=$r,Qe=Object.prototype,_r=Qe.hasOwnProperty,Lr=Qe.propertyIsEnumerable,nl=Ne(function(){return arguments}())?Ne:function(e){return ve(e)&&_r.call(e,"callee")&&!Lr.call(e,"callee")};var We=typeof exports=="object"&&exports&&!exports.nodeType&&exports,De=We&&typeof module=="object"&&module&&!module.nodeType&&module,Pr=De&&De.exports===We,Oe=Pr?S.Buffer:void 0,ol=Oe?Oe.isBuffer:void 0;var Tr="[object Arguments]",Nr="[object Array]",Dr="[object Boolean]",Or="[object Date]",zr="[object Error]",Rr="[object Function]",Ur="[object Map]",Fr="[object Number]",Vr="[object Object]",Br="[object RegExp]",Gr="[object Set]",Hr="[object String]",qr="[object WeakMap]",Kr="[object ArrayBuffer]",Yr="[object DataView]",Zr="[object Float32Array]",Qr="[object Float64Array]",Wr="[object Int8Array]",Jr="[object Int16Array]",Xr="[object Int32Array]",ei="[object Uint8Array]",ti="[object Uint8ClampedArray]",ri="[object Uint16Array]",ii="[object Uint32Array]",f={};f[Zr]=f[Qr]=f[Wr]=f[Jr]=f[Xr]=f[ei]=f[ti]=f[ri]=f[ii]=!0;f[Tr]=f[Nr]=f[Kr]=f[Dr]=f[Yr]=f[Or]=f[zr]=f[Rr]=f[Ur]=f[Fr]=f[Vr]=f[Br]=f[Gr]=f[Hr]=f[qr]=!1;function ni(e){return ve(e)&&Mr(e.length)&&!!f[B(e)]}var oi=ni;function ai(e){return function(t){return e(t)}}var si=ai,Je=typeof exports=="object"&&exports&&!exports.nodeType&&exports,U=Je&&typeof module=="object"&&module&&!module.nodeType&&module,li=U&&U.exports===Je,ge=li&&Ke.process,ui=function(){try{var e=U&&U.require&&U.require("util").types;return e||ge&&ge.binding&&ge.binding("util")}catch{}}(),ze=ui,Re=ze&&ze.isTypedArray,al=Re?si(Re):oi;var ci=Object.prototype,sl=ci.hasOwnProperty;function di(e,t){return function(r){return e(t(r))}}var pi=di,ll=pi(Object.keys,Object);var gi=Object.prototype,ul=gi.hasOwnProperty;var mi=j(Object,"create"),F=mi;function fi(){this.__data__=F?F(null):{},this.size=0}var bi=fi;function yi(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var hi=yi,vi="__lodash_hash_undefined__",wi=Object.prototype,ki=wi.hasOwnProperty;function Ii(e){var t=this.__data__;if(F){var r=t[e];return r===vi?void 0:r}return ki.call(t,e)?t[e]:void 0}var Si=Ii,Ai=Object.prototype,xi=Ai.hasOwnProperty;function Ci(e){var t=this.__data__;return F?t[e]!==void 0:xi.call(t,e)}var Ei=Ci,Mi="__lodash_hash_undefined__";function ji(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=F&&t===void 0?Mi:t,this}var $i=ji;function $(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}$.prototype.clear=bi;$.prototype.delete=hi;$.prototype.get=Si;$.prototype.has=Ei;$.prototype.set=$i;var Ue=$;function _i(){this.__data__=[],this.size=0}var Li=_i;function Pi(e,t){for(var r=e.length;r--;)if(xr(e[r][0],t))return r;return-1}var te=Pi,Ti=Array.prototype,Ni=Ti.splice;function Di(e){var t=this.__data__,r=te(t,e);if(r<0)return!1;var i=t.length-1;return r==i?t.pop():Ni.call(t,r,1),--this.size,!0}var Oi=Di;function zi(e){var t=this.__data__,r=te(t,e);return r<0?void 0:t[r][1]}var Ri=zi;function Ui(e){return te(this.__data__,e)>-1}var Fi=Ui;function Vi(e,t){var r=this.__data__,i=te(r,e);return i<0?(++this.size,r.push([e,t])):r[i][1]=t,this}var Bi=Vi;function _(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}_.prototype.clear=Li;_.prototype.delete=Oi;_.prototype.get=Ri;_.prototype.has=Fi;_.prototype.set=Bi;var re=_,Gi=j(S,"Map"),V=Gi;function Hi(){this.size=0,this.__data__={hash:new Ue,map:new(V||re),string:new Ue}}var qi=Hi;function Ki(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}var Yi=Ki;function Zi(e,t){var r=e.__data__;return Yi(t)?r[typeof t=="string"?"string":"hash"]:r.map}var ie=Zi;function Qi(e){var t=ie(this,e).delete(e);return this.size-=t?1:0,t}var Wi=Qi;function Ji(e){return ie(this,e).get(e)}var Xi=Ji;function en(e){return ie(this,e).has(e)}var tn=en;function rn(e,t){var r=ie(this,e),i=r.size;return r.set(e,t),this.size+=r.size==i?0:1,this}var nn=rn;function L(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}L.prototype.clear=qi;L.prototype.delete=Wi;L.prototype.get=Xi;L.prototype.has=tn;L.prototype.set=nn;var Xe=L;function on(){this.__data__=new re,this.size=0}var an=on;function sn(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}var ln=sn;function un(e){return this.__data__.get(e)}var cn=un;function dn(e){return this.__data__.has(e)}var pn=dn,gn=200;function mn(e,t){var r=this.__data__;if(r instanceof re){var i=r.__data__;if(!V||i.length<gn-1)return i.push([e,t]),this.size=++r.size,this;r=this.__data__=new Xe(i)}return r.set(e,t),this.size=r.size,this}var fn=mn;function G(e){var t=this.__data__=new re(e);this.size=t.size}G.prototype.clear=an;G.prototype.delete=ln;G.prototype.get=cn;G.prototype.has=pn;G.prototype.set=fn;var bn=Object.prototype,cl=bn.propertyIsEnumerable;var yn=j(S,"DataView"),fe=yn,hn=j(S,"Promise"),be=hn,vn=j(S,"Set"),ye=vn,Fe="[object Map]",wn="[object Object]",Ve="[object Promise]",Be="[object Set]",Ge="[object WeakMap]",He="[object DataView]",kn=x(fe),In=x(V),Sn=x(be),An=x(ye),xn=x(me),E=B;(fe&&E(new fe(new ArrayBuffer(1)))!=He||V&&E(new V)!=Fe||be&&E(be.resolve())!=Ve||ye&&E(new ye)!=Be||me&&E(new me)!=Ge)&&(E=function(e){var t=B(e),r=t==wn?e.constructor:void 0,i=r?x(r):"";if(i)switch(i){case kn:return He;case In:return Fe;case Sn:return Ve;case An:return Be;case xn:return Ge}return t});var dl=S.Uint8Array;var Cn="__lodash_hash_undefined__";function En(e){return this.__data__.set(e,Cn),this}var Mn=En;function jn(e){return this.__data__.has(e)}var $n=jn;function he(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new Xe;++t<r;)this.add(e[t])}he.prototype.add=he.prototype.push=Mn;he.prototype.has=$n;var qe=M?M.prototype:void 0,pl=qe?qe.valueOf:void 0;var _n=Object.prototype,gl=_n.hasOwnProperty;var Ln=Object.prototype,ml=Ln.hasOwnProperty;var fl=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,"i"),bl=new RegExp(/[A-Fa-f0-9]{1}/,"g"),yl=new RegExp(/[A-Fa-f0-9]{2}/,"g");function we(e){return{"image/png":"png","image/jpeg":"jpg","image/webp":"webp","image/gif":"gif","image/svg+xml":"svg"}[e]??"png"}async function H(e,t){if(e.startsWith("buffer:")){let r=await t.editor.getMimeType(e),i=t.editor.getBufferLength(e),a=t.editor.getBufferData(e,0,i),n=new Blob([a],{type:r});return URL.createObjectURL(n)}else return e}async function et(e,t){let r=await H(e,t);return new Promise((i,a)=>{let n=new Image;n.onload=()=>{i({width:n.width,height:n.height})},n.onerror=a,n.src=r})}async function tt(e,t,r){let i,a=t.block.getFill(e),n=t.block.getSourceSet(a,"fill/image/sourceSet"),[u]=n;if(u==null){if(i=t.block.getString(a,"fill/image/imageFileURI"),i==null)throw new Error("No image source/uri found")}else i=u.uri;if(r?.throwErrorIfSvg&&await t.editor.getMimeType(i)==="image/svg+xml")throw new Error("SVG images are not supported");return H(i,t)}function Pn(e){return e!==void 0}var ne=Pn;var oe={Formats:Nt};function Tn(e,t){let{cesdk:r}=t,i=t.propertyKey??"image_url",a=Ae(e);return r.i18n.setTranslations({en:{[`panel.${a}`]:"Select Image To Change"}}),Nn(e,r),{[i]:(n,u)=>{let{builder:l,experimental:{global:h},payload:p}=n,g=p?.url??t.defaultUrl,s=h(`${e}.${u.id}`,g);return l.MediaPreview(u.id,{preview:{type:"image",uri:s.value},action:{label:"Select Image",onClick:()=>{r?.ui.openPanel(a,{payload:{onSelect:y=>{y.meta?.uri!=null&&s.setValue(y.meta?.uri)}}})}}}),()=>({id:u.id,type:"string",value:s.value})}}}function Nn(e,t){t?.ui.registerPanel(Ae(e),({builder:r,payload:i})=>{r.Library(`${e}.library.image`,{entries:["ly.img.image"],onSelect:async a=>{let n=a?.meta?.uri;if(n==null)return;let u=await t.engine.editor.getMimeType(n);u==="image/svg+xml"?t.ui.showNotification({type:"warning",message:"SVG images are not supported. Please choose a different image."}):u.startsWith("image/")?(i?.onSelect(a),t?.ui.closePanel(Ae(e))):t.ui.showNotification({type:"warning",message:`Only images are supported. Found '${u}'. Please choose a different image.`})}})})}function Ae(e){return`ly.img.ai.${e}.imageSelection`}var Dn=Tn,On=class{constructor(e,t=[]){this.id=e,this.assets=t.map(r=>{if(typeof r.label=="string"&&!(r.label&&typeof r.label=="object")){let i=r;return{id:i.id,label:{en:i.label},meta:i.thumbUri?{...i.meta??{},thumbUri:i.thumbUri}:i.meta}}return r}),this.activeAssetIds=new Set}async findAssets(e){let{page:t,perPage:r,locale:i="en",sortActiveFirst:a,query:n,tags:u,groups:l,excludeGroups:h,sortingOrder:p,sortKey:g}=e,s=[...this.assets];if(l&&l.length>0&&(s=s.filter(o=>o.groups&&l.some(c=>o.groups?.includes(c)))),h&&h.length>0&&(s=s.filter(o=>!o.groups||!h.some(c=>o.groups?.includes(c)))),n){let o=n.toLowerCase();s=s.filter(c=>{let d=c.label?.[i]?.toLowerCase(),m=c.tags?.[i]||[];return d&&d.includes(o)||m.some(de=>de.toLowerCase().includes(o))})}if(u&&u.length>0){let o=Array.isArray(u)?u:[u];s=s.filter(c=>{let d=c.tags?.[i]||[];return o.some(m=>d.includes(m))})}a&&s.sort((o,c)=>{let d=this.activeAssetIds.has(o.id),m=this.activeAssetIds.has(c.id);return d&&!m?-1:!d&&m?1:0}),g&&g!=="id"?s.sort((o,c)=>{let d=o.meta?.[g],m=c.meta?.[g];return d===void 0?1:m===void 0?-1:typeof d=="string"&&typeof m=="string"?p==="Descending"?m.localeCompare(d):d.localeCompare(m):typeof d=="number"&&typeof m=="number"?p==="Descending"?m-d:d-m:0}):g==="id"&&s.sort((o,c)=>p==="Descending"?c.id.localeCompare(o.id):o.id.localeCompare(c.id));let y=s.length,w=t*r,I=w+r,v=s.slice(w,I).map(o=>({id:o.id,groups:o.groups,meta:o.meta,payload:o.payload,locale:i,label:o.label?.[i],tags:o.tags?.[i],active:this.activeAssetIds.has(o.id)})),k=I<y?t+1:void 0;return{assets:v,currentPage:t,nextPage:k,total:y}}updateLabel(e,t,r){this.assets.forEach(i=>{i.id===e&&(i.label=i.label||{},i.label[r]=t)})}getAssetSelectValue(e){let t=this.assets.find(({id:r})=>r===e);if(t)return{id:t.id,label:t.label?.en||"",thumbUri:t.meta?.thumbUri}}getAsset(e){return this.assets.find(t=>t.id===e)}setAssetActive(e){this.activeAssetIds.add(e)}getActiveAssetIds(){return Array.from(this.activeAssetIds)}setAssetsActive(e){e.forEach(t=>this.activeAssetIds.add(t))}setAssetInactive(e){this.activeAssetIds.delete(e)}clearActiveAssets(){this.activeAssetIds.clear()}isAssetActive(e){return this.activeAssetIds.has(e)}addAsset(e){let t=this.assets.findIndex(r=>r.id===e.id);t>=0?this.assets[t]=e:this.assets.push(e)}removeAsset(e){let t=this.assets.findIndex(r=>r.id===e);t!==-1&&(this.assets.splice(t,1),this.activeAssetIds.delete(e))}async getGroups(){let e=new Set;return this.assets.forEach(t=>{t.groups&&t.groups.forEach(r=>e.add(r))}),Array.from(e)}getSupportedMimeTypes(){return["image/jpeg","image/png","image/svg+xml","image/webp","video/mp4","audio/mpeg"]}};var zn=typeof global=="object"&&global&&global.Object===Object&&global,bt=zn,Rn=typeof self=="object"&&self&&self.Object===Object&&self,Un=bt||Rn||Function("return this")(),A=Un,Fn=A.Symbol,T=Fn,yt=Object.prototype,Vn=yt.hasOwnProperty,Bn=yt.toString,q=T?T.toStringTag:void 0;function Gn(e){var t=Vn.call(e,q),r=e[q];try{e[q]=void 0;var i=!0}catch{}var a=Bn.call(e);return i&&(t?e[q]=r:delete e[q]),a}var Hn=Gn,qn=Object.prototype,Kn=qn.toString;function Yn(e){return Kn.call(e)}var Zn=Yn,Qn="[object Null]",Wn="[object Undefined]",rt=T?T.toStringTag:void 0;function Jn(e){return e==null?e===void 0?Wn:Qn:rt&&rt in Object(e)?Hn(e):Zn(e)}var Q=Jn;function Xn(e){return e!=null&&typeof e=="object"}var $e=Xn,wl=Array.isArray;function eo(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var ht=eo,to="[object AsyncFunction]",ro="[object Function]",io="[object GeneratorFunction]",no="[object Proxy]";function oo(e){if(!ht(e))return!1;var t=Q(e);return t==ro||t==io||t==to||t==no}var ao=oo,so=A["__core-js_shared__"],ke=so,it=function(){var e=/[^.]+$/.exec(ke&&ke.keys&&ke.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function lo(e){return!!it&&it in e}var uo=lo,co=Function.prototype,po=co.toString;function go(e){if(e!=null){try{return po.call(e)}catch{}try{return e+""}catch{}}return""}var C=go,mo=/[\\^$.*+?()[\]{}|]/g,fo=/^\[object .+?Constructor\]$/,bo=Function.prototype,yo=Object.prototype,ho=bo.toString,vo=yo.hasOwnProperty,wo=RegExp("^"+ho.call(vo).replace(mo,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function ko(e){if(!ht(e)||uo(e))return!1;var t=ao(e)?wo:fo;return t.test(C(e))}var Io=ko;function So(e,t){return e?.[t]}var Ao=So;function xo(e,t){var r=Ao(e,t);return Io(r)?r:void 0}var N=xo,Co=N(A,"WeakMap"),xe=Co;function Eo(e,t){return e===t||e!==e&&t!==t}var Mo=Eo,jo=9007199254740991;function $o(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=jo}var _o=$o,kl=Object.prototype,Lo="[object Arguments]";function Po(e){return $e(e)&&Q(e)==Lo}var nt=Po,vt=Object.prototype,To=vt.hasOwnProperty,No=vt.propertyIsEnumerable,Il=nt(function(){return arguments}())?nt:function(e){return $e(e)&&To.call(e,"callee")&&!No.call(e,"callee")},wt=typeof exports=="object"&&exports&&!exports.nodeType&&exports,ot=wt&&typeof module=="object"&&module&&!module.nodeType&&module,Do=ot&&ot.exports===wt,at=Do?A.Buffer:void 0,Sl=at?at.isBuffer:void 0,Oo="[object Arguments]",zo="[object Array]",Ro="[object Boolean]",Uo="[object Date]",Fo="[object Error]",Vo="[object Function]",Bo="[object Map]",Go="[object Number]",Ho="[object Object]",qo="[object RegExp]",Ko="[object Set]",Yo="[object String]",Zo="[object WeakMap]",Qo="[object ArrayBuffer]",Wo="[object DataView]",Jo="[object Float32Array]",Xo="[object Float64Array]",ea="[object Int8Array]",ta="[object Int16Array]",ra="[object Int32Array]",ia="[object Uint8Array]",na="[object Uint8ClampedArray]",oa="[object Uint16Array]",aa="[object Uint32Array]",b={};b[Jo]=b[Xo]=b[ea]=b[ta]=b[ra]=b[ia]=b[na]=b[oa]=b[aa]=!0;b[Oo]=b[zo]=b[Qo]=b[Ro]=b[Wo]=b[Uo]=b[Fo]=b[Vo]=b[Bo]=b[Go]=b[Ho]=b[qo]=b[Ko]=b[Yo]=b[Zo]=!1;function sa(e){return $e(e)&&_o(e.length)&&!!b[Q(e)]}var la=sa;function ua(e){return function(t){return e(t)}}var ca=ua,kt=typeof exports=="object"&&exports&&!exports.nodeType&&exports,K=kt&&typeof module=="object"&&module&&!module.nodeType&&module,da=K&&K.exports===kt,Ie=da&&bt.process,pa=function(){try{var e=K&&K.require&&K.require("util").types;return e||Ie&&Ie.binding&&Ie.binding("util")}catch{}}(),st=pa,lt=st&&st.isTypedArray,Al=lt?ca(lt):la,ga=Object.prototype,xl=ga.hasOwnProperty;function ma(e,t){return function(r){return e(t(r))}}var fa=ma,Cl=fa(Object.keys,Object),ba=Object.prototype,El=ba.hasOwnProperty,ya=N(Object,"create"),Y=ya;function ha(){this.__data__=Y?Y(null):{},this.size=0}var va=ha;function wa(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var ka=wa,Ia="__lodash_hash_undefined__",Sa=Object.prototype,Aa=Sa.hasOwnProperty;function xa(e){var t=this.__data__;if(Y){var r=t[e];return r===Ia?void 0:r}return Aa.call(t,e)?t[e]:void 0}var Ca=xa,Ea=Object.prototype,Ma=Ea.hasOwnProperty;function ja(e){var t=this.__data__;return Y?t[e]!==void 0:Ma.call(t,e)}var $a=ja,_a="__lodash_hash_undefined__";function La(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Y&&t===void 0?_a:t,this}var Pa=La;function D(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}D.prototype.clear=va;D.prototype.delete=ka;D.prototype.get=Ca;D.prototype.has=$a;D.prototype.set=Pa;var ut=D;function Ta(){this.__data__=[],this.size=0}var Na=Ta;function Da(e,t){for(var r=e.length;r--;)if(Mo(e[r][0],t))return r;return-1}var ae=Da,Oa=Array.prototype,za=Oa.splice;function Ra(e){var t=this.__data__,r=ae(t,e);if(r<0)return!1;var i=t.length-1;return r==i?t.pop():za.call(t,r,1),--this.size,!0}var Ua=Ra;function Fa(e){var t=this.__data__,r=ae(t,e);return r<0?void 0:t[r][1]}var Va=Fa;function Ba(e){return ae(this.__data__,e)>-1}var Ga=Ba;function Ha(e,t){var r=this.__data__,i=ae(r,e);return i<0?(++this.size,r.push([e,t])):r[i][1]=t,this}var qa=Ha;function O(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}O.prototype.clear=Na;O.prototype.delete=Ua;O.prototype.get=Va;O.prototype.has=Ga;O.prototype.set=qa;var se=O,Ka=N(A,"Map"),Z=Ka;function Ya(){this.size=0,this.__data__={hash:new ut,map:new(Z||se),string:new ut}}var Za=Ya;function Qa(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}var Wa=Qa;function Ja(e,t){var r=e.__data__;return Wa(t)?r[typeof t=="string"?"string":"hash"]:r.map}var le=Ja;function Xa(e){var t=le(this,e).delete(e);return this.size-=t?1:0,t}var es=Xa;function ts(e){return le(this,e).get(e)}var rs=ts;function is(e){return le(this,e).has(e)}var ns=is;function os(e,t){var r=le(this,e),i=r.size;return r.set(e,t),this.size+=r.size==i?0:1,this}var as=os;function z(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var i=e[t];this.set(i[0],i[1])}}z.prototype.clear=Za;z.prototype.delete=es;z.prototype.get=rs;z.prototype.has=ns;z.prototype.set=as;var It=z;function ss(){this.__data__=new se,this.size=0}var ls=ss;function us(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}var cs=us;function ds(e){return this.__data__.get(e)}var ps=ds;function gs(e){return this.__data__.has(e)}var ms=gs,fs=200;function bs(e,t){var r=this.__data__;if(r instanceof se){var i=r.__data__;if(!Z||i.length<fs-1)return i.push([e,t]),this.size=++r.size,this;r=this.__data__=new It(i)}return r.set(e,t),this.size=r.size,this}var ys=bs;function W(e){var t=this.__data__=new se(e);this.size=t.size}W.prototype.clear=ls;W.prototype.delete=cs;W.prototype.get=ps;W.prototype.has=ms;W.prototype.set=ys;var hs=Object.prototype,Ml=hs.propertyIsEnumerable,vs=N(A,"DataView"),Ce=vs,ws=N(A,"Promise"),Ee=ws,ks=N(A,"Set"),Me=ks,ct="[object Map]",Is="[object Object]",dt="[object Promise]",pt="[object Set]",gt="[object WeakMap]",mt="[object DataView]",Ss=C(Ce),As=C(Z),xs=C(Ee),Cs=C(Me),Es=C(xe),P=Q;(Ce&&P(new Ce(new ArrayBuffer(1)))!=mt||Z&&P(new Z)!=ct||Ee&&P(Ee.resolve())!=dt||Me&&P(new Me)!=pt||xe&&P(new xe)!=gt)&&(P=function(e){var t=Q(e),r=t==Is?e.constructor:void 0,i=r?C(r):"";if(i)switch(i){case Ss:return mt;case As:return ct;case xs:return dt;case Cs:return pt;case Es:return gt}return t});var jl=A.Uint8Array,Ms="__lodash_hash_undefined__";function js(e){return this.__data__.set(e,Ms),this}var $s=js;function _s(e){return this.__data__.has(e)}var Ls=_s;function je(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new It;++t<r;)this.add(e[t])}je.prototype.add=je.prototype.push=$s;je.prototype.has=Ls;var ft=T?T.prototype:void 0,$l=ft?ft.valueOf:void 0,Ps=Object.prototype,_l=Ps.hasOwnProperty,Ts=Object.prototype,Ll=Ts.hasOwnProperty,Pl=new RegExp(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,"i"),Tl=new RegExp(/[A-Fa-f0-9]{1}/,"g"),Nl=new RegExp(/[A-Fa-f0-9]{2}/,"g");function Ns(e){return e!==void 0}var Ds=Ns;function Os(e,t){let{cesdk:r}=t;if(r==null)return{};let i=t.propertyKey??"style",a=Rs(e);r.i18n.setTranslations({en:{[`panel.${a}`]:"Select Style",[`${e}.${i}`]:"Style"}});let n=Fs({baseURL:t.baseURL??"https://cdn.img.ly/assets/plugins/plugin-ai-image-generation-web/v1/gpt-image-1/",includeNone:!0}),u=n;t.styles!=null&&(Array.isArray(t.styles)?u=t.styles:typeof t.styles=="function"&&(u=t.styles(n)));let l=Vs({cesdk:r,providerId:e,styles:u}),h=l.id;return Bs(l,{cesdk:r}),zs({providerId:e,cesdk:r,panelId:a,entryId:h}),{[t.propertyKeyForPrompt??"prompt"]:(p,g)=>{let s=p.state("prompt","");return p.builder.TextArea(`${g.id}`,{inputLabel:t.i18n?.prompt?.inputLabel??t.propertyKeyForPrompt??"prompt",placeholder:t.i18n?.prompt?.placeholder,...s}),()=>{let[y]=l.getActiveAssetIds(),w=l.getAsset(y);return{id:g.id,type:"string",value:w?.meta?.prompt==null?s.value:`${s.value}; ${w.meta.prompt}`}}},[i]:(p,g)=>{let{builder:s,state:y}=p;if(u.length>0){let w=y("style",u[0]);return s.Button(`${g.id}`,{inputLabel:`${e}.${g.id}`,icon:"@imgly/Appearance",isDisabled:u.length===0,trailingIcon:"@imgly/ChevronRight",label:w.value.label,labelAlignment:"left",onClick:()=>{let I={onSelect:async v=>{l.clearActiveAssets(),l.setAssetActive(v.id),w.setValue({id:v.id,label:v.label??v.id}),r.ui.closePanel(a)}};r.ui.openPanel(a,{payload:I})}}),()=>({id:g.id,type:"string",value:w.value.id})}return()=>({id:g.id,type:"string",value:"none"})}}}function zs(e){let{providerId:t,cesdk:r,panelId:i,entryId:a}=e;r?.ui.registerPanel(i,({builder:n,payload:u})=>{u?.onSelect==null&&n.Section(`${t}.error`,{children:()=>{n.Text("error",{content:"No onSelect function provided for the style selection panel."})}}),n.Library(`${t}.library.image`,{entries:[a],onSelect:async l=>{u?.onSelect?.(l)}})})}function Rs(e){return`ly.img.ai.${e}.styleSelection`}var Us=[{id:"none",label:"None",prompt:""},{id:"anime-celshaded",label:"Anime",prompt:"anime cel\u2011shaded, bright pastel palette, expressive eyes, clean line art "},{id:"cyberpunk-neon",label:"Cyberpunk",prompt:"cyberpunk cityscape, glowing neon signage, reflective puddles, dark atmosphere"},{id:"kodak-portra-400",label:"Kodak 400",prompt:"shot on Kodak Portra 400, soft grain, golden\u2011hour warmth, 35 mm photo"},{id:"watercolor-storybook",label:"Watercolor",prompt:"loose watercolor washes, gentle gradients, dreamy storybook feel"},{id:"dark-fantasy-realism",label:"Dark Fantasy",prompt:"dark fantasy realm, moody chiaroscuro lighting, hyper\u2011real textures"},{id:"vaporwave-retrofuturism",label:"Vaporwave",prompt:"retro\u2011futuristic vaporwave, pastel sunset gradient, chrome text, VHS scanlines"},{id:"minimal-vector-flat",label:"Vector Flat",prompt:"minimalist flat vector illustration, bold geometry, two\u2011tone palette"},{id:"pixarstyle-3d-render",label:"3D Animation",prompt:"Pixar\u2011style 3D render, oversized eyes, subtle subsurface scattering, cinematic lighting"},{id:"ukiyoe-woodblock",label:"Ukiyo\u2011e",prompt:"ukiyo\u2011e woodblock print, Edo\u2011period style, visible washi texture, limited color ink"},{id:"surreal-dreamscape",label:"Surreal",prompt:"surreal dreamscape, floating objects, impossible architecture, vivid clouds"},{id:"steampunk-victorian",label:"Steampunk",prompt:"Victorian steampunk world, ornate brass gears, leather attire, atmospheric fog"},{id:"nightstreet-photo-bokeh",label:"Night Bokeh",prompt:"night\u2011time street shot, large aperture bokeh lights, candid urban mood"},{id:"comicbook-pop-art",label:"Pop Art",prompt:"classic comic\u2011book panel, halftone shading, exaggerated action lines, CMYK pop colors"}];function Fs(e){return Us.map(t=>t.id==="none"?e.includeNone?{...t,thumbUri:`${e.baseURL}/thumbnails/None.svg`}:void 0:{...t,thumbUri:`${e.baseURL}/thumbnails/${t.id}.jpeg`}).filter(Ds)}var Vs=e=>{let t=e.styles.map(u=>({...u,meta:{prompt:u.prompt}})),r=e.cesdk.engine.asset.findAllSources(),i=`${e.providerId}/styles`;for(;r.includes(i);)i+=`-${Math.random().toString(36).substring(2,5)}`;let a=new On(i,t),n=e.styles[0];return a.setAssetActive(n.id),a},Bs=(e,t)=>{t.cesdk.engine.asset.addSource(e),t.cesdk.ui.addAssetLibraryEntry({id:e.id,sourceIds:[e.id],gridItemHeight:"square",gridBackgroundType:"cover",cardLabel:({label:r})=>r,cardLabelPosition:()=>"below"})},Gs=Os;var St=class At{constructor(){this.actions=new Map,this.subscribers=new Map}static get(){let t="__imgly_action_registry__",r=typeof window<"u"?window:globalThis;return r[t]||(r[t]=new At),r[t]}register(t){return this.actions.set(t.id,t),this.notifySubscribers(t,"registered"),()=>{this.actions.get(t.id)===t&&(this.actions.delete(t.id),this.notifySubscribers(t,"unregistered"))}}getAll(){return Array.from(this.actions.values())}getBy(t){return this.getAll().filter(r=>this.matchesFilters(r,t))}subscribe(t){return this.subscribers.set(t,null),()=>{this.subscribers.delete(t)}}subscribeBy(t,r){return this.subscribers.set(r,t),()=>{this.subscribers.delete(r)}}notifySubscribers(t,r){this.subscribers.forEach((i,a)=>{if(i===null){a(t,r);return}this.matchesFilters(t,i)&&a(t,r)})}matchesFilters(t,r){return!(r.type&&t.type!==r.type||r.pluginId&&t.type==="plugin"&&t.pluginId!==r.pluginId||r.id&&t.id!==r.id||r.kind&&(t.type!=="quick"||t.kind!==r.kind))}};var Hs="ly.img.ai";function J(e){return`${Hs}.${e}`}function qs(){return({engine:e})=>{let t=e.block.findAllSelected();if(t==null||t.length!==1)return!1;let[r]=t;if(!e.block.supportsFill(r)||e.block.getKind(r)==="sticker"||!["//ly.img.ubq/graphic","//ly.img.ubq/page"].includes(e.block.getType(r)))return!1;let i=e.block.getFill(r);return e.block.getType(i)==="//ly.img.ubq/fill/image"}}var xt=qs;var Se="@imgly/plugin-ai-generation",Dl=`
<svg>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="@imgly/Sparkle"
>
<path d="M5.35545 2.06745C5.24149 1.72556 4.7579 1.72556 4.64394 2.06745L4.05898 3.82232C4.02166 3.93429 3.9338 4.02215 3.82184 4.05948L2.06694 4.64459C1.72506 4.75858 1.72509 5.24217 2.06699 5.3561L3.82179 5.9409C3.93378 5.97822 4.02166 6.06609 4.05899 6.17808L4.64394 7.93291C4.7579 8.2748 5.24149 8.2748 5.35545 7.93291L5.9404 6.17806C5.97773 6.06608 6.06559 5.97821 6.17757 5.94089L7.93242 5.35594C8.27431 5.24198 8.27431 4.75839 7.93242 4.64442L6.17757 4.05947C6.06559 4.02215 5.97773 3.93428 5.9404 3.8223L5.35545 2.06745Z" fill="currentColor"/>
<path d="M17.9632 3.23614C17.8026 2.80788 17.1968 2.80788 17.0362 3.23614L16.0787 5.78951C16.0285 5.92337 15.9229 6.02899 15.789 6.07918L13.2356 7.0367C12.8074 7.19729 12.8074 7.80307 13.2356 7.96366L15.789 8.92118C15.9229 8.97138 16.0285 9.077 16.0787 9.21085L17.0362 11.7642C17.1968 12.1925 17.8026 12.1925 17.9632 11.7642L18.9207 9.21086C18.9709 9.077 19.0765 8.97138 19.2104 8.92118L21.7637 7.96366C22.192 7.80307 22.192 7.1973 21.7637 7.0367L19.2104 6.07918C19.0765 6.02899 18.9709 5.92337 18.9207 5.78951L17.9632 3.23614Z" fill="currentColor"/>
<path d="M9.30058 7.82012C9.54712 7.1791 10.454 7.1791 10.7006 7.82012L12.3809 12.189C12.4571 12.3871 12.6136 12.5436 12.8117 12.6198L17.1806 14.3001C17.8216 14.5466 17.8216 15.4536 17.1806 15.7001L12.8117 17.3804C12.6136 17.4566 12.4571 17.6131 12.3809 17.8112L10.7006 22.1801C10.454 22.8211 9.54712 22.8211 9.30058 22.1801L7.62024 17.8112C7.54406 17.6131 7.38754 17.4566 7.18947 17.3804L2.82061 15.7001C2.17959 15.4536 2.17959 14.5466 2.82061 14.3001L7.18947 12.6198C7.38754 12.5436 7.54406 12.3871 7.62024 12.189L9.30058 7.82012Z" fill="currentColor"/>
</symbol>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="${Se}/image"
>
<path d="M3 16.5V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3L17.999 5C18.5513 5 19 5.44772 19 6V18C19 18.5523 18.5523 19 18 19H6C5.44772 19 5 18.5523 5 18V16.5H3Z" fill="currentColor"/>
<path d="M13.0982 0.884877C12.9734 0.568323 12.5254 0.568322 12.4005 0.884876L11.7485 2.53819C11.7104 2.63483 11.6339 2.71134 11.5372 2.74945L9.8839 3.40151C9.56735 3.52636 9.56734 3.97436 9.8839 4.09921L11.5372 4.75126C11.6339 4.78938 11.7104 4.86588 11.7485 4.96253L12.4005 6.61584C12.5254 6.93239 12.9734 6.9324 13.0982 6.61584L13.7503 4.96253C13.7884 4.86588 13.8649 4.78938 13.9616 4.75126L15.6149 4.09921C15.9314 3.97436 15.9314 3.52636 15.6149 3.40151L13.9616 2.74945C13.8649 2.71134 13.7884 2.63483 13.7503 2.53819L13.0982 0.884877Z" fill="currentColor"/>
<path d="M6.40053 5.38488C6.52538 5.06832 6.97338 5.06832 7.09823 5.38488L8.17455 8.11392C8.21267 8.21057 8.28917 8.28707 8.38582 8.32519L11.1149 9.40151C11.4314 9.52636 11.4314 9.97436 11.1149 10.0992L8.38582 11.1755C8.28917 11.2136 8.21267 11.2901 8.17455 11.3868L7.09823 14.1158C6.97338 14.4324 6.52538 14.4324 6.40053 14.1158L5.32421 11.3868C5.2861 11.2901 5.20959 11.2136 5.11295 11.1755L2.3839 10.0992C2.06735 9.97436 2.06735 9.52636 2.3839 9.40151L5.11295 8.32519C5.20959 8.28707 5.2861 8.21057 5.32421 8.11392L6.40053 5.38488Z" fill="currentColor"/>
<path d="M18.9994 16.5008V18.0004C18.9994 18.5526 18.5517 19.0004 17.9994 19.0004H9.33302L14.3753 11.4369C14.6722 10.9916 15.3266 10.9916 15.6234 11.4369L18.9994 16.5008Z" fill="currentColor"/>
</symbol>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="${Se}/video"
>
<path d="M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V16.5H19V18C19 18.5523 18.5523 19 18 19H6C5.44772 19 5 18.5523 5 18V6C5 5.44772 5.44772 5 6 5V3Z" fill="currentColor"/>
<path d="M10.9025 0.8839C11.0273 0.567345 11.4753 0.567346 11.6002 0.883901L12.2522 2.53721C12.2904 2.63386 12.3669 2.71036 12.4635 2.74848L14.1168 3.40053C14.4334 3.52538 14.4334 3.97338 14.1168 4.09823L12.4635 4.75029C12.3669 4.7884 12.2904 4.86491 12.2522 4.96155L11.6002 6.61486C11.4753 6.93142 11.0273 6.93142 10.9025 6.61486L10.2504 4.96155C10.2123 4.86491 10.1358 4.7884 10.0392 4.75029L8.38585 4.09823C8.0693 3.97338 8.0693 3.52538 8.38585 3.40053L10.0392 2.74848C10.1358 2.71036 10.2123 2.63386 10.2504 2.53721L10.9025 0.8839Z" fill="currentColor"/>
<path d="M18.9019 3.3845C19.0267 3.06795 19.4747 3.06795 19.5996 3.3845L20.6759 6.11355C20.714 6.2102 20.7905 6.2867 20.8872 6.32482L23.6162 7.40114C23.9328 7.52598 23.9328 7.97399 23.6162 8.09883L20.8872 9.17515C20.7905 9.21327 20.714 9.28977 20.6759 9.38642L19.5996 12.1155C19.4747 12.432 19.0267 12.432 18.9019 12.1155L17.8255 9.38642C17.7874 9.28977 17.7109 9.21327 17.6143 9.17515L14.8852 8.09883C14.5687 7.97399 14.5687 7.52598 14.8852 7.40114L17.6143 6.32482C17.7109 6.2867 17.7874 6.2102 17.8255 6.11355L18.9019 3.3845Z" fill="currentColor"/>
<path d="M14.9994 13.2862C15.5089 12.8859 15.5089 12.1141 14.9995 11.7137L10.618 8.27047C9.96188 7.75485 9.00011 8.22225 9.00011 9.05673L9.00011 15.9429C9.00011 16.7773 9.96185 17.2448 10.618 16.7292L14.9994 13.2862Z" fill="currentColor"/>
</symbol>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="${Se}/audio"
>
<path d="M6 3.80273C4.2066 4.84016 3 6.77919 3 9.00004V12.8153C3 15.931 5.39501 18.4873 8.44444 18.7436V20.9645C8.44444 22.2198 9.89427 22.9198 10.8773 22.1392L15.1265 18.7647H15.5C17.8285 18.7647 19.8472 17.4384 20.8417 15.5H18.4187C17.6889 16.2784 16.6512 16.7647 15.5 16.7647H14.9522C14.6134 16.7647 14.2846 16.8794 14.0193 17.0901L10.4444 19.929V18.2597C10.4444 17.4341 9.77513 16.7647 8.9495 16.7647C7.80494 16.7647 6.77409 16.2779 6.05276 15.5H6V15.4419C5.37798 14.7439 5 13.8237 5 12.8153V9.00004C5 7.98559 5.37764 7.05935 6 6.35422V3.80273Z" fill="currentColor"/>
<path d="M11.6002 1.8839C11.4753 1.56735 11.0273 1.56735 10.9025 1.8839L10.2504 3.53721C10.2123 3.63386 10.1358 3.71036 10.0392 3.74848L8.38585 4.40053C8.0693 4.52538 8.0693 4.97338 8.38585 5.09823L10.0392 5.75029C10.1358 5.7884 10.2123 5.86491 10.2504 5.96155L10.9025 7.61486C11.0273 7.93142 11.4753 7.93142 11.6002 7.61486L12.2522 5.96155C12.2904 5.86491 12.3669 5.7884 12.4635 5.75029L14.1168 5.09823C14.4334 4.97338 14.4334 4.52538 14.1168 4.40053L12.4635 3.74848C12.3669 3.71036 12.2904 3.63386 12.2522 3.53721L11.6002 1.8839Z" fill="currentColor"/>
<path d="M19.5996 4.3845C19.4747 4.06795 19.0267 4.06795 18.9019 4.3845L17.8255 7.11355C17.7874 7.2102 17.7109 7.2867 17.6143 7.32482L14.8852 8.40114C14.5687 8.52598 14.5687 8.97399 14.8852 9.09883L17.6143 10.1752C17.7109 10.2133 17.7874 10.2898 17.8255 10.3864L18.9019 13.1155C19.0267 13.432 19.4747 13.432 19.5996 13.1155L20.6759 10.3864C20.714 10.2898 20.7905 10.2133 20.8872 10.1752L23.6162 9.09883C23.9328 8.97399 23.9328 8.52598 23.6162 8.40114L20.8872 7.32482C20.7905 7.2867 20.714 7.2102 20.6759 7.11355L19.5996 4.3845Z" fill="currentColor"/>
</symbol>
<symbol
fill="none"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
id="@imgly/MixingPlate"
>
<path d="M9.75 9C10.5784 9 11.25 8.32843 11.25 7.5C11.25 6.67157 10.5784 6 9.75 6C8.92157 6 8.25 6.67157 8.25 7.5C8.25 8.32843 8.92157 9 9.75 9Z" fill="currentColor"/>
<path d="M7 13C7.82843 13 8.5 12.3284 8.5 11.5C8.5 10.6716 7.82843 10 7 10C6.17157 10 5.5 10.6716 5.5 11.5C5.5 12.3284 6.17157 13 7 13Z" fill="currentColor"/>
<path d="M15.75 7.5C15.75 8.32843 15.0784 9 14.25 9C13.4216 9 12.75 8.32843 12.75 7.5C12.75 6.67157 13.4216 6 14.25 6C15.0784 6 15.75 6.67157 15.75 7.5Z" fill="currentColor"/>
<path d="M17 13C17.8284 13 18.5 12.3284 18.5 11.5C18.5 10.6716 17.8284 10 17 10C16.1716 10 15.5 10.6716 15.5 11.5C15.5 12.3284 16.1716 13 17 13Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26309 2.77709C10.6681 1.77921 13.4829 1.7322 15.9209 2.64297C18.1572 3.47923 20.0876 5.09285 21.1766 7.28598C22.3395 9.62772 22.4889 13.1077 20.3864 15.2982C19.2693 16.4621 17.7657 16.9982 16.0026 16.9997C15.7897 16.9997 15.5555 16.9864 15.3497 16.9745C15.309 16.9722 15.2694 16.9699 15.2313 16.9679C14.9817 16.9542 14.761 16.9455 14.5569 16.9539C14.124 16.9718 13.9598 17.0612 13.89 17.1324C13.718 17.3081 13.6946 17.6672 13.8854 17.8895C14.2899 18.3608 14.5016 18.9277 14.5016 19.5497C14.5016 20.2206 14.3086 20.9011 13.7542 21.3896C13.2471 21.837 12.6082 21.9997 11.9635 21.9997C10.6049 21.9997 9.31155 21.7367 8.0934 21.2067C6.89058 20.6831 5.84501 19.9687 4.94363 19.0666C4.04281 18.1651 3.31836 17.107 2.79369 15.8978C1.72761 13.4409 1.72662 10.5261 2.81247 8.07034C3.88024 5.65548 5.84206 3.78161 8.26309 2.77709ZM15.2207 4.51639C13.2556 3.78239 10.9651 3.82132 9.02956 4.62439C7.06888 5.43791 5.49559 6.94785 4.64163 8.87914C3.78373 10.8194 3.78253 13.1522 4.62841 15.1017C5.05312 16.0805 5.63511 16.9291 6.35838 17.6529C7.08102 18.3761 7.91671 18.9484 8.89123 19.3728C9.8492 19.7895 10.87 19.9997 11.9635 19.9997C12.2815 19.9997 12.394 19.9225 12.431 19.8899L12.4319 19.8891C12.4367 19.8849 12.4487 19.8743 12.4631 19.8359C12.4799 19.7911 12.5016 19.7024 12.5016 19.5497C12.5016 19.4091 12.4633 19.3034 12.3677 19.192C11.5353 18.222 11.5272 16.6868 12.4611 15.7331C13.0741 15.1071 13.8844 14.98 14.4745 14.9556C14.7819 14.943 15.085 14.9568 15.3409 14.9709C15.3906 14.9736 15.4379 14.9763 15.4832 14.9788C15.6876 14.9904 15.8508 14.9997 16.0009 14.9997C17.3405 14.9986 18.2792 14.6054 18.9435 13.9133C20.2633 12.5382 20.3186 10.055 19.3853 8.1755C18.5436 6.48051 17.0293 5.19281 15.2207 4.51639Z" fill="currentColor"/>
</symbol>
</svg>
`;var Ct={ImageUrl:Dn,StyleTransfer:Gs};var Et={openapi:"3.0.0",components:{schemas:{GptImage1Input:{title:"TextToImageInput",type:"object",properties:{prompt:{title:"Prompt",type:"string","x-imgly-builder":{component:"TextArea"}},style:{title:"Style",type:"string",description:"The style of the generated images."},size:{enum:["1024x1024","1536x1024","1024x1536"],type:"string",title:"Format",default:"1024x1024","x-imgly-enum-labels":{"1024x1024":"Square","1536x1024":"Landscape","1024x1536":"Portrait"},"x-imgly-enum-icons":{"1024x1024":"@imgly/plugin/formats/ratio1by1","1024x1536":"@imgly/plugin/formats/ratio3by4","1536x1024":"@imgly/plugin/formats/ratio4by3"}},background:{enum:["auto","transparent","opaque"],type:"string",title:"Background",default:"auto","x-imgly-enum-labels":{auto:"Auto",transparent:"Transparent",opaque:"Opaque"}}},"x-order-properties":["prompt","style","size","background"],required:["prompt"]}}}};function ue(e,t){let r=e.split(",")[1]||e,i=atob(r),a=[];for(let l=0;l<i.length;l++)a.push(i.charCodeAt(l));let n=new Uint8Array(a);return new Blob([n],{type:t})}var X=[{id:"none",label:"None",prompt:""},{id:"anime-celshaded",label:"Anime",prompt:"anime cel\u2011shaded, bright pastel palette, expressive eyes, clean line art "},{id:"cyberpunk-neon",label:"Cyberpunk",prompt:"cyberpunk cityscape, glowing neon signage, reflective puddles, dark atmosphere"},{id:"kodak-portra-400",label:"Kodak 400",prompt:"shot on Kodak Portra 400, soft grain, golden\u2011hour warmth, 35 mm photo"},{id:"watercolor-storybook",label:"Watercolor",prompt:"loose watercolor washes, gentle gradients, dreamy storybook feel"},{id:"dark-fantasy-realism",label:"Dark Fantasy",prompt:"dark fantasy realm, moody chiaroscuro lighting, hyper\u2011real textures"},{id:"vaporwave-retrofuturism",label:"Vaporwave",prompt:"retro\u2011futuristic vaporwave, pastel sunset gradient, chrome text, VHS scanlines"},{id:"minimal-vector-flat",label:"Vector Flat",prompt:"minimalist flat vector illustration, bold geometry, two\u2011tone palette"},{id:"pixarstyle-3d-render",label:"3D Animation",prompt:"Pixar\u2011style 3D render, oversized eyes, subtle subsurface scattering, cinematic lighting"},{id:"ukiyoe-woodblock",label:"Ukiyo\u2011e",prompt:"ukiyo\u2011e woodblock print, Edo\u2011period style, visible washi texture, limited color ink"},{id:"surreal-dreamscape",label:"Surreal",prompt:"surreal dreamscape, floating objects, impossible architecture, vivid clouds"},{id:"steampunk-victorian",label:"Steampunk",prompt:"Victorian steampunk world, ornate brass gears, leather attire, atmospheric fog"},{id:"nightstreet-photo-bokeh",label:"Night Bokeh",prompt:"night\u2011time street shot, large aperture bokeh lights, candid urban mood"},{id:"comicbook-pop-art",label:"Pop Art",prompt:"classic comic\u2011book panel, halftone shading, exaggerated action lines, CMYK pop colors"}],Mt=(e,t)=>{let r=X.map(n=>n.id==="none"?t.includeNone?{id:n.id,label:n.label,thumbUri:`${t.baseURL}/thumbnails/None.svg`}:void 0:{id:n.id,label:n.label,thumbUri:`${t.baseURL}/thumbnails/${n.id}.jpeg`}).filter(ne),i=new ee(e,r),a=X[0];return i.setAssetActive(a.id),i},jt=(e,t)=>{t.cesdk.engine.asset.addSource(e),t.cesdk.ui.addAssetLibraryEntry({id:e.id,sourceIds:[e.id],gridItemHeight:"square",gridBackgroundType:"cover",cardLabel:({label:r})=>r,cardLabelPosition:()=>"below"})};function $t(e){return async({cesdk:t})=>Ys(t,e)}function Ys(e,t){let r="open-ai/gpt-image-1/text2image",i="https://cdn.img.ly/assets/plugins/plugin-ai-image-generation-web/v1/gpt-image-1/",a=`${r}/styles`,n=Mt(a,{baseURL:i,includeNone:!0});return jt(n,{cesdk:e}),e.ui.registerPanel(`${J(r)}.styleSelection`,({builder:l,payload:h})=>{if(h==null)return null;l.Library(`${r}.library.style`,{entries:[a],onSelect:async p=>{h.onSelect(p)}})}),e.ui.addIconSet("@imgly/plugin/formats",oe.Formats),e.i18n.setTranslations({en:{[`panel.${J(r)}.styleSelection`]:"Style Selection","panel.gpt-image-1.imageSelection":"Select Image To Change"}}),{id:"open-ai/gpt-image-1/text2image",kind:"image",name:"GPT Image 1",input:{panel:{type:"schema",document:Et,inputReference:"#/components/schemas/GptImage1Input",includeHistoryLibrary:!0,orderExtensionKeyword:"x-order-properties",renderCustomProperty:{style:({builder:l,state:h},p)=>{let g=h("style",n.getAssetSelectValue(n.getActiveAssetIds()[0])??X[0]);return l.Button(`${p.id}`,{inputLabel:[`ly.img.plugin-ai-image-generation-web.${r}.property.${p.id}`,`ly.img.plugin-ai-generation-web.property.${p.id}`,`ly.img.plugin-ai-image-generation-web.${r}.defaults.property.${p.id}`,`ly.img.plugin-ai-generation-web.defaults.property.${p.id}`],icon:"@imgly/Appearance",trailingIcon:"@imgly/ChevronRight",label:g.value.label,labelAlignment:"left",onClick:()=>{let s={onSelect:async y=>{let w={id:y.id,label:y.label??y.id};n.clearActiveAssets(),n.setAssetActive(y.id),g.setValue(w),e.ui.closePanel(`${J(r)}.styleSelection`)}};e.ui.openPanel(`${J(r)}.styleSelection`,{payload:s})}}),()=>({id:p.id,type:"string",value:g.value.id??n.getActiveAssetIds()[0]})}},getBlockInput:l=>{switch(l.size){case"auto":return Promise.resolve({image:{width:512,height:512}});case"1024x1024":return Promise.resolve({image:{width:1024,height:1024}});case"1536x1024":return Promise.resolve({image:{width:1536,height:1024}});case"1024x1536":return Promise.resolve({image:{width:1024,height:1536}});default:throw new Error("Invalid image size")}},userFlow:"placeholder"}},output:{abortable:!0,history:"@imgly/indexedDB",middleware:t.middlewares??t.middleware??[],generate:async(l,{abortSignal:h})=>{let p=X.find(c=>c.id===l.style),g=l.prompt;p!=null&&p.id!=="none"&&p.prompt&&(g=`${g}, ${p.prompt}`);let s=e.ui.experimental.hasGlobalStateValue("OPENAI_API_KEY"),y=s?"https://api.openai.com/v1":t.proxyUrl,v=(await(await fetch(`${y}/images/generations`,{signal:h,method:"POST",headers:s?{Authorization:`Bearer ${e.ui.experimental.getGlobalStateValue("OPENAI_API_KEY")}`,"Content-Type":"application/json",...t.headers??{}}:{"Content-Type":"application/json",...t.headers??{}},body:JSON.stringify({model:"gpt-image-1",prompt:g,n:1,size:l.size,background:l.background})})).json()).data?.[0].b64_json;if(v==null)throw new Error("No image data returned");let k=ue(v,"image/png");return{kind:"image",url:URL.createObjectURL(k)}}}}}var _t={openapi:"3.0.0",components:{schemas:{GptImage1Input:{title:"ImageToImageInput",type:"object",properties:{prompt:{title:"Prompt",type:"string","x-imgly-builder":{component:"TextArea"}},image_url:{title:"Image Url",type:"string",description:"Optional URL of an input image for editing."}},"x-order-properties":["image_url","prompt","background"],required:["image_url","prompt"]}}}};import{MimeType as Xs}from"@cesdk/cesdk-js";var Lt="gpt-image-1.changeStyleLibrary",_e=`ly.img.${Lt}`,ce=`ly.img.plugin-ai-image-generation-web.quickAction.${Lt}`,Le=[{id:"none",label:"None",prompt:""},{id:"anime-celshaded",label:"Anime",prompt:"anime cel\u2011shaded, bright pastel palette, expressive eyes, clean line art "},{id:"cyberpunk-neon",label:"Cyberpunk",prompt:"cyberpunk cityscape, glowing neon signage, reflective puddles, dark atmosphere"},{id:"kodak-portra-400",label:"Kodak 400",prompt:"shot on Kodak Portra 400, soft grain, golden\u2011hour warmth, 35 mm photo"},{id:"watercolor-storybook",label:"Watercolor",prompt:"loose watercolor washes, gentle gradients, dreamy storybook feel"},{id:"dark-fantasy-realism",label:"Dark Fantasy",prompt:"dark fantasy realm, moody chiaroscuro lighting, hyper\u2011real textures"},{id:"vaporw