https://et.training/chunk-Dz3Qhw1s.js

1import {n}from'./chunk-DekeqzOL.js';import {l}from'./chunk-1Y2gakBa.js';import {C as Ce}from'./chunk-Bt-HCJGa.js';import {p as pe}from'./chunk-DJax53uN.js';import {V as Vb,am as n3,ax as Pa}from'./chunk-DNS-0yG2.js';import'./chunk-D7__vwCf.js';import {n as nr,g as g2,D as j5,M as M5,z as X,A as y1,F as F3}from'./chunk-DxgBvUIN.js';import {J as Jp,P as Ps,X as Xt,t as ta,x,an as G$1,a as Br,K as Y,b as bu,ai as m,H as F,f as fD,R as vi,T as ar,O as Ot,Q as Qs,s as sh,e as CT,l as ll,p as pT,S as Si,d as sl,k as kh,c as bh,g as lw,y as yT,u as ul,a1 as jT,j as AT,h as fE,n as hT,C as Ch,a2 as pw,i as dl,v as vT,m as Xh,q as qu,W as Wu,D as ep,ag as Nw,z as qv,ah as xw,bY as Bh,a7 as hw,as as gw}from'./main-X6PYTKEU.js';import'./chunk-DpftgfBQ.js';import {m as mt}from'./chunk-BSlO1LUP.js';import'./chunk-C8e79hrs.js';import {H}from'./chunk-4Be8Y3EP.js';import {aR as h2,b9 as D2,g as m4,e as d1}from'./chunk-BB6DNB3x.js';import {e as ee}from'./chunk-CUfubWEm.js';import'./chunk-DYI56bTZ.js';var Ie=(i,a)=>a.name,ve=(i,a)=>a.id;function ke(i,a){i&1&&bh(0,"app-head",2),i&2&&Ch("isSticky",false);}function Pe(i,a){i&1&&bh(0,"app-header-customer");}function Ee(i,a){if(i&1&&(Si(0,"li",29)(1,"div",30),bh(2,"i",31),Nw(3,"ionicons"),Si(4,"span"),lw(5),sl()()()),i&2){let e=a.$implicit;fE(2),Ch("innerHTML",xw(3,2,e.icon),qv),fE(3),Xh(e.name);}}function Me(i,a){if(i&1&&(Si(0,"nav",27)(1,"ul",28),yT(2,Ee,6,4,"li",29,ve),sl()()),i&2){let e=AT(3);fE(2),vT(e.product.categories);}}function Ae(i,a){if(i&1){let e=CT();Si(0,"div",24)(1,"h1",25),lw(2),sl(),Si(3,"button",26),kh("click",function(){qu(e);let o=AT(2);return Wu(o.back())}),lw(4),sl()(),pT(5,Me,4,0,"nav",27);}if(i&2){let e=AT().$implicit,t=AT();fE(2),dl(" ",t.product.title," "),fE(),Ch("title",e("UI.back_to_previews")),fE(),dl(" ",e("UI.back")," "),fE(),hT(t.product.categories?5:-1);}}function je(i,a){i&1&&(bh(0,"div",32),Si(1,"div",33),bh(2,"div",34)(3,"div",35),sl());}function $e(i,a){if(i&1){let e=CT();Si(0,"li")(1,"button",36),kh("click",function(){let o=qu(e).$index,c=AT(2);return Wu(c.selectStep(o+1))}),Si(2,"div",37),bh(3,"img",38),sl(),Si(4,"div",39),lw(5),sl()()();}if(i&2){let e=a.$implicit,t=a.$index,o=AT().$implicit,c=AT();fE(),Ch("ngClass",c.currentIdx===t?"text-orange-500":""),fE(2),Ch("src",e.source.url,ep)("alt","demo-select-img-"+t),fE(2),dl(" ",e.name?e.name:o("DEMO.step")+" "+(t+1)," ");}}function Ve(i,a){if(i&1){let e=CT();Si(0,"input",45),kh("keyup.enter",function(o){qu(e);let c=AT().$implicit,h=AT(5);return Wu(h.selectAction(c.action,c.target,o))}),sl();}if(i&2){let e=AT(),t=e.$implicit,o=e.$index,c=AT(5);Bh("top",t.trigger.y+"%")("left",t.trigger.x+"%")("width",t.trigger.width+"%")("height",t.trigger.height+"%")("border-width","1px")("border-radius","0")("border-color",t.trigger.color)("border-style","solid")("background-color",c.generateBackgroundColor(t.trigger.color,true,true)),Ch("id",hw("input_text-",o))("placeholder",pw(t.trigger.label))("matTooltip",t.trigger.label)("matTooltipPosition","below");}}function Ue(i,a){if(i&1){let e=CT();Si(0,"button",46),kh("click",function(o){qu(e);let c=AT().$implicit,h=AT(5);return Wu(h.selectAction(c.action,c.target,o))}),sl();}if(i&2){let e=AT(),t=e.$implicit,o=e.$index,c=AT(5);Bh("top",t.trigger.y+"%")("left",t.trigger.x+"%")("width",t.trigger.width+"%")("height",t.trigger.height+"%")("border-width","1px")("border-radius","4px")("border-color",t.trigger.color)("border-style","solid")("background-color",c.generateBackgroundColor(t.trigger.color)),Ch("id",gw("",t.action,"-",o))("ngClass",t.trigger.visible?"opacity-100 hover:opacity-50":"opacity-0 hover:opacity-50")("matTooltip",t.trigger.label)("matTooltipPosition","below");}}function Fe(i,a){if(i&1&&pT(0,Ve,1,24,"input",43)(1,Ue,1,24,"button",44),i&2){let e=a.$implicit;hT(e.action==="input_text"?0:1);}}function Ne(i,a){if(i&1&&(Si(0,"div",42),yT(1,Fe,2,1,null,null,ve),sl()),i&2){let e=AT(4);fE(),vT(e.demoActions);}}function Oe(i,a){if(i&1&&(Si(0,"div",40),bh(1,"img",41),pT(2,Ne,3,0,"div",42),sl()),i&2){let e=AT(3);fE(),Ch("src",e.demoSource,ep)("alt",e.product.name),fE(),hT(e.demoActions&&e.demoActions.length?2:-1);}}function He(i,a){if(i&1&&lw(0),i&2){let e=AT(2).$implicit;dl(" ",e("DEMO.no_demo_available")," ");}}function Re(i,a){if(i&1&&(pT(0,Oe,3,3,"div",40),pT(1,He,1,1)),i&2){let e=AT(2);hT(e.demo&&e.demo.length?0:-1),fE(),hT(e.noDemo?1:-1);}}function Le(i,a){i&1&&bh(0,"img",47);}function ze(i,a){if(i&1&&(Si(0,"div",20),pT(1,Le,1,0,"img",47),sl()),i&2){let e=AT(2);fE(),hT(e.loadingProduct?1:-1);}}function Be(i,a){i&1&&bh(0,"app-footer");}function qe(i,a){if(i&1){let e=CT();ll(0),pT(1,ke,1,1,"app-head",2)(2,Pe,1,0,"app-header-customer"),Si(3,"div",3)(4,"div",4),pT(5,Ae,6,4)(6,je,4,0),sl(),Si(7,"div",5)(8,"div",6)(9,"button",7),kh("click",function(){qu(e);let o=AT();return Wu(o.restartDemo())}),bh(10,"fa-icon",8),sl(),bh(11,"span",9),Si(12,"button",10),bh(13,"fa-icon",8),sl(),Si(14,"mat-menu",11,0)(16,"div",12)(17,"ul",13)(18,"li",14),lw(19),sl(),yT(20,$e,6,4,"li",null,Ie),sl()()(),bh(22,"span",9),Si(23,"button",7),kh("click",function(){qu(e);let o=AT();return Wu(o.pagination("prev"))}),bh(24,"fa-icon",8),sl(),Si(25,"button",7),kh("click",function(){qu(e);let o=AT();return Wu(o.pagination("next"))}),bh(26,"fa-icon",8),sl(),Si(27,"div",15)(28,"span",16),lw(29),sl(),Si(30,"span"),lw(31),sl(),Si(32,"span"),lw(33,"/"),sl(),Si(34,"span",17),lw(35),sl()()(),bh(36,"span",18),Si(37,"div",19),pT(38,Re,2,2)(39,ze,2,1,"div",20),sl()()(),Si(40,"aside",21)(41,"div",22)(42,"ul",23)(43,"li"),bh(44,"app-nav-sidebar"),sl()()()(),pT(45,Be,1,0,"app-footer"),ul();}if(i&2){let e=a.$implicit,t=jT(15),o=AT();fE(),hT(o.isCustomerUrl?2:1),fE(4),hT(o.product?5:6),fE(4),Ch("matTooltip",pw(e("DEMO.restart_demo")))("matTooltipPosition","above"),fE(),Ch("icon",o.faRepeat),fE(2),Ch("matTooltip",pw(e("DEMO.select_step")))("matTooltipPosition","above")("matMenuTriggerFor",t),fE(),Ch("icon",o.faSteps),fE(6),dl(" ",e("DEMO.select_step")," "),fE(),vT(o.demo),fE(3),Ch("matTooltip",pw(e("DEMO.previous_step")))("matTooltipPosition","above"),fE(),Ch("icon",o.faPrev),fE(),Ch("matTooltip",pw(e("DEMO.next_step")))("matTooltipPosition","above"),fE(),Ch("icon",o.faNext),fE(3),Xh(e("DEMO.step")),fE(2),Xh(o.currentIdx+1),fE(4),Xh(o.demo.length),fE(3),hT(o.loadingDemo?39:38),fE(7),hT(o.isCustomerUrl?-1:45);}}var be=(()=>{class i{constructor(e,t,o,c,h,we,De,Se,Te){this.apiService=e,this.route=t,this.metaService=o,this.errorHandler=c,this.navigationService=h,this.helperService=we,this.router=De,this.dialog=Se,this.imagePreloader=Te,this.isCu

1stomerUrl=false,this.loadingProduct=false,this.demo=[],this.demoSource="",this.demoActions=[],this.noDemo=false,this.loadingDemo=true,this.currentIdx=0,this.faRepeat=h2,this.faSteps=D2,this.faPrev=m4,this.faNext=d1,this.subscriptions=[];}ngOnInit(){this.initRoute();}ngAfterViewInit(){}ngOnDestroy(){this.subscriptions&&this.subscriptions.length>0&&this.subscriptions.forEach(e=>{e.unsubscribe();});}initRoute(){this.subscriptions.push(this.route.params.subscribe(e=>{this.isCustomerUrl=!!e.partner,this.bookId=e.id,this.initProduct(e.id);}));}initProduct(e){this.loadingProduct=true,this.subscriptions.push(this.apiService.getData(`library/products/${e}?include=partner,categories`).subscribe({next:t=>{this.product=t.data,this.demo=this.product.demo,this.initDemo(this.demo),this.meta=t.meta,this.metaService.setTitle(this.product.name),this.subscriptions.push(this.apiService.logLending(e,"demo").subscribe()),this.loadingProduct=false;},error:t=>{this.loadingProduct=false,this.errorHandler.errorHandler(t,"Get Demo Details");}}));}initDemo(e){let t=0,o=x({},this.route.snapshot.queryParams);o&&o.idx&&(t=parseFloat(o.idx),this.currentIdx=t);let c=[];e.forEach(h=>{c.push(h.source.url);}),this.imagePreloader.preloadImages(c),e&&e.length?(this.demoSource=e[t].source.url,this.demoActions=e[t].actions,this.demoActions.forEach(h=>{h.id=this.helperService.generateUUID();})):this.noDemo=true,this.loadingDemo=false;}selectAction(e,t,o){o.preventDefault(),e==="to_image"?this.selectDemoStep(t):e==="overlay"&&this.openOverlayDialog(t);}selectDemoStep(e){let t=parseFloat(e)-1;isNaN(t)||t<0?t=0:t>=this.demo.length&&(t=this.demo.length),this.currentIdx=t,this.demoSource=this.demo[t].source.url,this.demoActions=this.demo[t].actions,this.demoActions.forEach(o=>{o.id=this.helperService.generateUUID();}),this.updateUrlParams(t).then(),this.stopDemoLoading(),this.trackProgress(t);}selectStep(e){let t=e-1;isNaN(t)||t<0?t=0:t>=this.demo.length-1&&(t=this.demo.length-1),this.currentIdx=t,this.demoSource=this.demo[t].source.url,this.demoActions=this.demo[t].actions,this.demoActions.forEach(o=>{o.id=this.helperService.generateUUID();}),this.updateUrlParams(t).then(),this.stopDemoLoading(),this.trackProgress(t);}pagination(e){let t=this.currentIdx+1;e==="prev"?this.selectStep(t-1):this.selectStep(t+1);}openOverlayDialog(e){this.dialog.open(Pa,{width:"100%",maxWidth:"650px",panelClass:"tail-dialog",data:{content:e}}).afterClosed().subscribe(o=>{});}generateBackgroundColor(e,t=false,o=false){return this.helperService.hexToRgbA(e,t,o)}updateUrlParams(e){return G$1(this,null,function*(){yield this.router.navigate([],{relativeTo:this.route,queryParams:{idx:e},queryParamsHandling:"merge"});})}restartDemo(){this.loadingDemo=true,this.demoSource=this.demo[0].source.url,this.demoActions=this.demo[0].actions,this.demoActions.forEach(e=>{e.id=this.helperService.generateUUID();}),this.currentIdx=0,this.updateUrlParams(1).then(),this.stopDemoLoading();}stopDemoLoading(){this.loadingDemo=false,setTimeout(()=>{let e=document.getElementById("js-demo-controls");e&&e.scrollIntoView({block:"start",inline:"nearest"});},1);}back(){this.navigationService.back();}trackProgress(e){let t=this.helperService.getProgress(e,this.demo.length);e+1===this.demo.length&&(t="100"),this.subscriptions.push(this.apiService.trackCustomerContentProgress(this.bookId,parseFloat(t)).subscribe({next:()=>{},error:o=>{this.errorHandler.errorHandler(o,"Track Customer Content Progress");}}));}static{this.\u0275fac=function(t){return new(t||i)(Br(H),Br(Y),Br(bu),Br(g2),Br(l),Br(m),Br(F),Br(ee),Br(n))};}static{this.\u0275cmp=fD({type:i,selectors:[["app-demo"]],standalone:false,decls:1,vars:0,consts:[["stepMenu","matMenu"],[4,"transloco"],[3,"isSticky"],[1,"w-full","px-4","pb-8","pt-4","md:py-8"],[1,"mx-auto","max-w-content","pb-8","pt-4","md:pb-16","md:pt-8"],["id","js-demo-controls",1,"mx-auto","max-w-content","overflow-hidden","bg-white"],[1,"flex","h-12","w-full","flex-row","items-center","rounded-t-lg","bg-gray-400","px-4","py-2"],[1,"flex","w-8","appearance-none","flex-row","items-center","justify-center","border-0","bg-transparent","text-base","text-blue-500","outline-none","transition-colors","duration-200","ease-in-out","hover:text-orange-500","focus:outline-none",3,"click","matTooltip","matTooltipPosition"],[3,"icon"],[1,"mx-2","block","h-full","w-px","bg-gray-600"],[1,"flex","w-8","appearance-none","flex-row","items-center","justify-center","border-0","bg-transparent","text-base","text-blue-500","outline-none","transition-colors","duration-200","ease-in-out","hover:text-orange-500","focus:outline-none",3,"matTooltip","matTooltipPosition","matMenuTriggerFor"],[1,""],[1,"h-support","overflow-y-auto","overflow-x-hidden","py-4","pl-4","pr-6"],[1,"space-y-4"],[1,"border-b","border-solid","border-gray-600","text-sm","font-semibold","text-gray-700"],[1,"ml-auto","mr-0","text-sm","text-gray-700"],[1,"mr-1","font-semibold"],[1,"font-semibold"],[1,"demo-wrapper"],[1,"w-full"],[1,"h-loading-demo","flex","w-full","items-center","justify-center","bg-gray-500"],["id","mobile-sidebar",1,"fixed","z-20","top-0","left-0","h-full","overflow-y-auto","-translate-x-full","transform","duration-200","ease-in-out","shadow","transition-transform","md:transition-none","w-sidebar","bg-gray-300","py-8","block","md:hidden"],[1,"relative","p-4"],[1,"space-y-8"],[1,"flex","flex-row","justify-between"],[1,"text-lg","font-bold","leading-none","sm:text-xl","md:text-3xl"],[1,"ml-4","w-auto","appearance-none","border-0","bg-transparent","text-right","text-blue-500","transition-all","duration-300","ease-in-out","hover:text-orange-500","focus:outline-none","md:ml-8",3,"click","title"],["id","category-navigation"],[1,"-mx-1","mt-2","flex","flex-row","flex-wrap","items-center","justify-start"],[1,"m-1"],[1,"inline-flex","flex-row","items-center","rounded-lg","bg-blue-500","px-3","py-1","text-xs","text-white","md:text-sm"],[1,"mr-1","h-4","w-4",3,"innerHTML"],[1,"h-8","w-2/3","bg-gray-400","md:w-2/5"],[1,"mt-2","flex","w-full","flex-row"],[1,"mr-2","h-8","w-32","bg-gray-400"],[1,"h-8","w-32","bg-gray-400"],[1,"group","flex","w-full","appearance-none","flex-row","items-center","border-0","bg-transparent","text-left","text-blue-500","outline-none","transition-colors","duration-200","ease-in-out","hover:text-orange-500","focus:outline-none",3,"click","ngClass"],[1,"w-20","overflow-hidden","border","border-solid","border-gray-650","opacity-75","transition-opacity","duration-200","ease-in-out","group-hover:opacity-100"],[3,"src","alt"],[1,"flex-1","pl-4","font-medium","leading-tight"],["id","js-demo",1,"relative","h-auto","w-full"],["id","js-demo-source",1,"h-auto","w-full",3,"src","alt"],[1,"absolute","bottom-0","left-0","right-0","top-0","h-full","w-full"],["type","text",1,"absolute","cursor-text","px-4","text-xs","placeholder-blue-700","outline-none","transition-opacity","duration-200","ease-in-out","focus:outline-none",3,"id","top","left","width","height","border-width","border-radius","border-color","border-style","background-color","placeholder","matTooltip","matTooltipPosition"],[1,"absolute","cursor-pointer","appearance-none","outline-none","transition-opacity","duration-200","ease-in-out","focus:outline-none","rounded",3,"id","ngClass","top","left","width","height","border-width","border-radius","border-color","border-style","background-color","matTooltip","matTooltipPosition"],["type","text",1,"absolute","cursor-text","px-4","text-xs","placeholder-blue-700","outline-none","transition-opacity","duration-200","ease-in-out","focus:outline-none",3,"keyup.enter","id","placeholder","matTooltip","matTooltipPosition"],[1,"absolute","cursor-pointer","appearance-none","outline-none","transition-opacity","duration-200","ease-in-out","focus:outline-none","rounded",3,"click","id","ngClass","matTooltip","matTooltipPosition"],["ngSrc","./assets/images/demo/loader.gif","height","400","width","400","alt","Loading\u2026"]],template:function(t,o){t&1&&sh(0,qe,46,25,"ng-container",1);},dependencies:[vi,j5,M5,ar,Ot,X,y1,mt,Qs,Ce,pe,F3],styles:[".h-loading-demo[_ngcontent-%COMP%]{min-height:1000px}"],changeDetection:1});}}return i})();var Ge=[{path:"",component:be}],ye=(()=>

1{class i{static{this.\u0275fac=function(t){return new(t||i)};}static{this.\u0275mod=Jp({type:i});}static{this.\u0275inj=Ps({imports:[ta.forChild(Ge),ta]});}}return i})();var kt=(()=>{class i{static{this.\u0275fac=function(t){return new(t||i)};}static{this.\u0275mod=Jp({type:i});}static{this.\u0275inj=Ps({imports:[Xt,ye,nr,Vb,n3,Ce,pe]});}}return i})();export{kt as DemoModule};