https://faztaa.com/253.1f2152db7c7ba041.js

1"use strict";(self.webpackChunkfaztaa_web_client=self.webpackChunkfaztaa_web_client||[]).push([[253],{9081:(f,d,a)=>{a.d(d,{z:()=>c});var i=a(8359),m=a(3726),n=a(4438),h=a(1133),t=a(6401),g=a(8532),_=a(6688);const u=["modalElm"],v=["*"];let c=(()=>{class l{constructor(o,e,r,p,E){this.modalService=o,this.el=e,this.commonService=r,this.settingService=p,this.broadcasterService=E,this.listPriority=["add-note","report-word","modal-pronounce","modal-add-note","add-trans-word","modal-note"],this.listNotifyClose=["add-item-note","modal-voice","modal-pronounce","modal-video"],this.isPriority=!1,this.evGetReport=i.yU.EMPTY,this.id="",this.clickOutClose=!0,this.element=e.nativeElement}ngOnInit(){if(!this.id)return void console.error("modal must have an id");this.element.addEventListener("click",e=>{e.target.className.includes("app-modal")&&this.clickOutClose&&this.close()}),this.modalService.add(this),this.setting=this.settingService.setting,this.settingService.getListSetting().subscribe(e=>{this.setting=e});const o=this.listPriority.filter(e=>e===this.id);this.isPriority=o.length>0}ngOnDestroy(){this.modalService.remove(this.id),this.element.remove()}open(){this.element.style.display="block","client"==this.commonService.getEnvironment()&&(document.body.appendChild(this.element),document.body.classList.add("app-modal-open"),this.evGetReport=(0,m.R)(this.modalElm?.nativeElement,"scroll",{capture:!0}).subscribe(o=>{this.commonService.checkInsideView(this.modalElm)}))}close(){this.element.style.display="none",this.evGetReport.unsubscribe(),"client"==this.commonService.getEnvironment()&&(document.body.classList.remove("app-modal-open"),document.getElementById(this.id)?.remove()),this.listNotifyClose.includes(this.id)&&this.broadcasterService.broadcast("close-background-modal",{value:!0})}static#t=this.\u0275fac=function(e){return new(e||l)(n.rXU(h.B),n.rXU(n.aKT),n.rXU(t.h),n.rXU(g.q),n.rXU(_.y))};static#e=this.\u0275cmp=n.VBU({type:l,selectors:[["app-modal"]],viewQuery:function(e,r){if(1&e&&n.GBs(u,5),2&e){let p;n.mGM(p=n.lsd())&&(r.modalElm=p.first)}},inputs:{id:"id",clickOutClose:"clickOutClose"},standalone:!0,features:[n.aNF],ngContentSelectors:v,decls:5,vars:8,consts:[["modalElm",""],[1,"app-modal"],[1,"app-modal-body"],[1,"app-modal-background"]],template:function(e,r){1&e&&(n.NAR(),n.j41(0,"div",1,0)(2,"div",2),n.SdG(3),n.k0s()(),n.nrm(4,"div",3)),2&e&&(n.AVh("priority-top",r.isPriority),n.R7$(2),n.AVh("theme-black",r.setting&&r.setting.darkMode)("font-cute",r.setting&&"cute"===r.setting.font),n.R7$(2),n.AVh("priority",r.isPriority))},styles:["app-modal{display:none}app-modal .app-modal{position:fixed;inset:0;z-index:1000;overflow:auto}app-modal .app-modal .app-modal-body{padding:20px;margin:40px auto}app-modal .app-modal-background{position:fixed;inset:0;background-color:var(--surface-black-const);opacity:.75;z-index:900}body.app-modal-open{overflow:hidden}.modal-dialog{margin:10px auto}.modal-dialog-default{max-width:767px}.priority{z-index:9999!important}.priority-top{z-index:99999!important}@media (min-width: 576px){.modal-sm{max-width:300px}}@media (min-width: 992px){.modal-lg,.modal-xl{max-width:800px}.modal-dialog-default{max-width:53%}}@media (max-width: 576px){app-modal .app-modal .app-modal-body{padding:10px;margin:0 auto}}\n"],encapsulation:2})}return l})()},3253:(f,d,a)=>{a.r(d),a.d(d,{SettingComponent:()=>v});var i=a(9417),m=a(1780),n=a(9081),h=a(4655),t=a(4438),g=a(8532),_=a(6401);function u(c,l){if(1&c){const s=t.RV6();t.j41(0,"div",5)(1,"div",6),t.nrm(2,"app-svg-icon",7),t.j41(3,"span"),t.EFF(4),t.nI1(5,"translate"),t.k0s(),t.j41(6,"div",8)(7,"input",9),t.bIt("change",function(){t.eBV(s);const e=t.XpG();return t.Njj(e.changeSetting())}),t.k0s()()(),t.j41(8,"div",6),t.nrm(9,"img",10),t.j41(10,"span"),t.EFF(11),t.nI1(12,"translate"),t.k0s(),t.j41(13,"div",8)(14,"input",11),t.bIt("change",function(){t.eBV(s);const e=t.XpG();return t.Njj(e.changeSetting())}),t.k0s()()(),t.j41(15,"div",12),t.nrm(16,"app-svg-icon",13),t.j41(17,"span"),t.EFF(18),t.nI1(19,"translate"),t.k0s(),t.j41(20,"div",8)(21,"select",14),t.bIt("change",function(){t.eBV(s);const e=t.XpG();return t.Njj(e.changeSetting())}),t.j41(22,"option",15),t.EFF(23,"Rushi"),t.k0s(),t.j41(24,"option",16),t.EFF(25,"Quingshan"),t.k0s()()()(),t.j41(26,"div",6),t.nrm(27,"img",17),t.j41(28,"span"),t.EFF(29),t.nI1(30,"translate"),t.k0s(),t.j41(31,"div",8)(32,"select",18),t.bIt("change",function(){t.eBV(s);const e=t.XpG();return t.Njj(e.changeSetting())}),t.j41(33,"option",19),t.EFF(34),t.nI1(35,"translate"),t.k0s(),t.j41(36,"option",20),t.EFF(37),t.nI1(38,"translate"),t.k0s()()()()()}if(2&c){const s=t.XpG();t.Y8G("formGroup",s.setting),t.R7$(2),t.Y8G("width",18)("height",18),t.R7$(2),t.JRh(t.bMT(5,13,"txt_auto_voice")),t.R7$(7),t.JRh(t.bMT(12,15,"txt_darkmode")),t.R7$(5),t.Y8G("width",18)("height",18),t.R7$(2),t.JRh(t.bMT(19,17,"txt_voice")),t.R7$(3),t.Y8G("value",s.setting.value.voice),t.R7$(8),t.JRh(t.bMT(30,19,"txt_font")),t.R7$(3),t.Y8G("value",s.setting.value.font),t.R7$(2),t.JRh(t.bMT(35,21,"txt_font_cute")),t.R7$(3),t.JRh(t.bMT(38,23,"txt_font_normal"))}}let v=(()=>{class c{constructor(s,o){this.settingService=s,this.commonService=o,this.langWeb=""}ngOnInit(){const s=this.settingService.setting;this.langWeb=this.commonService.getLangWeb(),this.setting=new i.gE({autoPlay:new i.MJ(s?.autoPlay,[i.k0.required]),darkMode:new i.MJ(s?.darkMode,[i.k0.required]),voice:new i.MJ(s.voice,[i.k0.required]),font:new i.MJ(s.font,[i.k0.required])})}changeSetting(){this.settingService.setListSetting(this.setting.value)}static#t=this.\u0275fac=function(o){return new(o||c)(t.rXU(g.q),t.rXU(_.h))};static#e=this.\u0275cmp=t.VBU({type:c,selectors:[["app-setting"]],standalone:!0,features:[t.aNF],decls:8,vars:4,consts:[["id","setting"],["role","document",1,"modal-dialog"],[1,"modal-content","cl-pr-sm"],[1,"title-setting","text-center"],["id","exampleModalLabel",1,"modal-title"],[3,"formGroup"],[1,"item-setting"],["name","outline_speaker",3,"width","height"],[1,"item-left"],["type","checkbox","formControlName","autoPlay",1,"switch",3,"change"],["src","assets/images/icons/ic_mode.png","alt","icon faztaa",1,"icon-18","img-theme-dark"],["type","checkbox","formControlName","darkMode",1,"switch",3,"change"],[1,"item-setting","hidden"],["name","fill_speaker",3,"width","height"],["formControlName","voice",1,"form-control",3,"change","value"],["value","0"],["value","1"],["src","assets/images/icons/ic_font.png","alt","icon faztaa",1,"icon-18"],["formControlName","font",1,"form-control",3,"change","value"],["value","cute"],["value","normal"]],template:function(o,e){1&o&&(t.j41(0,"app-modal",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"h4",4),t.EFF(5),t.nI1(6,"translate"),t.k0s()(),t.DNE(7,u,39,25,"div",5),t.k0s()()()),2&o&&(t.R

17$(5),t.JRh(t.bMT(6,2,"txt_setting")),t.R7$(2),t.vxM(7,e.setting?7:-1))},dependencies:[m.h,m.D9,n.z,i.X1,i.xH,i.y7,i.Zm,i.wz,i.BC,i.cb,i.j4,i.JD,h.D],styles:['input[type=checkbox].switch[_ngcontent-%COMP%]{font-size:30px;appearance:none;width:46px;height:23px;background:var(--surface-neutral-secondary);border-radius:20px;bottom:-2px;position:relative;cursor:pointer;outline:none;transition:all .2s ease-in-out;float:right}input[type=checkbox].switch[_ngcontent-%COMP%]:checked{background:var(--surface-black-dim)}input[type=checkbox].switch[_ngcontent-%COMP%]:after{position:absolute;content:"";width:25px;height:25px;border-radius:50%;background:var(--surface-default-inverse);box-shadow:0 0 .25em #0000004d;transform:scale(.7);left:0;top:-1px;transition:all .2s ease-in-out}input[type=checkbox].switch[_ngcontent-%COMP%]:checked:after{left:calc(100% - 25px)}.modal-content[_ngcontent-%COMP%]{margin-top:10vh}.item-setting[_ngcontent-%COMP%]{margin:15px 0;position:relative}.item-setting[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{margin-right:5px;margin-bottom:2px}.item-setting[_ngcontent-%COMP%]   app-svg-icon[_ngcontent-%COMP%]{display:inline-flex;vertical-align:middle;margin-right:5px;margin-bottom:2px}.item-left[_ngcontent-%COMP%]{position:absolute;top:0;right:0}.form-control[_ngcontent-%COMP%]{height:30px;padding:0 .5rem}']})}return c})()}}]);