https://static.lightxeditor.com/web/2919.0799777eadb7842f.js

1"use strict";(self.webpackChunklightx=self.webpackChunklightx||[]).push([[2919],{58377:(b,v,l)=>{l.d(v,{V:()=>U});var e=l(54438),f=l(80006),u=l(60177),h=l(48039),x=l(60004),C=l(33645),r=l(33391),_=l(84341),d=l(89818),m=l(68064);const a=i=>({"ai-thumb-active":i});function I(i,o){if(1&i&&(e.j41(0,"ul",13)(1,"li")(2,"div",14)(3,"div",15),e.nrm(4,"pi",16),e.k0s(),e.j41(5,"div",17)(6,"div",18),e.EFF(7),e.k0s()()()()()),2&i){const t=o.item;e.R7$(4),e.FS9("name",t.iconName),e.R7$(3),e.JRh(t.text)}}function y(i,o){if(1&i&&(e.j41(0,"ul",13)(1,"li")(2,"div",19)(3,"div",17)(4,"div",18),e.EFF(5),e.k0s()()()()()),2&i){const t=o.item;e.R7$(5),e.JRh(t.text)}}function j(i,o){if(1&i){const t=e.RV6();e.j41(0,"div",20)(1,"div",21)(2,"img",22),e.bIt("click",function(){const s=e.eBV(t).$implicit,c=e.XpG(3);return e.Njj(c.selectimage(s))}),e.k0s()(),e.j41(3,"span",23),e.EFF(4),e.k0s()()}if(2&i){const t=o.$implicit,n=e.XpG(3);e.Y8G("ngClass",e.eq3(3,a,t.productId==n.productImageId)),e.R7$(2),e.Y8G("src",t.thumbUrl,e.B4B),e.R7$(2),e.JRh(t.displayName)}}function k(i,o){1&i&&(e.qex(0),e.nrm(1,"element-placeholder",24),e.bVm()),2&i&&(e.R7$(),e.Y8G("view","AiPatterns"))}function R(i,o){if(1&i){const t=e.RV6();e.j41(0,"div",3)(1,"div",4)(2,"span",5),e.EFF(3," Presets "),e.k0s()(),e.j41(4,"div",6)(5,"ng-select",7),e.mxI("ngModelChange",function(s){e.eBV(t);const c=e.XpG(2);return e.DH7(c.selectedGenderCatId,s)||(c.selectedGenderCatId=s),e.Njj(s)}),e.bIt("change",function(s){e.eBV(t);const c=e.XpG(2);return e.Njj(c.changeGender(s))}),e.DNE(6,I,8,2,"ng-template",8)(7,y,6,1,"ng-template",9),e.k0s()(),e.j41(8,"div",10)(9,"div",11),e.DNE(10,j,5,5,"div",12),e.k0s(),e.DNE(11,k,2,1,"ng-container",1),e.k0s()()}if(2&i){const t=e.XpG(2);e.R7$(5),e.Y8G("items",t.genders),e.R50("ngModel",t.selectedGenderCatId),e.Y8G("searchable",!1)("clearable",!1),e.R7$(5),e.Y8G("ngForOf",t.products.storeProducts),e.R7$(),e.Y8G("ngIf",!t.products)}}function E(i,o){if(1&i&&(e.j41(0,"div"),e.DNE(1,R,12,6,"div",2),e.k0s()),2&i){const t=e.XpG();e.R7$(),e.Y8G("ngIf",t.products)}}function G(i,o){if(1&i){const t=e.RV6();e.j41(0,"div",20)(1,"div",21)(2,"img",22),e.bIt("click",function(){const s=e.eBV(t),c=s.$implicit,g=s.index,p=e.XpG(2);return e.Njj(p.selectimage(c,p.products[g]))}),e.k0s()(),e.j41(3,"span",23),e.EFF(4),e.k0s()()}if(2&i){const t=o.$implicit,n=e.XpG(2);e.Y8G("ngClass",e.eq3(3,a,t.productImageId==n.productImageId)),e.R7$(2),e.Y8G("src",t.thumbUrl,e.B4B),e.R7$(2),e.JRh(t.displayName)}}function A(i,o){1&i&&(e.qex(0),e.nrm(1,"element-placeholder",24),e.bVm()),2&i&&(e.R7$(),e.Y8G("view","AiPatterns"))}function F(i,o){if(1&i&&(e.j41(0,"div",3)(1,"div",25)(2,"span",5),e.EFF(3," Presets "),e.k0s()(),e.j41(4,"div",26)(5,"div",27),e.DNE(6,G,5,5,"div",12)(7,A,2,1,"ng-container",1),e.k0s()()()),2&i){const t=e.XpG();e.R7$(6),e.Y8G("ngForOf",t.products.storeProductImages),e.R7$(),e.Y8G("ngIf",!t.products)}}function S(i,o){if(1&i){const t=e.RV6();e.j41(0,"div",66)(1,"div",67)(2,"img",68),e.bIt("click",function(){const s=e.eBV(t).$implicit,c=e.XpG(4);return e.Njj(c.selectimage(s))}),e.k0s()(),e.j41(3,"span",23),e.EFF(4),e.k0s()()}if(2&i){const t=o.$implicit,n=e.XpG(4);e.Y8G("ngClass",e.eq3(3,a,t.productImageId==n.productImageId)),e.R7$(2),e.Y8G("src",t.thumbUrl,e.B4B),e.R7$(2),e.JRh(t.displayName)}}function P(i,o){if(1&i){const t=e.RV6();e.j41(0,"div",71)(1,"div",67)(2,"img",68),e.bIt("click",function(){const s=e.eBV(t).$implicit,c=e.XpG(5);return e.Njj(c.selectimage(s))}),e.k0s()(),e.j41(3,"span",23),e.EFF(4),e.k0s()()}if(2&i){const t=o.$implicit,n=e.XpG(5);e.Y8G("ngClass",e.eq3(3,a,t.productImageId==n.productImageId)),e.R7$(2),e.Y8G("src",t.thumbUrl,e.B4B),e.R7$(2),e.JRh(t.displayName)}}function T(i,o){if(1&i&&(e.j41(0,"div",61)(1,"div",69),e.DNE(2,P,5,5,"div",70),e.k0s()()),2&i){const t=e.XpG().$implicit;e.R7$(2),e.Y8G("ngForOf",t.storeProductImages.slice(3))}}function $(i,o){if(1&i&&(e.j41(0,"div",53)(1,"div",54)(2,"div",55)(3,"button",56)(4,"h5",57),e.EFF(5),e.k0s()(),e.j41(6,"button",58)(7,"span",59),e.EFF(8,"See less"),e.k0s(),e.j41(9,"span",60),e.EFF(10,"See all"),e.k0s()()(),e.j41(11,"div",61)(12,"div",62),e.DNE(13,S,5,5,"div",63),e.k0s()()(),e.j41(14,"div",64)(15,"div",65),e.DNE(16,T,3,1,"ng-template"),e.k0s()()()),2&i){const t=o.$implicit;

1e.Mz_("ngbAccordionItem","illus-panel-",o.index,""),e.R7$(5),e.JRh(t.displayName),e.R7$(8),e.Y8G("ngForOf",t.storeProductImages.slice(0,3))}}function B(i,o){if(1&i&&(e.j41(0,"div",3)(1,"div",51),e.DNE(2,$,17,4,"div",52),e.k0s()()),2&i){const t=e.XpG(2);e.R7$(),e.Y8G("closeOthers",!0),e.R7$(),e.Y8G("ngForOf",t.products)}}function D(i,o){1&i&&(e.qex(0),e.nrm(1,"element-placeholder",24),e.bVm()),2&i&&(e.R7$(),e.Y8G("view","AiPatterns"))}function O(i,o){if(1&i){const t=e.RV6();e.j41(0,"div",3)(1,"div",4)(2,"span",5),e.EFF(3," Choose Style Reference "),e.k0s()(),e.j41(4,"div",26)(5,"div",28)(6,"div",29)(7,"div",30)(8,"div",31),e.bIt("click",function(){e.eBV(t);const s=e.XpG();return e.Njj(s.selectimage(""))}),e.j41(9,"div",32)(10,"div",33),e.nrm(11,"pi",34),e.k0s()(),e.j41(12,"span",35),e.EFF(13,"None"),e.k0s()()(),e.j41(14,"div",36)(15,"div",37),e.bIt("click",function(){e.eBV(t);const s=e.sdS(17),c=e.XpG();return e.Njj(c.addStyleImage(s))}),e.j41(16,"input",38,0),e.bIt("change",function(s){e.eBV(t);const c=e.XpG();return e.Njj(c.onFileUploaded(s.srcElement.files))})("click",function(){e.eBV(t);const s=e.sdS(17);return e.Njj(s.value="")}),e.k0s(),e.j41(18,"div",39)(19,"div"),e.nrm(20,"pi",40),e.k0s(),e.j41(21,"span",41),e.EFF(22," Click to upload image here "),e.k0s()(),e.j41(23,"span",35),e.EFF(24,"Custom"),e.k0s()(),e.j41(25,"div",42)(26,"div",43),e.bIt("click",function(){e.eBV(t);const s=e.XpG();return e.Njj(s.selectCustomImageStyle())}),e.j41(27,"div",21),e.nrm(28,"img",44),e.k0s(),e.j41(29,"span",23),e.EFF(30,"Custom"),e.k0s()(),e.j41(31,"div",45)(32,"button",46),e.bIt("click",function(){e.eBV(t);const s=e.sdS(17),c=e.XpG();return e.Njj(c.addStyleImage(s))}),e.nrm(33,"pi",47),e.EFF(34,"Replace Image"),e.k0s(),e.j41(35,"button",48),e.bIt("click",function(){e.eBV(t);const s=e.XpG();return e.Njj(s.removeStyleImage())}),e.nrm(36,"pi",49),e.EFF(37,"Remove Image"),e.k0s()()()()(),e.j41(38,"div",50),e.DNE(39,B,3,2,"div",2),e.k0s(),e.DNE(40,D,2,1,"ng-container",1),e.k0s()()()}if(2&i){const t=e.XpG();e.R7$(8),e.Y8G("ngClass",e.eq3(8,a,""==t.isCustomimage&&0==t.productImageId||t.productImageId<0)),e.R7$(7),e.Y8G("ngClass",""==t.isCustomimage?"d-flex":"d-none"),e.R7$(),e.Y8G("accept",t.aiUploadImageService.fileImageAccept),e.R7$(9),e.Y8G("ngClass",""!=t.isCustomimage?"d-flex":"d-none"),e.R7$(),e.Y8G("ngClass",e.eq3(10,a,0==t.productImageId)),e.R7$(2),e.Y8G("src",t.isCustomimage,e.B4B),e.R7$(11),e.Y8G("ngIf",t.products.length),e.R7$(),e.Y8G("ngIf",!t.products)}}function w(i,o){if(1&i){const t=e.RV6();e.j41(0,"div",20)(1,"div",21)(2,"img",22),e.bIt("click",function(){const s=e.eBV(t),c=s.$implicit,g=s.index,p=e.XpG(2);return e.Njj(p.selectimage(c,p.products[g]))}),e.k0s()(),e.j41(3,"span",23),e.EFF(4),e.k0s()()}if(2&i){const t=o.$implicit,n=e.XpG(2);e.Y8G("ngClass",e.eq3(3,a,t.productImageId==n.productImageId)),e.R7$(2),e.Y8G("src",t.thumbUrl,e.B4B),e.R7$(2),e.JRh(t.displayName)}}function N(i,o){1&i&&(e.qex(0),e.nrm(1,"element-placeholder",24),e.bVm()),2&i&&(e.R7$(),e.Y8G("view","AiPatterns"))}function Y(i,o){if(1&i&&(e.j41(0,"div",3)(1,"div",25)(2,"span",5),e.EFF(3," Presets "),e.k0s()(),e.j41(4,"div",26)(5,"div",72),e.DNE(6,w,5,5,"div",12)(7,N,2,1,"ng-container",1),e.k0s()()()),2&i){const t=e.XpG();e.R7$(6),e.Y8G("ngForOf",t.products.storeProductImages),e.R7$(),e.Y8G("ngIf",!t.products)}}let U=(()=>{var i;class o{constructor(n){this.aiUploadImageService=n,this.products=[],this.selectImage=new e.bkB,this.Gendervalue=new e.bkB,this.selectCustomImage=new e.bkB,this.storeProducts=[],this.productImageId=0,this.pageNumber=0,this.productId=0,this.genders=[{categoryId:"203",text:"Male",iconName:"male"},{categoryId:"204",text:"Female",iconName:"female"}],this.selectedGenderCatId="257",this.isCustomimage=""}ngOnInit(){}selectimage(n,s=null){n&&this.products&&(n.prodId=this.products?.productId||0),s&&(n.prodId=s.productId),this.selectImage.emit(n)}changeGender(n){this.Gendervalue.emit(n)}addStyleImage(n){n.click()}selectCustomImageStyle(){this.selectCustomImage.emit({productImageId:"0",displayName:"Custom",thumbUrl:this.isCustomimage,imgUrl:this.isCu

1stomimage,isCustom:!0})}removeStyleImage(){this.selectCustomImage.emit({productImageId:"0",displayName:"Custom",thumbUrl:this.isCustomimage,imgUrl:this.isCustomimage,removed:!0})}onFileUploaded(n){n&&this.aiUploadImageService.aiUploadImage(n[0],{tab:"text2image",isStyleRefImage:!0}).then(g=>{g&&(this.isCustomimage=g?.imgUrl,this.selectCustomImage.emit({productImageId:"0",displayName:"Custom",thumbUrl:this.isCustomimage,imgUrl:this.isCustomimage,isCustom:!0}))})}}return(i=o).\u0275fac=function(n){return new(n||i)(e.rXU(f.M))},i.\u0275cmp=e.VBU({type:i,selectors:[["ai-choose-styles"]],inputs:{products:"products",productImageId:"productImageId",editorType:"editorType",selectedGenderCatId:"selectedGenderCatId",isCustomimage:"isCustomimage"},outputs:{selectImage:"selectImage",Gendervalue:"Gendervalue",selectCustomImage:"selectCustomImage"},decls:4,vars:4,consts:[["file",""],[4,"ngIf"],["class","d-flex w-100 flex-column",4,"ngIf"],[1,"d-flex","w-100","flex-column"],[1,"d-flex","align-items-center","justify-content-start","w-100","ps-3","pe-3",2,"min-height","40px"],[1,"prompt-hed","text-semi"],[1,"d-flex","wp-100","pb-9","ps-3","pe-3","ai-drawer-elements","drawer-elements",2,"min-height","40px"],["bindLabel","text","bindValue","categoryId",1,"w-100","c-ng-select",3,"ngModelChange","change","items","ngModel","searchable","clearable"],["ng-label-tmp",""],["ng-option-tmp",""],[1,"d-flex","w-100","ai-thumb-list","justify-content-between","perfect-list","ch-style",2,"height","83%","position","absolute","top","88px","padding-top","4px"],["customScrollDir","",1,"scroll-container"],["class","ai-thumb-col d-flex align-items-center flex-column",3,"ngClass",4,"ngFor","ngForOf"],[1,"list-unstyled","w-100","mb-0","text-black"],[1,"row","g-0","align-items-center"],[1,"col-1","me-2","text-center"],[1,"grey-600","f-16",3,"name"],[1,"col-10"],[1,"text-13","grey-800","text-semi"],[1,"row","g-0","align-items-center","h-48"],[1,"ai-thumb-col","d-flex","align-items-center","flex-column",3,"ngClass"],[1,"img-col","d-flex","align-items-center","border-radius-12","mb-1"],["width","115px","height","115px",3,"click","src"],[1,"w-100","text-center"],[3,"view"],[1,"d-flex","align-items-center","justify-content-start","w-100","ps-3","pe-3",2,"min-height","32px"],["customScrollDir","",1,"is-popover-b","scroll-container","safari-pad",2,"height","calc(520px - 50px)"],[1,"d-flex","w-100","ai-thumb-list","perfect-list","ch-style","pt-1",2,"column-gap","11px"],[1,"d-flex","w-100","ai-thumb-list","justify-content-between","perfect-list","ch-style","pt-1"],[1,"d-flex","align-items-center","w-100","style-ref-top"],[1,"style-ref-left","d-flex","align-items-center","justify-content-center","me-3"],[1,"ai-thumb-col","d-flex","align-items-center","flex-column","ai-thumb-active",3,"click","ngClass"],[1,"w-100","mb-1","none-column"],[1,"d-flex","align-items-center","justify-content-center","none-variation"],["name","noneicon1",1,"f-40"],[1,"text","w-100","text-center"],[1,"style-ref-right","d-flex","align-items-center","justify-content-center","flex-column","mb-3"],[1,"step-1","w-100","d-flex","flex-column",3,"click","ngClass"],["id","fileInputId","name","fileInputId","type","file",1,"custom-file-input","d-none",3,"change","click","accept"],[1,"upload-style-box","mb-1","w-100","d-flex","align-items-center","justify-content-center","flex-column","pointer"],["name","styleupload"],[1,"text-dark","mt-2"],[1,"step-2","w-100",3,"ngClass"],[1,"ai-thumb-col","d-flex","align-items-center","flex-column","mb-0","me-2",3,"click","ngClass"],["width","115px","height","115px",2,"min-height","104px",3,"src"],[1,"style-btn-col"],[1,"btn","btn-white","text-13","btn-h40","mb-2","w-100","grey-600","mt-2",3,"click"],["name","replace",1,"f-24","me-2","text-dark"],[1,"btn","btn-white","text-13","btn-h40","w-100","grey-600",3,"click"],["name","deleteoth",1,"f-24","me-2","text-dark"],[1,"d-flex","backgound-content","w-100"],["ngbAccordion","",1,"bg-transparent",3,"closeOthers"],["class","tab-div overflow-inherit bg-transparent",3,"ngbAccordionItem",4,"ngFor","ngForOf"],[1,"tab-div","overflow-inherit","bg-transparent",3,"ngbAccordionItem"],["ngbAccordionHeader",""],[1,"d-flex","align-items-center","mb-9","justify-content-between"],["type","button",1,"btn-acc-title","pe-none",2,"width","auto !important"],[1,"m-0","btn","btn-link","card-title","text-13","p-0","text-dark"],["type","button","ngbAccordionButton","",1,"btn-collapse-expand","d-flex","align-items-center","border-radius-8","p-1","border-0","h-24"],[1,"collapse-text","text-11","grey-600"],[1,"expand-text","text-11","grey-600"],[1,"content"],[1,"ai-thumb-list","d-flex","align-items-start","justify-content-start",2,"margin-left","-7px","margin-right","-7px"],["class","ai-thumb-col d-flex align-items-center flex-column min-128","style","width: 128px;margin-left: 6px; margin-right: 6px;",3,"ngClass",4,"ngFor","ngForOf"],["ngbAccordionCollapse",""],["ngbAccordionBody",""],[1,"ai-thumb-col","d-flex","align-items-center","flex-column","min-128",2,"width","128px","margin-left","6px","margin-right","6px",3,"ngClass"],[1,"img-col","d-flex","align-items-center","border-radius-12","mb-1","min-128"],["disableRC","","width","115px","height","115px",3,"click","

1src"],[1,"ai-thumb-list","d-flex","align-items-center","justify-content-start",2,"margin-left","-7px","margin-right","-7px"],["class","ai-thumb-col d-flex align-items-center justify-content-center flex-column min-128","style","width: 128px;margin-left: 6px; margin-right: 6px;",3,"ngClass",4,"ngFor","ngForOf"],[1,"ai-thumb-col","d-flex","align-items-center","justify-content-center","flex-column","min-128",2,"width","128px","margin-left","6px","margin-right","6px",3,"ngClass"],[1,"d-flex","w-100","ai-thumb-list","perfect-list","ch-style","design-style","pt-1",2,"column-gap","11px"]],template:function(n,s){1&n&&e.DNE(0,E,2,1,"div",1)(1,F,8,2,"div",2)(2,O,41,12,"div",2)(3,Y,8,2,"div",2),2&n&&(e.Y8G("ngIf","avatar"==s.editorType),e.R7$(),e.Y8G("ngIf",s.products&&"avatar"!=s.editorType&&"sketch"!=s.editorType&&"aidesign"!=s.editorType),e.R7$(),e.Y8G("ngIf",s.products&&"sketch"==s.editorType),e.R7$(),e.Y8G("ngIf",s.products&&"aidesign"==s.editorType))},dependencies:[u.YU,u.Sq,u.bT,h.n,x.G,C.q,r.WP,r.r6,r.tW,r.x7,r.UA,r.$R,_.BC,_.vS,d.vr,d.Uq,d.ZZ,m.b]}),o})()},69711:(b,v,l)=>{l.d(v,{k:()=>C});var e=l(54438),f=l(68287),u=l(60177),h=l(33645);function x(r,_){if(1&r){const d=e.RV6();e.j41(0,"div",6)(1,"button",7),e.bIt("click",function(){const a=e.eBV(d).$implicit,I=e.XpG();return e.Njj(I.promptSelect(a))}),e.EFF(2),e.k0s()()}if(2&r){const d=_.$implicit;e.R7$(2),e.JRh(d.prompt)}}let C=(()=>{var r;class _{constructor(m){this.env=m,this.selectPrompt=new e.bkB,this.visible=!0}ngOnChanges(m){}ngOnInit(){}promptSelect(m){this.aiPromptId=m.aiPromptId,this.selectPrompt.emit(m)}}return(r=_).\u0275fac=function(m){return new(m||r)(e.rXU(f.L))},r.\u0275cmp=e.VBU({type:r,selectors:[["ai-prompts-popover"]],inputs:{items:"items",visible:"visible"},outputs:{selectPrompt:"selectPrompt"},features:[e.OA$],decls:7,vars:1,consts:[[1,"d-flex","w-100","flex-column"],[1,"d-flex","align-items-center","justify-content-start","w-100"],[1,"prompt-hed","mb-9","text-semi"],["customScrollDir","",1,"is-popover-b","ps-0","scroll-container",2,"height","calc(470px - 50px)"],[1,"d-flex","w-100","prompt-list","flex-column","perfect-list","pb-9"],["class","d-flex",4,"ngFor","ngForOf"],[1,"d-flex"],[1,"prompt-btn","mb-1","border-radius-12","grey-800","text-12","text-regular","w-auto","text-truncate","h-36",2,"padding","9px 12px 9px 12px",3,"click"]],template:function(m,a){1&m&&(e.j41(0,"div",0)(1,"div",1)(2,"span",2),e.EFF(3," Suggested Prompts "),e.k0s()(),e.j41(4,"div",3)(5,"div",4),e.DNE(6,x,3,1,"div",5),e.k0s()()()),2&m&&(e.R7$(6),e.Y8G("ngForOf",a.items))},dependencies:[u.Sq,h.q]}),_})()}}]);