https://static.lightxeditor.com/web/3600.7159318bcea18138.js

1"use strict";(self.webpackChunklightx=self.webpackChunklightx||[]).push([[3600],{23600:(z,u,r)=>{r.d(u,{I:()=>H});var l=r(16478),n=r(16471),g=r(79774),e=r(54438),f=r(630),y=r(68287),P=r(80006),b=r(6755),v=r(11497),x=r(45975),T=r(74983),I=r(88704),c=r(60177),_=r(84341),M=r(74710),C=r(68064),E=r(30586),R=r(77616);const B=s=>({background:s}),O=s=>({"mx-auto w-100 ps-3":s}),U=s=>[s],k=s=>({"pe-3 pt-5":s}),V=s=>({"pt-5 pb-5":s}),h=s=>({"bottom-upload":s}),S=(s,m)=>({invalid:s,"border-active":m}),Y=s=>({"d-none":s});function j(s,m){if(1&s&&(e.j41(0,"div",21)(1,"p",22),e.EFF(2),e.k0s()()),2&s){const t=e.XpG(2);e.R7$(2),e.SpI("",t.area.desc1," ")}}function D(s,m){if(1&s&&(e.j41(0,"div",17)(1,"div",18)(2,"h1",19),e.EFF(3),e.k0s()(),e.DNE(4,j,3,1,"div",20),e.k0s()),2&s){const t=e.XpG();e.R7$(3),e.SpI("",t.area.title," "),e.R7$(),e.Y8G("ngIf",t.area.desc1)}}function N(s,m){if(1&s){const t=e.RV6();e.j41(0,"div",27)(1,"button",28),e.bIt("click",function(){e.eBV(t),e.XpG();const a=e.sdS(4),o=e.XpG();return e.Njj(o.genOrUploadClick(a))}),e.EFF(2),e.k0s()()}if(2&s){const t=m.$implicit;e.R7$(2),e.JRh(null==t?null:t.text)}}function G(s,m){if(1&s){const t=e.RV6();e.j41(0,"div",31)(1,"picture"),e.nrm(2,"source",32),e.nI1(3,"imgwebp"),e.j41(4,"img",33),e.bIt("click",function(){const a=e.eBV(t).$implicit,o=e.XpG(4);return e.Njj(o.loadInputImage(a.url))}),e.k0s()()()}if(2&s){const t=m.$implicit;e.R7$(2),e.FS9("srcset",e.bMT(3,2,t.thumbUrl||t.url)),e.R7$(2),e.Y8G("src",t.thumbUrl||t.url,e.B4B)}}function $(s,m){if(1&s&&(e.qex(0),e.j41(1,"span",29),e.EFF(2),e.k0s(),e.DNE(3,G,5,4,"div",30),e.bVm()),2&s){const t=e.XpG().$implicit;e.R7$(2),e.JRh(null==t?null:t.textBelow),e.R7$(),e.Y8G("ngForOf",null==t?null:t.urls)}}function w(s,m){if(1&s&&(e.j41(0,"div",27),e.DNE(1,$,4,2,"ng-container",11),e.k0s()),2&s){const t=m.$implicit;e.R7$(),e.Y8G("ngIf",null==t?null:t.urls)}}function L(s,m){if(1&s){const t=e.RV6();e.qex(0),e.j41(1,"div",23),e.DNE(2,N,3,1,"div",24),e.j41(3,"input",25,1),e.bIt("change",function(a){e.eBV(t);const o=e.XpG();return e.Njj(o.onFileUploaded(a.srcElement.files))})("click",function(){e.eBV(t);const a=e.sdS(4);return e.Njj(a.value="")}),e.k0s()(),e.j41(5,"div",26),e.DNE(6,w,2,1,"div",24),e.k0s(),e.bVm()}if(2&s){const t=e.XpG();e.R7$(),e.Y8G("ngClass",e.eq3(5,h,t.area.desc1)),e.R7$(),e.Y8G("ngForOf",null==t.area?null:t.area.links),e.R7$(),e.Y8G("accept",t.accept)("multiple",t.multiple),e.R7$(3),e.Y8G("ngForOf",null==t.area?null:t.area.links)}}function Q(s,m){if(1&s){const t=e.RV6();e.qex(0,34),e.j41(1,"div",35)(2,"div",36)(3,"div",37)(4,"input",38),e.bIt("keyup.enter",function(){e.eBV(t);const a=e.XpG();return e.Njj(a.generatePrompt())}),e.mxI("ngModelChange",function(a){e.eBV(t);const o=e.XpG();return e.DH7(o.customPrompt,a)||(o.customPrompt=a),e.Njj(a)}),e.k0s(),e.j41(5,"div",39)(6,"span",40),e.EFF(7),e.k0s()()(),e.j41(8,"div",41)(9,"button",42),e.bIt("click",function(){e.eBV(t);const a=e.XpG();return e.Njj(a.generatePrompt())}),e.EFF(10),e.k0s()()()(),e.bVm()}if(2&s){const t=e.XpG();e.R7$(),e.Y8G("ngClass",e.eq3(8,h,t.area.desc1)),e.R7$(3),e.R50("ngModel",t.customPrompt),e.Y8G("placeholder",t.area.metadata.placeholder)("ngClass",e.l_i(10,S,t.customPrompt.length>449,t.customPrompt.length>0)),e.R7$(),e.Y8G("ngClass",e.eq3(13,Y,t.customPrompt.length<401)),e.R7$(),e.Y8G("ngClass",t.customPrompt.length>449?"text-red":"grey-300"),e.R7$(),e.SpI("",t.customPrompt.length,"/450"),e.R7$(3),e.JRh(null==t.link?null:t.link.text)}}function F(s,m){if(1&s&&e.nrm(0,"img",43),2&s){const t=e.XpG();e.Y8G("alt",t.getAltText(t.area))("src",t.getImgUrl(t.area),e.B4B)}}function A(s,m){if(1&s&&(e.qex(0),e.j41(1,"video",44),e.nrm(2,"source",45)(3,"source",46),e.k0s(),e.bVm()),2&s){const t=e.XpG();e.R7$(),e.Y8G("muted","muted"),e.R7$(),e.Y8G("src",t.getVideoUrl(t.area,"mp4"),e.B4B),e.R7$(),e.Y8G("src",t.getVideoUrl(t.area,"webm"),e.B4B)}}let H=(()=>{var s;class m{constructor(i,a,o,d,p,X,W,K){this.createPopupService=i,this.env=a,this.aiUploadImageService=o,this.uploadImageService=d,this.uploadVideoService=p,this.uploadService=X,this.toastService=W,this.storyImageProgress=K,this.homeURL="/",this.params={},this.isVideo=!1,this.customPrompt="",this.imgQueryParams={imageUrl:"",tabName:"",from:"",editorType:""},this.accept="image/*",this.errorMmsg="",this.multiple=!1,this.displayName="",this.type=""}ngOnInit(){this.isVideo=this.checkIsVideo(this.area&&this.area.images&&this.area.images[0]?this.area.images[0].url:""),this.link=this.area?.links[0],this.metadata=this.link?.metadata,this.params={from:this.slug,tab:this.metadata?.tab,toolName:this.metadata?.toolName,subTool:this.metadata?.subTool,storyProgressController:this.storyImageProgress},this.metadata.editorType==n._Y.Video?(this.accept=l.b.allowedVideoTypes.join(","),this.errorMmsg=l.b.message.validVideoSupportMessage):this.metadata.editorType==n._Y.ImageTool?this.area.metadata&&this.area.metadata.toolName==l.b.tool.imageCompress?(this.accept=l.b.allowedCompressImageTypes.join(","),this.errorMmsg=l.b.message.uploadImageCompressValidMsg):(this.accept=l.b.allowedImagetoolsMimeTypes.join(","),this.errorMmsg=l.b.message.uploadImageToolValidMsg):this.metadata.editorType==n._Y.VideoEditor&&(this.link?.type==g.P.Video||this.link?.type==g.P.Video_Img)&&(this.accept="image/*, video/mp4, video/x-m4v"),this.metadata.editorType==n._Y.VideoEditor&&(this.multiple=!0),"ph

1oto-editing"==this.type?this.displayEditorType="Photo Editor Tools":"video-editing"==this.type&&(this.displayEditorType="Video Editor Tools"),this.area.metadata&&this.area.metadata?.queryString&&(this.imgQueryParams.queryString=this.area.metadata?.queryString)}getAltText(i){return i&&i.images&&i.images[0]?i.images[0].altText:""}getImgUrl(i){return i&&i.images&&i.images[0]?i.images[0].url:i.img1}getVideoUrl(i,a){if("mp4"==a){const o=i&&i.images&&i.images[0]?i.images[0].url:i.img1;return o&&o.replace("webm","mp4")}return i&&i.images&&i.images[0]?i.images[0].url:i.img1}loadInputImage(i){if(this.env.isMobileView)return this.env.openPlayStoreUrl(),!1;this.metadata?.editorType==n._Y.AIPhoto?this.aiUploadImageService.aiUploadImage(null,this.params,i).then(o=>{}):(this.metadata?.editorType==n._Y.Photo||this.metadata.editorType==n._Y.DesignTemplate)&&(this.imgQueryParams.imageUrl=i,this.imgQueryParams.from=this.slug,this.imgQueryParams.tabName=this.metadata.toolName,this.imgQueryParams.editorType=this.metadata.editorType,this.imgQueryParams.subTool=this.metadata.subTool,this.imgQueryParams.storyProgressController=this.storyImageProgress,this.metadata?.toolName==n.z6.ProfileMaker?(this.imgQueryParams.targetPage=l.b.targetPage.profilePicture,this.imgQueryParams.pid=this.metadata?.id,this.imgQueryParams.stagid=this.metadata?.subId):this.metadata?.toolName==n.z6.ProductShowcase?(this.imgQueryParams.targetPage=l.b.targetPage.productShowcase,this.imgQueryParams.pid=this.metadata?.id,this.imgQueryParams.stagid=this.metadata?.subId):this.metadata?.toolName==n.z6.PhotoResizer&&(this.imgQueryParams.targetPage=l.b.targetPage.photoResizer,this.imgQueryParams.pid=this.metadata?.id),this.uploadImageService.loadInputImage(this.imgQueryParams,()=>{}))}onChangeVisibility(i){let a=document.querySelector(".bottom-upload");a&&(a.classList.contains("d-none")&&a.classList.remove("d-none"),i.visible&&scrollY>=360?a.classList.contains("fixed-upload-btn")||a.classList.add("fixed-upload-btn"):a.classList.contains("fixed-upload-btn")&&a.classList.remove("fixed-upload-btn"))}genOrUploadClick(i=null){if(this.env.isMobileView)return this.env.openPlayStoreUrl(),!1;if(!(this.link?.type||this.metadata.editorType||this.metadata.toolName))return;const a=this.link?.type==g.P.Image||this.link?.type==g.P.Video_Img||this.link?.type==g.P.Video;this.metadata.editorType==n._Y.Photo||this.metadata.editorType==n._Y.DesignTemplate?this.onOpenUpload():!a||this.metadata.editorType!=n._Y.VideoEditor&&this.metadata.editorType!=n._Y.AIPhoto&&this.metadata.editorType!=n._Y.ImageTool&&this.metadata.editorType!=n._Y.Video?this.aiUploadImageService.loadInputTextToAiEditor({from:this.slug,tab:this.metadata.tab,toolName:this.metadata.toolName,subTool:this.metadata.subTool,textPrompt:this.customPrompt,editorType:this.metadata.editorType}):i&&i.click()}onFileUploaded(i){const a={slug:this.slug,editorType:this.metadata.editorType,toolName:this.metadata.toolName,subTool:this.metadata.subTool};if(!i.length)return;const o=i[0];if(this.metadata?.editorType==n._Y.VideoEditor)return this.uploadVideoService.loadMultipleFilesUpload(i,a),!1;if(this.metadata?.editorType==n._Y.AIPhoto){let d={slug:this.slug,editorType:this.metadata.editorType,tab:this.metadata.tab,toolName:this.metadata.toolName,subTool:this.metadata.subTool,storyProgressController:this.storyImageProgress};d=Object.assign({},d,this.aiUploadImageService.getParams(this.metadata.queryString)),this.aiUploadImageService.aiUploadImage(o,d)}else if(this.metadata?.editorType==n._Y.ImageTool){let d=window.URL.createObjectURL(o);this.uploadImageService.slug=this.slug,this.uploadImageService.loadPhotoEditingImage(d,o.name,o.size,this.metadata.toolName,()=>{})}else this.metadata?.editorType==n._Y.Video&&this.uploadService.onVideoUploaded(o,l.b.processType.convert,d=>{if(d){let p={videoUrl:d.contentUrl,keyName:d.keyName,assetId:d.assetId,fileSize:o.size,systemRefKey:d.systemRefKey,name:o.name};this.uploadImageService.loadInputVideo(this.slug,this.metadata?.editorType,p,()=>{})}},d=>{let p=l.b.message.errorOnUploadVideo;this.toastService.showErrorOptions({msg:d?.description||d?.message||d?.msg||p,cssClass:"full"})})}onOpenUpload(){this.env.isMobileView&&this.metadata?.toolName!=l.b.tool.removeBg&&this.metadata?.toolName!=l.b.tool.profileMaker&&this.metadata.subTool?.subTool!=l.b.subTool.resize?this.env.openPlayStoreUrl():(this.imgQueryParams.from=this.slug,this.imgQueryParams.slug=this.slug,this.imgQueryParams.tabName=this.metadata?.toolName,this.imgQueryParams.editorType=this.metadata?.editorType,this.imgQueryParams.subTool=this.metadata?.subTool,this.metadata?.toolName==n.z6.ProfileMaker?(this.imgQueryParams.targetPage=l.b.targetPage.profilePicture,this.imgQueryParams.pid=this.metadata?.id,this.imgQueryParams.stagid=this.metadata?.subId):this.metadata?.toolName==n.z6.ProductShowcase?(this.imgQueryParams.targetPage=l.b.targetPage.productShowcase,this.imgQueryParams.pid=this.metadata?.id,this.imgQueryParams.stagid=this.metadata?.subId):this.metadata?.toolName==n.z6.PhotoResizer&&(this.imgQueryParams.targetPage=l.b.targetPage.photoResizer,this.imgQueryParams.pid=this.metadata?.id),this.metadata?.queryString&&(this.imgQueryParams.queryString=this.metadata?.queryString),this.createPopupService.editorUploadImageModal(this.imgQueryParams,i=>{}))}generatePrompt(){const i=this.aiUploadImageService.getParams(this.metadata?.queryString);let a=Object.assign({},this.metadata,i);a.from=this.slug,a.tab=this.metadata.toolName,a.textPrompt=this.customPrompt,this.aiUploadImageService.loadInputTextToAiEditor(a)}checkIsVideo(i){const a=i&&i.split(".").pop().split(/\#|\?/)[0];return"mp4"==a||"webm"==a}}return(s=m).\u0275fac=function(i){return new(i||s)(e.rXU(f.A),e.rXU(y.L),e.rXU(P.M),e.rXU(b.A),e.rXU(v.k),e.rXU(x.B),e.rXU(T.f),e.rXU(I.l))},s.\u0275cmp=e.VBU({type:s,selectors:[["mixed-banner-header"]],inputs:{area:"area",slug:"slug",dis

1playName:"displayName",type:"type"},decls:22,vars:24,consts:[["nameuplod",""],["file",""],[1,"topBanner","d-flex","align-items-center","position-relative",3,"ngStyle"],[1,"lightThemeBreadcrumb","text-14","ml-40","position-absolute",2,"top","12px",3,"ngClass"],[3,"routerLink"],["name","lightbreadcrumbarrow",1,"ms-1","me-1"],[1,"text-white"],[1,"row","g-0","pt-0","overflow-hidden","w-100","area-inner","mx-auto","pe-0","pb-0",3,"ngClass"],[1,"col-lg-6","col-xl-6","p-0","align-self-center","order-1"],[1,"text-center","text-lg-start"],["class","mb-13 herobanner-text",4,"ngIf"],[4,"ngIf"],["class","aiBannerHeader",4,"ngIf"],["observeVisibility","",3,"obsChange","obsIntersectTarget"],[1,"col-lg-6","col-xl-6","p-0","order-2",3,"ngClass"],[1,"pt-4","pt-lg-0","text-center"],["loading","eager","fetchpriority","high","class","responsive","height","600px","width","600px",3,"alt","src",4,"ngIf"],[1,"mb-13","herobanner-text"],[1,""],[1,"text-white","pt-4","pt-lg-0","text-48","lh-125"],["class","mt-9",4,"ngIf"],[1,"mt-9"],[1,"text-xxl","lh-160","text-white","text-semi"],[1,"upload-btn","d-flex","p-0",3,"ngClass"],["class","text-left",4,"ngFor","ngForOf"],["id","fileInputId","name","fileInputId","type","file",1,"custom-file-input","d-none",3,"change","click","accept","multiple"],[1,"d-flex","w-100","flex-column"],[1,"text-left"],[1,"btn","btn-white","text-primary","btn-h48","me-2",3,"click"],[1,"text-center","text-lg-start","text-semi","text-white","text-lg","mt-13","mb-2","d-block","w-100","text-center","text-lg-start"],["class","mr-9 pointer bottom-upload d-inline-flex",4,"ngFor","ngForOf"],[1,"mr-9","pointer","bottom-upload","d-inline-flex"],["type","image/webp",3,"srcset"],["loading","eager","fetchpriority","high","width","56px","height","56px","alt","Sample Image",1,"border-radius-8","sample-image-upload",2,"max-height","56px",3,"click","src"],[1,"aiBannerHeader"],[1,"upload-btn","aiBannerHeader",3,"ngClass"],[1,"position-relative","inputSearch"],[1,"form-group","position-relative"],["maxlength","450","type","search","aria-describedby","search",1,"form-control",2,"height","64px",3,"keyup.enter","ngModelChange","ngModel","placeholder","ngClass"],[1,"position-absolute","top-0","h-100","d-flex","align-items-center",2,"right","124px","width","60px",3,"ngClass"],[1,"counter","text-11","ps-3",3,"ngClass"],[1,"position-absolute","top-0","right-0","p-2"],[1,"btn","btn-primary","d-flex","align-items-center","btn-h48","pe-3","ps-3","btnGenerate",3,"click"],["loading","eager","fetchpriority","high","height","600px","width","600px",1,"responsive",3,"alt","src"],["width","100%","height","100%","autoplay","","loop","",1,"video-box","p-0","border-radius-24",2,"max-width","520px","max-height","520px",3,"muted"],["type","video/mp4",3,"src"],["type","video/webm",3,"src"]],template:function(i,a){if(1&i){const o=e.RV6();e.j41(0,"div",2)(1,"div",3)(2,"a",4),e.EFF(3,"Home"),e.k0s(),e.nrm(4,"pi",5),e.j41(5,"a",4),e.EFF(6),e.k0s(),e.nrm(7,"pi",5),e.j41(8,"span",6),e.EFF(9),e.k0s()(),e.j41(10,"div",7)(11,"div",8)(12,"div",9),e.DNE(13,D,5,2,"div",10)(14,L,7,7,"ng-container",11)(15,Q,11,15,"ng-container",12),e.j41(16,"div",13,0),e.bIt("obsChange",function(p){return e.eBV(o),e.Njj(a.onChangeVisibility(p))}),e.k0s()()(),e.j41(18,"div",14)(19,"div",15),e.DNE(20,F,1,2,"img",16)(21,A,4,3,"ng-container",11),e.k0s()()()()}if(2&i){const o=e.sdS(17);e.Y8G("ngStyle",e.eq3(14,B,a.area.bgColors)),e.R7$(),e.Y8G("ngClass",e.eq3(16,O,a.env.isMobileView)),e.R7$(),e.Y8G("routerLink",e.eq3(18,U,a.homeURL)),e.R7$(3),e.Y8G("routerLink","/"+a.type),e.R7$(),e.JRh(a.displayEditorType),e.R7$(3),e.JRh(a.displayName),e.R7$(),e.Y8G("ngClass",e.eq3(20,k,a.env.isMobileView)),e.R7$(3),e.Y8G("ngIf",a.area.title),e.R7$(),e.Y8G("ngIf","Generate_With_Text"!=(null==a.link?null:a.link.type)),e.R7$(),e.Y8G("ngIf","Generate_With_Text"==(null==a.link?null:a.link.type)),e.R7$(),e.Y8G("obsIntersectTarget",o),e.R7$(2),e.Y8G("ngClass",e.eq3(22,V,a.isVideo)),e.R7$(2),e.Y8G("ngIf",!a.isVideo),e.R7$(),e.Y8G("ngIf",a.isVideo)}},dependencies:[c.YU,c.Sq,c.bT,c.B3,_.me,_.BC,_.tU,_.vS,M.Wk,C.b,E.w,R.m],styles:[".btnAiBanner[_ngcontent-%COMP%]{background:#ffffff40;height:48px;font-size:16px;color:#fff!important;border-radius:12px}

1.btnAiBanner[_ngcontent-%COMP%]:hover{background:#ffffff59}.fixed-upload-btn[_ngcontent-%COMP%]{justify-content:center}.fixed-upload-btn[_ngcontent-%COMP%]   .btn-none[_ngcontent-%COMP%]{display:none}.gradientHeading[_ngcontent-%COMP%]{background:linear-gradient(90deg,#bc9bff 16.37%,#ffe7ab 78.43%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 980px){.upload-btn[_ngcontent-%COMP%]{justify-content:center}}@media (max-width: 576px){.upload-btn[_ngcontent-%COMP%]{justify-content:center}.upload-btn[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{margin-right:0!important}}.fixed-upload-btn[_ngcontent-%COMP%]{padding:8px}.fixed-upload-btn[_ngcontent-%COMP%]   .inputSearch[_ngcontent-%COMP%]{width:40%;margin:auto}.fixed-upload-btn[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{height:56px!important}h1[_ngcontent-%COMP%]{line-height:125%}"]}),m})()}}]);