https://static.lightxeditor.com/web/8107.a60f102530a6fed5.js

1"use strict";(self.webpackChunklightx=self.webpackChunklightx||[]).push([[8107],{74804:(U,E,s)=>{s.d(E,{V:()=>u});var i=s(54438),t=s(68287),x=s(60177);const e=g=>({background:g});let u=(()=>{var g;class v{constructor(P){this.env=P}}return(g=v).\u0275fac=function(P){return new(P||g)(i.rXU(t.L))},g.\u0275cmp=i.VBU({type:g,selectors:[["ai-bottom-banner"]],inputs:{area:"area",slug:"slug"},decls:17,vars:7,consts:[[1,"topBanner","d-flex","align-items-center",3,"ngStyle"],[1,"row","g-0","overflow-hidden","w-100","area-inner","mx-auto","pe-3","pe-lg-0"],[1,"col-lg-5","col-xl-5","p-0","align-self-center","order-1"],[1,"text-center","text-lg-start"],[1,"mb-13"],[1,"text-bold","text-dark","pt-4","pt-lg-0",3,"ngClass"],[1,"d-flex","mt-4"],["href","https://apps.apple.com/us/app/lightx-ai-photo-editor-retouch/id1400740705?platform=iphone&ppid=6522dc67-da0b-440d-9337-e1522adab0ee","target","_blank"],["src","https://static.lightxeditor.com/assets/svg/appstore-btn.svg","alt","Apple Store","width","185px","height","48px","loading","lazy",1,"responsive","h-48","appBtn"],[1,"ms-3"],["href","https://play.google.com/store/apps/details?id=com.lightx&hl=en","target","_blank"],["src","https://static.lightxeditor.com/assets/svg/googleplay-btn.svg","alt","Play Store","width","185px","height","48px","loading","lazy",1,"responsive","h-48","appBtn"],[1,"col-lg-7","col-xl-7","p-0","order-2"],[1,"pt-4","pt-lg-0"],["loading","lazy","height","1050px","width","630px",1,"responsive",3,"alt","src"]],template:function(P,C){1&P&&(i.j41(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"div",4)(5,"div",5),i.EFF(6),i.k0s(),i.j41(7,"div",6)(8,"div")(9,"a",7),i.nrm(10,"img",8),i.k0s()(),i.j41(11,"div",9)(12,"a",10),i.nrm(13,"img",11),i.k0s()()()()()(),i.j41(14,"div",12)(15,"div",13),i.nrm(16,"img",14),i.k0s()()()()),2&P&&(i.Y8G("ngStyle",i.eq3(5,e,C.area.bgColors)),i.R7$(5),i.Y8G("ngClass",C.env.isMobileView?"text-40 lh-50":"text-48 lh-h"),i.R7$(),i.JRh(C.area.title),i.R7$(10),i.Y8G("alt",C.area.title)("src",C.area.img1,i.B4B))},dependencies:[x.YU,x.B3],styles:[".appBtn[_ngcontent-%COMP%]:hover{filter:brightness(.9)}"]}),v})()},8986:(U,E,s)=>{s.d(E,{h:()=>D});var i=s(67091),t=s(54438),x=s(68287),e=s(34183),u=s(80006),g=s(88704),v=s(60177),f=s(68064),P=s(77616);const C=p=>({"text-center":p}),k=p=>({"d-none":p}),O=p=>({"tab-active":p});function S(p,T){1&p&&t.nrm(0,"pi",21)}function B(p,T){if(1&p){const d=t.RV6();t.j41(0,"div",16)(1,"div",17),t.bIt("click",function(){const l=t.eBV(d).$implicit,y=t.XpG(),I=t.sdS(20);return t.Njj(y.onImageSelect(l,I))}),t.DNE(2,S,1,0,"pi",18),t.j41(3,"div",19),t.EFF(4),t.k0s(),t.j41(5,"div",20),t.EFF(6),t.k0s()()()}if(2&p){const d=T.$implicit,m=t.XpG();t.Y8G("ngClass",t.eq3(7,k,m.env.isMobileView)),t.R7$(),t.Y8G("ngClass",t.eq3(9,O,d.url===m.selectedImage.url)),t.R7$(),t.Y8G("ngIf","clickLink"==d.type),t.R7$(),t.Y8G("ngClass","clickLink"==d.type?"editorLink text-regular d-none":"promptBtn"),t.R7$(),t.JRh("clickLink"==d.type?"":d.type),t.R7$(),t.Y8G("ngClass",d.url===m.selectedImage.url?"text-dark":"grey-500"),t.R7$(),t.JRh(d.text)}}function R(p,T){1&p&&t.nrm(0,"pi",21)}function b(p,T){if(1&p){const d=t.RV6();t.j41(0,"div",16)(1,"div",17),t.bIt("click",function(){const l=t.eBV(d).$implicit,y=t.XpG(),I=t.sdS(20);return t.Njj(y.onImageSelect(l,I))}),t.DNE(2,R,1,0,"pi",18),t.j41(3,"div",19),t.EFF(4),t.k0s(),t.j41(5,"div",20),t.EFF(6),t.k0s()()()}if(2&p){const d=T.$implicit,m=t.XpG();t.Y8G("ngClass",t.eq3(7,k,!m.env.isMobileView)),t.R7$(),t.Y8G("ngClass",t.eq3(9,O,d.url===m.selectedImage.url)),t.R7$(),t.Y8G("ngIf","clickLink"==d.type),t.R7$(),t.Y8G("ngClass","clickLink"==d.type?"editorLink text-regular d-none":"promptBtn"),t.R7$(),t.JRh("clickLink"==d.type?"":d.type),t.R7$(),t.Y8G("ngClass",d.url===m.selectedImage.url?"text-dark":"grey-500"),t.R7$(),t.JRh(d.text)}}let D=(()=>{var p;class T{constructor(m,l,y,I){this.env=m,this.storyPageService=l,this.aiUploadImageService=y,this.storyImageProgress=I,this.params={},this.imgurl="",this.altText=""}ngOnInit(){this.onImageSelect(this.area.images[0]),this.params={from:this.slug,tab:this.tab,toolName:this.toolName,subTool:this.subTool,storyProgressController:this.storyImageProgress}}onImageSelect(m,l=null){"clickLink"==m.type?this.openImageSelection(l):this.selectedImage=m}openImageSelection(m=null){let l=(0,i.o0)();if(this.env.isMobileView){if("iOS"===l.os||"Mac OS"==l.os)return window.location.href="https://apps.apple.com/us/app/lightx-ai-photo-editor-retouch/id1400740705?platform=iphone&ppid=6522dc67-da0b-440d-9337-e1522adab0ee",!1;if("Android OS"===l.os)return window.location.href="https://play.google.com/store/apps/details?id=com.lightx&hl=en",!1}else m.click()}onFileUploaded(m){m.length&&this.aiUploadImageService.aiUploadImage(m[0],this.params).then(y=>{})}}return(p=T).\u0275fac=function(m){return new(m||p)(t.rXU(x.L),t.rXU(e.K),t.rXU(u.M),t.rXU(g.l))},p.\u0275cmp=t.VBU({type:p,selectors:[["ai-prompt-preview-area"]],inputs:{area:"area",slug:"slug",tab:"tab",toolName:"toolName",subTool:"subTool"},decls:21,vars:15,consts:[["file",""],[1,"bg-white","w-100",3,"ngClass"],[1,"container-fluid","area-inner"],[1,"row","g-0"],[1,"col-sm-12","col-md-12","col-lg-12","col-xl-12","p-0"],[1,"container-fluid","p-0"],[1,"row","g-0","align-items-center","justify-content-center",3,"ngClass"],[1,"col-xl-6","col-lg-6","pe-3"],[1,"row","g-0","align-items-center"],[1,"text-dark","text-bold",3,"ngClass"],[1,"text-lg","text-dark","mt-3","mb-32"],[3,"ngClass",4,"ngFor","ngForOf"],[1,"col-xl-6","col-lg-6","text-end"],["type","image/webp",3,"srcset"],["loading","lazy","width","520px","height","520px",1,"responsive","border-radius-36","mb-2","mb-lg-0",2,"max-width","520px",3,"src","alt"],["id","fileInputId","name","fileInputId","type","file",1,"custom-file-input","d-none",3,"change","click","accept"],[3,"ngClass"],[1,"promptTabBg","mt-3","d-flex","align-items-center","pointer","text-start",3,"click","ngClass"],["name","plusiconset","class","f-40 ms-2",4,"ngIf"],[1,"text-semi","ms-2",3,"ngClass"],[1,"text-lg","text-semi","ml-10",3,"ngClass"],["name","plusiconset",1,"f-40","ms-2"]],template:function(m,l){if(1&m){const y=t.RV6();t.j41(0,"div",1)(1,"div",2)(2,"div",3)(3,"div",4)(4,"div",5)(5,"div",6)(6,"div",7)(7,"div",8)(8,"h2",9),t.EFF(9),t.k0s(),t.j41(10,"p",10),t.EFF(11),t.k0s(),t.DNE(12,B,7,11,"div",11),t.k0s()(),t.j41(13,"div",12)(14,"picture"),t.nrm(15,"source",13),t.nI1(16,"imgwebp"),t.nrm(17,"img",14),t.k0s(),t.DNE(18,b,7,11,"div",11),t.k0s()()()()()()(),t.j41(19,"input",15,0),t.bIt("change",function(A){return t.eBV(y),t.Njj(l.onFileUploaded(A.srcElement.files))})("click",function(){t.eBV(y);const A=t.sdS(20);return t.Njj(A.value="")}

1),t.k0s()}2&m&&(t.Y8G("ngClass",l.env.isMobileView?"pt-10":"pt-13"),t.R7$(5),t.Y8G("ngClass",t.eq3(13,C,l.env.isMobileView)),t.R7$(3),t.Y8G("ngClass",l.env.isMobileView?"text-28 lh-35":"text-32 lh-h12"),t.R7$(),t.JRh(l.area.title),t.R7$(2),t.JRh(l.area.desc1),t.R7$(),t.Y8G("ngForOf",l.area.images),t.R7$(3),t.FS9("srcset",t.bMT(16,11,l.selectedImage.img)),t.R7$(2),t.Y8G("src",l.selectedImage.url,t.B4B)("alt",l.selectedImage.altText),t.R7$(),t.Y8G("ngForOf",l.area.images),t.R7$(),t.Y8G("accept",l.aiUploadImageService.fileImageAccept))},dependencies:[v.YU,v.Sq,v.bT,f.b,P.m],styles:[".promptTabBg[_ngcontent-%COMP%]{min-height:60px;background:#f8f9f9;border:2px solid #EFEEF2;border-radius:18px}.promptTabBg[_ngcontent-%COMP%]:hover{background:#626adf0d}.promptTabBg[_ngcontent-%COMP%]   .promptBtn[_ngcontent-%COMP%]{min-width:101px;height:44px;background:linear-gradient(90deg,#f3deff -4%,#e0e2ff);color:#626adf;border-radius:12px;display:flex;align-items:center;justify-content:center}.tab-active[_ngcontent-%COMP%]{border:2px solid #626ADF!important;color:#626adf!important;background:#f8f9f9!important}.editorLink[_ngcontent-%COMP%]{font-size:16px;color:#606576}@media (min-width: 768px) and (max-width: 980px){.text-end[_ngcontent-%COMP%]{text-align:center!important}}@media (max-width: 767px){h2[_ngcontent-%COMP%]{font-size:28px!important;line-height:35px!important}}"]}),T})()},93108:(U,E,s)=>{s.d(E,{B:()=>w});var i=s(16471),t=s(16478),x=s(79774),e=s(54438),u=s(630),g=s(68287),v=s(74710),f=s(6755),P=s(11497),C=s(80006),k=s(45975),O=s(74983),S=s(68010),B=s(88704),R=s(60177),b=s(84341),D=s(46172);const p=r=>({even:r}),T=(r,h,a,o)=>({"order-2":r,"order-1":h,"order-md-2":a,"order-md-1":o}),d=r=>({"only-button":r}),m=(r,h,a,o)=>({"order-lg-1":r,"order-lg-2":h,"order-md-1":a,"order-md-2":o}),l=(r,h)=>({invalid:r,"border-active":h}),y=r=>({"d-none":r});function I(r,h){if(1&r&&(e.j41(0,"div")(1,"div",18)(2,"div",19),e.EFF(3),e.k0s(),e.j41(4,"div",20),e.nrm(5,"h4",21),e.k0s()(),e.j41(6,"div",22),e.nrm(7,"p",23),e.k0s()()),2&r){const a=e.XpG(),o=a.$implicit,n=a.index;e.R7$(3),e.SpI(" ",n+1," "),e.R7$(2),e.Y8G("innerHtml",null==o?null:o.title,e.npT),e.R7$(2),e.Y8G("innerHtml",null==o?null:o.desc,e.npT)}}function A(r,h){if(1&r&&(e.j41(0,"div",18)(1,"div",24),e.EFF(2),e.k0s(),e.j41(3,"div",20),e.nrm(4,"h4",21),e.k0s()()),2&r){const a=e.XpG(),o=a.$implicit,n=a.index;e.R7$(2),e.SpI(" ",n+1," "),e.R7$(2),e.Y8G("innerHtml",null==o?null:o.title,e.npT)}}function G(r,h){if(1&r&&(e.j41(0,"div",18)(1,"div",24),e.EFF(2),e.k0s(),e.j41(3,"div",25),e.nrm(4,"p",26),e.k0s()()),2&r){const a=e.XpG(),o=a.$implicit,n=a.index;e.R7$(2),e.SpI(" ",n+1," "),e.R7$(2),e.Y8G("innerHtml",null==o?null:o.desc,e.npT)}}function $(r,h){if(1&r&&(e.j41(0,"div",16),e.DNE(1,I,8,3,"div",10)(2,A,5,2,"div",17)(3,G,5,2,"div",17),e.k0s()),2&r){const a=h.$implicit;e.R7$(),e.Y8G("ngIf",(null==a?null:a.title)&&(null==a?null:a.desc)),e.R7$(),e.Y8G("ngIf",!(null!=a&&a.desc)&&(null==a?null:a.title)),e.R7$(),e.Y8G("ngIf",(null==a?null:a.desc)&&!(null!=a&&a.title))}}function j(r,h){if(1&r&&(e.qex(0),e.DNE(1,$,4,3,"div",15),e.bVm()),2&r){const a=e.XpG();e.R7$(),e.Y8G("ngForOf",null==a.area?null:a.area.steps)}}function Y(r,h){if(1&r){const a=e.RV6();e.j41(0,"div",32)(1,"input",33),e.bIt("keyup.enter",function(){e.eBV(a);const n=e.XpG(2);return e.Njj(n.genOrUploadClick())}),e.mxI("ngModelChange",function(n){e.eBV(a);const c=e.XpG(2);return e.DH7(c.customPrompt,n)||(c.customPrompt=n),e.Njj(n)}),e.k0s(),e.j41(2,"div",34)(3,"span",35),e.EFF(4),e.k0s()()()}if(2&r){const a=e.XpG(2);e.R7$(),e.FS9("placeholder",a.placeholder),e.R50("ngModel",a.customPrompt),e.Y8G("ngClass",e.l_i(6,l,a.customPrompt.length>449,a.customPrompt.length>0)),e.R7$(),e.Y8G("ngClass",e.eq3(9,y,a.customPrompt.length<401)),e.R7$(),e.Y8G("ngClass",a.customPrompt.length>449?"text-red":"grey-300"),e.R7$(),e.SpI("",a.customPrompt.length,"/450")}}function F(r,h){if(1&r){const a=e.RV6();e.j41(0,"div",27),e.DNE(1,Y,5,11,"div",28),e.j41(2,"div",29)(3,"button",30),e.bIt("click",function(){e.eBV(a);const n=e.sdS(6),c=e.XpG();return e.Njj(c.genOrUploadClick(n))}),e.EFF(4),e.k0s(),e.j41(5,"input",31,0),e.bIt("change",function(n){e.eBV(a);const c=e.XpG();return e.Njj(c.onFileUploaded(n.srcElement.files))})("click",function(){e.eBV(a);const n=e.sdS(6);return e.Njj(n.value="")}

1),e.k0s()()()}if(2&r){const a=e.XpG();e.Y8G("ngClass",a.env.isMobileView?"mt-3":"mt-13"),e.R7$(),e.Y8G("ngIf","Generate_With_Text"==(null==a.link?null:a.link.type)),e.R7$(3),e.JRh(a.link.text),e.R7$(),e.Mz_("id","fileInput",a.index,""),e.Mz_("name","fileInput",a.index,""),e.Y8G("accept",a.accept)("multiple",a.multiple)}}let w=(()=>{var r;class h{constructor(o,n,c,_,M,V,L,N,K,W){this.createPopupService=o,this.env=n,this.route=c,this.uploadImageService=_,this.uploadVideoService=M,this.aiUploadImageService=V,this.uploadService=L,this.toastService=N,this.authService=K,this.storyImageProgress=W,this.accept="image/*",this.videoUrl="",this.imgQueryParams={imageUrl:"",tabName:"",from:"",editorType:""},this.multiple=!1,this.customPrompt="",this.errorMmsg="",this.placeholder="Enter a prompt to generate AI image",this.user=this.authService.currentUser(),this.slug=this.route.snapshot.paramMap.get("slug")}ngOnInit(){this.area&&this.area.links.length&&(this.link=this.area.links[0],this.metadata=this.link?.metadata),this.area&&this.area.images.length&&(this.imgItem=this.area.images[0]),this.metadata?.editorType==i._Y.Video?(this.accept=t.b.allowedVideoTypes.join(","),this.errorMmsg=t.b.message.validVideoSupportMessage):this.metadata?.editorType==i._Y.ImageTool?this.area.metadata&&this.area.metadata.toolName==t.b.tool.imageCompress?(this.accept=t.b.allowedCompressImageTypes.join(","),this.errorMmsg=t.b.message.uploadImageCompressValidMsg):(this.accept=t.b.allowedImagetoolsMimeTypes.join(","),this.errorMmsg=t.b.message.uploadImageToolValidMsg):(this.link?.type==x.P.Video||this.link?.type==x.P.Video_Img)&&(this.accept="image/*, video/mp4, video/x-m4v"),this.metadata?.editorType==i._Y.VideoEditor&&(this.multiple=!0);const o=this.link?.metadata?.queryString;if(o){const n=this.aiUploadImageService.getParams(o);this.placeholder=n?.placeholder||this.placeholder}}genOrUploadClick(o=null){const n=this.aiUploadImageService.getParams(this.link?.metadata?.queryString);if(this.env.isMobileView)return this.env.isiOS||!n||"yes"!=n?.onMobileCta&&"y"!=n?.onMobileCta?this.env.openPlayStoreUrl():o&&o.click(),!1;if(!(this.link?.type||this.metadata?.editorType||this.metadata?.toolName))return;const c=this.link?.type==x.P.Image||this.link?.type==x.P.Video_Img||this.link?.type==x.P.Video;this.metadata?.editorType==i._Y.Photo?this.onOpenUpload():!c||this.metadata.editorType!=i._Y.VideoEditor&&this.metadata.editorType!=i._Y.AIPhoto&&this.metadata.editorType!=i._Y.ImageTool&&this.metadata.editorType!=i._Y.Video?("background"==this.metadata.toolName&&!this.metadata.subTool&&this.metadata.editorType==i._Y.DesignTemplate&&(this.metadata.subTool="ai"),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,modelType:n?.modelType})):o&&o.click()}onFileUploaded(o){const n={slug:this.slug,editorType:this.metadata?.editorType,toolName:this.metadata.toolName,subTool:this.metadata.subTool};if(!o.length)return;const c=o[0];if(this.metadata?.editorType==i._Y.VideoEditor)return this.uploadVideoService.loadMultipleFilesUpload(o,n),!1;if(this.metadata?.editorType==i._Y.AIPhoto){const _=this.link?.metadata?.queryString;this.aiUploadImageService.aiUploadImage(c,{slug:this.slug,editorType:this.metadata.editorType,tab:this.metadata.tab,toolName:this.metadata.toolName,subTool:this.metadata.subTool,queryString:_,modelType:_?.modelType,storyProgressController:this.storyImageProgress})}else if(this.metadata?.editorType==i._Y.ImageTool){let _=window.URL.createObjectURL(c);this.uploadImageService.slug=this.slug,this.uploadImageService.loadPhotoEditingImage(_,c.name,c.size,this.metadata.toolName,()=>{})}else this.metadata?.editorType==i._Y.Video?this.uploadService.onVideoUploaded(c,t.b.processType.convert,_=>{if(_){let M={videoUrl:_.contentUrl,keyName:_.keyName,assetId:_.assetId,fileSize:c.size,systemRefKey:_.systemRefKey,name:c.name};this.uploadImageService.loadInputVideo(this.slug,this.metadata?.editorType,M,()=>{})}},_=>{let M=t.b.message.errorOnUploadVideo;

1this.toastService.showErrorOptions({msg:_?.description||_?.message||_?.msg||M,cssClass:"full"})}):this.metadata?.editorType==i._Y.Photo&&(this.imgQueryParams.imageUrl=URL.createObjectURL(c),this.loadInputImage())}onOpenUpload(){this.env.isMobileView&&this.metadata?.toolName!=t.b.tool.removeBg&&this.metadata?.toolName!=t.b.tool.profileMaker&&this.metadata.subTool?.subTool!=t.b.subTool.resize?this.env.openPlayStoreUrl():(this.setQueryParams(),this.createPopupService.editorUploadImageModal(this.imgQueryParams,o=>{}))}loadInputImage(){this.setQueryParams(),this.uploadImageService.loadInputImage(this.imgQueryParams,()=>{})}setQueryParams(){this.imgQueryParams.from=this.slug,this.imgQueryParams.slug=this.slug,this.imgQueryParams.tabName=this.metadata?.toolName,this.imgQueryParams.editorType=this.metadata?.editorType,this.imgQueryParams.storyProgressController=this.storyImageProgress,this.imgQueryParams.subTool=this.metadata?.subTool,this.metadata?.toolName==i.z6.ProfileMaker?(this.imgQueryParams.targetPage=t.b.targetPage.profilePicture,this.imgQueryParams.pid=this.metadata?.id,this.imgQueryParams.stagid=this.metadata?.subId):this.metadata?.toolName==i.z6.ProductShowcase?(this.imgQueryParams.targetPage=t.b.targetPage.productShowcase,this.imgQueryParams.pid=this.metadata?.id,this.imgQueryParams.stagid=this.metadata?.subId):(this.metadata?.toolName==i.z6.PhotoResizer||this.metadata.toolName==i.z6.Tools&&this.metadata.subTool==i.z6.Resize)&&(this.imgQueryParams.targetPage=t.b.targetPage.photoResizer,this.imgQueryParams.pid=this.metadata?.id)}}return(r=h).\u0275fac=function(o){return new(o||r)(e.rXU(u.A),e.rXU(g.L),e.rXU(v.nX),e.rXU(f.A),e.rXU(P.k),e.rXU(C.M),e.rXU(k.B),e.rXU(O.f),e.rXU(S.u),e.rXU(B.l))},r.\u0275cmp=e.VBU({type:r,selectors:[["mixed-section-area"]],inputs:{area:"area",even:"even",index:"index"},decls:15,vars:26,consts:[["file",""],[1,"area","w-100","bg-grey2"],[1,"container-fluid","area-inner","pad-md","area-section",3,"ngClass"],[1,"row","g-0","align-items-center"],[1,"col-xl-6","col-lg-6","col-md-6","flex-column","text-content",3,"ngClass"],[1,"mixed-section-area"],[1,"pt-md-0","pb-md-0",3,"ngClass"],[1,"text-32"],[1,"mt-8"],[1,"content-text",3,"innerHtml"],[4,"ngIf"],[1,"aiBannerHeader",3,"ngClass"],["class","position-relative inputSearch",3,"ngClass",4,"ngIf"],[1,"col-xl-6","col-lg-6","col-md-6","text-center","img-content",3,"ngClass"],[3,"url","altText","even"],["class","row g-0 mt-4",4,"ngFor","ngForOf"],[1,"row","g-0","mt-4"],["class","d-flex",4,"ngIf"],[1,"d-flex"],[1,"icon-bg-gradiant","d-flex","align-items-center","justify-content-center","text-blue","text-xl","text-semi","hw-56","border-radius-20"],[1,"ms-4",2,"padding-top","12px"],[1,"text-24","text-bold","text-dark","mb-0",3,"innerHtml"],[1,"ps-4",2,"margin-left","56px"],[1,"text-lg","text-dark",3,"innerHtml"],[1,"icon-bg-gradiant","d-flex","align-items-center","justify-content-center","text-blue","text-xl","text-semi","hw-40"],[1,""],[1,"content-text","ms-4",3,"innerHtml"],[1,"position-relative","inputSearch",3,"ngClass"],["class","form-group position-relative",4,"ngIf"],[1,"position-absolute","top-0","right-0","p-2","text-button"],[1,"btn","btn-primary","d-flex","align-items-center","btn-h48","pe-3","ps-3","btnGenerate",3,"click"],["type","file",1,"custom-file-input","n-show","d-none","gtm-up-sec",3,"change","click","id","name","accept","multiple"],[1,"form-group","position-relative"],["maxlength","450","type","text","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"]],template:function(o,n){1&o&&(e.j41(0,"div",1)(1,"div",2)(2,"div",3)(3,"div",4)(4,"div",5)(5,"div",6)(6,"h2",7),e.EFF(7),e.k0s()(),e.j41(8,"div",8),e.nrm(9,"p",9),e.k0s(),e.DNE(10,j,2,1,"ng-container",10),e.j41(11,"div",11),e.DNE(12,F,7,9,"div",12),e.k0s()()(),e.j41(13,"div",13),e.nrm(14,"video-element",14),e.k0s()()()()),2&o&&(e.R7$(),e.Y8G("ngClass",e.eq3(12,p,n.even)),e.R7$(2),e.Y8G("ngClass",e.ziG(14,T,n.even,!n.even,n.even,!n.even)),e.R7$(2),e.Y8G("ngClass",n.env.isMobileView?"pt-3 pb-1":"pt-60 pb-20"),e.R7$(2),e.JRh(n.area.title),e.R7$(2),e.Y8G("innerHtml",n.area.desc1,e.npT),e.R7$(),e.Y8G("ngIf",null==n.area?null:n.area.steps),e.R7$(),e.Y8G("ngClass",e.eq3(19,d,"Generate_With_Text"!=(null==n.link?null:n.link.type))),e.R7$(),e.Y8G("ngIf",n.link),e.R7$(),e.Y8G("ngClass",e.ziG(21,m,n.even,n.even,n.even,n.even)),e.R7$(),e.Y8G("url",null==n.imgItem?null:n.imgItem.url)("altText",null==n.imgItem?null:n.imgItem.altText)("even",n.even))},dependencies:[R.YU,R.Sq,R.bT,b.me,b.BC,b.tU,b.vS,D.d],encapsulation:2}),h})()},32068:(U,E,s)=>{s.d(E,{T:()=>e});var i=s(54438),t=s(60177);function x(u,g){if(1&u&&(i.qex(0),i.j41(1,"div",7)(2,"div",8)(3,"div",9),i.EFF(4),i.k0s(),i.nrm(5,"h3",10)(6,"p",11),i.k0s()(),i.bVm()),2&u){const v=g.$implicit,f=g.index;i.R7$(4),i.SpI("Step ",f+1," "),i.R7$(),i.Y8G("innerHtml",v.title,i.npT),i.R7$(),i.Y8G("innerHtml",v.desc,i.npT)}}let e=(()=>{var u;class g{constructor(){}}return(u=g).\u0275fac=function(f){return new(f||u)},u.\u0275cmp=i.VBU({type:u,selectors:[["story-tutorial-area"]],inputs:{area:"area"},decls:8,vars:2,consts:[[1,"container-fluid","p-0"],[1,"container-fluid","area-inner","pad-md"],[1,"p-0"],[1,"mx-auto","text-center","h2-mt-13",2,"max-width","800px"],[1,"text-dark","mb-0","text-32"],[1,"row","g-0","

1justify-content-between","mt-14","tutorial-mobile-view","new-scroll-behave"],[4,"ngFor","ngForOf"],[1,"col-md-4","mt-lg-0","p-2","main-steps"],[1,"tutorialContentBox","bg-white","border-radius-24","h-100"],[1,"stepBtn","btn-h40","text-lg","text-bold","text-primary","d-flex","align-items-center","border-radius-12"],[1,"text-24","text-dark","text-bold","lh-140","mt-10","mb-0",3,"innerHtml"],[1,"text-lg","text-dark","mt-9","mb-0",3,"innerHtml"]],template:function(f,P){1&f&&(i.j41(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"h2",4),i.EFF(5),i.k0s()()(),i.j41(6,"div",5),i.DNE(7,x,7,3,"ng-container",6),i.k0s()()()),2&f&&(i.R7$(5),i.JRh(P.area.title),i.R7$(2),i.Y8G("ngForOf",P.area.steps))},dependencies:[t.Sq],encapsulation:2}),g})()}}]);