1"use strict";(self.webpackChunklightx=self.webpackChunklightx||[]).push([[9643],{2820:(j,k,l)=>{l.d(k,{Z:()=>_});var e=l(54438);let _=(()=>{var m;class T{constructor(t){this.el=t,this.regex=new RegExp(/^[0-9]+(\.[0-9][0-9]*){0,1}$/g),this.specialKeys=["Backspace","Tab","End","Home","ArrowLeft","ArrowRight","Delete"]}onKeyDown(t){if((t.metaKey||t.ctrlKey)&&("v"===t.key||"a"===t.key||"c"===t.key))return;if(-1!==this.specialKeys.indexOf(t.key))return;let C=this.el.nativeElement.value.concat(t.key);C&&!String(C).match(this.regex)&&t.preventDefault()}}return(m=T).\u0275fac=function(t){return new(t||m)(e.rXU(e.aKT))},m.\u0275dir=e.FsC({type:m,selectors:[["","numbersOnly",""]],hostBindings:function(t,u){1&t&&e.bIt("keydown",function(y){return u.onKeyDown(y)})}}),T})()},18545:(j,k,l)=>{l.d(k,{m:()=>P});var e=l(54438),_=l(345);let P=(()=>{var m;class T{constructor(t){this.sanitizer=t}transform(t,u){switch(u){case"html":return this.sanitizer.bypassSecurityTrustHtml(t);case"url":return this.sanitizer.bypassSecurityTrustUrl(t);default:throw new Error(`Invalid safe type specified: ${u}`)}}}return(m=T).\u0275fac=function(t){return new(t||m)(e.rXU(_.up,16))},m.\u0275pipe=e.EJ8({name:"safe",type:m,pure:!0}),T})()},93391:(j,k,l)=>{l.d(k,{C:()=>T});var e=l(54438),_=l(60177),P=l(84341);const m=f=>({transition:f});let T=(()=>{var f;class t{constructor(){this.selected=!1,this.disabled=!1,this.loaded=!1,this.changeT=new e.bkB}ngAfterViewInit(){setTimeout(()=>{this.loaded=!0},100)}ngOnInit(){}changeToggle(){setTimeout(()=>{this.changeT.emit(this.selected)},200)}}return(f=t).\u0275fac=function(C){return new(C||f)},f.\u0275cmp=e.VBU({type:f,selectors:[["toggle-switch"]],inputs:{selected:"selected",disabled:"disabled"},outputs:{changeT:"changeT"},decls:3,vars:5,consts:[[1,"toggle-switch"],["type","checkbox",3,"ngModelChange","click","disabled","ngModel"],[1,"slider",3,"ngClass"]],template:function(C,y){1&C&&(e.j41(0,"label",0)(1,"input",1),e.mxI("ngModelChange",function(I){return e.DH7(y.selected,I)||(y.selected=I),I}),e.bIt("click",function(){return y.changeToggle()}),e.k0s(),e.nrm(2,"div",2),e.k0s()),2&C&&(e.R7$(),e.Y8G("disabled",y.disabled),e.R50("ngModel",y.selected),e.R7$(),e.Y8G("ngClass",e.eq3(3,m,y.loaded)))},dependencies:[_.YU,P.Zm,P.BC,P.vS],styles:['.toggle-switch[_ngcontent-%COMP%]{height:30px;width:56px;display:inline-block;position:relative;margin-bottom:.5rem}.toggle-switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{display:none}.toggle-switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]{background-color:#fff}.toggle-switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:after{transform:translate(26px)}.toggle-switch[_ngcontent-%COMP%] .slider[_ngcontent-%COMP%]{border-radius:20px;position:absolute;left:0;top:0;right:0;bottom:0;background-color:#fff}.toggle-switch[_ngcontent-%COMP%] .slider[_ngcontent-%COMP%]:after{position:absolute;content:"";height:24px;width:24px;background-color:#626adf;left:4px;bottom:3px;border-radius:20px}.toggle-switch[_ngcontent-%COMP%] .transition[_ngcontent-%COMP%]{transition:2s}.toggle-switch[_ngcontent-%COMP%] .transition[_ngcontent-%COMP%]:after{transition:.4s}']}),t})()},23334:(j,k,l)=>{l.d(k,{d:()=>X});var e=l(16478),_=l(16471),P=l(79774);class m{constructor(d,r,a,i,x,O,G,o,p,n){this.aiUploadImageService=d,this.createPopupService=r,this.router=a,this.uploadVideoService=i,this.uploadImageService=x,this.uploadService=O,this.toastService=G,this.templateService=o,this.dialogService=p,this.gtmService=n,this.fileUploadAccept="image/*",this.multiple=!1}openToolNew(d,r,a){if(this.selectedTool=d,d.metadata.editorType==_._Y.AIPhoto)this.openAiToolNew(d,r,a);else if(d.metadata.editorType==_._Y.VideoEditor||d.metadata.editorType==_._Y.VideoTemplate)this.fileUploadAccept=d.metadata.mediaType==P.P.Image?"image/*":d.metadata.mediaType==P.P.Video?"video/mp4":"video/mp4, image/*",this.multiple=d.metadata.editorType==_._Y.VideoEditor,setTimeout(()=>r.click(),0);else if(d.metadata.editorType==_._Y.Video)this.fileUploadAccept=["video/mp4","video/avi","video/mpeg","video/m4v"].join(","),this.multiple=!1,setTimeout(()=>r.click(),0);else if(d.metadata.editorType==_._Y.ImageTool)this.fileUploadAccept=d.metadata.toolName==e.b.tool.imageCompress?e.b.allowedCompressImageTypes.join(","):e.b.allowedImagetoolsMimeTypes.join(","),this.multiple=!1,setTimeout(()=>r.click(),0);else{const i={imageUrl:"",tabName:"",from:"",editorType:""},x=d.metadata;i.tabName=x.toolName,i.editorType=x.editorType,i.targetPage=x.targetPage,i.subTool=x.subTool,i.from="user-dashboard",this.uploadImageService.storyMetaData=null,this.selectedTool.metadata.storyAttr&&(this.uploadImageService.storyMetaData={storyAttr:this.selectedTool.metadata.storyAttr}),this.createPopupService.editorUploadImageModal(i,O=>{})}d.metadata.editorType!=_._Y.AIPhoto&&this.gtmService.pushTag({eventName:e.b.gtm.eventname.userDashboard,itemName:a,itemType:d?.text||d?.subType})}openAiToolNew(d,r,a="ai-tools"){this.selectedTool=d,d.metadata&&(d.metadata.mediaType?(this.fileUploadAccept="image/*",this.multiple=!1,setTimeout(()=>r.click(),0)):this.router.navigate(["/ai-photo-editor/edit"],{queryParams:{tab:d.metadata.toolName,from:"user-dashboard",...d.metadata.toolName&&{_sId:d.metadata._sId}}})),this.gtmService.pushTag({eventName:e.b.gtm.eventname.userDashboard,itemName:a,itemType:d?.text||d?.subType})}
1onFileUploaded(d){if(d.length)if(this.selectedTool.metadata.editorType==_._Y.AIPhoto){const r=d[0];this.uploadImageService.storyMetaData=null,this.selectedTool.metadata.storyAttr&&(this.uploadImageService.storyMetaData={storyAttr:this.selectedTool.metadata.storyAttr}),this.aiUploadImageService.aiUploadImage(r,{tab:this.selectedTool.metadata.toolName,subTool:this.selectedTool.metadata.subTool,from:"user-dashboard"}).then(a=>{})}else if(this.selectedTool.metadata.editorType==_._Y.Video){const r=d[0];this.uploadService.onVideoUploaded(r,"CONVERT",a=>{a&&this.uploadImageService.loadInputVideo(this.selectedTool.subType,this.selectedTool.metadata.editorType,{videoUrl:a.contentUrl,keyName:a.keyName,assetId:a.assetId,fileSize:r.size,systemRefKey:a.systemRefKey,name:r.name},()=>{})},a=>{let i=e.b.message.errorOnUploadVideo;this.toastService.showErrorOptions({msg:a?.description||a?.message||a?.msg||i,cssClass:"full"})})}else if(this.selectedTool.metadata.editorType==_._Y.ImageTool){const r=d[0];let a=window.URL.createObjectURL(r);this.templateService.needtoUploadVideoFile=r;let i=this.dialogService.showProgressEditor(e.b.label.uploadingImage);this.uploadImageService.slug=this.selectedTool.subType,this.uploadImageService.loadPhotoEditingImage(a,r.name,r.size,this.selectedTool.metadata.toolName,()=>{setTimeout(()=>{i.close()},100)})}else if(this.selectedTool.metadata.editorType==_._Y.VideoTemplate){const r=d[0];let a=window.URL.createObjectURL(r);const i=this.uploadVideoService.getMediaType(r?.name,a);let x=this.dialogService.showProgressEditor(e.b.message.uploadingVideo);this.uploadVideoService.loadVideo(a,i).promise.then(O=>{i===P.P.Image&&(a=O.src),this.uploadVideoService.loadInputVideo(this.selectedTool.subType,this.selectedTool.metadata.editorType,this.selectedTool.metadata.toolName,{videoUrl:a,width:O.videoWidth,height:O.videoHeight,duration:1e3*O.duration,mediaType:i,progress:x},()=>{})})}else this.uploadVideoService.loadMultipleFilesUpload(d,{from:e.b.AFTER_LOGIN_REDIRATION_URI,editorType:this.selectedTool.metadata.editorType,toolName:this.selectedTool.metadata.toolName})}}var T=l(68465),f=l(67294),t=l(54438),u=l(33391),C=l(80006),y=l(630),S=l(74710),I=l(11497),F=l(6755),E=l(45975),B=l(74983),h=l(32764),M=l(41300),c=l(55756),s=l(60177),g=l(68064),D=l(38968),R=l(3110);function A(b,d){1&b&&(t.qex(0),t.nrm(1,"dashboard-placeholder",3),t.bVm()),2&b&&(t.R7$(),t.Y8G("cardCount",8))}function N(b,d){if(1&b){const r=t.RV6();t.j41(0,"magic-tools-grid",4),t.bIt("toolClick",function(i){t.eBV(r);const x=t.XpG(2);return t.Njj(x.openTool(i))})("seeAllClick",function(){t.eBV(r);const i=t.XpG(2);return t.Njj(i.seeAll())})("scrollEndChange",function(i){t.eBV(r);const x=t.XpG(2);return t.Njj(x.sliderNextDisable(i))}),t.k0s()}if(2&b){const r=t.XpG(2);t.Y8G("tools",r.tools)("title",r.sectionTitle)("showSeeAll",!0)("seeAllDisabled",r.viewAllDisable)}}function Y(b,d){if(1&b&&(t.j41(0,"div"),t.DNE(1,A,2,1,"ng-container",2)(2,N,1,4,"ng-template",null,0,t.C5r),t.k0s()),2&b){const r=t.sdS(3),a=t.XpG();t.R7$(),t.Y8G("ngIf",a.showPlaceholder)("ngIfElse",r)}}function U(b,d){if(1&b){const r=t.RV6();t.j41(0,"div",12),t.bIt("click",function(){const i=t.eBV(r).$implicit,x=t.XpG(2);return t.Njj(x.openTool(i))}),t.j41(1,"div",13)(2,"h3",14),t.EFF(3),t.k0s()(),t.j41(4,"div",15),t.nrm(5,"img",16),t.k0s()()}if(2&b){const r=d.$implicit;t.R7$(3),t.JRh(r.displayName),t.R7$(2),t.Y8G("src",r.thumbUrl,t.B4B)}}function $(b,d){if(1&b){const r=t.RV6();t.j41(0,"div")(1,"div",5)(2,"button",6),t.bIt("click",function(){t.eBV(r);const i=t.XpG();return t.Njj(i.activeModal.dismiss())}),t.nrm(3,"pi",7),t.k0s()(),t.j41(4,"div",8)(5,"h2",9),t.EFF(6,"What do you need?"),t.k0s()(),t.j41(7,"div",10),t.DNE(8,U,6,2,"div",11),t.k0s()()}if(2&b){const r=t.XpG();t.R7$(8),t.Y8G("ngForOf",r.storeProducts)("ngForTrackBy",r.trackByProductId)}}let X=(()=>{var b;class d extends m{constructor(a,i,x,O,G,o,p,n,w,v,V,z){super(i,x,O,G,o,p,n,w,v,V),this.modalService=a,this.aiUploadImageService=i,this.activeModal=z,this.viewAllDisable=!1,this.isLoaded=!1,this.sectionTitle="",this.tools=[],this.isdilog=!1,this.loadingTools=!1,this.pageNumber=0,this.storeProducts=[],this.ProductRow=99,this.catogaryId=0}ngOnInit(){this.sectionTitle=this.sectionObj?.title,this.loadingTools=!0,this.getCategoryDesignDetails(()=>{const a=this.sectionObj?.links;a?.length>0&&(this.tools=a.slice(0,10)),this.loadingTools=!1})}get showPlaceholder(){return!this.isLoaded||this.loadingTools}getCategoryDesignDetails(a=null){this.templateService.getProductDetailsData(T.KK.AIDesign,this.pageNumber,i=>{i&&i.body&&(this.storeProducts=i.body.storeProducts.map(x=>({...x,loaded:!1}))),setTimeout(()=>{a&&a()},100)},i=>{this.loadingTools=!1,a&&a()},null,1,this.ProductRow)}seeAll(){this.activeModal.close();const a=this.modalService.open(d,{centered:!0,size:"xl",backdrop:"static",windowClass:"create-video-dialog ai-design-modal"});
1a.componentInstance.isdilog=!0,a.componentInstance.storeProducts=this.storeProducts,a.componentInstance.catogaryId=this.catogaryId,a.result.then(()=>{})}trackByProductId(a,i){return i?.metadata?.productId||i?.productId||a}openTool(a){const i=a?.img?.item||a;this.router.navigate(["ai-photo-editor/edit"],{queryParams:{tab:f.sv.AI_DESIGN_TOOLS,toolName:"design",productId:i?.metadata?.productId||i?.productId}}),this.activeModal.close();const O={eventName:e.b.gtm.eventname.userDashboard,itemName:this.sectionTitle,itemType:this.leftPanelTab,itemValue:i?.displayName||i?.text};O?.itemName&&this.gtmService.pushTag(O)}sliderNextDisable(a){this.viewAllDisable=a}}return(b=d).\u0275fac=function(a){return new(a||b)(t.rXU(u.Bq),t.rXU(C.M),t.rXU(y.A),t.rXU(S.Ix),t.rXU(I.k),t.rXU(F.A),t.rXU(E.B),t.rXU(B.f),t.rXU(h.I),t.rXU(M.g),t.rXU(c.y),t.rXU(u.Lw))},b.\u0275cmp=t.VBU({type:b,selectors:[["aidesign-tools"]],inputs:{sectionObj:"sectionObj",isLoaded:"isLoaded",isdilog:"isdilog",storeProducts:"storeProducts",leftPanelTab:"leftPanelTab"},features:[t.Vt3],decls:2,vars:2,consts:[["toolsContent",""],[4,"ngIf"],[4,"ngIf","ngIfElse"],["type","aidesign-tools",3,"cardCount"],[3,"toolClick","seeAllClick","scrollEndChange","tools","title","showSeeAll","seeAllDisabled"],[1,"modal-header","border-0","m-0","p-0"],["type","button","aria-hidden","close",1,"close",3,"click"],["name","close",1,"f-30"],[1,"d-flex","align-items-center","justify-content-center","mb-4","mt-4"],[1,"text-xxl","text-semi","text-black"],[1,"templates-thumbs-list-modal","position-absolute"],["class","design-tools-item border-radius-12 d-inline-flex align-items-center justify-content-between pointer",3,"click",4,"ngFor","ngForOf","ngForTrackBy"],[1,"design-tools-item","border-radius-12","d-inline-flex","align-items-center","justify-content-between","pointer",3,"click"],[1,"d-inline-flex","align-items-center","justify-content-start","ps-3","pe-2"],[1,"text-14","text-semi","grey-800","lh-160","mb-0"],[1,"d-inline-flex","align-items-center","overflow-hidden","item-image"],["height","100px","width","100px",1,"responsive",2,"left","0","position","inherit !important",3,"src"]],template:function(a,i){1&a&&t.DNE(0,Y,4,2,"div",1)(1,$,9,2,"div",1),2&a&&(t.Y8G("ngIf",!i.isdilog),t.R7$(),t.Y8G("ngIf",i.isdilog))},dependencies:[s.Sq,s.bT,g.b,D.t,R.w],styles:[".templates-thumbs-list-modal[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:0 20px 24px 24px;margin-right:4px;width:calc(100% - 4px);max-height:calc(100% - 88px);overflow:auto}.templates-thumbs-list-modal[_ngcontent-%COMP%] .design-tools-item[_ngcontent-%COMP%]{background:#626adf0d;max-height:100px;overflow:hidden}.templates-thumbs-list-modal[_ngcontent-%COMP%] .design-tools-item[_ngcontent-%COMP%] .item-image[_ngcontent-%COMP%]{min-width:100px;max-width:100px;height:100px;padding:38px 0 0 17px;position:relative;overflow:hidden}.templates-thumbs-list-modal[_ngcontent-%COMP%] .design-tools-item[_ngcontent-%COMP%] .item-image[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:82.609px;height:82.609px;transform:rotate(-7deg);aspect-ratio:1;box-shadow:0 0 8px 4px #0000001a;border-radius:10.87px}.templates-thumbs-list-modal[_ngcontent-%COMP%] .design-tools-item[_ngcontent-%COMP%]:hover{background:#626adf1a}.templates-thumbs-list-modal[_ngcontent-%COMP%]::-webkit-scrollbar{width:4px}.templates-thumbs-list-modal[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:transparent;border-radius:12px;margin-bottom:16px}.templates-thumbs-list-modal[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#d5d7dd;border-radius:4px}.templates-thumbs-list-modal[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background:#afb4c2}"]}),d})()},38968:(j,k,l)=>{l.d(k,{t:()=>G});var e=l(54438),_=l(60177);function P(o,p){1&o&&e.nrm(0,"span",19)}function m(o,p){if(1&o&&(e.j41(0,"div",14),e.nrm(1,"span",15),e.j41(2,"div",16),e.nrm(3,"span",17),e.DNE(4,P,1,0,"span",18),e.k0s()()),2&o){const n=e.XpG();e.R7$(4),e.Y8G("ngForOf",n.cards.slice(0,3))("ngForTrackBy",n.trackByIndex)}}function T(o,p){if(1&o&&(e.j41(0,"div",20),e.nrm(1,"span",15)(2,"span",21),e.k0s()),2&o){const n=e.XpG();e.AVh("dashboard-placeholder__category-header--aidesign","aidesign-tools"===n.type)}}function f(o,p){1&o&&(e.j41(0,"div",22),e.nrm(1,"span",15),e.k0s())}function t(o,p){1&o&&(e.j41(0,"div",23),e.nrm(1,"span",24),e.k0s())}function u(o,p){1&o&&(e.j41(0,"div",27),e.nrm(1,"span",28),e.k0s())}function C(o,p){if(1&o&&(e.j41(0,"div",25),e.DNE(1,u,2,0,"div",26),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}function y(o,p){1&o&&(e.j41(0,"div",30),e.nrm(1,"span",31),e.k0s())}function S(o,p){if(1&o&&(e.j41(0,"div",25),e.DNE(1,y,2,0,"div",29),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}function I(o,p){1&o&&(e.j41(0,"div",34),e.nrm(1,"span",35)(2,"span",36),e.k0s())}function F(o,p){if(1&o&&(e.j41(0,"div",32),e.DNE(1,I,3,0,"div",33),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}function E(o,p){1&o&&(e.j41(0,"div",34),e.nrm(1,"span",35)(2,"span",36),e.k0s())}
1function B(o,p){if(1&o&&(e.j41(0,"div",32),e.DNE(1,E,3,0,"div",33),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}function h(o,p){1&o&&(e.j41(0,"div",34),e.nrm(1,"span",35),e.k0s())}function M(o,p){if(1&o&&(e.j41(0,"div",37),e.DNE(1,h,2,0,"div",33),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.sliderCards)("ngForTrackBy",n.trackByIndex)}}function c(o,p){1&o&&e.nrm(0,"span",42)}function s(o,p){1&o&&e.nrm(0,"span",43)}function g(o,p){1&o&&e.nrm(0,"span",35)}function D(o,p){if(1&o&&(e.j41(0,"div",34),e.DNE(1,c,1,0,"span",39)(2,s,1,0,"span",40)(3,g,1,0,"span",41),e.k0s()),2&o){const n=e.XpG(2);e.xc7("width",1===n.normalizedCurrentFormat?230:172,"px")("flex-basis",1===n.normalizedCurrentFormat?230:172,"px"),e.R7$(),e.Y8G("ngIf",1===n.normalizedCurrentFormat),e.R7$(),e.Y8G("ngIf",3===n.normalizedCurrentFormat),e.R7$(),e.Y8G("ngIf",1!==n.normalizedCurrentFormat&&3!==n.normalizedCurrentFormat)}}function R(o,p){if(1&o&&(e.j41(0,"div",37),e.DNE(1,D,4,7,"div",38),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.sliderCards)("ngForTrackBy",n.trackByIndex)}}function A(o,p){1&o&&e.nrm(0,"span",46)}function N(o,p){if(1&o&&(e.j41(0,"div",44),e.DNE(1,A,1,0,"span",45),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}function Y(o,p){1&o&&e.nrm(0,"span",46)}function U(o,p){if(1&o&&(e.j41(0,"div",44),e.DNE(1,Y,1,0,"span",45),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}function $(o,p){1&o&&(e.j41(0,"div",49),e.nrm(1,"span",50)(2,"span",51),e.k0s())}function X(o,p){if(1&o&&(e.j41(0,"div",47),e.DNE(1,$,3,0,"div",48),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}function b(o,p){1&o&&e.nrm(0,"span",19)}function d(o,p){1&o&&(e.j41(0,"div",56)(1,"span",57),e.nrm(2,"span",58),e.k0s(),e.nrm(3,"span",59)(4,"span",60),e.k0s())}function r(o,p){if(1&o&&(e.j41(0,"div",52)(1,"div",53),e.nrm(2,"span",17),e.DNE(3,b,1,0,"span",18),e.k0s(),e.j41(4,"div",54),e.DNE(5,d,5,0,"div",55),e.k0s()()),2&o){const n=e.XpG();e.R7$(3),e.Y8G("ngForOf",n.cards.slice(0,4))("ngForTrackBy",n.trackByIndex),e.R7$(2),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}function a(o,p){1&o&&(e.j41(0,"div",63),e.nrm(1,"span",64)(2,"span",65),e.k0s())}function i(o,p){if(1&o&&(e.j41(0,"div",61),e.DNE(1,a,3,0,"div",62),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}function x(o,p){1&o&&(e.j41(0,"div",68),e.nrm(1,"span",69)(2,"span",70),e.k0s())}function O(o,p){if(1&o&&(e.j41(0,"div",66),e.DNE(1,x,3,0,"div",67),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("ngForOf",n.cards)("ngForTrackBy",n.trackByIndex)}}let G=(()=>{var o;class p{constructor(){this.type="banner",this.showTitle=!0,this.cardCount=4,this.sliderCardCount=0,this.currentFormat=0}get cards(){return Array.from({length:this.cardCount},(w,v)=>v)}get sliderCards(){return Array.from({length:this.sliderCardCount},(w,v)=>v)}get normalizedCurrentFormat(){const w=Number(this.currentFormat);return Number.isFinite(w)?w:0}trackByIndex(w){return w}}return(o=p).\u0275fac=function(w){return new(w||o)},o.\u0275cmp=e.VBU({type:o,selectors:[["dashboard-placeholder"]],inputs:{type:"type",showTitle:"showTitle",cardCount:"cardCount",sliderCardCount:"sliderCardCount",currentFormat:"currentFormat"},decls:18,vars:18,consts:[[1,"dashboard-placeholder","placeholder-wave",3,"ngClass"],["class","dashboard-placeholder__recent-header",4,"ngIf"],["class","dashboard-placeholder__category-header",3,"dashboard-placeholder__category-header--aidesign",4,"ngIf"],["class","dashboard-placeholder__header d-flex align-items-center justify-content-start h-40 mb-3",4,"ngIf"],[3,"ngSwitch"],["class","dashboard-placeholder__heading","style","padding-top: 8px !important;",4,"ngSwitchCase"],["class","dashboard-placeholder__track",4,"ngSwitchCase"],["class","dashboard-placeholder__category-track",4,"ngSwitchCase"],["class","dashboard-placeholder__category-track","style","margin-top: 12px;",4,"ngSwitchCase"],["class","dashboard-placeholder__popular-track",4,"ngSwitchCase"],["class","dashboard-placeholder__ai-tools-grid",4,"ngSwitchCase"],["class","dashboard-placeholder__scratch",4,"ngSwitchCase"],["class","dashboard-placeholder__grid",4,"ngSwitchCase"],["class","dashboard-placeholder__grid dashboard-placeholder__grid--editing",4,"ngSwitchCase"],[1,"dashboard-placeholder__recent-header"],[1,"placeholder","rounded-pill","dashboard-placeholder__title"],[1,"dashboard-placeholder__recent-tabs"],[1,"placeholder","rounded-pill","dashboard-placeholder__scratch-tab","dashboard-placeholder__scratch-tab--active"],["class","placeholder rounded-pill dashboard-placeholder__scratch-tab",4,"ngFor","ngForOf","ngForTrackBy"],[1,"placeholder","rounded-pill","dashboard-placeholder__scratch-tab"],[1,"dashboard-placeholder__category-header"],[1,"placeholder","rounded-pill","dashboard-placeholder__see-all"],[1,"dashboard-placeholder__header","d-flex","align-items-center","justify-content-start","h-40","mb-3"],[1,"dashboard-placeholder__heading",2,"padding-top","8px !important"],[1,"placeholder","rounded-pill","dashboard-placeholder__heading-title"],[1,"dashboard-placeholder__track"],["class","dashboard-placeholder__banner-card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"dashboard-placeholder__banner-card"],[1,"placeholder","d-block","w-100","dashboard-placeholder__banner-media"],["class","dashboard-placeholder__banner-square-card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"dashboard-placeholder__banner-square-card"],[1,"placeholder","d-block","w-100","dashboard-placeholder__banner-square-media"],[1,"dashboard-placeholder__category-track"],["class","dashboard-placeholder__category-card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"dashboard-placeholder__category-card"],[1,"placeholder","d-block","dashboard-placeholder__category-thumb"],[1,"placeholder","rounded-pill","d-block","dashboard-placeholder__category-label"],[1,"dashboard-placeholder__category-track",2,"margin-top","12px"],["class","dashboard-placeholder__category-card",3,"width","flex-basis",4,"ngFor","ngForOf","ngForTrackBy"],["class","placeholder d-block dashboard-placeholder__category-landscape-thumb",4,"ngIf"],["class","placeholder d-block dashboard-placeholder__category-portrait-thumb",4,"ngIf"],["class","placeholder d-block dashboard-placeholder__category-thumb",4,"ngIf"],[1,"placeholder","d-block","dashboard-placeholder__category-landscape-thumb"],[1,"placeholder","d-block","dashboard-placeholder__category-portrait-thumb"],[1,"dashboard-placeholder__popular-track"],["class","placeholder dashboard-placeholder__popular-card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"placeholder","dashboard-placeholder__popular-card"],[1,"dashboard-placeholder__ai-tools-grid"],["class","dashboard-placeholder__ai-tools-card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"dashboard-placeholder__ai-tools-card"],[1,"placeholder","dashboard-placeholder__ai-tools-icon"],[1,"placeholder","rounded-pill","d-block","dashboard-placeholder__ai-tools-label"],[1,"dashboard-placeholder__scratch"],[1,"dashboard-placeholder__scratch-tabs"],[1,"dashboard-placeholder__scratch-track"],["class","dashboard-placeholder__scratch-card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"dashboard-placeholder__scratch-card"],[1,"placeholder","dashboard-placeholder__scratch-frame"],[1,"placeholder","dashboard-placeholder__scratch-thumb"],[1,"placeholder","rounded-pill","d-block","dashboard-placeholder__scratch-label"],[1,"placeholder","rounded-pill","d-block","dashboard-placeholder__scratch-size"],[1,"dashboard-placeholder__grid"],["class","dashboard-placeholder__icon-card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"dashboard-placeholder__icon-card"],[1,"placeholder","d-block","w-100","dashboard-placeholder__icon-media"],[1,"placeholder","rounded-pill","d-block","dashboard-placeholder__icon-label","mt-2","mx-auto"],[1,"dashboard-placeholder__grid","dashboard-placeholder__grid--editing"],["class","dashboard-placeholder__editing-card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"dashboard-placeholder__editing-card"],[1,"placeholder","rounded-pill","dashboard-placeholder__editing-label"],[1,"placeholder","dashboard-placeholder__editing-media"]],template:function(w,v){1&w&&(e.j41(0,"div",0),e.DNE(1,m,5,2,"div",1)(2,T,3,2,"div",2)(3,f,2,0,"div",3),e.qex(4,4),e.DNE(
15,t,2,0,"div",5)(6,C,2,2,"div",6)(7,S,2,2,"div",6)(8,F,2,2,"div",7)(9,B,2,2,"div",7)(10,M,2,2,"div",8)(11,R,2,2,"div",8)(12,N,2,2,"div",9)(13,U,2,2,"div",9)(14,X,2,2,"div",10)(15,r,6,4,"div",11)(16,i,2,2,"div",12)(17,O,2,2,"div",13),e.bVm(),e.k0s()),2&w&&(e.Y8G("ngClass","dashboard-placeholder--"+v.type),e.R7$(),e.Y8G("ngIf",v.showTitle&&"recent-projects"===v.type),e.R7$(),e.Y8G("ngIf",v.showTitle&&("category-products"===v.type||"aidesign-tools"===v.type)),e.R7$(),e.Y8G("ngIf",v.showTitle&&"category-products"!==v.type&&"recent-projects"!==v.type&&"aidesign-tools"!==v.type&&"scratch-formats"!==v.type&&"heading"!==v.type&&"image-slider"!==v.type&&"video-template"!==v.type&&"banner"!==v.type&&"banner-square"!==v.type),e.R7$(),e.Y8G("ngSwitch",v.type),e.R7$(),e.Y8G("ngSwitchCase","heading"),e.R7$(),e.Y8G("ngSwitchCase","banner"),e.R7$(),e.Y8G("ngSwitchCase","banner-square"),e.R7$(),e.Y8G("ngSwitchCase","category-products"),e.R7$(),e.Y8G("ngSwitchCase","recent-projects"),e.R7$(),e.Y8G("ngSwitchCase","image-slider"),e.R7$(),e.Y8G("ngSwitchCase","video-template"),e.R7$(),e.Y8G("ngSwitchCase","popular-tools"),e.R7$(),e.Y8G("ngSwitchCase","aidesign-tools"),e.R7$(),e.Y8G("ngSwitchCase","ai-tools"),e.R7$(),e.Y8G("ngSwitchCase","scratch-formats"),e.R7$(),e.Y8G("ngSwitchCase","icon-grid"),e.R7$(),e.Y8G("ngSwitchCase","editing-tools"))},dependencies:[_.YU,_.Sq,_.bT,_.ux,_.e1],styles:[".dashboard-placeholder--heading[_ngcontent-%COMP%]{margin-bottom:-24px}.dashboard-placeholder__heading[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding-top:8px;padding-bottom:12px}.dashboard-placeholder__heading-title[_ngcontent-%COMP%]{width:280px;height:40px;opacity:.4}.dashboard-placeholder--banner[_ngcontent-%COMP%] .dashboard-placeholder__header[_ngcontent-%COMP%], .dashboard-placeholder--banner-square[_ngcontent-%COMP%] .dashboard-placeholder__header[_ngcontent-%COMP%], .dashboard-placeholder--popular-tools[_ngcontent-%COMP%] .dashboard-placeholder__header[_ngcontent-%COMP%]{padding-left:40px}.dashboard-placeholder--popular-tools[_ngcontent-%COMP%], .dashboard-placeholder--aidesign-tools[_ngcontent-%COMP%]{margin-top:19px}.dashboard-placeholder__category-header--aidesign[_ngcontent-%COMP%]{margin:0 10px 28px 40px}.dashboard-placeholder__title[_ngcontent-%COMP%]{width:220px;height:28px;opacity:.5}.dashboard-placeholder__track[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;overflow-y:hidden;padding:0 40px;scrollbar-width:none}.dashboard-placeholder__track[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.dashboard-placeholder__banner-card[_ngcontent-%COMP%]{flex:0 0 318px;width:318px}.dashboard-placeholder__banner-media[_ngcontent-%COMP%]{height:180px;border-radius:16px;opacity:.32}.dashboard-placeholder__banner-square-card[_ngcontent-%COMP%]{flex:0 0 180px;width:180px}.dashboard-placeholder__banner-square-media[_ngcontent-%COMP%]{width:180px;height:180px;border-radius:16px;opacity:.32}.dashboard-placeholder__banner-label[_ngcontent-%COMP%]{width:58%;height:14px;opacity:.24}.dashboard-placeholder--category-products[_ngcontent-%COMP%]{margin-bottom:60px}.dashboard-placeholder__category-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;margin:0 40px 20px}.dashboard-placeholder__category-header--recent[_ngcontent-%COMP%]{margin-bottom:0;padding-right:10px}.dashboard-placeholder--recent-projects[_ngcontent-%COMP%]{margin-top:19px}.dashboard-placeholder__recent-header[_ngcontent-%COMP%]{display:flex;align-items:center;gap:16px;margin:0 40px 20px;padding-right:10px}.dashboard-placeholder__recent-tabs[_ngcontent-%COMP%]{display:flex;align-items:center;gap:10px;overflow-x:auto;min-width:0;flex:1 1 auto;scrollbar-width:none}.dashboard-placeholder__recent-tabs[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.dashboard-placeholder__see-all[_ngcontent-%COMP%]{width:72px;height:36px;opacity:.24}.dashboard-placeholder__category-track[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 40px 4px;scrollbar-width:none}.dashboard-placeholder__category-track[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.dashboard-placeholder__category-card[_ngcontent-%COMP%]{flex:0 0 172px;width:172px}.dashboard-placeholder__category-thumb[_ngcontent-%COMP%]{width:172px;height:172px;border-radius:12px;opacity:.32}.dashboard-placeholder__category-portrait-thumb[_ngcontent-%COMP%]{width:172px;height:305px;border-radius:12px;opacity:.32}.dashboard-placeholder__category-landscape-thumb[_ngcontent-%COMP%]{width:230px;height:130px;border-radius:12px;opacity:.32}.dashboard-placeholder__category-label[_ngcontent-%COMP%]{width:70%;height:14px;margin-top:8px;opacity:.24}.dashboard-placeholder__popular-track[_ngcontent-%COMP%]{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,100px);
1gap:16px;height:216px;overflow-x:auto;overflow-y:hidden;padding:0 40px;scrollbar-width:none}.dashboard-placeholder__popular-track[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.dashboard-placeholder__popular-card[_ngcontent-%COMP%]{width:260px;height:100px;border-radius:12px;opacity:.32}.dashboard-placeholder--ai-tools[_ngcontent-%COMP%], .dashboard-placeholder--editing-tools[_ngcontent-%COMP%]{padding:0 52px 0 40px}.dashboard-placeholder--scratch-formats[_ngcontent-%COMP%]{padding-right:12px}.dashboard-placeholder__ai-tools-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fit,minmax(127px,1fr));gap:16px;width:100%}.dashboard-placeholder__ai-tools-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:200px;min-width:127px;height:104px}.dashboard-placeholder__ai-tools-icon[_ngcontent-%COMP%]{width:60px;height:60px;border-radius:16px;border:1px solid #e2e3e9;opacity:.32}.dashboard-placeholder__ai-tools-label[_ngcontent-%COMP%]{width:70%;height:14px;margin-top:8px;opacity:.24}.dashboard-placeholder__scratch-tabs[_ngcontent-%COMP%]{display:flex;align-items:center;gap:12px;overflow:hidden;margin-bottom:20px}.dashboard-placeholder__scratch-tab[_ngcontent-%COMP%]{width:96px;height:40px;flex:0 0 auto;opacity:.18}.dashboard-placeholder__scratch-tab--active[_ngcontent-%COMP%]{width:112px;opacity:.32}.dashboard-placeholder__scratch-track[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:16px;overflow:hidden}.dashboard-placeholder__scratch-card[_ngcontent-%COMP%]{flex:0 0 164px;width:164px;padding:12px;border:1px solid #e2e3e9;border-radius:20px;background:#fff}.dashboard-placeholder__scratch-frame[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:140px;height:140px;border:1px solid #ececf2;border-radius:18px;background:#fff;opacity:.24}.dashboard-placeholder__scratch-thumb[_ngcontent-%COMP%]{width:112px;height:92px;border-radius:12px;opacity:.32}.dashboard-placeholder__scratch-label[_ngcontent-%COMP%]{width:72%;height:16px;margin-top:14px;opacity:.24}.dashboard-placeholder__scratch-size[_ngcontent-%COMP%]{width:82%;height:12px;margin-top:8px;opacity:.18}.dashboard-placeholder__grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;width:100%}.dashboard-placeholder__grid--editing[_ngcontent-%COMP%]{grid-template-columns:repeat(auto-fit,minmax(234.5px,1fr))}.dashboard-placeholder__icon-card[_ngcontent-%COMP%]{width:100%;max-width:340px;min-width:235px;height:180px;padding:4px 4px 8px;border:1px solid #e2e3e9;border-radius:16px;background:#fff}.dashboard-placeholder__icon-media[_ngcontent-%COMP%]{height:132px;border-radius:12px;opacity:.32}.dashboard-placeholder__icon-label[_ngcontent-%COMP%]{width:48%;height:14px;opacity:.24}.dashboard-placeholder__editing-card[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;max-width:340px;min-width:234.5px;height:100px;border:1px solid #e2e3e9;border-radius:16px;background:#fff;overflow:hidden}.dashboard-placeholder__editing-label[_ngcontent-%COMP%]{flex:1;height:14px;margin:0 12px;opacity:.24}.dashboard-placeholder__editing-media[_ngcontent-%COMP%]{flex:0 0 100px;width:100px;height:100px;opacity:.32}.placeholder[_ngcontent-%COMP%]{background-color:#c4c9d7!important}"]}),p})()},3726:(j,k,l)=>{l.d(k,{z:()=>P});var e=l(54438);const _=["*"];let P=(()=>{var m;class T{constructor(){this.isHovered=!1,this.mouseX="0px",this.mouseY="0px"}onMouseMove(t){this.updateMousePosition(t)}onMouseEnter(t){this.updateMousePosition(t),this.isHovered=!0}onMouseLeave(){this.isHovered=!1}updateMousePosition(t){const u=t.currentTarget;if(!u)return;const C=u.getBoundingClientRect();this.mouseX=t.clientX-C.left+"px",this.mouseY=t.clientY-C.top+"px"}}return(m=T).\u0275fac=function(t){return new(t||m)},m.\u0275cmp=e.VBU({type:m,selectors:[["magic-card"]],ngContentSelectors:_,decls:5,vars:6,consts:[[1,"magic-card",3,"mousemove","mouseenter","mouseleave"],[1,"magic-card-body"],[1,"magic-card-glow"],[1,"magic-content","d-flex","flex-column","justify-content-center","align-items-center","p-0"]],template:function(t,u){1&t&&(e.NAR(),e.j41(0,"div",0),e.bIt("mousemove",function(y){return u.onMouseMove(y)})("mouseenter",function(y){return u.onMouseEnter(y)})("mouseleave",function(){return u.onMouseLeave()}),e.j41(1,"div",1),e.nrm(2,"div",2),e.j41(3,"div",3),e.SdG(4),e.k0s()()()),2&t&&(e.xc7("--mouse-x",u.mouseX)("--mouse-y",u.mouseY),e.AVh("is-hovered",u.isHovered))},styles:['[_nghost-%COMP%]{display:inline-block}.magic-card[_ngcontent-%COMP%]{position:relative;height:100px;border-radius:16px;padding:1px;overflow:hidden;background:#e2e3e9;z-index:1;--mouse-x: 0px;--mouse-y: 0px;isolation:isolate;transform:translateZ(0)}.magic-card[_ngcontent-%COMP%]:before{content:"";position:absolute;padding:1px;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(80px circle at var(--mouse-x) var(--mouse-y),#cc33b2 0%,#6347eb 50%,#cc33b2 100%);-webkit-mask:radial-gradient(80px circle at var(--mouse-x) var(--mouse-y),white 0%,transparent 100%);mask:radial-gradient(80px circle at var(--mouse-x) var(--mouse-y),white 0%,transparent 100%);opacity:0;transition:opacity .3s ease;z-index:1}.magic-card.is-hovered[_ngcontent-%COMP%]:before{opacity:1}.magic-card.is-hovered[_ngcontent-%COMP%] .magic-card-glow[_ngcontent-%COMP%]{opacity:.3}.magic-card-body[_ngcontent-%COMP%]{position:relative;width:100%;height:100%;background:#fff;border-radius:15.5px;overflow:hidden;z-index:2}.magic-card-glow[_ngcontent-%COMP%]{position:absolute;width:150px;height:150px;top:0;left:0;transform:translate(calc(var(--mouse-x) - 50%),calc(var(--mouse-y) - 50%));background:linear-gradient(90deg,#df61ff80 -4%,#3ad0ff80);opacity:0;filter:blur(30px);pointer-events:none;z-index:3;transition:opacity .3s ease;border-radius:150px}.magic-content[_ngcontent-%COMP%]{position:relative;z-index:4;width:100%;height:100%;background:transparent}']}),T})()},3110:(j,k,l)=>{l.d(k,{w:()=>B});var e=l(54438),_=l(60177),P=l(68064),m=l(3726);const T=["toolsTrack"],f=h=>({transition:h});function t(h,M){if(1&h&&(e.j41(0,"div",12)(1,"h2",13),e.EFF(2),e.k0s()()),2&h){const c=e.XpG(3);e.R7$(2),e.JRh(c.title)}}function u(h,M){if(1&h){const c=e.RV6();e.j41(0,"div",14)(1,"button",15),e.bIt("click",function(){e.eBV(c);const g=e.XpG(3);return e.Njj(g.onSeeAll())}),e.j41(2,"span",16),e.EFF(3,"See All "),e.nrm(4,"pi",17),e.k0s()()()}if(2&h){const c=e.XpG(3);e.Y8G("ngClass",e.eq3(1,f,c.seeAllDisabled))}}function C(h,M){if(1&h&&(e.j41(0,"div",9),e.DNE(1,t,3,1,"div",10)(2,u,5,3,"div",11),e.k0s()),2&h){const c=e.XpG(2);e.R7$(),e.Y8G("ngIf",c.showTitle),e.R7$(),e.Y8G("ngIf",c.showSeeAll)}}function y(h,M){if(1&h){const c=e.RV6();e.j41(0,"div",18)(1,"button",19),e.bIt("click",function(){e.eBV(c);const g=e.XpG(2);return e.Njj(g.scrollTrack(-1))}),e.nrm(2,"span",20),e.k0s()()}}function S(h,M){if(1&h&&e.nrm(0,"img",26),2&h){const c=e.XpG().$implicit,s=e.XpG(2);e.Y8G("src",s.getToolImage(c),e.B4B)("alt",s.getToolLabel(c))}}function I(h,M){if(1&h){const c=e.RV6();e.j41(0,"magic-card",21),e.bIt("click",function(){const g=e.eBV(c).$implicit,D=e.XpG(2);return e.Njj(D.onToolClick(g))}),e.j41(1,"div",22)(2,"span",23),e.EFF(3),e.k0s(),e.j41(4,"span",24),e.DNE(
15,S,1,2,"img",25),e.k0s()()()}if(2&h){const c=M.$implicit,s=e.XpG(2);e.AVh("new_item",null==c||null==c.metadata?null:c.metadata.isNew),e.R7$(3),e.SpI(" ",s.getToolLabel(c)," "),e.R7$(2),e.Y8G("ngIf",s.getToolImage(c))}}function F(h,M){if(1&h){const c=e.RV6();e.j41(0,"div",27)(1,"button",28),e.bIt("click",function(){e.eBV(c);const g=e.XpG(2);return e.Njj(g.scrollTrack(1))}),e.nrm(2,"span",29),e.k0s()()}}function E(h,M){if(1&h){const c=e.RV6();e.j41(0,"div",2),e.DNE(1,C,3,2,"div",3),e.j41(2,"div",4),e.DNE(3,y,3,0,"div",5),e.j41(4,"div",6,0),e.bIt("scroll",function(){e.eBV(c);const g=e.XpG();return e.Njj(g.onTrackScroll())}),e.DNE(6,I,6,4,"magic-card",7),e.k0s(),e.DNE(7,F,3,0,"div",8),e.k0s()()}if(2&h){const c=e.XpG();e.R7$(),e.Y8G("ngIf",c.showTitle||c.showSeeAll),e.R7$(2),e.Y8G("ngIf",c.canScrollPrev),e.R7$(3),e.Y8G("ngForOf",c.tools)("ngForTrackBy",c.trackByTool),e.R7$(),e.Y8G("ngIf",c.canScrollNext)}}let B=(()=>{var h;class M{constructor(){this.tools=[],this.title="",this.showTitle=!0,this.showSeeAll=!1,this.seeAllDisabled=!1,this.toolClick=new e.bkB,this.seeAllClick=new e.bkB,this.scrollEndChange=new e.bkB,this.canScrollPrev=!1,this.canScrollNext=!1}ngOnChanges(s){s.tools&&setTimeout(()=>this.updateScrollState())}ngAfterViewInit(){this.updateScrollState()}trackByTool(s,g){return g?.id||g?.metadata?.productId||g?.productId||g?.subType||g?.text||g?.displayName||s}getToolLabel(s){return s?.text||s?.displayName||s?.name||""}getToolImage(s){return s?.url||s?.thumbUrl||""}onTrackScroll(){this.updateScrollState()}scrollTrack(s){const g=this.toolsTrack?.nativeElement;if(!g)return;const D=Math.max(.8*g.clientWidth,280);g.scrollBy({left:s*D,behavior:"smooth"})}onToolClick(s){this.toolClick.emit(s)}onSeeAll(){this.seeAllClick.emit()}updateScrollState(){const s=this.toolsTrack?.nativeElement;if(!s)return this.canScrollPrev=!1,this.canScrollNext=!1,void this.scrollEndChange.emit(!0);const g=s.scrollWidth-s.clientWidth;this.canScrollPrev=s.scrollLeft>4,this.canScrollNext=g>4&&s.scrollLeft<g-4,this.scrollEndChange.emit(!this.canScrollNext)}}return(h=M).\u0275fac=function(s){return new(s||h)},h.\u0275cmp=e.VBU({type:h,selectors:[["magic-tools-grid"]],viewQuery:function(s,g){if(1&s&&e.GBs(T,5),2&s){let D;e.mGM(D=e.lsd())&&(g.toolsTrack=D.first)}},inputs:{tools:"tools",title:"title",showTitle:"showTitle",showSeeAll:"showSeeAll",seeAllDisabled:"seeAllDisabled"},outputs:{toolClick:"toolClick",seeAllClick:"seeAllClick",scrollEndChange:"scrollEndChange"},features:[e.OA$],decls:1,vars:1,consts:[["toolsTrack",""],["class","magic-tools-grid",4,"ngIf"],[1,"magic-tools-grid"],["class","d-flex align-items-center justify-content-between mb-2",4,"ngIf"],[1,"magic-tools-grid__slider"],["class","magic-tools-grid__nav magic-tools-grid__nav--prev",4,"ngIf"],[1,"magic-tools-grid__track","new-scroll-behave","pt-1",3,"scroll"],["class","position-relative",3,"new_item","click",4,"ngFor","ngForOf","ngForTrackBy"],["class","magic-tools-grid__nav magic-tools-grid__nav--next",4,"ngIf"],[1,"d-flex","align-items-center","justify-content-between","mb-2"],["class","d-flex align-items-center justify-content-start h-40",4,"ngIf"],["class","pr-10",3,"ngClass",4,"ngIf"],[1,"d-flex","align-items-center","justify-content-start","h-40"],[1,"text-24","text-bold","grey-800","m-0","lh-125","pl-13"],[1,"pr-10",3,"ngClass"],["type","button",1,"btn","btn-grey","btn-h36","text-13","text-semi","grey-600","d-flex","align-items-center","pl-9","pe-1","border-0","border-radius-12",2,"transition","opacity 0.3s ease","opacity","1",3,"click"],[1,"d-flex","align-items-center"],["name","arrowdashbaord",1,"grey-600"],[1,"magic-tools-grid__nav","magic-tools-grid__nav--prev"],["type","button","aria-label","Scroll left",1,"magic-tools-grid__arrow",3,"click"],[1,"arrow-prev"],[1,"position-relative",3,"click"],[1,"magic-tools-grid__card","d-flex","align-items-center","pointer","w-100","h-100"],[1,"d-inline-flex","align-items-center","justify-content-start","text-heading","text-14","grey-800","lh-140","text-semi","ps-3","pe-2"],[1,"d-inline-flex","image-column"],["loading","lazy",3,"src","alt",4,"ngIf"],["loading","lazy",3,"src","alt"],[1,"magic-tools-grid__nav","magic-tools-grid__nav--next"],["type","button","aria-label","Scroll right",1,"magic-tools-grid__arrow",3,"click"],[1,"arrow-next"]],template:function(s,g){1&s&&e.DNE(0,E,8,5,"div",1),2&s&&e.Y8G("ngIf",null==g.tools?null:g.tools.length)},dependencies:[_.YU,_.Sq,_.bT,P.b,m.z],styles:[".magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__slider[_ngcontent-%COMP%]{position:relative}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__track[_ngcontent-%COMP%]{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,100px);grid-auto-columns:minmax(260px,280px);gap:16px;width:100%;overflow-x:auto;overflow-y:hidden;padding:0 40px;scroll-behavior:smooth;scrollbar-width:none}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__track[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__card[_ngcontent-%COMP%]{width:100%;height:100px;position:relative;overflow:hidden}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__card[_ngcontent-%COMP%] .text-heading[_ngcontent-%COMP%]{width:calc(100% - 100px)}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__card[_ngcontent-%COMP%] .image-column[_ngcontent-%COMP%]{height:100px;width:100px;flex-shrink:0;overflow:hidden}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__card[_ngcontent-%COMP%] .image-column[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover}.magic-tools-grid[_ngcontent-%COMP%] .new_item[_ngcontent-%COMP%]{padding:0!important}.magic-tools-grid[_ngcontent-%COMP%] .new_item[_ngcontent-%COMP%]:after{top:-4px;padding:0;position:absolute;z-index:99;right:-4px;
1height:16px}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__nav[_ngcontent-%COMP%]{position:absolute;top:0;width:60px;height:100%;display:flex;align-items:center;z-index:2;pointer-events:none}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__nav--prev[_ngcontent-%COMP%]{left:0;justify-content:flex-end;background:linear-gradient(90deg,#f8f9f9,#f8f9f9e6 34%,#f8f9f999 69%,#fff0)}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__nav--next[_ngcontent-%COMP%]{right:0;justify-content:flex-start;background:linear-gradient(90deg,#fff0,#f8f9f999 31%,#f8f9f9e6 66%,#f8f9f9)}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__arrow[_ngcontent-%COMP%]{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 16px #00000014;cursor:pointer;transition:all .3s ease}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__arrow[_ngcontent-%COMP%] .arrow-prev[_ngcontent-%COMP%]{transform:rotate(180deg);display:block}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__arrow[_ngcontent-%COMP%] .arrow-next[_ngcontent-%COMP%]{display:block}.magic-tools-grid[_ngcontent-%COMP%] .magic-tools-grid__arrow[_ngcontent-%COMP%]:hover{background:#eff0fc}.arrow-next[_ngcontent-%COMP%]{content:url(https://static.lightxeditor.com/assets/icons/arrow-grey.svg)!important}.arrow-prev[_ngcontent-%COMP%]{content:url(https://static.lightxeditor.com/assets/icons/arrow-grey.svg)!important;transform:rotate(180deg)}"]}),M})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.