-
Notifications
You must be signed in to change notification settings - Fork 0
/
3879.84c2052217dfe82d5991.js
1 lines (1 loc) · 213 KB
/
3879.84c2052217dfe82d5991.js
1
"use strict";(self.webpackChunkchekt_web_wcs=self.webpackChunkchekt_web_wcs||[]).push([[3879],{63879:(Ue,k,d)=>{d.r(k),d.d(k,{WcsTTSModule:()=>qe});var p=d(93324),h=d(16274),A=d(29535),t=d(42741),m=d(72898),q=d(27813),b=d(7611),U=d(86842),P=d(27787),z=d(15053),v=d(56880),I=d(35460),D=d(93220),w=d(95974),O=d(21929),f=d(29026),M=d(84699);function F(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",5),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t.qZA()}2&i&&t.Q6J("@background",void 0)}function J(i,c){1&i&&(t.TgZ(0,"div",24),t.O4$(),t.TgZ(1,"svg",25),t._UZ(2,"circle",26),t.qZA(),t.qZA())}function N(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",6),t.TgZ(1,"div",7),t.TgZ(2,"div",8),t._uU(3),t.qZA(),t.TgZ(4,"div",9),t.TgZ(5,"div",10),t.TgZ(6,"i",11),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t._uU(7,"close"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(8,"div",12),t.TgZ(9,"div",13),t.TgZ(10,"textarea",14),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(2).ttsText=o}),t.qZA(),t.TgZ(11,"div",15),t.TgZ(12,"span",16),t.TgZ(13,"span"),t._uU(14),t.qZA(),t._uU(15,"/300 Character"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(16,"mat-checkbox",17),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(2).ttsIsDefault=o}),t._uU(17,"Default"),t.qZA(),t.TgZ(18,"div",18),t.TgZ(19,"span"),t._uU(20,"If you set this message as the default, it will automatically be applied to all new sites when they are created."),t.qZA(),t.qZA(),t.qZA(),t.TgZ(21,"div",19),t.TgZ(22,"div",20),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).doAction()}),t.TgZ(23,"div",21),t.TgZ(24,"span"),t._uU(25),t.qZA(),t.qZA(),t.qZA(),t.TgZ(26,"div",22),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t.TgZ(27,"div",21),t.TgZ(28,"span"),t._uU(29,"Cancel"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.YNc(30,J,3,0,"div",23),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("@dialog",void 0),t.xp6(3),t.hij("",e.actionTxt," a WCS.S Dealer Level TTS Messages"),t.xp6(7),t.Q6J("ngModel",e.ttsText),t.xp6(3),t.Udp("color",e.ttsText.length>300?"#f1556c":""),t.xp6(1),t.Oqu(e.ttsText.length),t.xp6(2),t.Q6J("ngModel",e.ttsIsDefault),t.xp6(6),t.ekj("disabled",e.isLoading),t.xp6(3),t.Oqu(e.actionTxt),t.xp6(1),t.ekj("disabled",e.isLoading),t.xp6(4),t.Q6J("ngIf",e.isLoading)}}function W(i,c){if(1&i&&(t.TgZ(0,"div",2),t.YNc(1,F,1,1,"div",3),t.YNc(2,N,31,13,"div",4),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.Q6J("ngIf",e.modal.is_active),t.xp6(1),t.Q6J("ngIf",e.modal.is_active)}}let E=(()=>{class i{constructor(e,n,o){this.usersService=e,this.dealerService=n,this.partnerService=o,this.onClose=new t.vpe,this.enable_modal=!1,this.isEditMode=!1,this.isLoading=!1,this.tail_status="none",this.ttsText="",this.ttsIsDefault=!1,this.m_warning=new m.u,this.actionTxt="Add",this.selDealer={},this.subDealerId=null}ngOnInit(){this.usersService.getMe().subscribe(e=>{this.me=e})}ngOnChanges(e){this.isEditMode=!1,this.initTTSData(),e.active&&this.active&&(this.isLoading=!1,this.enable_modal=!0,this.actionTxt="Add",this.subDealerId=this.modal.data.subDealerId,this.modal.data.id&&(this.actionTxt="Edit",this.isEditMode=!0,this.setEditData()))}initTTSData(){this.ttsText=""}setEditData(){this.ttsText=this.modal.data.text,this.ttsIsDefault=this.modal.data.is_default}validateText(){let e=!0,n="Invalid TTS message";return(this.ttsText.length>300||this.ttsText.length<1)&&(e=!1,n="Please write between 1 to 300 characters"),{res:e,msg:n}}doAction(){const e=this.validateText();e.res?this.isEditMode?this.update():this.create():this.confirmDialog("Faild",e.msg,"warning","#f1556c")}create(){this.isLoading=!0,this.dealerService.createTTS(this.me.dealer_id,{text:this.ttsText,is_default:this.ttsIsDefault,partner_id:this.subDealerId}).subscribe(o=>{setTimeout(()=>{this.confirmDialog("Success","Create a talkdown message","done","#1abc9c"),this.close()},200)},o=>{setTimeout(()=>{this.confirmDialog("Faild","Create a talkdown message","warning","#f1556c")},200)})}update(){this.isLoading=!0,this.dealerService.updateTTS(this.me.dealer_id,this.modal.data.id,{text:this.ttsText,is_default:this.ttsIsDefault,partner_id:this.subDealerId}).subscribe(a=>{setTimeout(()=>{this.isLoading=!1,this.confirmDialog("Success","Edit a Talk Down Message","done","#1abc9c")},200)},a=>{setTimeout(()=>{this.isLoading=!1,this.confirmDialog("Failed","Edit a Talk Down Message","warning","#f1556c")},200)})}createDialog(e="",n="",o="note_add",a="#2383e2"){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:this.isEditMode?"Edit":"Create",submit_class:["button-primary"],icon:o,isConfirm:!1,color:a},this.m_warning.data.submit_func=()=>{this.isEditMode?this.update():this.create()},this.m_warning.open()}confirmDialog(e="",n="",o="done",a="green"){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:"OK",submit_class:["button-primary"],icon:o,isConfirm:!0,color:a},this.m_warning.data.submit_func=()=>{"green"===a&&this.close()},this.m_warning.open()}errorDialog(e,n){let o="failed.";e.error&&e.error.message&&(o=e.error.message),e._body&&(o=JSON.parse(e._body).message),setTimeout(()=>{this.confirmDialog(n,o,"warning","orange")},200),this.isLoading=!1}close(e){this.onClose.next(e||{res:!1}),this.modal.close(),setTimeout(n=>{this.enable_modal=!1},200)}}return i.\u0275fac=function(e){return new(e||i)(t.Y36(b.f),t.Y36(P.X),t.Y36(U.b))},i.\u0275cmp=t.Xpm({type:i,selectors:[["app-wcs-tts-create"]],inputs:{active:"active",modal:"modal"},outputs:{onClose:"onClose"},features:[t.TTD],decls:2,vars:2,consts:[["class","align-center",4,"ngIf"],[3,"modal"],[1,"align-center"],["class","overlay",3,"click",4,"ngIf"],["class","modal",4,"ngIf"],[1,"overlay",3,"click"],[1,"modal"],[1,"modal-header"],[1,"modal-header-txt"],[2,"position","relative"],[1,"title-close"],[1,"material-icons",3,"click"],[1,"items-area"],[1,"item"],["rows","10","placeholder","Input TTS Message",3,"ngModel","ngModelChange"],[2,"text-align","right"],[2,"font-size","12px","color","hsla(0,0%,0%,0.3)"],[3,"ngModel","ngModelChange"],[2,"margin-left","29px","margin-top","0px","font-size","12px","color","hsla(0,0%,0%,.6)"],[1,"tail-btn-area"],[1,"button","button-primary",3,"click"],[1,"btn-inner"],[1,"button","button-white",3,"click"],["class","loader absolute",4,"ngIf"],[1,"loader","absolute"],["viewBox","25 25 50 50",1,"circular"],["cx","50","cy","50","r","20","fill","none","stroke-width","4","stroke-miterlimit","10",1,"path"]],template:function(e,n){1&e&&(t.YNc(0,W,3,2,"div",0),t._UZ(1,"dealer-warning",1)),2&e&&(t.Q6J("ngIf",n.enable_modal),t.xp6(1),t.Q6J("modal",n.m_warning))},directives:[h.O5,O.a,p.Fj,p.JJ,p.On,M.oG],styles:['.align-center[_ngcontent-%COMP%]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:101}.dialog[_ngcontent-%COMP%]{width:90%;max-width:1010px;background-color:#fff;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f;z-index:2;border-radius:2px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.close-btn[_ngcontent-%COMP%]{border-radius:50%;width:28px;height:28px;background:#fff;position:absolute;right:-28px;top:-28px;display:flex;align-items:center;justify-content:center;color:#0006;box-shadow:0 2px 8px #0000004d;cursor:pointer}.close-btn[_ngcontent-%COMP%]:hover{color:#000c}.header[_ngcontent-%COMP%]{padding:32px;background:#2196F3;background:linear-gradient(300deg,#00BCD4,#2196F3)}.header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.body[_ngcontent-%COMP%]{padding:16px}.list[_ngcontent-%COMP%]{position:relative}.list-item[_ngcontent-%COMP%]{width:100%;display:table}.list-header[_ngcontent-%COMP%]{margin-bottom:8px;color:#888;font-weight:700;text-transform:uppercase}.has-child[_ngcontent-%COMP%]{cursor:pointer}.has-child[_ngcontent-%COMP%]:hover{background:#f0f0f0}.list-item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{display:table-cell;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:14px}.list-item[_ngcontent-%COMP%] .w-2[_ngcontent-%COMP%]{width:20%}.list-item[_ngcontent-%COMP%] .w-3[_ngcontent-%COMP%]{width:30%}.list-item[_ngcontent-%COMP%] .w-4[_ngcontent-%COMP%]{width:40%}.list-item[_ngcontent-%COMP%] .w-5[_ngcontent-%COMP%]{width:50%}.list-item[_ngcontent-%COMP%] .fs-12[_ngcontent-%COMP%]{font-size:12px}.list-item[_ngcontent-%COMP%] .right-align[_ngcontent-%COMP%]{text-align:right}.contents[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s;resize:none}.contents[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.contents[_ngcontent-%COMP%] .textarea-error[_ngcontent-%COMP%]{border-bottom:2px solid red}.contents[_ngcontent-%COMP%] .textarea-ok[_ngcontent-%COMP%]{border-bottom:2px solid #4CAF50}.contents[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{cursor:pointer}.selectbox[_ngcontent-%COMP%]{padding:8px;border-radius:4px;cursor:pointer;width:80%}.selectbox[_ngcontent-%COMP%]:hover{background:#eee}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.circular[_ngcontent-%COMP%] .path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:48px auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.loading[_ngcontent-%COMP%]{background-color:#eee}.disabled[_ngcontent-%COMP%]{opacity:.6;pointer-events:none} .mat-checkbox-label{color:#0009;font-size:14px}','.disable-full-screen[_ngcontent-%COMP%]{top:0;left:0;width:100%;height:100%;position:fixed;visibility:hidden;opacity:0;transition:.2s;z-index:101}.disable-full-screen[_ngcontent-%COMP%] > .background[_ngcontent-%COMP%]{position:absolute;background-color:#00000080;top:0;left:0;width:100%;height:100%;z-index:1}.overlay[_ngcontent-%COMP%]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000004d;z-index:1}.container-center[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;height:48px;padding:0 16px}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:12px;color:#fffc;padding:8px 0 32px;line-height:.8}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;margin-left:8px;color:#fffc;transition:.1s}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff;cursor:pointer}.body[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:flex;align-items:center;font-size:14px;color:#777;margin-top:28px}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{font-size:14px;flex:1 1 auto;box-sizing:border-box;padding:6px 0 4px;border:0;border-bottom:2px solid #ddd;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%] .err[_ngcontent-%COMP%]{outline:none;border-bottom:2px solid #D25074}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%] .err[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #D25074}.body[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{font:400 14px Arial;resize:none;flex:1 1 auto;box-sizing:border-box;padding:6px 0 4px;border:0;border-bottom:2px solid #ddd;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]{border-bottom:2px solid #fff;background:rgba(0,0,0,0) #b87272}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]:hover{border-bottom:2px solid #777}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{width:100%;min-height:24px;background:white;box-sizing:border-box;margin-top:8px;padding:4px 0;border:0;border-bottom:1px solid #ccc;transition:.2s}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #777}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{width:100%;min-height:24px;font-size:14px;color:#333;margin-top:12px;padding:4px 0;display:flex;align-items:center}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > i[_ngcontent-%COMP%]{margin-right:8px}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{color:#777;transition:.2s;cursor:pointer}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]:hover{color:#333}.body[_ngcontent-%COMP%] .contents-selectable[_ngcontent-%COMP%]{cursor:pointer}.body[_ngcontent-%COMP%] .contents-selectable[_ngcontent-%COMP%]:hover{background:#f0f0f0}.body[_ngcontent-%COMP%] > .editable[_ngcontent-%COMP%]{border-bottom:1px solid #fff;transition:.5s}.body[_ngcontent-%COMP%] > .editable[_ngcontent-%COMP%]:hover{cursor:text;border-bottom:1px solid #ccc}.body[_ngcontent-%COMP%] > .warning[_ngcontent-%COMP%]{color:#f55}.modal[_ngcontent-%COMP%]{width:100%;max-width:600px;background:white;box-shadow:0 4px 8px #777;z-index:2;border-radius:5px}.modal[_ngcontent-%COMP%] .modal-header[_ngcontent-%COMP%]{display:flex;height:50px;justify-content:space-between;border-bottom:.5px solid rgba(0,0,0,.1)}.modal[_ngcontent-%COMP%] .modal-header[_ngcontent-%COMP%] .modal-header-txt[_ngcontent-%COMP%]{display:flex;align-items:center;padding-left:16px}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%]{display:flex;height:50px;justify-content:space-between;background-color:#f7fafc;border-radius:5px 5px 0 0}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:12px;color:#fffc;padding:8px 0 32px;line-height:.8}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;margin-left:8px;color:#fffc;transition:.1s}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff;cursor:pointer}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%]{flex:1;display:block;overflow-y:overlay;padding:30px 20px 20px;border-bottom:.5px solid rgba(0,0,0,.1);background-color:#f8fafc;display:flex;flex-direction:column;font-size:14px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{color:#0009;font-size:12px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;background-color:#fff;border:1px solid #eeeeee;font-size:14px;transition:.2s;text-indent:0px;font-weight:400;resize:none}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]::placeholder{font-size:14px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{outline:none;border:1px solid #2383e2}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-bottom:20px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:7px 10px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;font-size:14px;transition:.2s;text-indent:0px;font-weight:400}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #d25074}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]:focus{outline:none;box-shadow:0 0 0 2px #d25074}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.dark[_ngcontent-%COMP%]{background-color:#f5f5f5}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.dark[_ngcontent-%COMP%]:focus{background-color:#fff}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.disabled[_ngcontent-%COMP%]{background-color:#eee;opacity:1}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]{outline:none;border:1px solid #D25074!important;background-color:#fff!important}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.correct[_ngcontent-%COMP%]{border:solid 1px #e0e0e0;background-color:#e5f2ff}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]::placeholder{color:#0000004d}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.input-err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #f1556c}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.input-err[_ngcontent-%COMP%]:focus{outline:none;box-shadow:0 0 0 2px #f1556c}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .site-search[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{margin-bottom:0;border:none;outline:none;background-color:transparent}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item.pb-0[_ngcontent-%COMP%]{padding-bottom:0}.modal[_ngcontent-%COMP%] > .body[_ngcontent-%COMP%]{padding:16px 32px;display:flex;flex-direction:column;max-height:800px;overflow-y:overlay}.modal[_ngcontent-%COMP%] > .body-center[_ngcontent-%COMP%]{padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:800px;overflow-y:overlay}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse;justify-content:center;padding:0 32px 30px}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{padding:7px 14px;color:#888;font-size:14px;font-weight:500;transition:.2s;text-transform:capitalize;border-radius:5px}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#000;cursor:pointer}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]:hover{background:#2ea0ff;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-warning[_ngcontent-%COMP%]{background:orange;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-warning[_ngcontent-%COMP%]:hover{background:#ffb938;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]{background:#ddd;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]:hover{background:#ddd;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-danger[_ngcontent-%COMP%]{background:#f1556d;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-danger[_ngcontent-%COMP%]:hover{background:#f47185;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-normal[_ngcontent-%COMP%]{background:#d1d2d2;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-normal[_ngcontent-%COMP%]:hover{background:#b2b3b3;color:#fff}.dropdown[_ngcontent-%COMP%]{font-size:14px;position:relative;flex:1}.dropdown[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;background:rgba(0,0,0,0)}.dropdown-contents[_ngcontent-%COMP%]{position:absolute;width:100%;margin-top:8px;left:0px;z-index:100;text-align:left;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 13px 1px #0003;transition:.2s}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]{cursor:pointer;padding:8px;color:#333;font-size:14px;display:flex;align-items:center}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]:hover{background:#eee}.face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;margin-right:8px}.no-face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;background-color:#ccc;display:inline-block;margin-right:8px;vertical-align:middle;color:#fff;text-align:center;text-transform:uppercase}.calendar[_ngcontent-%COMP%]{width:100%}.dropdown-background[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:default;pointer-events:none}.inactive[_ngcontent-%COMP%]{pointer-events:none;filter:grayscale(.3);opacity:.8}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.title-close[_ngcontent-%COMP%]{position:absolute;display:flex;top:3px;right:6px;width:45px;height:45px;align-items:center;justify-content:center;font-size:14px;color:#0009;cursor:pointer;transition:.2s}.title-close[_ngcontent-%COMP%]:hover{background-color:#f7f7f7;border-radius:22px}.tail-btn-area[_ngcontent-%COMP%]{border-radius:5px;padding:12px 20px}.row[_ngcontent-%COMP%]{display:flex}.row.between[_ngcontent-%COMP%]{justify-content:space-between}table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}table.table-header[_ngcontent-%COMP%]{min-height:31px;background-color:#f7fafc;border-bottom:solid 1px rgba(0,0,0,.1);border-top:solid 1px rgba(0,0,0,.1);box-sizing:border-box}table.table-header[_ngcontent-%COMP%]:after{border-collapse:separate}table[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%]{width:100%;flex:1;overflow-y:overlay;overflow-x:hidden}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{position:relative;padding:10px 7px;color:#000000de;text-transform:capitalize;text-align:left;font-size:12px;font-weight:normal;-webkit-user-select:none;user-select:none}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child{padding:10px 7px 10px 20px}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:last-child{padding:10px 20px 10px 7px}table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:14px;color:#0009;border-bottom:1px rgba(0,0,0,.1) solid;padding:14px}.selectable[_ngcontent-%COMP%]{cursor:pointer}.selectable[_ngcontent-%COMP%]:hover{background:#f0f0f0}'],data:{animation:[f.ge,f.ku,f.$r,f.OP]}}),i})();var Q=d(54414);const j=["searcher"],H=["searchinput"];function G(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",5),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t.qZA()}2&i&&t.Q6J("@background",void 0)}function Y(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",52),t.NdJ("click",function(){return t.CHM(e),t.oxw(4).initSearchTxt()}),t.TgZ(1,"i",34),t._uU(2,"cancel"),t.qZA(),t.qZA()}}function $(i,c){if(1&i&&(t.TgZ(0,"div",53),t.TgZ(1,"div",54),t.TgZ(2,"div"),t.TgZ(3,"span",55),t._uU(4),t.qZA(),t.qZA(),t.qZA(),t.qZA()),2&i){const e=t.oxw(4);t.xp6(4),t.hij("All ",e.totalSite," site on this page are selected.")}}function B(i,c){1&i&&(t.TgZ(0,"tr",56),t.TgZ(1,"td",57),t._uU(2,"No TTS"),t.qZA(),t.qZA())}function R(i,c){1&i&&(t.TgZ(0,"i",61),t._uU(1,"done"),t.qZA())}function V(i,c){1&i&&(t.TgZ(0,"i",61),t._uU(1,"done"),t.qZA())}function X(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"tr",58),t.TgZ(1,"td",59),t.TgZ(2,"mat-checkbox",44),t.NdJ("ngModelChange",function(o){return t.CHM(e).$implicit.selected=o})("change",function(){return t.CHM(e),t.oxw(4).toggleSelectSite()}),t.qZA(),t.qZA(),t.TgZ(3,"td"),t._uU(4),t.qZA(),t.TgZ(5,"td"),t._uU(6),t.qZA(),t.TgZ(7,"td",59),t.YNc(8,R,2,0,"i",60),t.qZA(),t.TgZ(9,"td",59),t.YNc(10,V,2,0,"i",60),t.qZA(),t.qZA()}if(2&i){const e=c.$implicit,n=t.oxw(4);t.xp6(2),t.Q6J("ngModel",e.selected),t.xp6(2),t.Oqu(e.id),t.xp6(2),t.Oqu(e.text),t.xp6(2),t.Q6J("ngIf",n.isUsedForMP(e)),t.xp6(2),t.Q6J("ngIf",n.isUsedForApp(e))}}function K(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",20),t.TgZ(1,"div",21),t.TgZ(2,"div",22),t._uU(3,"Choose the message to assign"),t.qZA(),t.qZA(),t.TgZ(4,"div",23),t.TgZ(5,"div",24,25),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).setSearchFocus(!0)}),t.TgZ(7,"i",26),t._uU(8,"search"),t.qZA(),t.TgZ(9,"input",27,28),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(3).searchTTSTxt=o})("keyup",function(){return t.CHM(e),t.oxw(3).searchTTS()}),t.qZA(),t.YNc(11,Y,3,0,"div",29),t.qZA(),t.TgZ(12,"div",30),t.TgZ(13,"div",31),t.TgZ(14,"span"),t._uU(15),t.qZA(),t.qZA(),t.TgZ(16,"div",32),t.TgZ(17,"div",33),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).prevTTSPage()}),t.TgZ(18,"i",34),t._uU(19,"keyboard_arrow_left"),t.qZA(),t.qZA(),t._UZ(20,"div",35),t.TgZ(21,"div",33),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).nextTTSPage()}),t.TgZ(22,"i",34),t._uU(23,"keyboard_arrow_right"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.YNc(24,$,5,1,"div",36),t.TgZ(25,"div",37),t.TgZ(26,"table",38),t.TgZ(27,"colgroup"),t._UZ(28,"col",39),t._UZ(29,"col",40),t._UZ(30,"col",41),t._UZ(31,"col",42),t._UZ(32,"col",42),t.qZA(),t.TgZ(33,"thead"),t.TgZ(34,"tr"),t.TgZ(35,"th",43),t.TgZ(36,"mat-checkbox",44),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(3).isAllSelectTTS=o})("change",function(){return t.CHM(e),t.oxw(3).toggleSelectAllTTS()}),t.qZA(),t.qZA(),t.TgZ(37,"th"),t._uU(38,"TTS ID"),t.qZA(),t.TgZ(39,"th"),t._uU(40,"Message"),t.qZA(),t.TgZ(41,"th"),t.TgZ(42,"div",45),t.TgZ(43,"div"),t._uU(44,"Show in MP "),t.qZA(),t.TgZ(45,"div",46),t.NdJ("mouseenter",function(o){return t.CHM(e),t.oxw(3).commonService.setTooltipPosition(o,"top-center")}),t._UZ(46,"comp-icon",47),t.TgZ(47,"div",48),t.TgZ(48,"div"),t._uU(49,"When enabled, monitoring center operators can see and use this message while providing a live remote video response."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(50,"th"),t.TgZ(51,"div",45),t.TgZ(52,"div"),t._uU(53,"Show in Customer App"),t.qZA(),t.TgZ(54,"div",46),t.NdJ("mouseenter",function(o){return t.CHM(e),t.oxw(3).commonService.setTooltipPosition(o,"top-center")}),t._UZ(55,"comp-icon",47),t.TgZ(56,"div",48),t.TgZ(57,"div"),t._uU(58,"When enabled, customers can see and use this message from their mobile app."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(59,"div",49),t.TgZ(60,"table"),t.TgZ(61,"colgroup"),t._UZ(62,"col",39),t._UZ(63,"col",40),t._UZ(64,"col",41),t._UZ(65,"col",42),t._UZ(66,"col",42),t.qZA(),t.TgZ(67,"tbody"),t.YNc(68,B,3,0,"tr",50),t.YNc(69,X,11,5,"tr",51),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA()}if(2&i){const e=t.oxw(3);t.xp6(5),t.ekj("search-focus",e.isFocusSearch),t.xp6(4),t.Q6J("ngModel",e.searchTTSTxt),t.xp6(2),t.Q6J("ngIf",e.searchTTSTxt.length>0),t.xp6(4),t.lnq("",e.curTTSPageOffset,"-",e.curTTSPageCount," of ",e.TTSList.length,""),t.xp6(2),t.ekj("mover-disabled",0===e.curTTSPage),t.xp6(4),t.ekj("mover-disabled",e.lastTTSPage===e.curTTSPage+1),t.xp6(3),t.Q6J("ngIf",e.isAllSelect&&0!==e.totalSite),t.xp6(12),t.Q6J("ngModel",e.isAllSelectTTS),t.xp6(10),t.Q6J("icon","info")("size",16)("color","#55647B"),t.xp6(9),t.Q6J("icon","info")("size",16)("color","#55647B"),t.xp6(13),t.Q6J("ngIf",!e.filteredTTSList.length),t.xp6(1),t.Q6J("ngForOf",e.filteredTTSList)}}function tt(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",52),t.NdJ("click",function(){return t.CHM(e),t.oxw(4).initSearchTxt()}),t.TgZ(1,"i",34),t._uU(2,"cancel"),t.qZA(),t.qZA()}}function et(i,c){if(1&i&&(t.TgZ(0,"div",53),t.TgZ(1,"div",54),t.TgZ(2,"div"),t.TgZ(3,"span",55),t._uU(4),t.qZA(),t.qZA(),t.qZA(),t.qZA()),2&i){const e=t.oxw(4);t.xp6(4),t.hij("All ",e.totalSite," site on this page are selected.")}}function nt(i,c){1&i&&(t.TgZ(0,"tr",56),t.TgZ(1,"td",57),t._uU(2,"No Sites"),t.qZA(),t.qZA())}function ot(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"tr",58),t.TgZ(1,"td",59),t.TgZ(2,"mat-checkbox",44),t.NdJ("ngModelChange",function(o){return t.CHM(e).$implicit.selected=o})("change",function(){return t.CHM(e),t.oxw(4).toggleSelectSite()}),t.qZA(),t.qZA(),t.TgZ(3,"td"),t._uU(4),t.qZA(),t.TgZ(5,"td"),t._uU(6),t.qZA(),t.TgZ(7,"td",64),t._uU(8),t.qZA(),t.qZA()}if(2&i){const e=c.$implicit;t.xp6(2),t.Q6J("ngModel",e.selected),t.xp6(2),t.Oqu(e.name),t.xp6(2),t.Oqu(e.company_name),t.xp6(2),t.Oqu(e.partner_company_name)}}function it(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",20),t.TgZ(1,"div",21),t.TgZ(2,"div",22),t._uU(3,"Choose the site to assign"),t.qZA(),t.qZA(),t.TgZ(4,"div",23),t.TgZ(5,"div",24,25),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).setSearchFocus(!0)}),t.TgZ(7,"i",26),t._uU(8,"search"),t.qZA(),t.TgZ(9,"input",27,28),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(3).searchTxt=o})("keyup",function(){return t.CHM(e),t.oxw(3).searchSite()}),t.qZA(),t.YNc(11,tt,3,0,"div",29),t.qZA(),t.TgZ(12,"div",30),t.TgZ(13,"div",31),t.TgZ(14,"span"),t._uU(15),t.qZA(),t.qZA(),t.TgZ(16,"div",32),t.TgZ(17,"div",33),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).prevPage()}),t.TgZ(18,"i",34),t._uU(19,"keyboard_arrow_left"),t.qZA(),t.qZA(),t._UZ(20,"div",35),t.TgZ(21,"div",33),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).nextPage()}),t.TgZ(22,"i",34),t._uU(23,"keyboard_arrow_right"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.YNc(24,et,5,1,"div",36),t.TgZ(25,"div",37),t.TgZ(26,"table",38),t.TgZ(27,"colgroup"),t._UZ(28,"col",40),t._UZ(29,"col",62),t._UZ(30,"col",63),t._UZ(31,"col",63),t.qZA(),t.TgZ(32,"thead"),t.TgZ(33,"tr"),t.TgZ(34,"th",43),t.TgZ(35,"mat-checkbox",44),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(3).isAllSelect=o})("change",function(){return t.CHM(e),t.oxw(3).toggleSelectAll()}),t.qZA(),t.qZA(),t.TgZ(36,"th"),t._uU(37,"Site Name"),t.qZA(),t.TgZ(38,"th"),t._uU(39,"Dealer"),t.qZA(),t.TgZ(40,"th",64),t._uU(41,"Central Station"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(42,"div",65),t.TgZ(43,"table"),t.TgZ(44,"colgroup"),t._UZ(45,"col",40),t._UZ(46,"col",62),t._UZ(47,"col",63),t._UZ(48,"col",63),t.qZA(),t.TgZ(49,"tbody"),t.YNc(50,nt,3,0,"tr",50),t.YNc(51,ot,9,4,"tr",51),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA()}if(2&i){const e=t.oxw(3);t.xp6(5),t.ekj("search-focus",e.isFocusSearch),t.xp6(4),t.Q6J("ngModel",e.searchTxt),t.xp6(2),t.Q6J("ngIf",e.searchTxt.length>0),t.xp6(4),t.lnq("",e.curPageOffset,"-",e.curPageCount," of ",e.sites.length,""),t.xp6(2),t.ekj("mover-disabled",0===e.curPage),t.xp6(4),t.ekj("mover-disabled",e.lastPage===e.curPage+1),t.xp6(3),t.Q6J("ngIf",e.isAllSelect&&0!==e.totalSite),t.xp6(11),t.Q6J("ngModel",e.isAllSelect),t.xp6(15),t.Q6J("ngIf",!e.filteredSites.length),t.xp6(1),t.Q6J("ngForOf",e.filteredSites)}}function at(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",66),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).toSitesPage()}),t.TgZ(1,"div",16),t.TgZ(2,"span"),t._uU(3,"Next"),t.qZA(),t.qZA(),t.qZA()}if(2&i){const e=t.oxw(3);t.ekj("disabled",e.isLoading||!e.checkMsgs())}}function ct(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",66),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).doAction()}),t.TgZ(1,"div",16),t.TgZ(2,"span"),t._uU(3,"Assign"),t.qZA(),t.qZA(),t.qZA()}if(2&i){const e=t.oxw(3);t.ekj("disabled",e.isLoading||!e.checkSites())}}function rt(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",15),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).toTTSPage()}),t.TgZ(1,"div",16),t.TgZ(2,"span"),t._uU(3,"Prev"),t.qZA(),t.qZA(),t.qZA()}}function st(i,c){1&i&&(t.TgZ(0,"div",67),t.O4$(),t.TgZ(1,"svg",68),t._UZ(2,"circle",69),t.qZA(),t.qZA())}function lt(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",6),t.TgZ(1,"div",7),t.TgZ(2,"div",8),t._uU(3,"Assign to site"),t.qZA(),t.TgZ(4,"div",9),t.TgZ(5,"div",10),t.TgZ(6,"i",11),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t._uU(7,"close"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.YNc(8,K,70,21,"div",12),t.YNc(9,it,52,15,"div",12),t.TgZ(10,"div",13),t.YNc(11,at,4,2,"div",14),t.YNc(12,ct,4,2,"div",14),t.TgZ(13,"div",15),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t.TgZ(14,"div",16),t.TgZ(15,"span"),t._uU(16,"Cancel"),t.qZA(),t.qZA(),t.qZA(),t._UZ(17,"div",17),t.YNc(18,rt,4,0,"div",18),t.qZA(),t.YNc(19,st,3,0,"div",19),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("@dialog",void 0),t.xp6(8),t.Q6J("ngIf","tts"===e.page),t.xp6(1),t.Q6J("ngIf","sites"===e.page),t.xp6(2),t.Q6J("ngIf","tts"===e.page),t.xp6(1),t.Q6J("ngIf","sites"===e.page),t.xp6(1),t.ekj("disabled",e.isLoading),t.xp6(5),t.Q6J("ngIf","sites"===e.page),t.xp6(1),t.Q6J("ngIf",e.isLoading)}}function dt(i,c){if(1&i&&(t.TgZ(0,"div",2),t.YNc(1,G,1,1,"div",3),t.YNc(2,lt,20,9,"div",4),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.Q6J("ngIf",e.modal.is_active),t.xp6(1),t.Q6J("ngIf",e.modal.is_active)}}let gt=(()=>{class i{constructor(e,n,o,a){this.usersService=e,this.dealerService=n,this.sitesService=o,this.commonService=a,this.onClose=new t.vpe,this.enable_modal=!1,this.isEditMode=!1,this.isLoading=!1,this.isViewLoad=!1,this.tail_status="none",this.sites=[],this.searchedSites=[],this.filteredSites=[],this.TTSList=[],this.searchedTTSList=[],this.filteredTTSList=[],this.isAllSelect=!1,this.isAllSelectTTS=!1,this.pager=15,this.curPage=0,this.lastPage=0,this.totalSite=0,this.curPageCount=0,this.curPageOffset=0,this.curTTSPage=0,this.lastTTSPage=0,this.totalTTS=0,this.curTTSPageCount=0,this.curTTSPageOffset=0,this.searchTxt="",this.searchTTSTxt="",this.isFocusSearch=!1,this.page="tts",this.m_warning=new m.u,this.selectedMsgs=[],this.selDealer={},this.subDealerId=null}ngOnInit(){this.usersService.getMe().subscribe(e=>{this.me=e})}ngOnChanges(e){this.isEditMode=!1,this.initTTSData(),e.active&&this.active&&(this.isLoading=!1,this.enable_modal=!0,this.subDealerId=this.modal.data.subDealerId,this.isViewLoad=!0,this.fetchTTS(),this.fetchSites())}ngOnDestroy(){this.isViewLoad=!1}initTTSData(){this.page="tts",this.TTSList=[],this.searchTTSTxt="",this.isAllSelectTTS=!1,this.isAllSelect=!1,this.curTTSPage=0,this.setTTSPage()}onGlobalClick(e){!this.searcher||this.searcher.nativeElement.contains(e.target)||(this.isFocusSearch=!1)}fetchTTS(){this.dealerService.getTTSList(this.me.dealer_id,this.subDealerId).pipe((0,q.x)(()=>{})).subscribe(n=>{const o=n.filter(a=>0!=(null==a?void 0:a.type));this.TTSList=o,this.filteredTTSList=o,this.searchedTTSList=o,this.setTTSPage(),this.isLoading=!1,this.lastTTSPage=Math.floor(this.totalTTS/this.pager)+(this.totalTTS%this.pager!=0?1:0)},n=>{})}fetchSites(){this.sitesService.fetch(this.me.dealer_id,this.subDealerId).subscribe(o=>{this.sites=o,this.filteredSites=o,this.setSitePage(),this.isLoading=!1,this.lastPage=Math.floor(this.totalSite/this.pager)+(this.totalSite%this.pager!=0?1:0)},o=>{this.isLoading=!1})}setSitePage(){const e=this.curPage*this.pager,n=this.curPage*this.pager+this.pager;this.totalSite=this.sites.length,this.filteredSites=this.filteredSites.slice(e,n),this.curPageOffset=this.curPage*this.pager+1,this.curPageCount=this.filteredSites.length+this.curPage*this.pager}nextPage(){this.curPage+1<this.lastPage&&(this.curPage+=1),this.setSitePage()}prevPage(){0!==this.curPage&&(this.curPage-=1),this.setSitePage()}setTTSPage(){const e=this.curTTSPage*this.pager,n=this.curTTSPage*this.pager+this.pager;this.totalTTS=this.TTSList.length,this.filteredTTSList=this.searchedTTSList.slice(e,n),this.curTTSPageOffset=this.curTTSPage*this.pager+1,this.curTTSPageCount=this.filteredTTSList.length+this.curTTSPage*this.pager}nextTTSPage(){this.curTTSPage+1<this.lastTTSPage&&(this.curTTSPage+=1),this.setTTSPage()}prevTTSPage(){0!==this.curTTSPage&&(this.curTTSPage-=1),this.setTTSPage()}toggleSelectAllTTS(){const e=this.isAllSelectTTS;this.TTSList.forEach(n=>{n.selected=e}),this.setTTSPage()}toggleSelectTTS(e){const n=this.TTSList.length,o=this.TTSList.filter(a=>a.selected).length;this.isAllSelectTTS=n===o}toggleSelectAll(){const e=this.isAllSelect;this.sites.forEach(n=>{n.selected=e}),this.setSitePage()}toggleSelectSite(){const e=this.sites.length,n=this.sites.filter(o=>o.selected).length;if(!n)return this.isAllSelect=!1;this.isAllSelect=e===n}checkMsgs(){let e=!1;return this.TTSList.filter(o=>o.selected).length>0&&(e=!0),e}checkSites(){let e=!1;return this.sites.filter(o=>o.selected).length>0&&(e=!0),e}validateSelect(){let e=!0,n="No Selected";return 0===this.TTSList.filter(r=>r.selected).length&&(e=!1,n="Please selected dealer level Talk Down Message"),{res:e,msg:n}}toTTSPage(){this.page="tts"}toSitesPage(){this.page="sites"}setSearchFocus(e){this.isFocusSearch=e}searchTTS(){const e=this.searchTTSTxt.toLowerCase();e.length<2?(this.searchedTTSList=this.TTSList,this.curTTSPage=0):this.searchedTTSList=this.TTSList.filter(n=>{let o=!1,a="";return a+=n.text,a+=n.id,a=a.toLowerCase(),-1!==a.indexOf(e)&&(o=!0),o}),this.setTTSPage(),this.lastTTSPage=Math.floor(this.totalTTS/this.pager)+(this.totalTTS%this.pager!=0?1:0)}searchSite(){const e=this.searchTxt.toLowerCase();e.length<2||(this.filteredSites=this.sites.filter(n=>{let o=!1,a="";return a+=n.name,a+=n.company_name,a+=n.partner_company_name,a=a.toLowerCase(),-1!==a.indexOf(e)&&(o=!0),o}),this.setSitePage(),this.lastPage=Math.floor(this.totalSite/this.pager)+(this.totalSite%this.pager!=0?1:0))}initSearchTxt(){this.searchTxt="",this.searchTTSTxt="",this.isFocusSearch=!1,this.filteredSites=this.sites,this.searchedTTSList=this.sites,this.filteredTTSList=this.TTSList,this.searchedTTSList=this.TTSList,this.searchInput.nativeElement.focus()}isUsedForMP(e){return 0===e.default_tts_use_type||1===e.default_tts_use_type}isUsedForApp(e){return 0===e.default_tts_use_type||2===e.default_tts_use_type}doAction(){let e="",n="";const o=this.TTSList.filter(r=>r.selected);e=o.length>1?`${o.length} messages`:`the message "${o[0].text}"`;const a=this.sites.filter(r=>r.selected);n=a.length>1?`${a.length} sites`:`the site "${a[0].name}"`,this.m_warning.data={header:"Assign to Sites?",contents:`\n <p>Would you like to assign <br>${e} to ${n}?<br>\n `,submit_btn:"OK",color:"#1abc9c",icon:"device_hub",submit_class:["button-primary"]},this.m_warning.data.submit_func=()=>{this.isLoading=!0,this.update()},this.m_warning.open()}update(){this.isLoading=!0;const e=this.me.dealer_id,n=this.subDealerId;let o="",a=[];this.TTSList.forEach(g=>{g.selected&&a.push(g.id)});let r=[];this.sites.forEach(g=>{g.selected&&r.push(g.site_id)});const s=this.sites.filter(g=>g.selected);o=s.length>1?`${s.length} sites`:`the site "${s[0].name}"`,this.dealerService.linkTTS(e,{tts_ids:a,site_ids:r,partner_id:n}).subscribe(g=>{setTimeout(()=>{this.isLoading=!1,this.confirmDialog("Success",`Assigned to ${o}`,"done","#1abc9c")},200)},g=>{setTimeout(()=>{this.isLoading=!1,this.confirmDialog("Failed",`Assigned to ${o}`,"warning","#f1556c")},200)})}createDialog(e="",n="",o="note_add",a="#2383e2"){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:this.isEditMode?"Edit":"Create",submit_class:["button-primary"],icon:o,isConfirm:!1,color:a},this.m_warning.data.submit_func=()=>{},this.m_warning.open()}confirmDialog(e="",n="",o="done",a="green"){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:"OK",submit_class:["button-primary"],icon:o,isConfirm:!0,color:a},this.m_warning.data.submit_func=()=>{"green"===a&&this.close()},this.m_warning.open()}errorDialog(e,n){let o="failed.";e.error&&e.error.message&&(o=e.error.message),e._body&&(o=JSON.parse(e._body).message),setTimeout(()=>{this.confirmDialog(n,o,"warning","orange")},200),this.isLoading=!1}close(e){this.onClose.next(e||{res:!1}),this.modal.close(),setTimeout(n=>{this.enable_modal=!1},200)}}return i.\u0275fac=function(e){return new(e||i)(t.Y36(b.f),t.Y36(P.X),t.Y36(Q.f),t.Y36(v.v))},i.\u0275cmp=t.Xpm({type:i,selectors:[["app-wcs-tts-to-site"]],viewQuery:function(e,n){if(1&e&&(t.Gf(j,5),t.Gf(H,5)),2&e){let o;t.iGM(o=t.CRH())&&(n.searcher=o.first),t.iGM(o=t.CRH())&&(n.searchInput=o.first)}},hostBindings:function(e,n){1&e&&t.NdJ("mousedown",function(a){return n.onGlobalClick(a)},!1,t.evT)},inputs:{active:"active",modal:"modal"},outputs:{onClose:"onClose"},features:[t.TTD],decls:2,vars:2,consts:[["class","align-center",4,"ngIf"],[3,"modal"],[1,"align-center"],["class","overlay",3,"click",4,"ngIf"],["class","modal",4,"ngIf"],[1,"overlay",3,"click"],[1,"modal"],[1,"modal-header"],[1,"modal-header-txt"],[2,"position","relative"],[1,"title-close"],[1,"material-icons",3,"click"],["class","items-area",4,"ngIf"],[1,"tail-btn-area"],["class","button button-primary",3,"disabled","click",4,"ngIf"],[1,"button","button-white",3,"click"],[1,"btn-inner"],[1,"space"],["class","button button-white",3,"click",4,"ngIf"],["class","loader absolute",4,"ngIf"],[1,"items-area"],[1,"item"],[1,"title",2,"color","hsla(0,0%,0%,0.6)","font-size","14px"],[1,"item","row","between",2,"display","flex"],[1,"site-search",3,"click"],["searcher",""],[1,"material-icons",2,"padding","6px 10px"],["autocomplete","off","type","text","placeholder","Search...",3,"ngModel","ngModelChange","keyup"],["searchinput",""],["class","search-close",3,"click",4,"ngIf"],[1,"pager"],[1,"page-info"],[1,"page-mover"],[1,"page-btn",3,"click"],[1,"material-icons"],[2,"width","24px"],["class","item row","style","padding-bottom: 10px;",4,"ngIf"],[1,"item","scroll-item",2,"height","100%"],[1,"table-header"],["width","5%"],["width","10%"],["width","60%"],["width","12%"],[1,"center",2,"padding","7px"],[3,"ngModel","ngModelChange","change"],[1,"v-center"],[1,"--g-tooltip-content",3,"mouseenter"],[1,"--g-tooltip-icon",3,"icon","size","color"],[1,"--g-tooltip",2,"text-transform","none"],[1,"table-body",2,"height","calc(100% - 65px)"],["style","text-align: center; color: #999;",4,"ngIf"],["class","has-child","style","cursor:initial;",4,"ngFor","ngForOf"],[1,"search-close",3,"click"],[1,"item","row",2,"padding-bottom","10px"],[1,"select-all-info"],[2,"color","hsla(0,0%,0%,0.6)","font-size","14px"],[2,"text-align","center","color","#999"],["colspan","11"],[1,"has-child",2,"cursor","initial"],[1,"center"],["class","material-icons checked",4,"ngIf"],[1,"material-icons","checked"],["width","50%"],["width","20%"],[2,"text-align","right"],[1,"table-body",2,"height","calc(100% - 38px)"],[1,"button","button-primary",3,"click"],[1,"loader","absolute"],["viewBox","25 25 50 50",1,"circular"],["cx","50","cy","50","r","20","fill","none","stroke-width","4","stroke-miterlimit","10",1,"path"]],template:function(e,n){1&e&&(t.YNc(0,dt,3,2,"div",0),t._UZ(1,"dealer-warning",1)),2&e&&(t.Q6J("ngIf",n.enable_modal),t.xp6(1),t.Q6J("modal",n.m_warning))},directives:[h.O5,O.a,p.Fj,p.JJ,p.On,M.oG,w.U,h.sg],styles:['*[_ngcontent-%COMP%]{scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin}.align-center[_ngcontent-%COMP%]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:101}.modal[_ngcontent-%COMP%]{width:100%;min-width:800px;max-width:1010px;height:100%;min-height:600px;max-height:700px;background-color:#fff;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f;z-index:2;border-radius:2px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.close-btn[_ngcontent-%COMP%]{border-radius:50%;width:28px;height:28px;background:#fff;position:absolute;right:-28px;top:-28px;display:flex;align-items:center;justify-content:center;color:#0006;box-shadow:0 2px 8px #0000004d;cursor:pointer}.close-btn[_ngcontent-%COMP%]:hover{color:#000c}.header[_ngcontent-%COMP%]{padding:32px;background:#2196F3;background:linear-gradient(300deg,#00BCD4,#2196F3)}.header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.body[_ngcontent-%COMP%]{padding:16px}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{color:#0009!important}table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{padding:8px!important}input[_ngcontent-%COMP%]:focus{box-shadow:none!important}.list[_ngcontent-%COMP%]{position:relative}.list-item[_ngcontent-%COMP%]{width:100%;display:table}.list-header[_ngcontent-%COMP%]{margin-bottom:8px;color:#888;font-weight:700;text-transform:uppercase}.has-child[_ngcontent-%COMP%]{cursor:pointer}.has-child[_ngcontent-%COMP%]:hover{background:#f0f0f0}.list-item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{display:table-cell;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:14px}.list-item[_ngcontent-%COMP%] .w-2[_ngcontent-%COMP%]{width:20%}.list-item[_ngcontent-%COMP%] .w-3[_ngcontent-%COMP%]{width:30%}.list-item[_ngcontent-%COMP%] .w-4[_ngcontent-%COMP%]{width:40%}.list-item[_ngcontent-%COMP%] .w-5[_ngcontent-%COMP%]{width:50%}.list-item[_ngcontent-%COMP%] .fs-12[_ngcontent-%COMP%]{font-size:12px}.list-item[_ngcontent-%COMP%] .right-align[_ngcontent-%COMP%]{text-align:right}.contents[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s;resize:none}.contents[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.contents[_ngcontent-%COMP%] .textarea-error[_ngcontent-%COMP%]{border-bottom:2px solid red}.contents[_ngcontent-%COMP%] .textarea-ok[_ngcontent-%COMP%]{border-bottom:2px solid #4CAF50}.contents[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{cursor:pointer}.selectbox[_ngcontent-%COMP%]{padding:8px;border-radius:4px;cursor:pointer;width:80%}.selectbox[_ngcontent-%COMP%]:hover{background:#eee}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.circular[_ngcontent-%COMP%] .path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:48px auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.loading[_ngcontent-%COMP%]{background-color:#eee}.disabled[_ngcontent-%COMP%]{opacity:.6;pointer-events:none}.site-search[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;width:300px;height:36px;border-radius:5px;background-color:#0000000d;color:#0000004d;transition:.2s}.site-search[_ngcontent-%COMP%] > input[_ngcontent-%COMP%]{width:100%;height:30px;border:none;background:transparent;font-size:14px}.site-search[_ngcontent-%COMP%] > input[_ngcontent-%COMP%]:focus{border:none;outline:none}.site-search[_ngcontent-%COMP%] > input[_ngcontent-%COMP%]::placeholder{color:#0000004d}.site-search.search-focus[_ngcontent-%COMP%]{box-shadow:0 1px 4px #00000080;background-color:#fff}.site-search[_ngcontent-%COMP%] .search-close[_ngcontent-%COMP%]{display:flex;align-items:center;color:#0000004d;cursor:pointer;padding:10px 6px}.pager[_ngcontent-%COMP%]{display:flex;align-items:center;font-size:14px;color:#0009}.pager[_ngcontent-%COMP%] .page-info[_ngcontent-%COMP%]{display:flex;align-items:center}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%]{display:flex;align-items:center;padding:0 28px}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%] .page-btn[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;color:#0009}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%] .page-btn[_ngcontent-%COMP%]:hover{color:#000000de}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%] .page-btn.mover-disabled[_ngcontent-%COMP%]{cursor:initial;color:#0000004d}.pager[_ngcontent-%COMP%] .page-all[_ngcontent-%COMP%]{display:flex;align-items:center;padding-right:15px}.select-all-info[_ngcontent-%COMP%]{width:100%;height:40px;border-radius:5px;background-color:#00000008;display:flex;justify-content:center;align-items:center}.scroll-item[_ngcontent-%COMP%]{overflow:hidden;flex:1;flex-direction:column}.table-body[_ngcontent-%COMP%]{overflow-x:hidden;width:100%}','.disable-full-screen[_ngcontent-%COMP%]{top:0;left:0;width:100%;height:100%;position:fixed;visibility:hidden;opacity:0;transition:.2s;z-index:101}.disable-full-screen[_ngcontent-%COMP%] > .background[_ngcontent-%COMP%]{position:absolute;background-color:#00000080;top:0;left:0;width:100%;height:100%;z-index:1}.overlay[_ngcontent-%COMP%]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000004d;z-index:1}.container-center[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;height:48px;padding:0 16px}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:12px;color:#fffc;padding:8px 0 32px;line-height:.8}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;margin-left:8px;color:#fffc;transition:.1s}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff;cursor:pointer}.body[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:flex;align-items:center;font-size:14px;color:#777;margin-top:28px}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{font-size:14px;flex:1 1 auto;box-sizing:border-box;padding:6px 0 4px;border:0;border-bottom:2px solid #ddd;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%] .err[_ngcontent-%COMP%]{outline:none;border-bottom:2px solid #D25074}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%] .err[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #D25074}.body[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{font:400 14px Arial;resize:none;flex:1 1 auto;box-sizing:border-box;padding:6px 0 4px;border:0;border-bottom:2px solid #ddd;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]{border-bottom:2px solid #fff;background:rgba(0,0,0,0) #b87272}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]:hover{border-bottom:2px solid #777}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{width:100%;min-height:24px;background:white;box-sizing:border-box;margin-top:8px;padding:4px 0;border:0;border-bottom:1px solid #ccc;transition:.2s}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #777}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{width:100%;min-height:24px;font-size:14px;color:#333;margin-top:12px;padding:4px 0;display:flex;align-items:center}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > i[_ngcontent-%COMP%]{margin-right:8px}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{color:#777;transition:.2s;cursor:pointer}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]:hover{color:#333}.body[_ngcontent-%COMP%] .contents-selectable[_ngcontent-%COMP%]{cursor:pointer}.body[_ngcontent-%COMP%] .contents-selectable[_ngcontent-%COMP%]:hover{background:#f0f0f0}.body[_ngcontent-%COMP%] > .editable[_ngcontent-%COMP%]{border-bottom:1px solid #fff;transition:.5s}.body[_ngcontent-%COMP%] > .editable[_ngcontent-%COMP%]:hover{cursor:text;border-bottom:1px solid #ccc}.body[_ngcontent-%COMP%] > .warning[_ngcontent-%COMP%]{color:#f55}.modal[_ngcontent-%COMP%]{width:100%;max-width:600px;background:white;box-shadow:0 4px 8px #777;z-index:2;border-radius:5px}.modal[_ngcontent-%COMP%] .modal-header[_ngcontent-%COMP%]{display:flex;height:50px;justify-content:space-between;border-bottom:.5px solid rgba(0,0,0,.1)}.modal[_ngcontent-%COMP%] .modal-header[_ngcontent-%COMP%] .modal-header-txt[_ngcontent-%COMP%]{display:flex;align-items:center;padding-left:16px}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%]{display:flex;height:50px;justify-content:space-between;background-color:#f7fafc;border-radius:5px 5px 0 0}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:12px;color:#fffc;padding:8px 0 32px;line-height:.8}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;margin-left:8px;color:#fffc;transition:.1s}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff;cursor:pointer}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%]{flex:1;display:block;overflow-y:overlay;padding:30px 20px 20px;border-bottom:.5px solid rgba(0,0,0,.1);background-color:#f8fafc;display:flex;flex-direction:column;font-size:14px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{color:#0009;font-size:12px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;background-color:#fff;border:1px solid #eeeeee;font-size:14px;transition:.2s;text-indent:0px;font-weight:400;resize:none}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]::placeholder{font-size:14px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{outline:none;border:1px solid #2383e2}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-bottom:20px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:7px 10px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;font-size:14px;transition:.2s;text-indent:0px;font-weight:400}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #d25074}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]:focus{outline:none;box-shadow:0 0 0 2px #d25074}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.dark[_ngcontent-%COMP%]{background-color:#f5f5f5}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.dark[_ngcontent-%COMP%]:focus{background-color:#fff}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.disabled[_ngcontent-%COMP%]{background-color:#eee;opacity:1}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]{outline:none;border:1px solid #D25074!important;background-color:#fff!important}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.correct[_ngcontent-%COMP%]{border:solid 1px #e0e0e0;background-color:#e5f2ff}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]::placeholder{color:#0000004d}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.input-err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #f1556c}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.input-err[_ngcontent-%COMP%]:focus{outline:none;box-shadow:0 0 0 2px #f1556c}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .site-search[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{margin-bottom:0;border:none;outline:none;background-color:transparent}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item.pb-0[_ngcontent-%COMP%]{padding-bottom:0}.modal[_ngcontent-%COMP%] > .body[_ngcontent-%COMP%]{padding:16px 32px;display:flex;flex-direction:column;max-height:800px;overflow-y:overlay}.modal[_ngcontent-%COMP%] > .body-center[_ngcontent-%COMP%]{padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:800px;overflow-y:overlay}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse;justify-content:center;padding:0 32px 30px}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{padding:7px 14px;color:#888;font-size:14px;font-weight:500;transition:.2s;text-transform:capitalize;border-radius:5px}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#000;cursor:pointer}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]:hover{background:#2ea0ff;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-warning[_ngcontent-%COMP%]{background:orange;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-warning[_ngcontent-%COMP%]:hover{background:#ffb938;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]{background:#ddd;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]:hover{background:#ddd;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-danger[_ngcontent-%COMP%]{background:#f1556d;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-danger[_ngcontent-%COMP%]:hover{background:#f47185;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-normal[_ngcontent-%COMP%]{background:#d1d2d2;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-normal[_ngcontent-%COMP%]:hover{background:#b2b3b3;color:#fff}.dropdown[_ngcontent-%COMP%]{font-size:14px;position:relative;flex:1}.dropdown[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;background:rgba(0,0,0,0)}.dropdown-contents[_ngcontent-%COMP%]{position:absolute;width:100%;margin-top:8px;left:0px;z-index:100;text-align:left;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 13px 1px #0003;transition:.2s}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]{cursor:pointer;padding:8px;color:#333;font-size:14px;display:flex;align-items:center}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]:hover{background:#eee}.face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;margin-right:8px}.no-face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;background-color:#ccc;display:inline-block;margin-right:8px;vertical-align:middle;color:#fff;text-align:center;text-transform:uppercase}.calendar[_ngcontent-%COMP%]{width:100%}.dropdown-background[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:default;pointer-events:none}.inactive[_ngcontent-%COMP%]{pointer-events:none;filter:grayscale(.3);opacity:.8}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.title-close[_ngcontent-%COMP%]{position:absolute;display:flex;top:3px;right:6px;width:45px;height:45px;align-items:center;justify-content:center;font-size:14px;color:#0009;cursor:pointer;transition:.2s}.title-close[_ngcontent-%COMP%]:hover{background-color:#f7f7f7;border-radius:22px}.tail-btn-area[_ngcontent-%COMP%]{border-radius:5px;padding:12px 20px}.row[_ngcontent-%COMP%]{display:flex}.row.between[_ngcontent-%COMP%]{justify-content:space-between}table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}table.table-header[_ngcontent-%COMP%]{min-height:31px;background-color:#f7fafc;border-bottom:solid 1px rgba(0,0,0,.1);border-top:solid 1px rgba(0,0,0,.1);box-sizing:border-box}table.table-header[_ngcontent-%COMP%]:after{border-collapse:separate}table[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%]{width:100%;flex:1;overflow-y:overlay;overflow-x:hidden}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{position:relative;padding:10px 7px;color:#000000de;text-transform:capitalize;text-align:left;font-size:12px;font-weight:normal;-webkit-user-select:none;user-select:none}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child{padding:10px 7px 10px 20px}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:last-child{padding:10px 20px 10px 7px}table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:14px;color:#0009;border-bottom:1px rgba(0,0,0,.1) solid;padding:14px}.selectable[_ngcontent-%COMP%]{cursor:pointer}.selectable[_ngcontent-%COMP%]:hover{background:#f0f0f0}'],data:{animation:[f.ge,f.ku,f.$r,f.OP]}}),i})();var _t=d(61855),pt=d(5304),Z=d(70846);const ft=["audiofile"],ut=["audioControl"];function ht(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",5),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t.qZA()}2&i&&t.Q6J("@background",void 0)}function xt(i,c){1&i&&(t.TgZ(0,"span"),t._uU(1,"Drag and drop audio file to upload"),t.qZA())}function Ct(i,c){1&i&&(t.TgZ(0,"span"),t._uU(1,"Upload Failed"),t.qZA())}function mt(i,c){1&i&&(t.TgZ(0,"span"),t._uU(1,"Only mp3,m4a,wav file formats & audio lengths within 60 seconds are available."),t.qZA())}function Mt(i,c){1&i&&(t.TgZ(0,"span"),t._uU(1,"Please check the file format or audio length."),t.qZA())}function bt(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",26),t.NdJ("fileDropped",function(o){return t.CHM(e),t.oxw(3).onFileDropped(o)})("fileOvered",function(o){return t.CHM(e),t.oxw(3).onDragStatus(o)}),t.TgZ(1,"div",27),t.TgZ(2,"div",28),t.TgZ(3,"div",29),t.TgZ(4,"i",30),t._uU(5),t.qZA(),t.qZA(),t.qZA(),t.TgZ(6,"div",31),t.YNc(7,xt,2,0,"span",32),t.YNc(8,Ct,2,0,"span",32),t.qZA(),t.TgZ(9,"div",33),t.YNc(10,mt,2,0,"span",32),t.YNc(11,Mt,2,0,"span",32),t.qZA(),t.TgZ(12,"div"),t.TgZ(13,"div",34),t.TgZ(14,"div",20),t.NdJ("click",function(){return t.CHM(e),t.oxw(3).doSelectFile()}),t.TgZ(15,"div",35),t.TgZ(16,"span"),t._uU(17,"Select File"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(18,"input",36,37),t.NdJ("change",function(o){return t.CHM(e),t.oxw(3).onNativeInputFileSelect(o)}),t.qZA(),t.qZA(),t.qZA(),t.qZA()}if(2&i){const e=t.oxw(3);t.ekj("failed",e.isGetFailed),t.xp6(1),t.ekj("drag-on",e.dragStatus||e.isDragOver),t.xp6(2),t.ekj("drag-on",e.dragStatus),t.xp6(1),t.ekj("drag-on",e.dragStatus)("rotate-45",e.isGetFailed&&!e.dragStatus),t.xp6(1),t.Oqu(e.dragStatus||e.isGetFailed?"add":"arrow_upward"),t.xp6(2),t.Q6J("ngIf",!e.isGetFailed),t.xp6(1),t.Q6J("ngIf",e.isGetFailed),t.xp6(2),t.Q6J("ngIf",!e.isGetFailed),t.xp6(1),t.Q6J("ngIf",e.isGetFailed),t.xp6(3),t.ekj("disabled",e.isLoading||e.dragStatus)}}function Pt(i,c){if(1&i&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&i){const e=t.oxw(7);t.xp6(1),t.hij("",e.curDuration," /")}}function Ot(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",74),t.TgZ(1,"div",75),t.TgZ(2,"div",76),t.TgZ(3,"div",77),t.TgZ(4,"i",78),t._uU(5,"volume_up"),t.qZA(),t.qZA(),t.TgZ(6,"div",79),t._uU(7),t.qZA(),t.qZA(),t.TgZ(8,"div",80),t.TgZ(9,"div",81),t.YNc(10,Pt,2,1,"span",32),t._uU(11),t.qZA(),t.TgZ(12,"div",82),t.NdJ("click",function(){return t.CHM(e),t.oxw(6).deleteFile()}),t.TgZ(13,"i",78),t._uU(14,"close"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA()}if(2&i){const e=t.oxw(6);t.xp6(7),t.AsE("",e.fileNameWithOutExtention,".",e.fileExtention,""),t.xp6(3),t.Q6J("ngIf",e.isSpeak),t.xp6(1),t.hij("\xa0",e.fileDuration,"")}}function Tt(i,c){if(1&i&&(t.TgZ(0,"div"),t.YNc(1,Ot,15,4,"div",73),t.qZA()),2&i){const e=t.oxw(5);t.ekj("upload-disabled",e.isTranscoding),t.xp6(1),t.Q6J("ngIf",e.file.name)}}function vt(i,c){if(1&i&&(t.TgZ(0,"div",71),t.TgZ(1,"div",41),t._uU(2,"Message"),t.qZA(),t.YNc(3,Tt,2,3,"div",72),t.qZA()),2&i){const e=t.oxw(4);t.xp6(3),t.Q6J("ngIf",e.file)}}function wt(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",38),t.YNc(1,vt,4,1,"div",39),t.TgZ(2,"div",40),t.TgZ(3,"div",41),t.TgZ(4,"div"),t._uU(5,"Note"),t.qZA(),t.TgZ(6,"div",42),t.TgZ(7,"div",43),t._uU(8,"i"),t.qZA(),t.TgZ(9,"div",44),t.TgZ(10,"div",45),t.TgZ(11,"div",46),t.TgZ(12,"div",47),t.TgZ(13,"div",48),t.TgZ(14,"div",49),t._uU(15,"Message1"),t.qZA(),t.TgZ(16,"div",49),t._uU(17,"Message1"),t.qZA(),t.TgZ(18,"div",50),t._uU(19,"Talk Down"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(20,"div",51),t.TgZ(21,"div",52),t._uU(22,"Talk Down"),t.qZA(),t._UZ(23,"div",53),t._UZ(24,"div",53),t.qZA(),t.qZA(),t.TgZ(25,"div"),t._uU(26,"Message displayed in the monitoring portal for operators to understand the content of the audio file."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(27,"div",54),t.TgZ(28,"textarea",55),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(3).ttsNote=o}),t.qZA(),t.qZA(),t.TgZ(29,"div",56),t.TgZ(30,"span",57),t.TgZ(31,"span"),t._uU(32),t.qZA(),t._uU(33,"/300 Character"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(34,"div",40),t.TgZ(35,"div",58),t.TgZ(36,"div",59),t.TgZ(37,"div",60),t.TgZ(38,"div"),t._uU(39,"Show in MP "),t.qZA(),t.TgZ(40,"div",61),t.NdJ("mouseenter",function(o){return t.CHM(e),t.oxw(3).commonService.setTooltipPosition(o,"top-center")}),t._UZ(41,"comp-icon",62),t.TgZ(42,"div",63),t.TgZ(43,"div"),t._uU(44,"When enabled, monitoring center operators can see and use this message while providing a live remote video response."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(45,"mat-slide-toggle",64),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(3).isUsedForMP=o}),t.qZA(),t.qZA(),t._UZ(46,"div",65),t.TgZ(47,"div",59),t.TgZ(48,"div",60),t.TgZ(49,"div"),t._uU(50,"Show in Customer App"),t.qZA(),t.TgZ(51,"div",61),t.NdJ("mouseenter",function(o){return t.CHM(e),t.oxw(3).commonService.setTooltipPosition(o,"top-center")}),t._UZ(52,"comp-icon",62),t.TgZ(53,"div",63),t.TgZ(54,"div"),t._uU(55,"When enabled, customers can see and use this message from their mobile app."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(56,"mat-slide-toggle",64),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(3).isUsedForApp=o}),t.qZA(),t.qZA(),t.qZA(),t.TgZ(57,"div",66),t.TgZ(58,"i",67),t._uU(59,"lightbulb"),t.qZA(),t.TgZ(60,"div",68),t._uU(61,"Regardless of the above settings, they can both be used in Automation Rule and Procedure."),t.qZA(),t.qZA(),t.qZA(),t.TgZ(62,"div",40),t.TgZ(63,"mat-checkbox",69),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(3).ttsIsDefault=o}),t._uU(64,"Default"),t.qZA(),t.TgZ(65,"div",70),t.TgZ(66,"span"),t._uU(67,"If you set this message as the default, it will automatically be applied to all new sites when they are created."),t.qZA(),t.qZA(),t.qZA(),t.qZA()}if(2&i){const e=t.oxw(3);t.xp6(1),t.Q6J("ngIf",!e.isEditMode),t.xp6(27),t.Q6J("ngModel",e.ttsNote),t.xp6(3),t.Udp("color",e.ttsNote.length>300?"#f1556c":""),t.xp6(1),t.Oqu(e.ttsNote.length),t.xp6(9),t.Q6J("icon","info")("size",16)("color","#55647B"),t.xp6(4),t.Q6J("ngModel",e.isUsedForMP)("labelPosition","after"),t.xp6(7),t.Q6J("icon","info")("size",16)("color","#55647B"),t.xp6(4),t.Q6J("ngModel",e.isUsedForApp)("labelPosition","after"),t.xp6(7),t.Q6J("ngModel",e.ttsIsDefault)}}function Zt(i,c){1&i&&(t.TgZ(0,"div",35),t.TgZ(1,"i",83),t._uU(2,"play_arrow"),t.qZA(),t.TgZ(3,"span"),t._uU(4,"Speak It"),t.qZA(),t.qZA())}function St(i,c){1&i&&(t.TgZ(0,"div",35),t.O4$(),t.TgZ(1,"svg",84),t.TgZ(2,"defs"),t.TgZ(3,"clipPath",85),t._UZ(4,"rect",86),t.qZA(),t.qZA(),t.TgZ(5,"g",87),t._UZ(6,"circle",88),t._UZ(7,"circle",89),t._UZ(8,"circle",90),t.qZA(),t._UZ(9,"polygon",91),t.qZA(),t.qZA())}function yt(i,c){1&i&&(t.TgZ(0,"div",35),t.TgZ(1,"div",92),t.O4$(),t.TgZ(2,"svg",93),t._UZ(3,"circle",94),t.qZA(),t.qZA(),t.qZA())}function kt(i,c){1&i&&t._UZ(0,"div",95)}function At(i,c){1&i&&(t.TgZ(0,"div",96),t.O4$(),t.TgZ(1,"svg",93),t._UZ(2,"circle",94),t.qZA(),t.qZA())}function qt(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",6),t.TgZ(1,"div",7),t.TgZ(2,"div",8),t._uU(3),t.qZA(),t.TgZ(4,"div",9),t.TgZ(5,"div",10),t.TgZ(6,"i",11),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t._uU(7,"close"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.YNc(8,bt,20,17,"div",12),t.YNc(9,wt,68,16,"div",13),t.TgZ(10,"audio",14,15),t.NdJ("ended",function(){return t.CHM(e),t.oxw(2).endSpeak()})("timeupdate",function(){return t.CHM(e),t.oxw(2).updateAudioTime()}),t._UZ(12,"source",16),t.qZA(),t.TgZ(13,"div",17),t.TgZ(14,"div",18),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).doAction()}),t.TgZ(15,"div",19),t.TgZ(16,"span"),t._uU(17),t.qZA(),t.qZA(),t.qZA(),t.TgZ(18,"div",20),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t.TgZ(19,"div",19),t.TgZ(20,"span"),t._uU(21,"Cancel"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(22,"div",21),t.TgZ(23,"div",22),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).toggleSpeak()}),t.YNc(24,Zt,5,0,"div",23),t.YNc(25,St,10,0,"div",23),t.YNc(26,yt,4,0,"div",23),t.qZA(),t.qZA(),t.qZA(),t.YNc(27,kt,1,0,"div",24),t.YNc(28,At,3,0,"div",25),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("@dialog",void 0),t.xp6(3),t.hij("",e.actionTxt," a to File Upload"),t.xp6(5),t.Q6J("ngIf","prepare"===e.status),t.xp6(1),t.Q6J("ngIf","selected"===e.status),t.xp6(5),t.ekj("disabled",e.isLoading||!e.validateBtn()),t.xp6(3),t.Oqu(e.actionTxt),t.xp6(1),t.ekj("disabled",e.isLoading),t.xp6(5),t.ekj("disabled",e.isLoading||!e.file),t.xp6(1),t.Q6J("ngIf",!e.isSpeak),t.xp6(1),t.Q6J("ngIf",e.isSpeak&&!e.isSpeakLoading),t.xp6(1),t.Q6J("ngIf",e.isSpeak&&e.isSpeakLoading),t.xp6(1),t.Q6J("ngIf",e.isLoading),t.xp6(1),t.Q6J("ngIf",e.isLoading)}}function Ut(i,c){if(1&i&&(t.TgZ(0,"div",2),t.YNc(1,ht,1,1,"div",3),t.YNc(2,qt,29,16,"div",4),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.Q6J("ngIf",e.modal.is_active),t.xp6(1),t.Q6J("ngIf",e.modal.is_active)}}let zt=(()=>{class i{constructor(e,n,o,a){this.usersService=e,this.dealerService=n,this.sanitizer=o,this.commonService=a,this.onClose=new t.vpe,this.enable_modal=!1,this.isEditMode=!1,this.isLoading=!1,this.tail_status="none",this.supportedExtentions=["mp3","wav","m4a"],this.supportedContentTypes=["audio/mpeg","audio/wav","audio/x-m4a","audio/m4a"],this.ttsText="",this.ttsIsDefault=!1,this.isUploaded=!1,this.file=null,this.fileExtention="",this.fileNameWithOutExtention="",this.fileDuration="0:00",this.totalDuration=0,this.curDuration="0:00",this.fileResult=null,this.audioData=null,this.m_warning=new m.u,this.actionTxt="Add",this.isSpeak=!1,this.isSpeakLoading=!1,this.status="prepare",this.ttsData={},this.ttsNote="",this.isUsedForMP=!0,this.isUsedForApp=!0,this.dragStatus=!1,this.isMouseDown=!1,this.isDragOver=!1,this.testInterval=null,this.isGetFailed=!1,this.failedMsg="Only mp3,m4a,wav file formats & audio lengths within 60 seconds are available.",this.uploadPercent=0,this.subDealerId=null}ngOnInit(){this.initFile(),this.initTTSData(),this.usersService.getMe().subscribe(e=>{this.me=e})}ngOnChanges(e){this.isEditMode=!1,this.initFile(),this.initTTSData(),e.active&&this.active&&(this.isLoading=!1,this.enable_modal=!0,this.actionTxt="Add",this.subDealerId=this.modal.data.subDealerId,this.modal.data.TTS&&(this.actionTxt="Save",this.isEditMode=!0,this.setEditData()))}ngOnDestroy(){this.initFile()}mouseDown(e){this.isMouseDown=!0}mouseUp(e){this.isMouseDown=!1}dragOver(e){this.isDragOver=!0}onDragLeave(e){this.isDragOver=!1}initTTSData(){this.ttsData={},this.ttsNote="",this.ttsIsDefault=!1,this.isUsedForMP=!0,this.isUsedForApp=!0}setEditData(){this.status="selected",this.ttsData=this.modal.data.TTS,this.ttsNote=this.ttsData.text,this.ttsIsDefault=this.modal.data.TTS.is_default,this.isUsedForMP=0===this.ttsData.default_tts_use_type||1===this.ttsData.default_tts_use_type,this.isUsedForApp=0===this.ttsData.default_tts_use_type||2===this.ttsData.default_tts_use_type,this.getTTSData()}getTTSData(){this.dealerService.getTTS(this.me.dealer_id,this.ttsData.id,this.subDealerId).subscribe(a=>{a&&a[0]&&(this.ttsData.signedUrl=a[0].url,this.getAudioFile(this.ttsData.signedUrl))})}getAudioFile(e){this.dealerService.getTTSFile(e).subscribe(n=>{let o=window.URL;this.ttsData.audioFileBlob=this.sanitizer.bypassSecurityTrustUrl(o.createObjectURL(n)),this.ttsData.audioFile=n,this.file=this.ttsData.audioFileBlob,this.parseAudioUrl(this.ttsData)})}parseAudioUrl(e){const n=e.audioFile,o=new FileReader,a=this.audioControl.nativeElement,r=new Audio;o.onload=s=>{r.src=s.target.result,r.addEventListener("loadeddata",()=>{const l=r.duration,u=l%60;let C=parseInt((l/60).toString()).toString(),x=u.toString();u<10&&(x="0"+x),this.fileDuration=`${C}:${x}`,this.totalDuration=l,this.setAudioPlayer(this.file)},!1),a.addEventListener("error",()=>{console.log("err")})},o.readAsDataURL(n)}validateText(){let e=!0,n="Invalid TTS message";return(this.ttsNote.length>300||this.ttsNote.length<1)&&(e=!1,n="Please write between 1 to 300 characters"),{res:e,msg:n}}validateBtn(){let e=!0;return this.file||(e=!1),this.ttsNote||(e=!1),this.validateText()||(e=!1),e}doAction(){const e=this.validateText();if(!e.res)return this.confirmDialog("Faild",e.msg,"warning","#f1556c");this.isEditMode?this.updateDialog():this.addTts()}doSelectFile(){this.audiofile.nativeElement.click()}onNativeInputFileSelect(e){this.initFile(),this.file=e.srcElement.files[0],this.setAudioFile()}onFileDropped(e){this.initFile(),this.file=e[0],this.setAudioFile()}onDragStatus(e){this.dragStatus=e}setAudioFile(){this.file&&(this.fileExtention=this.file.name.split(".")[1],this.fileNameWithOutExtention=this.file.name.split(".")[0],this.parseAudioFile(this.file)),this.dragStatus=!1}parseAudioFile(e){let n=new FileReader,o=document.createElement("audio");if(!this.supportedExtentions.includes(this.fileExtention))return this.initFile(),void this.setFailure("Only mp3, m4a and wav files are supported.");e&&(n=new FileReader,n.onload=a=>{this.audioData=a.target.result,this.fileResult=this.audioData;var r=new Blob([this.audioData],{type:"audio/mp3"}),s=window.URL.createObjectURL(r);o.src=s,o.addEventListener("loadedmetadata",()=>{const g=parseInt(o.duration);if(g>60)this.initFile(),this.setFailure("Audio play times longer than 60 seconds are not supported.");else{const u=g%60;let C=parseInt((g/60).toString()).toString(),x=u.toString();u<10&&(x="0"+x),this.fileDuration=`${C}:${x}`,this.status="selected",this.setAudioPlayer(this.file)}},!1),o.addEventListener("error",()=>{console.log("err"),this.initFile(),this.setFailure()})},n.readAsArrayBuffer(e))}setAudioPlayer(e){if(!this.audioControl)return;const n=this.audioControl.nativeElement;let o=null;o=this.isEditMode?URL.createObjectURL(this.ttsData.audioFile):URL.createObjectURL(e),n.src=o}setTTSUseType(){return this.isUsedForMP&&this.isUsedForApp?0:this.isUsedForMP&&!this.isUsedForApp?1:!this.isUsedForMP&&this.isUsedForApp?2:this.isUsedForMP||this.isUsedForApp?void 0:3}addTts(){var e;return(0,_t.mG)(this,void 0,void 0,function*(){this.isLoading=!0;const n=null!==(e=this.ttsNote)&&void 0!==e?e:this.file.name,o=this.me.dealer_id,a="audio/"+this.fileExtention;try{let r=yield this.dealerService.createAudioUploadURL(o,a).toPromise();const s=r.audio_upload_id,l=r.audio_upload_url;if(!s)throw new Error("No audio upload id");if(!l)throw new Error("No audio upload url");yield this.dealerService.uploadAudioDataToCloud(l,this.audioData,a).toPromise();const _=(yield this.dealerService.requestConvertAudioData(o,s,a).toPromise()).output.url;if(!_)throw new Error("No converted url");const u=this.setTTSUseType();let C={type:3,url:_,partner_id:this.subDealerId,text:n,is_default:this.ttsIsDefault?1:0,is_completed:1,default_tts_use_type:u};yield this.dealerService.createTTS(o,C).toPromise(),this.isLoading=!1,this.close(!0)}catch(r){this.isLoading=!1,this.errorDialog(r,"Faild add TTS message"),this.status="prepare"}})}updateDialog(){let e="";const n=this.ttsData;e=n.link_count>2?`${n.link_count} sites`:`${n.link_count} site`,this.m_warning.data={header:`Are you sure edit this message?<br>(assigned ${e})`,contents:`\n <p>It will be edit from ${e}<br>\n applied this message.</p>\n `,submit_btn:"OK",color:"#f1556c",submit_class:["button-primary"]},this.m_warning.data.submit_func=()=>{this.update()},this.m_warning.open()}update(){this.isLoading=!0;const e=this.me.dealer_id,n=this.ttsData.id,o=this.subDealerId,a=this.setTTSUseType();this.dealerService.updateTTS(e,n,{text:this.ttsNote,is_default:this.ttsIsDefault,partner_id:o,default_tts_use_type:a}).subscribe(s=>{setTimeout(()=>{this.isLoading=!1,this.confirmDialog("Success","Edit a Talk Down Message","done","#1abc9c")},200)},s=>{setTimeout(()=>{this.isLoading=!1,this.confirmDialog("Failed","Edit a Talk Down Message","warning","#f1556c")},200)})}toggleSpeak(){this.isSpeak?this.stopSpeak():this.doSpeak()}doSpeak(){if(this.file&&(this.stopSpeak(),this.isSpeak=!0,this.audioControl)){const e=this.audioControl.nativeElement;e.load(),e.play()}}stopSpeak(){if(this.audioControl){const e=this.audioControl.nativeElement;e.pause(),e.load()}this.isSpeak=!1,this.isSpeakLoading=!1}endSpeak(){this.isSpeak=!1,this.isSpeakLoading=!1,console.log("audio ended")}updateAudioTime(){if(this.audioControl){const o=parseInt(this.audioControl.nativeElement.currentTime),r=o%60;let s=parseInt((o/60).toString()).toString(),l=r.toString();r<10&&(l="0"+l),this.curDuration=`${s}:${l}`}}deleteFile(){this.initFile()}initFile(){this.stopSpeak(),this.file=null,this.failedMsg="Only mp3,m4a,wav file formats & audio lengths within 60 seconds are available.",this.fileDuration="0:00",this.fileExtention="",this.fileNameWithOutExtention="",this.isGetFailed=!1,this.status="prepare"}setFailure(e){this.isGetFailed=!0,this.failedMsg=e}createDialog(e="",n="",o="note_add",a="#2383e2"){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:this.isEditMode?"Edit":"Create",submit_class:["button-primary"],icon:o,isConfirm:!1,color:a},this.m_warning.data.submit_func=()=>{this.isEditMode?this.update():this.addTts()},this.m_warning.open()}confirmDialog(e="",n="",o="done",a="green"){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:"OK",submit_class:["button-primary"],icon:o,isConfirm:!0,color:a},this.m_warning.data.submit_func=()=>{"#1abc9c"===a&&this.close()},this.m_warning.open()}errorDialog(e,n){let o="failed.";e.error?e.error.message&&(o=e.error.message):e._body?o=JSON.parse(e._body).message:e&&(o=e),setTimeout(()=>{this.confirmDialog(n,o,"warning","orange")},200),this.isLoading=!1}close(e){this.onClose.next(e||{res:!1}),this.modal.close(),setTimeout(n=>{this.enable_modal=!1},200)}}return i.\u0275fac=function(e){return new(e||i)(t.Y36(b.f),t.Y36(P.X),t.Y36(D.H7),t.Y36(v.v))},i.\u0275cmp=t.Xpm({type:i,selectors:[["app-wcs-dealer-tts-upload"]],viewQuery:function(e,n){if(1&e&&(t.Gf(ft,5),t.Gf(ut,5)),2&e){let o;t.iGM(o=t.CRH())&&(n.audiofile=o.first),t.iGM(o=t.CRH())&&(n.audioControl=o.first)}},hostBindings:function(e,n){1&e&&t.NdJ("mousedown",function(a){return n.mouseDown(a)},!1,t.Jf7)("mouseup",function(a){return n.mouseUp(a)},!1,t.Jf7)("dragover",function(a){return n.dragOver(a)},!1,t.Jf7)("dragleave",function(a){return n.onDragLeave(a)},!1,t.Jf7)},inputs:{active:"active",modal:"modal"},outputs:{onClose:"onClose"},features:[t.TTD],decls:2,vars:2,consts:[["class","align-center",4,"ngIf"],[3,"modal"],[1,"align-center"],["class","overlay",3,"click",4,"ngIf"],["class","modal","style","position:relative;",4,"ngIf"],[1,"overlay",3,"click"],[1,"modal",2,"position","relative"],[1,"modal-header"],[1,"modal-header-txt"],[2,"position","relative"],[1,"title-close"],[1,"material-icons",3,"click"],["class","items-area","appDnd","",3,"failed","fileDropped","fileOvered",4,"ngIf"],["class","items-area no-overlay",4,"ngIf"],[3,"ended","timeupdate"],["audioControl",""],["src","","type","audio/mp3"],[1,"tail-btn-area"],[1,"button","button-primary",3,"click"],[1,"btn-inner"],[1,"button","button-white",3,"click"],[2,"flex","1","display","flex"],[1,"button","button-primary",2,"width","108px","margin-left","0px",3,"click"],["class","btn-inner icon-btn",4,"ngIf"],["class","loader-backdrop",4,"ngIf"],["class","loader absolute",4,"ngIf"],["appDnd","",1,"items-area",3,"fileDropped","fileOvered"],[1,"item","upload-area"],[2,"height","100px","display","flex","align-items","center"],[1,"upload-symbol"],[1,"material-icons","upload-arrow"],[1,"desc"],[4,"ngIf"],[1,"sub-desc"],[1,"btn-area"],[1,"btn-inner","icon-btn"],["autocomplete","off","type","file","accept",".mp3, .m4a, .wav",2,"display","none",3,"change"],["audiofile",""],[1,"items-area","no-overlay"],["class","item","style","position:relative",4,"ngIf"],[1,"item"],[1,"item-title"],[1,"tooltip-area"],[1,"tooltip-btn"],[1,"tooltip"],[1,"tooltip-content"],[1,"layer","layer-1"],[1,"layer","layer-2"],[1,"layer","layer-3"],[1,"layer-3-msg"],[1,"layer-3-msg","highlight-msg"],[1,"layer-1-btns"],[1,"layer-1-btn"],[1,"layer-1-btn","empty-btn"],[2,"display","flex","margin-top","5px"],["rows","10","placeholder","Note displayed in the monitoring portal (Required)",3,"ngModel","ngModelChange"],[2,"text-align","right"],[2,"font-size","12px","color","hsla(0,0%,0%,0.3)"],[1,"row",2,"width","100%","gap","8px"],[1,"f-1","v-center",2,"justify-content","space-between"],[1,"v-center"],[1,"--g-tooltip-content",3,"mouseenter"],[1,"--g-tooltip-icon",3,"icon","size","color"],[1,"--g-tooltip",2,"text-transform","none"],[3,"ngModel","labelPosition","ngModelChange"],[1,"space"],[1,"v-center",2,"margin-top","8px"],[1,"material-icons",2,"font-size","14px","color","#FFC75F"],[2,"font-size","12px","color","hsla(0, 0%, 0%, .6)"],[3,"ngModel","ngModelChange"],[2,"margin-left","29px","margin-top","0px","font-size","12px","color","hsla(0,0%,0%,.6)"],[1,"item",2,"position","relative"],[3,"upload-disabled",4,"ngIf"],["class","file-box",4,"ngIf"],[1,"file-box"],[1,"file-content"],[1,"file-left-group"],[1,"file-icon"],[1,"material-icons"],[1,"file-name"],[1,"file-right-group"],[1,"file-duration"],[1,"file-delete",3,"click"],[1,"material-icons",2,"font-size","18px","margin-right","7px"],["width","18","height","18","viewBox","0 0 24 24"],["id","volume-clip"],["x","15","y","0","height","24","width","9"],["clip-path","url(#volume-clip)",1,"audio-waves"],["cx","12.5","cy","12","r","3.25","fill","none","stroke","white","stroke-width","1.5"],["cx","12.5","cy","12","r","6.5","fill","none","stroke","white","stroke-width","1.5"],["cx","12.5","cy","12","r","9.75","fill","none","stroke","white","stroke-width","1.5"],["points","3,9 7,9, 12,4 12,20 7,15 3,15","fill","white"],[1,"btn-loader","absolute"],["viewBox","25 25 50 50",1,"circular"],["cx","50","cy","50","r","20","fill","none","stroke-width","4","stroke-miterlimit","10",1,"path"],[1,"loader-backdrop"],[1,"loader","absolute"]],template:function(e,n){1&e&&(t.YNc(0,Ut,3,2,"div",0),t._UZ(1,"dealer-warning",1)),2&e&&(t.Q6J("ngIf",n.enable_modal),t.xp6(1),t.Q6J("modal",n.m_warning))},directives:[h.O5,O.a,pt.V,p.Fj,p.JJ,p.On,w.U,Z.Rr,M.oG],styles:['.align-center[_ngcontent-%COMP%]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:101}.dialog[_ngcontent-%COMP%]{width:90%;max-width:1010px;background-color:#fff;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f;z-index:2;border-radius:2px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.close-btn[_ngcontent-%COMP%]{border-radius:50%;width:28px;height:28px;background:#fff;position:absolute;right:-28px;top:-28px;display:flex;align-items:center;justify-content:center;color:#0006;box-shadow:0 2px 8px #0000004d;cursor:pointer}.close-btn[_ngcontent-%COMP%]:hover{color:#000c}.header[_ngcontent-%COMP%]{padding:32px;background:#2196F3;background:linear-gradient(300deg,#00BCD4,#2196F3)}.header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.body[_ngcontent-%COMP%]{padding:16px}.list[_ngcontent-%COMP%]{position:relative}.list-item[_ngcontent-%COMP%]{width:100%;display:table}.list-header[_ngcontent-%COMP%]{margin-bottom:8px;color:#888;font-weight:700;text-transform:uppercase}.has-child[_ngcontent-%COMP%]{cursor:pointer}.has-child[_ngcontent-%COMP%]:hover{background:#f0f0f0}.list-item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{display:table-cell;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:14px}.list-item[_ngcontent-%COMP%] .w-2[_ngcontent-%COMP%]{width:20%}.list-item[_ngcontent-%COMP%] .w-3[_ngcontent-%COMP%]{width:30%}.list-item[_ngcontent-%COMP%] .w-4[_ngcontent-%COMP%]{width:40%}.list-item[_ngcontent-%COMP%] .w-5[_ngcontent-%COMP%]{width:50%}.list-item[_ngcontent-%COMP%] .fs-12[_ngcontent-%COMP%]{font-size:12px}.list-item[_ngcontent-%COMP%] .right-align[_ngcontent-%COMP%]{text-align:right}.contents[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s;resize:none}.contents[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.contents[_ngcontent-%COMP%] .textarea-error[_ngcontent-%COMP%]{border-bottom:2px solid red}.contents[_ngcontent-%COMP%] .textarea-ok[_ngcontent-%COMP%]{border-bottom:2px solid #4CAF50}.contents[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{cursor:pointer}.selectbox[_ngcontent-%COMP%]{padding:8px;border-radius:4px;cursor:pointer;width:80%}.selectbox[_ngcontent-%COMP%]:hover{background:#eee}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.circular[_ngcontent-%COMP%] .path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:48px auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.loading[_ngcontent-%COMP%]{background-color:#eee}.disabled[_ngcontent-%COMP%]{opacity:.6;pointer-events:none}.upload-disabled[_ngcontent-%COMP%]{filter:blur(.2px) opacity(.2);pointer-events:none}.modal[_ngcontent-%COMP%] .items-area.no-overlay[_ngcontent-%COMP%]{overflow-y:initial}.modal[_ngcontent-%COMP%] .items-area.failed[_ngcontent-%COMP%]{background-color:#cd3d640d}.modal[_ngcontent-%COMP%] .items-area.failed[_ngcontent-%COMP%] .upload-symbol[_ngcontent-%COMP%]{background-color:#f8e2e8}.modal[_ngcontent-%COMP%] .items-area.failed[_ngcontent-%COMP%] .upload-symbol[_ngcontent-%COMP%] .upload-arrow[_ngcontent-%COMP%]{color:#cd3d64}.items-area[_ngcontent-%COMP%]{max-height:390px;min-height:250px;justify-content:center}.items-area[_ngcontent-%COMP%] .item-title[_ngcontent-%COMP%]{display:flex}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;justify-content:center;margin-left:5px}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%]:hover{z-index:2;opacity:1}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%]:hover .tooltip[_ngcontent-%COMP%]{z-index:2;opacity:1;height:auto;box-shadow:0 2px 10px 4px #0000004d}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%]:hover .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%]{visibility:visible}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip-btn[_ngcontent-%COMP%]{width:14px;height:14px;background:#8792a3;text-align:center;color:#fff;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%]{position:absolute;top:34px;opacity:0;height:0;z-index:0;width:360px;border-radius:5px;left:-170px;background:#fff;transition:opacity .3s ease-out,visibility .3s}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%]:after{content:"";position:absolute;top:-30px;left:162px;margin-left:0;border-width:15px;border-style:solid;border-color:transparent transparent white transparent;cursor:pointer}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%]{padding:15px;color:#0009;text-align:left;text-transform:initial;visibility:hidden;font-size:14px;pointer-events:none;transition:visibility 0s}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%] .layer[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%] .layer-1[_ngcontent-%COMP%]{height:178px;flex-direction:column;box-sizing:border-box;margin-bottom:10px;background-color:#d8d8d8}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%] .layer-1[_ngcontent-%COMP%] .layer-1-btns[_ngcontent-%COMP%]{display:flex;justify-content:center}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%] .layer-1[_ngcontent-%COMP%] .layer-1-btns[_ngcontent-%COMP%] .layer-1-btn[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;width:66px;height:25px;margin:5px 3px 0;background-color:#5469d433;color:#5469d4;font-size:10px;border-radius:3px}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%] .layer-1[_ngcontent-%COMP%] .layer-1-btns[_ngcontent-%COMP%] .layer-1-btn.empty-btn[_ngcontent-%COMP%]{background-color:#fff}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%] .layer-2[_ngcontent-%COMP%]{width:220px;height:112px;box-sizing:border-box;background-color:#a7a7a7}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%] .layer-3[_ngcontent-%COMP%]{flex-direction:column;justify-content:space-around;align-items:initial;padding:10px;width:153px;height:72px;box-sizing:border-box;background-color:#d3d3d3}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%] .layer-3[_ngcontent-%COMP%] .layer-3-msg[_ngcontent-%COMP%]{font-size:12px;color:#00000061}.items-area[_ngcontent-%COMP%] .tooltip-area[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-content[_ngcontent-%COMP%] .layer-3[_ngcontent-%COMP%] .layer-3-msg.highlight-msg[_ngcontent-%COMP%]{color:#5469d4}.upload-area[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;-webkit-user-select:none;user-select:none}.upload-area.drag-on[_ngcontent-%COMP%]{pointer-events:none}.upload-area[_ngcontent-%COMP%] .upload-symbol[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#0000000d;border-radius:25px;margin-bottom:10px;-webkit-user-select:none;user-select:none;transition:all .5s}.upload-area[_ngcontent-%COMP%] .upload-symbol[_ngcontent-%COMP%] .upload-arrow[_ngcontent-%COMP%]{color:#0000004d;transition:transform .5s ease-out,font-size .2s ease-out}.upload-area[_ngcontent-%COMP%] .upload-symbol[_ngcontent-%COMP%] .upload-arrow.drag-on[_ngcontent-%COMP%]{font-size:48px;color:#0000004d!important}.upload-area[_ngcontent-%COMP%] .upload-symbol[_ngcontent-%COMP%] .upload-arrow.rotate-45[_ngcontent-%COMP%]{transform:rotate(45deg)}.upload-area[_ngcontent-%COMP%] .upload-symbol.drag-on[_ngcontent-%COMP%]{width:80px;height:80px;border-radius:50px;background-color:#0000000d!important}.upload-area[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:14px;color:#000;padding-bottom:5px}.upload-area[_ngcontent-%COMP%] .sub-desc[_ngcontent-%COMP%]{font-size:12px;color:#00000061;padding-bottom:10px}.upload-area[_ngcontent-%COMP%] .btn-area[_ngcontent-%COMP%] .button-white[_ngcontent-%COMP%]{background:#fff;box-shadow:0 0 5px #0000001a;border-style:solid;border-width:1px;border-image-source:linear-gradient(to bottom,#dfdfdf,#bcbcbc);border-image-slice:1;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#dfdfdf),to(#bcbcbc));background-origin:border-box;border-radius:4px;background-clip:content-box,border-box}.upload-area[_ngcontent-%COMP%] .btn-area[_ngcontent-%COMP%] .button-white[_ngcontent-%COMP%]:hover{color:#000}.upload-area[_ngcontent-%COMP%] .btn-area[_ngcontent-%COMP%] .button-white[_ngcontent-%COMP%]:active{box-shadow:inset 0 2px 3px #00000080}.upload-area[_ngcontent-%COMP%] .btn-area[_ngcontent-%COMP%] .button-white[_ngcontent-%COMP%] .btn-inner[_ngcontent-%COMP%]{font-size:14px;color:#000000de;margin:8px}.upload-area[_ngcontent-%COMP%] .btn-area[_ngcontent-%COMP%] .button-white[_ngcontent-%COMP%] .btn-inner[_ngcontent-%COMP%] .icon-btn-i[_ngcontent-%COMP%]{font-size:16px;padding-right:4px}.file-box[_ngcontent-%COMP%]{margin-top:10px;background-color:#0000000d;border:1px solid rgba(0,0,0,.05);border-radius:15px}.file-content[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;margin:5px 14px;color:#0009;font-size:14px}.file-content[_ngcontent-%COMP%] .file-left-group[_ngcontent-%COMP%]{display:flex;align-items:center}.file-content[_ngcontent-%COMP%] .file-left-group[_ngcontent-%COMP%] .file-icon[_ngcontent-%COMP%]{display:flex;align-items:center;margin-right:5px}.file-content[_ngcontent-%COMP%] .file-left-group[_ngcontent-%COMP%] .file-icon[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:18px}.file-content[_ngcontent-%COMP%] .file-left-group[_ngcontent-%COMP%] .file-name[_ngcontent-%COMP%]{display:flex;align-items:center}.file-content[_ngcontent-%COMP%] .file-right-group[_ngcontent-%COMP%]{display:flex;align-items:center}.file-content[_ngcontent-%COMP%] .file-right-group[_ngcontent-%COMP%] .file-duration[_ngcontent-%COMP%]{display:flex;align-items:center}.file-content[_ngcontent-%COMP%] .file-right-group[_ngcontent-%COMP%] .file-delete[_ngcontent-%COMP%]{display:flex;align-items:center;color:#0000004d;margin-left:14px;cursor:pointer}.file-content[_ngcontent-%COMP%] .file-right-group[_ngcontent-%COMP%] .file-delete[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:18px} .mat-checkbox-label{color:#0009;font-size:14px}@keyframes pulse{0%{opacity:.25}20%{opacity:.8}40%{opacity:.25}60%{opacity:.8}80%{opacity:.25}to{opacity:.25}}.audio-waves[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]{animation-duration:1.7s;animation-iteration-count:infinite;animation-name:pulse;opacity:.25}.audio-waves[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]:nth-child(2){animation-delay:.125s}.audio-waves[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]:nth-child(3){animation-delay:.25s}.fileover[_ngcontent-%COMP%]{transition:all .3s;background:#fff!important}.files-list[_ngcontent-%COMP%]{margin-top:1.5rem}.files-list[_ngcontent-%COMP%] .single-file[_ngcontent-%COMP%]{padding:.5rem;justify-content:space-between;align-items:center;border:dashed 1px #979797;margin-bottom:1rem;display:flex;flex-grow:1}.files-list[_ngcontent-%COMP%] .single-file[_ngcontent-%COMP%] img.delete[_ngcontent-%COMP%]{margin-left:.5rem;cursor:pointer;align-self:flex-end}.files-list[_ngcontent-%COMP%] .single-file[_ngcontent-%COMP%] .name[_ngcontent-%COMP%]{font-size:14px;font-weight:500;color:#353f4a;margin:0}.files-list[_ngcontent-%COMP%] .single-file[_ngcontent-%COMP%] .size[_ngcontent-%COMP%]{font-size:12px;font-weight:500;color:#a4a4a4;margin:0 0 .25rem}.files-list[_ngcontent-%COMP%] .single-file[_ngcontent-%COMP%] .info[_ngcontent-%COMP%]{width:100%}.column-center[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center}.upload-bar[_ngcontent-%COMP%]{position:relative;width:250px;height:5px;background-color:#0000001a;border-radius:2px;overflow:hidden;transition:all .1s}.upload-bar[_ngcontent-%COMP%] .upload-percent[_ngcontent-%COMP%]{left:0;position:absolute;height:5px;background-color:#1e88e5}.upload-text[_ngcontent-%COMP%]{margin-top:15px;font-size:12px;color:#0009}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.loader-backdrop[_ngcontent-%COMP%]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:.6}','.disable-full-screen[_ngcontent-%COMP%]{top:0;left:0;width:100%;height:100%;position:fixed;visibility:hidden;opacity:0;transition:.2s;z-index:101}.disable-full-screen[_ngcontent-%COMP%] > .background[_ngcontent-%COMP%]{position:absolute;background-color:#00000080;top:0;left:0;width:100%;height:100%;z-index:1}.overlay[_ngcontent-%COMP%]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000004d;z-index:1}.container-center[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;height:48px;padding:0 16px}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:12px;color:#fffc;padding:8px 0 32px;line-height:.8}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;margin-left:8px;color:#fffc;transition:.1s}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff;cursor:pointer}.body[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:flex;align-items:center;font-size:14px;color:#777;margin-top:28px}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{font-size:14px;flex:1 1 auto;box-sizing:border-box;padding:6px 0 4px;border:0;border-bottom:2px solid #ddd;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%] .err[_ngcontent-%COMP%]{outline:none;border-bottom:2px solid #D25074}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%] .err[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #D25074}.body[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{font:400 14px Arial;resize:none;flex:1 1 auto;box-sizing:border-box;padding:6px 0 4px;border:0;border-bottom:2px solid #ddd;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]{border-bottom:2px solid #fff;background:rgba(0,0,0,0) #b87272}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]:hover{border-bottom:2px solid #777}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{width:100%;min-height:24px;background:white;box-sizing:border-box;margin-top:8px;padding:4px 0;border:0;border-bottom:1px solid #ccc;transition:.2s}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #777}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{width:100%;min-height:24px;font-size:14px;color:#333;margin-top:12px;padding:4px 0;display:flex;align-items:center}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > i[_ngcontent-%COMP%]{margin-right:8px}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{color:#777;transition:.2s;cursor:pointer}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]:hover{color:#333}.body[_ngcontent-%COMP%] .contents-selectable[_ngcontent-%COMP%]{cursor:pointer}.body[_ngcontent-%COMP%] .contents-selectable[_ngcontent-%COMP%]:hover{background:#f0f0f0}.body[_ngcontent-%COMP%] > .editable[_ngcontent-%COMP%]{border-bottom:1px solid #fff;transition:.5s}.body[_ngcontent-%COMP%] > .editable[_ngcontent-%COMP%]:hover{cursor:text;border-bottom:1px solid #ccc}.body[_ngcontent-%COMP%] > .warning[_ngcontent-%COMP%]{color:#f55}.modal[_ngcontent-%COMP%]{width:100%;max-width:600px;background:white;box-shadow:0 4px 8px #777;z-index:2;border-radius:5px}.modal[_ngcontent-%COMP%] .modal-header[_ngcontent-%COMP%]{display:flex;height:50px;justify-content:space-between;border-bottom:.5px solid rgba(0,0,0,.1)}.modal[_ngcontent-%COMP%] .modal-header[_ngcontent-%COMP%] .modal-header-txt[_ngcontent-%COMP%]{display:flex;align-items:center;padding-left:16px}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%]{display:flex;height:50px;justify-content:space-between;background-color:#f7fafc;border-radius:5px 5px 0 0}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:12px;color:#fffc;padding:8px 0 32px;line-height:.8}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;margin-left:8px;color:#fffc;transition:.1s}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff;cursor:pointer}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%]{flex:1;display:block;overflow-y:overlay;padding:30px 20px 20px;border-bottom:.5px solid rgba(0,0,0,.1);background-color:#f8fafc;display:flex;flex-direction:column;font-size:14px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{color:#0009;font-size:12px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;background-color:#fff;border:1px solid #eeeeee;font-size:14px;transition:.2s;text-indent:0px;font-weight:400;resize:none}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]::placeholder{font-size:14px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{outline:none;border:1px solid #2383e2}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-bottom:20px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:7px 10px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;font-size:14px;transition:.2s;text-indent:0px;font-weight:400}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #d25074}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]:focus{outline:none;box-shadow:0 0 0 2px #d25074}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.dark[_ngcontent-%COMP%]{background-color:#f5f5f5}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.dark[_ngcontent-%COMP%]:focus{background-color:#fff}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.disabled[_ngcontent-%COMP%]{background-color:#eee;opacity:1}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]{outline:none;border:1px solid #D25074!important;background-color:#fff!important}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.correct[_ngcontent-%COMP%]{border:solid 1px #e0e0e0;background-color:#e5f2ff}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]::placeholder{color:#0000004d}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.input-err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #f1556c}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.input-err[_ngcontent-%COMP%]:focus{outline:none;box-shadow:0 0 0 2px #f1556c}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .site-search[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{margin-bottom:0;border:none;outline:none;background-color:transparent}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item.pb-0[_ngcontent-%COMP%]{padding-bottom:0}.modal[_ngcontent-%COMP%] > .body[_ngcontent-%COMP%]{padding:16px 32px;display:flex;flex-direction:column;max-height:800px;overflow-y:overlay}.modal[_ngcontent-%COMP%] > .body-center[_ngcontent-%COMP%]{padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:800px;overflow-y:overlay}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse;justify-content:center;padding:0 32px 30px}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{padding:7px 14px;color:#888;font-size:14px;font-weight:500;transition:.2s;text-transform:capitalize;border-radius:5px}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#000;cursor:pointer}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]:hover{background:#2ea0ff;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-warning[_ngcontent-%COMP%]{background:orange;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-warning[_ngcontent-%COMP%]:hover{background:#ffb938;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]{background:#ddd;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]:hover{background:#ddd;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-danger[_ngcontent-%COMP%]{background:#f1556d;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-danger[_ngcontent-%COMP%]:hover{background:#f47185;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-normal[_ngcontent-%COMP%]{background:#d1d2d2;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-normal[_ngcontent-%COMP%]:hover{background:#b2b3b3;color:#fff}.dropdown[_ngcontent-%COMP%]{font-size:14px;position:relative;flex:1}.dropdown[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;background:rgba(0,0,0,0)}.dropdown-contents[_ngcontent-%COMP%]{position:absolute;width:100%;margin-top:8px;left:0px;z-index:100;text-align:left;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 13px 1px #0003;transition:.2s}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]{cursor:pointer;padding:8px;color:#333;font-size:14px;display:flex;align-items:center}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]:hover{background:#eee}.face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;margin-right:8px}.no-face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;background-color:#ccc;display:inline-block;margin-right:8px;vertical-align:middle;color:#fff;text-align:center;text-transform:uppercase}.calendar[_ngcontent-%COMP%]{width:100%}.dropdown-background[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:default;pointer-events:none}.inactive[_ngcontent-%COMP%]{pointer-events:none;filter:grayscale(.3);opacity:.8}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.title-close[_ngcontent-%COMP%]{position:absolute;display:flex;top:3px;right:6px;width:45px;height:45px;align-items:center;justify-content:center;font-size:14px;color:#0009;cursor:pointer;transition:.2s}.title-close[_ngcontent-%COMP%]:hover{background-color:#f7f7f7;border-radius:22px}.tail-btn-area[_ngcontent-%COMP%]{border-radius:5px;padding:12px 20px}.row[_ngcontent-%COMP%]{display:flex}.row.between[_ngcontent-%COMP%]{justify-content:space-between}table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}table.table-header[_ngcontent-%COMP%]{min-height:31px;background-color:#f7fafc;border-bottom:solid 1px rgba(0,0,0,.1);border-top:solid 1px rgba(0,0,0,.1);box-sizing:border-box}table.table-header[_ngcontent-%COMP%]:after{border-collapse:separate}table[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%]{width:100%;flex:1;overflow-y:overlay;overflow-x:hidden}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{position:relative;padding:10px 7px;color:#000000de;text-transform:capitalize;text-align:left;font-size:12px;font-weight:normal;-webkit-user-select:none;user-select:none}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child{padding:10px 7px 10px 20px}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:last-child{padding:10px 20px 10px 7px}table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:14px;color:#0009;border-bottom:1px rgba(0,0,0,.1) solid;padding:14px}.selectable[_ngcontent-%COMP%]{cursor:pointer}.selectable[_ngcontent-%COMP%]:hover{background:#f0f0f0}'],data:{animation:[f.ge,f.ku,f.$r,f.OP]}}),i})();var L=d(74440);const Dt=["languageSelect"],Lt=["voiceSelect"],It=["audioControl"];function Ft(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",5),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t.qZA()}2&i&&t.Q6J("@background",void 0)}function Jt(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",66),t.NdJ("click",function(o){const r=t.CHM(e).$implicit,s=t.oxw(4);return o.stopPropagation(),s.selectLanguage(r)}),t.TgZ(1,"div",67),t._uU(2),t.qZA(),t.qZA()}if(2&i){const e=c.$implicit,n=t.oxw(4);t.ekj("selected",e===n.selLanguage),t.xp6(2),t.Oqu(e[0])}}function Nt(i,c){1&i&&(t.TgZ(0,"div",68),t.TgZ(1,"div",69),t._uU(2,"No Result"),t.qZA(),t.qZA())}function Wt(i,c){if(1&i){const e=t.EpF();t.O4$(),t.kcU(),t.TgZ(0,"div",60),t.TgZ(1,"div",61),t.TgZ(2,"input",62),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(3).searchLanguageTxt=o})("input",function(){t.CHM(e);const o=t.oxw(3);return o.searchLanguage(o.searchLanguageTxt)}),t.qZA(),t.qZA(),t.TgZ(3,"div",63),t.YNc(4,Jt,3,3,"div",64),t.YNc(5,Nt,3,0,"div",65),t.qZA(),t.qZA()}if(2&i){const e=t.oxw(3);t.xp6(2),t.Q6J("ngModel",e.searchLanguageTxt),t.xp6(2),t.Q6J("ngForOf",e.filteredLanguages),t.xp6(1),t.Q6J("ngIf",0===e.filteredLanguages.length)}}function Et(i,c){1&i&&(t.TgZ(0,"span"),t._uU(1,"Select Voice"),t.qZA())}function Qt(i,c){if(1&i&&(t.TgZ(0,"span"),t._uU(1),t.qZA()),2&i){const e=t.oxw(3);t.xp6(1),t.AsE("",e.selVoice.name," (",e.selVoice.ssmlGender,")")}}function jt(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",66),t.NdJ("click",function(o){const r=t.CHM(e).$implicit,s=t.oxw(4);return o.stopPropagation(),s.selectVoice(r)}),t.TgZ(1,"div",67),t._uU(2),t.qZA(),t.qZA()}if(2&i){const e=c.$implicit,n=t.oxw(4);t.ekj("selected",e===n.selVoice),t.xp6(2),t.AsE("",e.name," (",e.ssmlGender,")")}}function Ht(i,c){if(1&i&&(t.O4$(),t.kcU(),t.TgZ(0,"div",70),t.YNc(1,jt,3,4,"div",64),t.qZA()),2&i){const e=t.oxw(3);t.xp6(1),t.Q6J("ngForOf",e.filteredVoiceList)}}function Gt(i,c){if(1&i&&(t.TgZ(0,"div",71),t._uU(1),t.qZA()),2&i){const e=t.oxw(3);t.xp6(1),t.AsE("",e.curDuration," / ",e.fileDuration,"")}}function Yt(i,c){1&i&&(t.TgZ(0,"div",72),t.TgZ(1,"i",73),t._uU(2,"play_arrow"),t.qZA(),t.TgZ(3,"span"),t._uU(4,"Speak It"),t.qZA(),t.qZA())}function $t(i,c){1&i&&(t.TgZ(0,"div",72),t.O4$(),t.TgZ(1,"svg",74),t.TgZ(2,"defs"),t.TgZ(3,"clipPath",75),t._UZ(4,"rect",76),t.qZA(),t.qZA(),t.TgZ(5,"g",77),t._UZ(6,"circle",78),t._UZ(7,"circle",79),t._UZ(8,"circle",80),t.qZA(),t._UZ(9,"polygon",81),t.qZA(),t.qZA())}function Bt(i,c){1&i&&(t.TgZ(0,"div",72),t.TgZ(1,"div",82),t.O4$(),t.TgZ(2,"svg",83),t._UZ(3,"circle",84),t.qZA(),t.qZA(),t.qZA())}function Rt(i,c){1&i&&(t.TgZ(0,"div",85),t.O4$(),t.TgZ(1,"svg",83),t._UZ(2,"circle",84),t.qZA(),t.qZA())}function Vt(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",6),t.TgZ(1,"div",7),t.TgZ(2,"div",8),t._uU(3),t.qZA(),t.TgZ(4,"div",9),t.TgZ(5,"div",10),t.TgZ(6,"i",11),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t._uU(7,"close"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(8,"div",12),t.TgZ(9,"div",13),t.TgZ(10,"div",14),t._uU(11,"Message"),t.qZA(),t.TgZ(12,"textarea",15),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(2).ttsText=o}),t.qZA(),t.TgZ(13,"div",16),t.TgZ(14,"span",17),t.TgZ(15,"span"),t._uU(16),t.qZA(),t._uU(17,"/300 Character"),t.qZA(),t.qZA(),t.qZA(),t.TgZ(18,"div",13),t.TgZ(19,"div",14),t._uU(20,"Language"),t.qZA(),t.TgZ(21,"div",18,19),t.TgZ(23,"div",20),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).toggleLanguageList()}),t.TgZ(24,"span"),t._uU(25),t.qZA(),t.O4$(),t.TgZ(26,"svg",21),t._UZ(27,"path",22),t._UZ(28,"path",23),t.qZA(),t.qZA(),t.YNc(29,Wt,6,3,"div",24),t.qZA(),t.qZA(),t.kcU(),t.TgZ(30,"div",13),t.TgZ(31,"div",14),t._uU(32,"Voice Type"),t.qZA(),t.TgZ(33,"div",18,25),t.TgZ(35,"div",26),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).toggleVoiceList()}),t.YNc(36,Et,2,0,"span",27),t.YNc(37,Qt,2,2,"span",27),t.O4$(),t.TgZ(38,"svg",21),t._UZ(39,"path",22),t._UZ(40,"path",23),t.qZA(),t.qZA(),t.YNc(41,Ht,2,1,"div",28),t.qZA(),t.qZA(),t.kcU(),t.TgZ(42,"div",13),t.TgZ(43,"div",29),t.TgZ(44,"div",30),t.TgZ(45,"div",31),t.TgZ(46,"div"),t._uU(47,"Speed"),t.qZA(),t.TgZ(48,"div"),t._uU(49),t.qZA(),t.qZA(),t.TgZ(50,"div",32),t.TgZ(51,"ngx-slider",33),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(2).speakingRate=o}),t.qZA(),t.qZA(),t.qZA(),t._UZ(52,"div",34),t.TgZ(53,"div",30),t.TgZ(54,"div",31),t.TgZ(55,"div"),t._uU(56,"Pitch"),t.qZA(),t.TgZ(57,"div"),t._uU(58),t.qZA(),t.qZA(),t.TgZ(59,"div",32),t.TgZ(60,"ngx-slider",33),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(2).pitch=o}),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(61,"div",13),t.TgZ(62,"div",35),t.TgZ(63,"div",36),t.TgZ(64,"div",37),t.TgZ(65,"div"),t._uU(66,"Show in MP "),t.qZA(),t.TgZ(67,"div",38),t.NdJ("mouseenter",function(o){return t.CHM(e),t.oxw(2).commonService.setTooltipPosition(o,"top-center")}),t._UZ(68,"comp-icon",39),t.TgZ(69,"div",40),t.TgZ(70,"div"),t._uU(71,"When enabled, monitoring center operators can see and use this message while providing a live remote video response."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(72,"mat-slide-toggle",41),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(2).isUsedForMP=o}),t.qZA(),t.qZA(),t._UZ(73,"div",34),t.TgZ(74,"div",36),t.TgZ(75,"div",37),t.TgZ(76,"div"),t._uU(77,"Show in Customer App"),t.qZA(),t.TgZ(78,"div",38),t.NdJ("mouseenter",function(o){return t.CHM(e),t.oxw(2).commonService.setTooltipPosition(o,"top-center")}),t._UZ(79,"comp-icon",39),t.TgZ(80,"div",40),t.TgZ(81,"div"),t._uU(82,"When enabled, customers can see and use this message from their mobile app."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(83,"mat-slide-toggle",41),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(2).isUsedForApp=o}),t.qZA(),t.qZA(),t.qZA(),t.TgZ(84,"div",42),t.TgZ(85,"i",43),t._uU(86,"lightbulb"),t.qZA(),t.TgZ(87,"div",44),t._uU(88,"Regardless of the above settings, they can both be used in Automation Rule and Procedure."),t.qZA(),t.qZA(),t.qZA(),t.TgZ(89,"div",45),t.TgZ(90,"mat-checkbox",46),t.NdJ("ngModelChange",function(o){return t.CHM(e),t.oxw(2).isDefault=o}),t._uU(91,"Default"),t.qZA(),t.TgZ(92,"div",47),t.TgZ(93,"span"),t._uU(94,"If you set this message as the default, it will automatically be applied to all new sites when they are created."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(95,"audio",48,49),t.NdJ("ended",function(){return t.CHM(e),t.oxw(2).endSpeak()})("timeupdate",function(){return t.CHM(e),t.oxw(2).updateAudioTime()}),t._UZ(97,"source",50),t.qZA(),t.TgZ(98,"div",51),t.TgZ(99,"div",52),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).doAction()}),t.TgZ(100,"div",53),t.TgZ(101,"span"),t._uU(102),t.qZA(),t.qZA(),t.qZA(),t.TgZ(103,"div",54),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).close()}),t.TgZ(104,"div",53),t.TgZ(105,"span"),t._uU(106,"Cancel"),t.qZA(),t.qZA(),t.qZA(),t.YNc(107,Gt,2,2,"div",55),t.TgZ(108,"div",56),t.TgZ(109,"div",57),t.NdJ("click",function(){return t.CHM(e),t.oxw(2).toggleSpeak()}),t.YNc(110,Yt,5,0,"div",58),t.YNc(111,$t,10,0,"div",58),t.YNc(112,Bt,4,0,"div",58),t.qZA(),t.qZA(),t.qZA(),t.YNc(113,Rt,3,0,"div",59),t.qZA()}if(2&i){const e=t.oxw(2);t.Q6J("@dialog",void 0),t.xp6(3),t.hij("",e.actionTxt," a Dealer Level Monitoring Portal Google Talk Down Messages"),t.xp6(9),t.Q6J("ngModel",e.ttsText),t.xp6(3),t.Udp("color",e.ttsText.length>300?"#f1556c":""),t.xp6(1),t.Oqu(e.ttsText.length),t.xp6(9),t.Oqu(e.selLanguage[0]?e.selLanguage[0]:"Select Language"),t.xp6(4),t.Q6J("ngIf",e.isShowLanguageList),t.xp6(4),t.ekj("disabled",!e.selLanguage[1]),t.xp6(3),t.Q6J("ngIf",!e.selVoice),t.xp6(1),t.Q6J("ngIf",e.selVoice),t.xp6(4),t.Q6J("ngIf",e.isShowVoiceList),t.xp6(8),t.Oqu(e.speakingRate),t.xp6(2),t.Q6J("ngModel",e.speakingRate)("options",e.speakingRateOption),t.xp6(7),t.Oqu(e.pitch),t.xp6(2),t.Q6J("ngModel",e.pitch)("options",e.pitchOption),t.xp6(8),t.Q6J("icon","info")("size",16)("color","#55647B"),t.xp6(4),t.Q6J("ngModel",e.isUsedForMP)("labelPosition","after"),t.xp6(7),t.Q6J("icon","info")("size",16)("color","#55647B"),t.xp6(4),t.Q6J("ngModel",e.isUsedForApp)("labelPosition","after"),t.xp6(7),t.Q6J("ngModel",e.isDefault),t.xp6(7),t.Q6J("src",e.googleTTSBuffer,t.LSH),t.xp6(2),t.ekj("disabled",e.isLoading||!e.validate()),t.xp6(3),t.Oqu(e.actionTxt),t.xp6(1),t.ekj("disabled",e.isLoading),t.xp6(4),t.Q6J("ngIf",e.isLoaded),t.xp6(2),t.ekj("disabled",e.isLoading||0===e.ttsText.length||!e.validate()),t.xp6(1),t.Q6J("ngIf",!e.isSpeak),t.xp6(1),t.Q6J("ngIf",e.isSpeak&&!e.isSpeakLoading),t.xp6(1),t.Q6J("ngIf",e.isSpeak&&e.isSpeakLoading),t.xp6(1),t.Q6J("ngIf",e.isLoading)}}function Xt(i,c){if(1&i&&(t.TgZ(0,"div",2),t.YNc(1,Ft,1,1,"div",3),t.YNc(2,Vt,114,43,"div",4),t.qZA()),2&i){const e=t.oxw();t.xp6(1),t.Q6J("ngIf",e.modal.is_active),t.xp6(1),t.Q6J("ngIf",e.modal.is_active)}}let Kt=(()=>{class i{constructor(e,n,o,a){this.usersService=e,this.dealerService=n,this.commonService=o,this.audioService=a,this.site={},this.onClose=new t.vpe,this.enable_modal=!1,this.isEditMode=!1,this.isLoading=!1,this.subDealerId=null,this.tail_status="none",this.ttsText="",this.m_warning=new m.u,this.actionTxt="Add",this.selectedTTS={ttsText:"",selLanguage:[],selVoice:null,pitch:0,speakingRate:1,isDefault:!1,isUsedForMP:!0,isUsedForApp:!0},this.selTTS=null,this.pitch=0,this.speakingRate=1,this.pitchOption={floor:-20,ceil:20,step:.1,showSelectionBar:!0,translate:r=>""},this.speakingRateOption={floor:.25,ceil:4,step:.25,showSelectionBar:!0,translate:r=>""},this.isShowLanguageList=!1,this.isShowVoiceList=!1,this.selLanguage=[],this.selVoice=null,this.searchLanguageTxt="",this.languages=this.audioService.googleLanguages,this.filteredLanguages=this.languages,this.googleTTSVoiceList=this.audioService.googleTTSVoiceList,this.filteredVoiceList=[],this.isDefault=!1,this.isSpeak=!1,this.isSpeakLoading=!1,this.isLoaded=!1,this.isUsedForMP=!0,this.isUsedForApp=!0,this.curDuration="",this.fileDuration=""}ngOnInit(){this.usersService.getMe().subscribe(e=>{this.me=e})}ngOnChanges(e){this.isEditMode=!1,this.initTTSData(),e.active&&this.active&&(this.isLoading=!1,this.enable_modal=!0,this.actionTxt="Add",this.subDealerId=this.modal.data.subDealerId,this.modal.data.TTS?(this.actionTxt="Save",this.isEditMode=!0,this.setEditData()):this.setDefaultData())}ngOnDestroy(){this.stopSpeak()}onGlobalClick(e){!this.voiceSelect&&!this.languageSelect||(this.languageSelect.nativeElement.contains(e.target)||(this.isShowLanguageList=!1),this.voiceSelect.nativeElement.contains(e.target)||(this.isShowVoiceList=!1))}initTTSData(){this.ttsText="",this.pitch=0,this.speakingRate=1,this.selLanguage=[],this.selVoice=null,this.isUsedForMP=!0,this.isUsedForApp=!0,this.filteredVoiceList=[],this.isLoaded=!1,this.isSpeak=!1,this.isSpeakLoading=!1,this.isDefault=!1,this.selectedTTS={ttsText:"",selLanguage:[],selVoice:null,pitch:0,speakingRate:1,isDefault:!1,isUsedForMP:!0,isUsedForApp:!0}}setDefaultData(){const e=this.modal.data.defaultTts;!e||(this.selTTS=e,this.pitch=e.pitch,this.speakingRate=e.speaking_rate,this.selLanguage=this.languages.filter(n=>n[1]===e.language_code)[0],this.selectLanguage(this.selLanguage),this.selVoice=this.googleTTSVoiceList.filter(n=>n.name===e.voice_type)[0],this.isDefault=!!e.is_default,this.setTTSParams())}setEditData(){const e=this.modal.data.TTS;let n={};if(e){this.selTTS=e,this.ttsText=e.text,this.isUsedForMP=0===e.default_tts_use_type||1===e.default_tts_use_type,this.isUsedForApp=0===e.default_tts_use_type||2===e.default_tts_use_type;try{n=JSON.parse(e.meta)}catch(o){}n.audio_config&&(this.pitch=n.audio_config.pitch,this.speakingRate=n.audio_config.speakingRate),n.voice&&(this.selLanguage=this.languages.filter(o=>o[1]===n.voice.languageCode)[0],this.selectLanguage(this.selLanguage),this.selVoice=this.googleTTSVoiceList.filter(o=>o.name===n.voice.name)[0]),this.isDefault=!!e.is_default,this.setTTSParams()}}setTTSParams(){this.selectedTTS.ttsText=this.ttsText,this.selectedTTS.selLanguage=this.selLanguage,this.selectedTTS.selVoice=this.selVoice,this.selectedTTS.pitch=this.pitch,this.selectedTTS.speakingRate=this.speakingRate,this.selectedTTS.isDefault=this.isDefault,this.selectedTTS.isUsedForMP=this.isUsedForMP,this.selectedTTS.isUsedForApp=this.isUsedForApp}diffTTSParams(){let e=!1;return this.isLoaded||(e=!0),this.selectedTTS.ttsText!==this.ttsText&&(e=!0),this.selectedTTS.selLanguage!==this.selLanguage&&(e=!0),this.selectedTTS.selVoice!==this.selVoice&&(e=!0),this.selectedTTS.pitch!==this.pitch&&(e=!0),this.selectedTTS.speakingRate!==this.speakingRate&&(e=!0),this.selectedTTS.isDefault!==this.isDefault&&(e=!0),this.selectedTTS.isUsedForMP!==this.isUsedForMP&&(e=!0),this.selectedTTS.isUsedForApp!==this.isUsedForApp&&(e=!0),e}validateText(){let e=!0,n="Invalid TTS message";return(this.ttsText.length>300||this.ttsText.length<1)&&(e=!1,n="Please write between 1 to 300 characters"),{res:e,msg:n}}validate(){let e=!0;return this.selLanguage[0]||(e=!1),this.selVoice||(e=!1),e}doAction(){let e=this.validateText();e.res?!this.validate()||(this.isEditMode?this.update():this.create()):this.confirmDialog("Faild",e.msg,"warning","#f1556c")}setAudioPlayer(e){if(!this.audioControl)return;const n=this.audioControl.nativeElement,o=new Blob([e],{type:"audio/mp3"});let a=URL.createObjectURL(o);n.src=a,n.addEventListener("loadeddata",()=>{console.log("loadeddata"),this.isLoaded=!0,this.getFileDuration(n)},!1)}updateAudioTime(){if(this.audioControl){const n=parseInt(this.audioControl.nativeElement.currentTime),a=n%60;let r=parseInt((n/60).toString()).toString(),s=a.toString();a<10&&(s="0"+s),this.curDuration=`${r}:${s}`}}getFileDuration(e){const n=parseInt(e.duration),a=n%60;let r=parseInt((n/60).toString()).toString(),s=a.toString();a<10&&(s="0"+s),this.fileDuration=`${r}:${s}`}playAudio(){this.audioControl&&(this.audioControl.nativeElement.play(),this.isSpeak=!0)}setTTSUseType(){return this.isUsedForMP&&this.isUsedForApp?0:this.isUsedForMP&&!this.isUsedForApp?1:!this.isUsedForMP&&this.isUsedForApp?2:this.isUsedForMP||this.isUsedForApp?void 0:3}testVoice(){this.isLoading=!0,this.dealerService.testGoogleTTS(this.me.dealer_id,{text:this.ttsText,type:2,voice_type:this.selVoice.name,language_code:this.selLanguage[1],ssml_gender:this.selVoice.ssmlGender,audio_encoding:"MP3",pitch:this.pitch,speaking_rate:this.speakingRate}).subscribe(_=>{console.log("google TTS data");let u=null;_&&_.buffer&&(u=this.commonService.base64ToArrayBuffer(_.buffer),this.isLoading=!1,this.setAudioPlayer(u),this.playAudio())},_=>{this.errorDialog(_,"Create a Site Talkdown Message")})}create(){this.isLoading=!0;const e=this.me.dealer_id,o=this.selLanguage[1],a=this.selVoice.name,r=this.selVoice.ssmlGender,l=this.pitch,g=this.speakingRate,_=this.isDefault?1:0,u=this.setTTSUseType();this.dealerService.createTTS(e,{text:this.ttsText,type:2,voice_type:a,language_code:o,ssml_gender:r,audio_encoding:"MP3",pitch:l,speaking_rate:g,partner_id:this.subDealerId,is_default:_,default_tts_use_type:u}).subscribe(x=>{setTimeout(()=>{this.confirmDialog("Success","Create a site talkdown message"),this.close()},200)},x=>{this.errorDialog(x,"Create a Site Talkdown Message")})}update(){this.isLoading=!0;const e=this.me.dealer_id,n=this.selTTS.id,o=this.selLanguage[1],a=this.selVoice.name,r=this.selVoice.ssmlGender,l=this.pitch,g=this.speakingRate,_=this.isDefault?1:0,u=this.setTTSUseType();this.dealerService.updateTTS(e,n,{text:this.ttsText,type:2,voice_type:a,language_code:o,ssml_gender:r,audio_encoding:"MP3",pitch:l,speaking_rate:g,is_default:_,partner_id:this.subDealerId,default_tts_use_type:u}).subscribe(x=>{setTimeout(()=>{this.isLoading=!1,this.confirmDialog("Success","Edit a Site Talk Down Message"),this.close()},200)},x=>{setTimeout(()=>{this.isLoading=!1,this.confirmDialog("Failed","Edit a Site Talk Down Message","warning","#f1556c")},200)})}toggleLanguageList(){this.searchLanguageTxt="",this.filteredLanguages=this.languages,this.isShowLanguageList=!this.isShowLanguageList}toggleVoiceList(){this.isShowVoiceList=!this.isShowVoiceList}selectLanguage(e){this.selLanguage=e,this.isShowLanguageList=!1,this.filterVoiceByLanguage(e)}selectVoice(e){this.selVoice=e,this.isShowVoiceList=!1}searchLanguage(e){this.filteredLanguages=this.languages.filter(n=>n[0].toLowerCase().indexOf(e.toLowerCase())>-1)}filterVoiceByLanguage(e){const n=e[1];this.filteredVoiceList=this.googleTTSVoiceList.filter(o=>o.languageCodes.includes(n))}toggleSpeak(){this.isSpeak?this.stopSpeak():this.doSpeak()}doSpeak(){this.stopSpeak(),this.diffTTSParams()?(this.isSpeakLoading=!0,this.setTTSParams(),this.testVoice()):this.playAudio()}stopSpeak(){this.isSpeak=!1,this.isSpeakLoading=!1,this.audioControl&&(this.audioControl.nativeElement.pause(),this.endSpeak())}endSpeak(){this.isSpeak=!1,this.isSpeakLoading=!1,this.curDuration=""}createDialog(e="",n="",o="note_add",a="#2383e2"){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:this.isEditMode?"Edit":"Create",submit_class:["button-primary"],icon:o,isConfirm:!1,color:a},this.m_warning.data.submit_func=()=>{this.isEditMode?this.update():this.create()},this.m_warning.open()}confirmDialog(e="",n="",o="done",a="#1abc9c"){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:"OK",submit_class:["button-primary"],icon:o,isConfirm:!0,color:a},this.m_warning.data.submit_func=()=>{"green"===a&&this.close()},this.m_warning.open()}errorDialog(e,n){let o="failed.";e.error&&e.error.message&&(o=e.error.message),e._body&&(o=JSON.parse(e._body).message),setTimeout(()=>{this.confirmDialog(n,o,"warning","orange")},200),this.isLoading=!1}close(e){this.onClose.next(e||{res:!1}),this.modal.close(),setTimeout(n=>{this.enable_modal=!1},200)}}return i.\u0275fac=function(e){return new(e||i)(t.Y36(b.f),t.Y36(P.X),t.Y36(v.v),t.Y36(z.Q))},i.\u0275cmp=t.Xpm({type:i,selectors:[["app-wcs-google-tts-create"]],viewQuery:function(e,n){if(1&e&&(t.Gf(Dt,5),t.Gf(Lt,5),t.Gf(It,5)),2&e){let o;t.iGM(o=t.CRH())&&(n.languageSelect=o.first),t.iGM(o=t.CRH())&&(n.voiceSelect=o.first),t.iGM(o=t.CRH())&&(n.audioControl=o.first)}},hostBindings:function(e,n){1&e&&t.NdJ("mousedown",function(a){return n.onGlobalClick(a)},!1,t.evT)},inputs:{active:"active",modal:"modal",site:"site"},outputs:{onClose:"onClose"},features:[t.TTD],decls:2,vars:2,consts:[["class","align-center",4,"ngIf"],[3,"modal"],[1,"align-center"],["class","overlay",3,"click",4,"ngIf"],["class","modal",4,"ngIf"],[1,"overlay",3,"click"],[1,"modal"],[1,"modal-header"],[1,"modal-header-txt"],[2,"position","relative"],[1,"title-close"],[1,"material-icons",3,"click"],[1,"items-area",2,"overflow","initial"],[1,"item"],[1,"item-title"],["rows","10","placeholder","Add a Message...",3,"ngModel","ngModelChange"],[2,"text-align","right"],[2,"font-size","12px","color","hsla(0,0%,0%,0.3)"],[2,"position","relative","width","100%"],["languageSelect",""],[1,"selectbox","label",2,"width","100%",3,"click"],["xmlns","http://www.w3.org/2000/svg","height","24px","viewBox","0 0 24 24","width","24px","fill","#000000"],["d","M12 4L16.58 8.59L15.17 10L12 6.83L8.83 10L7.41 8.59L12 4Z"],["d","M12 17.17L15.17 14 L16.59 15.41L12 20L7.42 15.41L8.83 14L12 17.17Z"],["class","select-list","style","width:100%",4,"ngIf"],["voiceSelect",""],[1,"selectbox","label",2,"min-width","100%",3,"click"],[4,"ngIf"],["class","select-list","style","width:100%;max-height: 270px;",4,"ngIf"],[1,"row",2,"width","100%"],[1,"f-1"],[1,"row","between"],[1,"audio-slider",2,"width","100%","min-height","none"],[3,"ngModel","options","ngModelChange"],[1,"space"],[1,"row",2,"width","100%","gap","12px"],[1,"f-1","v-center",2,"justify-content","space-between"],[1,"v-center"],[1,"--g-tooltip-content",3,"mouseenter"],[1,"--g-tooltip-icon",3,"icon","size","color"],[1,"--g-tooltip",2,"text-transform","none"],[3,"ngModel","labelPosition","ngModelChange"],[1,"v-center",2,"margin-top","8px"],[1,"material-icons",2,"font-size","14px","color","#FFC75F"],[2,"font-size","12px","color","hsla(0, 0%, 0%, .6)"],[1,"item",2,"padding-bottom","0"],[3,"ngModel","ngModelChange"],[2,"margin-left","29px","margin-top","0px","font-size","12px","color","hsla(0,0%,0%,.6)"],[3,"ended","timeupdate"],["audioControl",""],["type","audio/mp3",3,"src"],[1,"tail-btn-area"],[1,"button","button-primary",3,"click"],[1,"btn-inner"],[1,"button","button-white",3,"click"],["class","audio-info",4,"ngIf"],[2,"flex","1","display","flex"],[1,"button","button-primary",2,"width","108px",3,"click"],["class","btn-inner icon-btn",4,"ngIf"],["class","loader absolute",4,"ngIf"],[1,"select-list",2,"width","100%"],[1,"search-result"],["autocomplete","off","type","text",1,"list-search-input",3,"ngModel","ngModelChange","input"],[2,"max-height","300px","overflow-y","overlay"],["class","select-result has-child",3,"selected","click",4,"ngFor","ngForOf"],["class","select-result",4,"ngIf"],[1,"select-result","has-child",3,"click"],[1,"selectitem"],[1,"select-result"],[1,"selectitem",2,"cursor","initial","color","hsla(0,0%,0%,0.3)"],[1,"select-list",2,"width","100%","max-height","270px"],[1,"audio-info"],[1,"btn-inner","icon-btn"],[1,"material-icons",2,"font-size","18px","margin-right","7px"],["width","18","height","18","viewBox","0 0 24 24"],["id","volume-clip"],["x","15","y","0","height","24","width","9"],["clip-path","url(#volume-clip)",1,"audio-waves"],["cx","12.5","cy","12","r","3.25","fill","none","stroke","white","stroke-width","1.5"],["cx","12.5","cy","12","r","6.5","fill","none","stroke","white","stroke-width","1.5"],["cx","12.5","cy","12","r","9.75","fill","none","stroke","white","stroke-width","1.5"],["points","3,9 7,9, 12,4 12,20 7,15 3,15","fill","white"],[1,"btn-loader","absolute"],["viewBox","25 25 50 50",1,"circular"],["cx","50","cy","50","r","20","fill","none","stroke-width","4","stroke-miterlimit","10",1,"path"],[1,"loader","absolute"]],template:function(e,n){1&e&&(t.YNc(0,Xt,3,2,"div",0),t._UZ(1,"dealer-warning",1)),2&e&&(t.Q6J("ngIf",n.enable_modal),t.xp6(1),t.Q6J("modal",n.m_warning))},directives:[h.O5,O.a,p.Fj,p.JJ,p.On,L.w5,w.U,Z.Rr,M.oG,h.sg],styles:['.align-center[_ngcontent-%COMP%]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:101}.dialog[_ngcontent-%COMP%]{width:90%;max-width:1010px;background-color:#fff;box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f;z-index:2;border-radius:2px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.close-btn[_ngcontent-%COMP%]{border-radius:50%;width:28px;height:28px;background:#fff;position:absolute;right:-28px;top:-28px;display:flex;align-items:center;justify-content:center;color:#0006;box-shadow:0 2px 8px #0000004d;cursor:pointer}.close-btn[_ngcontent-%COMP%]:hover{color:#000c}.header[_ngcontent-%COMP%]{padding:32px;background:#2196F3;background:linear-gradient(300deg,#00BCD4,#2196F3)}.header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.body[_ngcontent-%COMP%]{padding:16px}.item[_ngcontent-%COMP%] .item-title[_ngcontent-%COMP%]{font-size:13px;padding-bottom:10px}.list[_ngcontent-%COMP%]{position:relative}.list-item[_ngcontent-%COMP%]{width:100%;display:table}.list-header[_ngcontent-%COMP%]{margin-bottom:8px;color:#888;font-weight:700;text-transform:uppercase}.has-child[_ngcontent-%COMP%]{cursor:pointer}.has-child[_ngcontent-%COMP%]:hover{background:#f0f0f0}.list-item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{display:table-cell;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:14px}.list-item[_ngcontent-%COMP%] .w-2[_ngcontent-%COMP%]{width:20%}.list-item[_ngcontent-%COMP%] .w-3[_ngcontent-%COMP%]{width:30%}.list-item[_ngcontent-%COMP%] .w-4[_ngcontent-%COMP%]{width:40%}.list-item[_ngcontent-%COMP%] .w-5[_ngcontent-%COMP%]{width:50%}.list-item[_ngcontent-%COMP%] .fs-12[_ngcontent-%COMP%]{font-size:12px}.list-item[_ngcontent-%COMP%] .right-align[_ngcontent-%COMP%]{text-align:right}.contents[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s;resize:none}.contents[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.contents[_ngcontent-%COMP%] .textarea-error[_ngcontent-%COMP%]{border-bottom:2px solid red}.contents[_ngcontent-%COMP%] .textarea-ok[_ngcontent-%COMP%]{border-bottom:2px solid #4CAF50}.contents[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{cursor:pointer}.selectbox[_ngcontent-%COMP%]{padding:8px;border-radius:4px;cursor:pointer;width:80%}.selectbox[_ngcontent-%COMP%]:hover{background:#eee}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.circular[_ngcontent-%COMP%] .path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:48px auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.loading[_ngcontent-%COMP%]{background-color:#eee}.disabled[_ngcontent-%COMP%]{opacity:.6;pointer-events:none}.tail[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse;padding:16px}.tail[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{min-width:88px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;text-transform:uppercase;cursor:pointer;color:#2383e2}.tail[_ngcontent-%COMP%] .button.button-primary[_ngcontent-%COMP%]{background-color:#2383e2;color:#fff}.tail[_ngcontent-%COMP%] .button.button-primary[_ngcontent-%COMP%]:hover{background-color:#4da6ff}select[_ngcontent-%COMP%]::-ms-expand{display:none}.selectitem[_ngcontent-%COMP%]{color:#777;padding:7px 14px;transition:.2s;cursor:pointer;display:flex;flex-direction:row;font-size:14px}.selectitem.label[_ngcontent-%COMP%]{margin:2px 0;max-width:420px;font-size:14px;padding:8px 10px;justify-content:space-between}.search-result[_ngcontent-%COMP%]{font-size:14px;color:#000000de}.search-result[_ngcontent-%COMP%] .list-search-input[_ngcontent-%COMP%]{width:100%;outline:none;border:0;border-bottom:1px solid rgba(0,0,0,.1);height:30px;text-indent:16px}.select-result.selected[_ngcontent-%COMP%]{background-color:#e0e0e0}@keyframes pulse{0%{opacity:.25}20%{opacity:.8}40%{opacity:.25}60%{opacity:.8}80%{opacity:.25}to{opacity:.25}}.audio-waves[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]{animation-duration:1.7s;animation-iteration-count:infinite;animation-name:pulse;opacity:.25}.audio-waves[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]:nth-child(2){animation-delay:.125s}.audio-waves[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]:nth-child(3){animation-delay:.25s}.space[_ngcontent-%COMP%]{width:100px}.audio-info[_ngcontent-%COMP%]{display:flex;align-items:center} .ngx-slider-floor{visibility:initial!important} .ngx-slider-ceil{visibility:initial!important}','.disable-full-screen[_ngcontent-%COMP%]{top:0;left:0;width:100%;height:100%;position:fixed;visibility:hidden;opacity:0;transition:.2s;z-index:101}.disable-full-screen[_ngcontent-%COMP%] > .background[_ngcontent-%COMP%]{position:absolute;background-color:#00000080;top:0;left:0;width:100%;height:100%;z-index:1}.overlay[_ngcontent-%COMP%]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000004d;z-index:1}.container-center[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;height:48px;padding:0 16px}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:12px;color:#fffc;padding:8px 0 32px;line-height:.8}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;margin-left:8px;color:#fffc;transition:.1s}.body[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff;cursor:pointer}.body[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:flex;align-items:center;font-size:14px;color:#777;margin-top:28px}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{font-size:14px;flex:1 1 auto;box-sizing:border-box;padding:6px 0 4px;border:0;border-bottom:2px solid #ddd;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%] .err[_ngcontent-%COMP%]{outline:none;border-bottom:2px solid #D25074}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%] .err[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #D25074}.body[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{font:400 14px Arial;resize:none;flex:1 1 auto;box-sizing:border-box;padding:6px 0 4px;border:0;border-bottom:2px solid #ddd;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]{border-bottom:2px solid #fff;background:rgba(0,0,0,0) #b87272}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]:hover{border-bottom:2px solid #777}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{width:100%;min-height:24px;background:white;box-sizing:border-box;margin-top:8px;padding:4px 0;border:0;border-bottom:1px solid #ccc;transition:.2s}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #777}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{width:100%;min-height:24px;font-size:14px;color:#333;margin-top:12px;padding:4px 0;display:flex;align-items:center}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > i[_ngcontent-%COMP%]{margin-right:8px}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{color:#777;transition:.2s;cursor:pointer}.body[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]:hover{color:#333}.body[_ngcontent-%COMP%] .contents-selectable[_ngcontent-%COMP%]{cursor:pointer}.body[_ngcontent-%COMP%] .contents-selectable[_ngcontent-%COMP%]:hover{background:#f0f0f0}.body[_ngcontent-%COMP%] > .editable[_ngcontent-%COMP%]{border-bottom:1px solid #fff;transition:.5s}.body[_ngcontent-%COMP%] > .editable[_ngcontent-%COMP%]:hover{cursor:text;border-bottom:1px solid #ccc}.body[_ngcontent-%COMP%] > .warning[_ngcontent-%COMP%]{color:#f55}.modal[_ngcontent-%COMP%]{width:100%;max-width:600px;background:white;box-shadow:0 4px 8px #777;z-index:2;border-radius:5px}.modal[_ngcontent-%COMP%] .modal-header[_ngcontent-%COMP%]{display:flex;height:50px;justify-content:space-between;border-bottom:.5px solid rgba(0,0,0,.1)}.modal[_ngcontent-%COMP%] .modal-header[_ngcontent-%COMP%] .modal-header-txt[_ngcontent-%COMP%]{display:flex;align-items:center;padding-left:16px}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%]{display:flex;height:50px;justify-content:space-between;background-color:#f7fafc;border-radius:5px 5px 0 0}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{display:inline-block;font-size:20px;color:#fff;text-transform:uppercase}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:12px;color:#fffc;padding:8px 0 32px;line-height:.8}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;margin-left:8px;color:#fffc;transition:.1s}.modal[_ngcontent-%COMP%] > .header[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff;cursor:pointer}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%]{flex:1;display:block;overflow-y:overlay;padding:30px 20px 20px;border-bottom:.5px solid rgba(0,0,0,.1);background-color:#f8fafc;display:flex;flex-direction:column;font-size:14px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{color:#0009;font-size:12px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:8px;background-color:#fff;border:1px solid #eeeeee;font-size:14px;transition:.2s;text-indent:0px;font-weight:400;resize:none}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]::placeholder{font-size:14px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] textarea[_ngcontent-%COMP%]:focus{outline:none;border:1px solid #2383e2}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-bottom:20px}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:7px 10px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;font-size:14px;transition:.2s;text-indent:0px;font-weight:400}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 3px #1f8fff61;outline:none}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #d25074}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]:focus{outline:none;box-shadow:0 0 0 2px #d25074}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.dark[_ngcontent-%COMP%]{background-color:#f5f5f5}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.dark[_ngcontent-%COMP%]:focus{background-color:#fff}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.disabled[_ngcontent-%COMP%]{background-color:#eee;opacity:1}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.err[_ngcontent-%COMP%]{outline:none;border:1px solid #D25074!important;background-color:#fff!important}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.correct[_ngcontent-%COMP%]{border:solid 1px #e0e0e0;background-color:#e5f2ff}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input[_ngcontent-%COMP%]::placeholder{color:#0000004d}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.input-err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #f1556c}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] input.input-err[_ngcontent-%COMP%]:focus{outline:none;box-shadow:0 0 0 2px #f1556c}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item[_ngcontent-%COMP%] .site-search[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{margin-bottom:0;border:none;outline:none;background-color:transparent}.modal[_ngcontent-%COMP%] .items-area[_ngcontent-%COMP%] .item.pb-0[_ngcontent-%COMP%]{padding-bottom:0}.modal[_ngcontent-%COMP%] > .body[_ngcontent-%COMP%]{padding:16px 32px;display:flex;flex-direction:column;max-height:800px;overflow-y:overlay}.modal[_ngcontent-%COMP%] > .body-center[_ngcontent-%COMP%]{padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:800px;overflow-y:overlay}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%]{display:flex;flex-direction:row-reverse;justify-content:center;padding:0 32px 30px}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .space[_ngcontent-%COMP%]{flex:1}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{padding:7px 14px;color:#888;font-size:14px;font-weight:500;transition:.2s;text-transform:capitalize;border-radius:5px}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#000;cursor:pointer}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]{background:#2383e2;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]:hover{background:#2ea0ff;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-warning[_ngcontent-%COMP%]{background:orange;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-warning[_ngcontent-%COMP%]:hover{background:#ffb938;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]{background:#ddd;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]:hover{background:#ddd;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-danger[_ngcontent-%COMP%]{background:#f1556d;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-danger[_ngcontent-%COMP%]:hover{background:#f47185;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-normal[_ngcontent-%COMP%]{background:#d1d2d2;color:#fff}.modal[_ngcontent-%COMP%] > .tail[_ngcontent-%COMP%] .button-normal[_ngcontent-%COMP%]:hover{background:#b2b3b3;color:#fff}.dropdown[_ngcontent-%COMP%]{font-size:14px;position:relative;flex:1}.dropdown[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;background:rgba(0,0,0,0)}.dropdown-contents[_ngcontent-%COMP%]{position:absolute;width:100%;margin-top:8px;left:0px;z-index:100;text-align:left;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 13px 1px #0003;transition:.2s}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]{cursor:pointer;padding:8px;color:#333;font-size:14px;display:flex;align-items:center}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]:hover{background:#eee}.face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;margin-right:8px}.no-face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;background-color:#ccc;display:inline-block;margin-right:8px;vertical-align:middle;color:#fff;text-align:center;text-transform:uppercase}.calendar[_ngcontent-%COMP%]{width:100%}.dropdown-background[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:default;pointer-events:none}.inactive[_ngcontent-%COMP%]{pointer-events:none;filter:grayscale(.3);opacity:.8}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader.absolute[_ngcontent-%COMP%]{margin:auto;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.title-close[_ngcontent-%COMP%]{position:absolute;display:flex;top:3px;right:6px;width:45px;height:45px;align-items:center;justify-content:center;font-size:14px;color:#0009;cursor:pointer;transition:.2s}.title-close[_ngcontent-%COMP%]:hover{background-color:#f7f7f7;border-radius:22px}.tail-btn-area[_ngcontent-%COMP%]{border-radius:5px;padding:12px 20px}.row[_ngcontent-%COMP%]{display:flex}.row.between[_ngcontent-%COMP%]{justify-content:space-between}table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}table.table-header[_ngcontent-%COMP%]{min-height:31px;background-color:#f7fafc;border-bottom:solid 1px rgba(0,0,0,.1);border-top:solid 1px rgba(0,0,0,.1);box-sizing:border-box}table.table-header[_ngcontent-%COMP%]:after{border-collapse:separate}table[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%]{width:100%;flex:1;overflow-y:overlay;overflow-x:hidden}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{position:relative;padding:10px 7px;color:#000000de;text-transform:capitalize;text-align:left;font-size:12px;font-weight:normal;-webkit-user-select:none;user-select:none}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child{padding:10px 7px 10px 20px}table[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:last-child{padding:10px 20px 10px 7px}table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:14px;color:#0009;border-bottom:1px rgba(0,0,0,.1) solid;padding:14px}.selectable[_ngcontent-%COMP%]{cursor:pointer}.selectable[_ngcontent-%COMP%]:hover{background:#f0f0f0}'],data:{animation:[f.ge,f.ku,f.$r,f.OP]}}),i})();var te=d(636);const ee=["audioControl"],ne=["floatMenu"],oe=["actionMenus"];function ie(i,c){1&i&&t._UZ(0,"div",61)}const ae=function(i){return{"btn-selected":i}};function ce(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",58),t.NdJ("click",function(){const a=t.CHM(e).$implicit;return t.oxw().moveToTab(a)}),t.TgZ(1,"div",59),t._uU(2),t.qZA(),t.YNc(3,ie,1,0,"div",60),t.qZA()}if(2&i){const e=c.$implicit,n=t.oxw();t.Q6J("ngClass",t.VKq(3,ae,n.tab.name==e.name)),t.xp6(2),t.Oqu(e.name),t.xp6(1),t.Q6J("ngIf",n.tab.name==e.name)}}function re(i,c){1&i&&(t.TgZ(0,"div",62),t.O4$(),t.TgZ(1,"svg",63),t._UZ(2,"circle",64),t.qZA(),t.qZA())}function se(i,c){1&i&&(t.ynx(0),t.TgZ(1,"div",78),t.O4$(),t.TgZ(2,"svg",63),t._UZ(3,"circle",64),t.qZA(),t.qZA(),t.BQk())}function le(i,c){1&i&&(t.ynx(0),t.TgZ(1,"div",79),t.O4$(),t.TgZ(2,"svg",80),t.TgZ(3,"defs"),t.TgZ(4,"clipPath",81),t._UZ(5,"rect",82),t.qZA(),t.qZA(),t.TgZ(6,"g",83),t._UZ(7,"circle",84),t._UZ(8,"circle",85),t._UZ(9,"circle",86),t.qZA(),t._UZ(10,"polygon",87),t.qZA(),t.qZA(),t.BQk())}function de(i,c){1&i&&(t.ynx(0),t.TgZ(1,"div",79),t.TgZ(2,"i",88),t._uU(3,"volume_up"),t.qZA(),t.qZA(),t.BQk())}function ge(i,c){1&i&&(t.ynx(0),t.TgZ(1,"span",89),t._uU(2,"Voice file"),t.qZA(),t.BQk())}function _e(i,c){1&i&&(t.ynx(0),t.TgZ(1,"span",89),t._uU(2,"TTS"),t.qZA(),t.BQk())}function pe(i,c){if(1&i){const e=t.EpF();t.ynx(0),t.TgZ(1,"div",76),t.NdJ("click",function(){t.CHM(e);const o=t.oxw(2).$implicit;return t.oxw(2).toggleAudioPlay(o)}),t.TgZ(2,"div",77),t.YNc(3,se,4,0,"ng-container",71),t.YNc(4,le,11,0,"ng-container",71),t.YNc(5,de,4,0,"ng-container",71),t.qZA(),t.YNc(6,ge,3,0,"ng-container",71),t.YNc(7,_e,3,0,"ng-container",71),t.qZA(),t.BQk()}if(2&i){const e=t.oxw(2).$implicit,n=t.oxw(2);t.xp6(1),t.ekj("audio-playing",e.isAudioLoad)("disabled",!e.isAudioLoad&&n.isAudioPlay),t.xp6(2),t.Q6J("ngIf",e.isAudioLoading),t.xp6(1),t.Q6J("ngIf",e.isAudioPlay&&n.isAudioPlay&&!e.isAudioLoading),t.xp6(1),t.Q6J("ngIf",!e.isAudioLoad&&!e.isAudioLoading),t.xp6(1),t.Q6J("ngIf",1===e.type||3===e.type),t.xp6(1),t.Q6J("ngIf",2===e.type)}}function fe(i,c){1&i&&(t.ynx(0),t.TgZ(1,"div",79),t.TgZ(2,"i",88),t._uU(3,"refresh"),t.qZA(),t.qZA(),t.BQk())}function ue(i,c){1&i&&(t.ynx(0),t.TgZ(1,"span",91),t._uU(2,"Failed"),t.qZA(),t.BQk())}function he(i,c){if(1&i){const e=t.EpF();t.ynx(0),t.TgZ(1,"div",90),t.NdJ("click",function(){t.CHM(e);const o=t.oxw(2).$implicit;return t.oxw(2).playAudio(o)}),t.YNc(2,fe,4,0,"ng-container",71),t.YNc(3,ue,3,0,"ng-container",71),t.qZA(),t.BQk()}if(2&i){const e=t.oxw(2).$implicit;t.xp6(2),t.Q6J("ngIf",!e.isAudioLoad),t.xp6(1),t.Q6J("ngIf",e.has_file)}}function xe(i,c){if(1&i&&(t.ynx(0),t.TgZ(1,"div"),t.YNc(2,pe,8,9,"ng-container",71),t.YNc(3,he,4,2,"ng-container",71),t.qZA(),t.BQk()),2&i){const e=t.oxw().$implicit;t.xp6(2),t.Q6J("ngIf",!e.isFailed),t.xp6(1),t.Q6J("ngIf",e.isFailed)}}function Ce(i,c){1&i&&(t.TgZ(0,"i",92),t._uU(1,"check"),t.qZA())}function me(i,c){1&i&&(t.TgZ(0,"i",92),t._uU(1,"done"),t.qZA())}function Me(i,c){1&i&&(t.TgZ(0,"i",92),t._uU(1,"done"),t.qZA())}function be(i,c){if(1&i){const e=t.EpF();t.TgZ(0,"div",93,94),t.NdJ("mouseenter",function(o){t.CHM(e);const a=t.oxw().$implicit;return t.oxw(2).setTTSMorePosition(o,a)}),t.TgZ(2,"i",95),t.NdJ("click",function(o){t.CHM(e);const a=t.oxw().$implicit;return t.oxw(2).toggleMenu(o,a)}),t._uU(3,"more_horiz"),t.qZA(),t.TgZ(4,"div",96),t.TgZ(5,"div",97),t.TgZ(6,"div",34),t.NdJ("click",function(o){t.CHM(e);const a=t.oxw().$implicit;return t.oxw(2).editDialog(o,a)}),t.TgZ(7,"div",17),t._uU(8,"Edit"),t.qZA(),t.qZA(),t.TgZ(9,"div",98),t.NdJ("click",function(o){t.CHM(e);const a=t.oxw().$implicit;return t.oxw(2).deleteDialog(o,a)}),t.TgZ(10,"div",17),t._uU(11,"Delete"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA()}if(2&i){const e=t.oxw().$implicit;t.Q6J("id","tts-"+e.id),t.xp6(2),t.ekj("show",e.isShowMenu),t.xp6(2),t.ekj("visible",e.isShowMenu),t.Q6J("id","tts-more-"+e.id)}}function Pe(i,c){if(1&i&&(t.TgZ(0,"tr",68),t.TgZ(1,"td"),t._uU(2),t.qZA(),t.TgZ(3,"td",69),t.TgZ(4,"div",70),t.YNc(5,xe,4,2,"ng-container",71),t.TgZ(6,"span",72),t._uU(7),t.qZA(),t.qZA(),t.qZA(),t.TgZ(8,"td"),t._uU(9),t.qZA(),t.TgZ(10,"td",48),t.YNc(11,Ce,2,0,"i",73),t.qZA(),t.TgZ(12,"td",48),t.YNc(13,me,2,0,"i",73),t.qZA(),t.TgZ(14,"td",48),t.YNc(15,Me,2,0,"i",73),t.qZA(),t.TgZ(16,"td"),t._uU(17),t.ALo(18,"date"),t.qZA(),t.TgZ(19,"td"),t._uU(20),t.qZA(),t.TgZ(21,"td",74),t.YNc(22,be,12,6,"div",75),t.qZA(),t.qZA()),2&i){const e=c.$implicit,n=t.oxw(2);t.xp6(2),t.Oqu(e.id),t.xp6(1),t.Q6J("title",e.text),t.xp6(2),t.Q6J("ngIf",0!==e.type),t.xp6(2),t.Oqu(e.text),t.xp6(2),t.Oqu(e.link_count),t.xp6(2),t.Q6J("ngIf",e.is_default),t.xp6(2),t.Q6J("ngIf",n.isUsedForMP(e)),t.xp6(2),t.Q6J("ngIf",n.isUsedForApp(e)),t.xp6(2),t.Oqu(t.xi3(18,11,e.created,"MM/dd/yy")),t.xp6(3),t.Oqu(e.created_by||"-"),t.xp6(2),t.Q6J("ngIf",!n.isSharedSite)}}function Oe(i,c){if(1&i&&(t.TgZ(0,"div",65),t.TgZ(1,"table",66),t.TgZ(2,"colgroup"),t._UZ(3,"col",43),t._UZ(4,"col",44),t._UZ(5,"col",45),t._UZ(6,"col",46),t._UZ(7,"col",46),t._UZ(8,"col",46),t._UZ(9,"col",46),t._UZ(10,"col",47),t._UZ(11,"col",45),t.qZA(),t.TgZ(12,"tbody"),t.YNc(13,Pe,23,14,"tr",67),t.qZA(),t.qZA(),t.qZA()),2&i){const e=t.oxw();t.xp6(13),t.Q6J("ngForOf",e.filteredAudioList)}}function Te(i,c){1&i&&(t.TgZ(0,"div",99),t.TgZ(1,"div",100),t.TgZ(2,"div",49),t.TgZ(3,"i",101),t._uU(4,"warning"),t.qZA(),t.TgZ(5,"span",102),t._uU(6,"No Message"),t.qZA(),t.qZA(),t.TgZ(7,"div",103),t.TgZ(8,"span",104),t._uU(9,"If no messages exist on the site, a default message is set automatically"),t.qZA(),t.qZA(),t.qZA(),t.qZA())}const we=A.Bz.forChild([{path:"",component:(()=>{class i{constructor(e,n,o,a,r,s,l,g){this.usersService=e,this.partnerService=n,this.dealerService=o,this.audioService=a,this.commonService=r,this.route=s,this.helper=l,this.sanitizer=g,this.parentPath="/wcs-sub-dealers",this.partners=[],this.TTSList=[],this.searchMsg="",this.searchTxt="",this.isSearching=!1,this.isLoading=!1,this.isServerWarning=!1,this.isShowAddMenu=!1,this.m_warning=new m.u,this.m_create=new m.u,this.m_toSite=new m.u,this.m_createFile=new m.u,this.m_googletts=new m.u,this.m_defaultTts=new m.u,this.types={0:"Standard TTS",1:"Audio File",2:"Google TTS",3:"Audio File"},this.tab_list=[{name:"Google TTS",link:"googletts"},{name:"Audio File",link:"audiofile"}],this.tab=this.tab_list[0],this.filteredAudioList=[],this.isAudioPlay=!1,this.isDestroy=!1,this.audioElement=new Audio,this.curCtrlTTS=null,this.curDuration="",this.defaultTts={voice_type:"",language_code:"",ssml_gender:"",audio_encoding:"",speaking_rate:"1",pitch:"0",language:"",voice:""},this.languages=this.audioService.googleLanguages,this.googleTTSVoiceList=this.audioService.googleTTSVoiceList}ngOnInit(){this.route.queryParams.subscribe(e=>{let n=null;e.dealer_id&&(n=e.dealer_id),e.retailDealerId?this.retailDealerId=e.retailDealerId:this.gotoParent(),this.partnerService.selRetailDealer&&(this.selDealer=this.partnerService.selRetailDealer),this.usersService.getMe(n).subscribe(o=>{this.me=o,this.fetchDatas()})})}onGlobalClick(e){var n,o;(null===(o=null===(n=this.floatMenu)||void 0===n?void 0:n.nativeElement)||void 0===o?void 0:o.contains(e.target))||(this.isShowAddMenu=!1),this.actionMenus&&this.actionMenus.toArray().forEach(r=>{this.TTSList.forEach(s=>{"tts-"+s.id==r.nativeElement.id+""&&(r.nativeElement.contains(e.target)||(s.isShowMenu=!1))})})}fetchDatas(){this.isLoading=!0,this.fetchTTS(),this.fetchDefaultTts()}fetchTTS(){this.dealerService.getTTSList(this.me.dealer_id,this.retailDealerId).pipe((0,q.x)(()=>{this.isLoading=!1})).subscribe(o=>{this.TTSList=o,this.filterAudioType(),this.isLoading=!1},o=>{})}fetchDefaultTts(){this.dealerService.getTtsSet(this.me.dealer_id,this.retailDealerId).subscribe(n=>{n[0]&&(this.defaultTts=n[0],this.defaultTts.language=this.languages.filter(o=>o[1]===this.defaultTts.language_code)[0],this.defaultTts.voice=this.googleTTSVoiceList.filter(o=>o.name===this.defaultTts.voice_type)[0])},n=>{this.commonService.showErrorToast(n,"Request Default TTS Info")})}toggleAudioPlay(e){this.curCtrlTTS=e,e.isAudioLoad?this.stopAudio(e):this.playAudio(e)}setAudioPlayer(e){if(!this.audioControl)return;const n=this.audioControl.nativeElement;var o=URL.createObjectURL(e);n.src=o,n.play()}parseAudioUrl(e){const a=e.audioFile,r=new FileReader;this.audioElement=this.audioControl.nativeElement;const s=new Audio;r.onload=l=>{s.src=l.target.result,s.addEventListener("loadeddata",()=>{const _=s.duration,C=_%60;let x=parseInt((_/60).toString()).toString(),y=C.toString();C<10&&(y="0"+y),e.fileDuration=`${x}:${y}`,e.status="selected",this.setAudioPlayer(a),this.audioElement.play(),e.isAudioPlay=!0,this.isAudioPlay=!0},!1),this.audioElement.addEventListener("error",()=>{console.log("err")})},r.readAsDataURL(a)}playAudio(e){const n=this.me.dealer_id,o=e.id,a=this.retailDealerId;this.initAudioPlay(e),e.isAudioLoading=!0,this.dealerService.getTTS(n,o,a).subscribe(r=>{r[0]&&(e.signedUrl=r[0].url,this.getTTSFile(e),e.isAudioLoading=!1,e.isAudioLoad=!0)},r=>{this.setAudioFail(e)}),setTimeout(()=>{},3e3)}getTTSFile(e){this.dealerService.getTTSFile(e.signedUrl).subscribe(o=>{let a=window.URL;e.audioFileBlob=this.sanitizer.bypassSecurityTrustUrl(a.createObjectURL(o)),e.audioFile=o,this.parseAudioUrl(e)})}stopAudio(e){this.audioControl&&this.audioControl.nativeElement.pause(),e.isAudioLoad=!1,e.isAudioLoading=!1,e.isAudioPlay=!1,e.isFailed=!1,this.isAudioPlay=!1}setAudioFail(e){e.isFailed=!0}initAudioPlay(e){e.isAudioLoad=!1,e.isAudioLoading=!1,e.isAudioPlay=!1,e.isFailed=!1,this.isAudioPlay=!1}updateAudioTime(){if(this.audioControl){const o=parseInt(this.audioControl.nativeElement.currentTime),r=o%60;let s=parseInt((o/60).toString()).toString(),l=r.toString();r<10&&(l="0"+l),this.curDuration=`${s}:${l}`}}endSpeak(){const e=this.curCtrlTTS;e&&this.stopAudio(e)}openCreateFile(){this.isShowAddMenu=!1,this.m_createFile.data={},this.m_createFile.data.subDealerId=this.retailDealerId,this.m_createFile.open()}closeCreateFile(e){this.isLoading=!0,this.isShowAddMenu=!1,setTimeout(()=>{this.fetchDatas()},500)}openGoogleTTS(){this.isShowAddMenu=!1,this.m_googletts.data={},this.m_googletts.data.subDealerId=this.retailDealerId,this.m_googletts.data.defaultTts=this.defaultTts,this.m_googletts.open()}closeGoogleTTS(e){this.isLoading=!0,this.isShowAddMenu=!1,setTimeout(()=>{this.fetchDatas()},500)}toggleAddMenu(){this.isShowAddMenu=!this.isShowAddMenu}openCreate(){this.m_create.data.subDealerId=this.retailDealerId,this.m_create.open()}closeCreate(e){this.isLoading=!0,setTimeout(()=>{this.fetchDatas()},500)}editDialog(e,n){null==e||e.stopPropagation(),0===n.type?(this.m_create.data=n,this.m_create.data.subDealerId=this.retailDealerId,this.m_create.open()):1===n.type?(this.m_createFile.data.TTS=n,this.m_createFile.data.isEdit=!0,this.m_createFile.data.subDealerId=this.retailDealerId,this.m_createFile.open()):2===n.type?(this.m_googletts.data.TTS=n,this.m_googletts.data.isEdit=!0,this.m_googletts.data.subDealerId=this.retailDealerId,this.m_googletts.open()):3===n.type&&(this.m_createFile.data.TTS=n,this.m_createFile.data.isEdit=!0,this.m_createFile.data.subDealerId=this.retailDealerId,this.m_createFile.open())}moveToTab(e){this.tab=e,this.filterAudioType()}filterAudioType(){const e=this.tab.name;"Google TTS"===e?this.filteredAudioList=this.TTSList.filter(n=>2===n.type):"Audio File"===e&&(this.filteredAudioList=this.TTSList.filter(n=>1===n.type||3===n.type))}toggleMenu(e,n){null==e||e.stopPropagation(),n.isShowMenu=!n.isShowMenu,this.setTTSMorePosition(null,n)}isUsedForMP(e){return 0===e.default_tts_use_type||1===e.default_tts_use_type}isUsedForApp(e){return 0===e.default_tts_use_type||2===e.default_tts_use_type}setTTSMorePosition(e,n){const o=document.documentElement;let a=document.getElementById("tts-"+n.id),r=document.getElementById("tts-more-"+n.id),s=a.getBoundingClientRect(),l=r.getBoundingClientRect();const _=s.top-l.height-12;r.style.right=o.clientWidth-s.right-10+"px",r.style.top=_+"px"}updateSiteMessage(){this.m_warning.data={header:"Update a WCS.S Sites",contents:"\n <p>Do you want to apply the dealer default alarm library on<br>\n the default alarm library of existing sites?</p>\n ",submit_btn:"OK",color:"#f1556c",submit_class:["button-primary"]},this.m_warning.data.submit_func=()=>{this.isLoading=!0,this.openTTSToSiteModal()},this.m_warning.open()}openTTSToSiteModal(){this.m_toSite.data.subDealerId=this.retailDealerId,this.m_toSite.open()}openDefaultTtsModal(){this.m_defaultTts.data.defaultTts=this.defaultTts,this.m_defaultTts.data.partnerId=this.retailDealerId,this.m_defaultTts.open()}syncDefaultTtsDialog(){this.m_warning.data={header:"Are you sure you want to update all sites to these Text-To-Speech settings?",contents:'\n <p>Press "Update" to proceed or "Cancel" if you are unsure.</p>\n ',submit_btn:"Update",color:"#f1556c",submit_class:["button-primary"],width:540},this.m_warning.data.submit_func=()=>{this.isLoading=!0,this.syncDefaultTts()},this.m_warning.open()}syncDefaultTts(){let o="Set On-Demand TTS to all sites";this.dealerService.syncDefaultTts(this.me.dealer_id,this.retailDealerId).subscribe(a=>{this.isLoading=!1,this.commonService.showSuccessToast(o,"Success")},a=>{this.isLoading=!1,this.commonService.showErrorToast(a,o)})}deleteDialog(e,n){null==e||e.stopPropagation();let o="";o=n.link_count>2?`${n.link_count} sites`:`${n.link_count} site`,this.m_warning.data={header:`Are you sure delete this message?<br>(assigned ${o})`,contents:`\n <p>It will be delete from ${o}<br>\n applied this message.</p>\n `,submit_btn:"OK",color:"#f1556c",submit_class:["button-primary"]},this.m_warning.data.submit_func=()=>{this.isLoading=!0,this.deleteTTS(this.me.dealer_id,n.id)},this.m_warning.open()}deleteTTS(e,n){this.dealerService.deleteTTS(e,n,this.retailDealerId).subscribe(a=>{setTimeout(r=>{this.isLoading=!1,this.confirmDialog("Success","Delete a TTS Message")},500)},a=>{setTimeout(r=>{this.confirmDialog("Failed","Delete a TTS Message","warning","orange"),this.isLoading=!1},300)})}confirmDialog(e="",n="",o="done",a="green"){this.m_warning.data={header:e,contents:`\n <p>${n}</b></p>\n `,submit_btn:"OK",submit_class:["button-primary"],icon:o,isConfirm:!0,color:a},this.m_warning.data.submit_func=()=>{this.fetchDatas()},this.m_warning.open()}gotoParent(){this.helper.router.navigate_to(`${this.parentPath}`)}}return i.\u0275fac=function(e){return new(e||i)(t.Y36(b.f),t.Y36(U.b),t.Y36(P.X),t.Y36(z.Q),t.Y36(v.v),t.Y36(A.gz),t.Y36(I.W),t.Y36(D.H7))},i.\u0275cmp=t.Xpm({type:i,selectors:[["app-wcs-tts"]],viewQuery:function(e,n){if(1&e&&(t.Gf(ee,5),t.Gf(ne,5),t.Gf(oe,5,t.SBq)),2&e){let o;t.iGM(o=t.CRH())&&(n.audioControl=o.first),t.iGM(o=t.CRH())&&(n.floatMenu=o.first),t.iGM(o=t.CRH())&&(n.actionMenus=o)}},hostBindings:function(e,n){1&e&&t.NdJ("mousedown",function(a){return n.onGlobalClick(a)},!1,t.evT)},decls:139,vars:37,consts:[[1,"wcs-widget-area",2,"flex-direction","column","height","calc(100% - 16px)"],[1,"v-center",2,"flex-direction","column","width","calc(100% - 12px)","height","100%"],[1,"widget",2,"flex","none"],[1,"header"],[1,"title","row-item"],[1,"tag","mr-4"],[1,"tooltip-content","v-center"],[1,"ml-7","pointer"],[3,"icon","size","color"],[1,"tooltip","tts-tooltip"],[1,"tooltip-item"],[1,"tooltip-row","tts-tooltip-img"],["src","/assets/imgs/tts-tooltip.png"],[1,"tooltip-item","mt-10"],[1,"tooltip-row","title-label"],[1,"btn-area",2,"position","relative"],[1,"button","button-white",3,"click"],[1,"btn-inner"],[1,"notice-area"],[1,"row-item","align-center"],[3,"icon","color","size"],[1,"ml-7"],[1,"btn-area","ml-7"],[1,"widget-body"],[1,"row-item"],[1,"f-2","label"],[1,"f-8"],[1,"widget","full-size",2,"overflow","hidden"],[1,"title"],[1,"space"],[1,"more-content","v-center"],["floatMenu",""],[1,"more","add-more"],[1,"btn-area",2,"flex-direction","column","padding","0"],[1,"text-button","text-button-primary","mb-7",3,"click"],[1,"text-button","text-button-primary",3,"click"],[1,"widget-body",2,"border","none","padding","0"],[1,"audio-tab"],["class","btn",3,"ngClass","click",4,"ngFor","ngForOf"],[2,"display","none",3,"ended","timeupdate"],["audioControl",""],[1,"table-container",2,"overflow","initial"],[1,"table-header"],["width","7%"],["width","30%"],["width","5%"],["width","10%"],["width","12%"],[1,"center"],[1,"v-center"],[1,"--g-tooltip-content",3,"mouseenter"],[1,"--g-tooltip-icon",3,"icon","size","color"],[1,"--g-tooltip",2,"text-transform","none"],["class","loader absolute",4,"ngIf"],["class","table-body",4,"ngIf"],["class","no-tts","style","height: 100%",4,"ngIf"],[3,"modal","active"],[3,"modal","active","onClose"],[1,"btn",3,"ngClass","click"],[1,"tab-title"],["class","tab-selected-bar",4,"ngIf"],[1,"tab-selected-bar"],[1,"loader","absolute"],["viewBox","25 25 50 50",1,"circular"],["cx","50","cy","50","r","20","fill","none","stroke-width","4","stroke-miterlimit","10",1,"path"],[1,"table-body"],[2,"table-layout","fixed"],["class","has-child","style","cursor: initial;",4,"ngFor","ngForOf"],[1,"has-child",2,"cursor","initial"],[3,"title"],[2,"display","flex","align-items","center"],[4,"ngIf"],[2,"white-space","nowrap","text-overflow","ellipsis","overflow","hidden"],["class","material-icons checked",4,"ngIf"],[2,"overflow","initial","text-align","right"],["class","more-content v-center",3,"id","mouseenter",4,"ngIf"],[1,"tts-type",3,"click"],[2,"height","16px","width","16px"],[1,"btn-loader"],[1,"flex"],["width","16","height","16","viewBox","0 0 24 24"],["id","volume-clip"],["x","15","y","0","height","24","width","9"],["clip-path","url(#volume-clip)",1,"audio-waves"],["cx","12.5","cy","12","r","3.25","fill","none","stroke","white","stroke-width","1.5"],["cx","12.5","cy","12","r","6.5","fill","none","stroke","white","stroke-width","1.5"],["cx","12.5","cy","12","r","9.75","fill","none","stroke","white","stroke-width","1.5"],["points","3,9 7,9, 12,4 12,20 7,15 3,15","fill","white"],[1,"material-icons"],[2,"margin","0 5px","font-size","13px"],[1,"tts-type","failed",3,"click"],[2,"margin","0 5px"],[1,"material-icons","checked"],[1,"more-content","v-center",3,"id","mouseenter"],["actionMenus",""],[1,"material-icons-outlined","more-icon",3,"click"],[1,"more","tts-more",3,"id"],[1,"btn-area",2,"flex-direction","column","text-align","start"],[1,"text-button","text-button-danger",3,"click"],[1,"no-tts",2,"height","100%"],[1,"v-center",2,"flex-direction","column","justify-content","center","padding","30px","height","calc(100% - 90px)"],[1,"material-icons",2,"color","#ff8f00","padding-right","10px"],[2,"font-size","16px","color","hsla(0,0%,0%,0.87)"],[2,"padding-top","12px"],[2,"font-size","14px","color","hsla(0,0%,0%,0.6)"]],template:function(e,n){1&e&&(t.TgZ(0,"div",0),t.TgZ(1,"div",1),t.TgZ(2,"div",2),t.TgZ(3,"div",3),t.TgZ(4,"div",4),t.TgZ(5,"span",5),t._uU(6,"Dealer Level"),t.qZA(),t.TgZ(7,"span"),t._uU(8,"On-Demand Monitoring Portal TTS"),t.qZA(),t.TgZ(9,"div",6),t.TgZ(10,"span",7),t._UZ(11,"comp-icon",8),t.qZA(),t.TgZ(12,"div",9),t.TgZ(13,"div",10),t.TgZ(14,"div",11),t._UZ(15,"img",12),t.qZA(),t.qZA(),t.TgZ(16,"div",13),t.TgZ(17,"div",14),t._uU(18,"Set the voice style that plays when the monitoring portal operator creates a live message to the site."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t._UZ(19,"div"),t.TgZ(20,"div",15),t.TgZ(21,"div",16),t.NdJ("click",function(){return n.openDefaultTtsModal()}),t.TgZ(22,"div",17),t._uU(23,"Edit"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(24,"div",18),t.TgZ(25,"div",19),t._UZ(26,"comp-icon",20),t.TgZ(27,"span",21),t._uU(28,"To apply the currently set On-Demand TTS to all sites, click the \u201cUpdate\u201d button to TTS On-Demand All Sites."),t.qZA(),t.TgZ(29,"div",22),t.TgZ(30,"div",16),t.NdJ("click",function(){return n.syncDefaultTtsDialog()}),t.TgZ(31,"div",17),t._uU(32,"Update"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(33,"div",23),t.TgZ(34,"div",24),t.TgZ(35,"div",25),t._uU(36,"Language"),t.qZA(),t.TgZ(37,"div",26),t._uU(38),t.qZA(),t.qZA(),t.TgZ(39,"div",24),t.TgZ(40,"div",25),t._uU(41,"Voice Type"),t.qZA(),t.TgZ(42,"div",26),t._uU(43),t.qZA(),t.qZA(),t.TgZ(44,"div",24),t.TgZ(45,"div",25),t._uU(46,"Speed"),t.qZA(),t.TgZ(47,"div",26),t._uU(48),t.qZA(),t.qZA(),t.TgZ(49,"div",24),t.TgZ(50,"div",25),t._uU(51,"Pitch"),t.qZA(),t.TgZ(52,"div",26),t._uU(53),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(54,"div",27),t.TgZ(55,"div",3),t.TgZ(56,"div",28),t.TgZ(57,"span",5),t._uU(58,"Dealer Level"),t.qZA(),t.TgZ(59,"span"),t._uU(60,"Monitoring Portal Messages (Text-To Speech)"),t.qZA(),t.qZA(),t._UZ(61,"div"),t.TgZ(62,"div",15),t.TgZ(63,"div",16),t.NdJ("click",function(){return n.openTTSToSiteModal()}),t.TgZ(64,"div",17),t._uU(65,"Assign to Sites"),t.qZA(),t.qZA(),t._UZ(66,"div",29),t.TgZ(67,"div",30,31),t.TgZ(69,"div",16),t.NdJ("click",function(){return n.toggleAddMenu()}),t.TgZ(70,"div",17),t._uU(71,"Add"),t.qZA(),t.qZA(),t.TgZ(72,"div",32),t.TgZ(73,"div",33),t.TgZ(74,"div",34),t.NdJ("click",function(){return n.openGoogleTTS()}),t.TgZ(75,"div",17),t._uU(76,"Add a Google TTS"),t.qZA(),t.qZA(),t.TgZ(77,"div",35),t.NdJ("click",function(){return n.openCreateFile()}),t.TgZ(78,"div",17),t._uU(79,"Add to file upload"),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(80,"div",36),t.TgZ(81,"div",37),t.YNc(82,ce,4,5,"div",38),t.qZA(),t.TgZ(83,"audio",39,40),t.NdJ("ended",function(){return n.endSpeak()})("timeupdate",function(){return n.updateAudioTime()}),t.qZA(),t.TgZ(85,"div",41),t.TgZ(86,"table",42),t.TgZ(87,"colgroup"),t._UZ(88,"col",43),t._UZ(89,"col",44),t._UZ(90,"col",45),t._UZ(91,"col",46),t._UZ(92,"col",46),t._UZ(93,"col",46),t._UZ(94,"col",46),t._UZ(95,"col",47),t._UZ(96,"col",45),t.qZA(),t.TgZ(97,"thead"),t.TgZ(98,"tr"),t.TgZ(99,"th"),t._uU(100,"TTS ID"),t.qZA(),t.TgZ(101,"th"),t._uU(102,"Message"),t.qZA(),t.TgZ(103,"th"),t._uU(104,"Applied Sites"),t.qZA(),t.TgZ(105,"th",48),t._uU(106,"Default"),t.qZA(),t.TgZ(107,"th"),t.TgZ(108,"div",49),t.TgZ(109,"div"),t._uU(110,"Show in MP "),t.qZA(),t.TgZ(111,"div",50),t.NdJ("mouseenter",function(a){return n.commonService.setTooltipPosition(a,"top-center")}),t._UZ(112,"comp-icon",51),t.TgZ(113,"div",52),t.TgZ(114,"div"),t._uU(115,"When enabled, monitoring center operators can see and use this message while providing a live remote video response."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(116,"th"),t.TgZ(117,"div",49),t.TgZ(118,"div"),t._uU(119,"Show in Customer App"),t.qZA(),t.TgZ(120,"div",50),t.NdJ("mouseenter",function(a){return n.commonService.setTooltipPosition(a,"top-center")}),t._UZ(121,"comp-icon",51),t.TgZ(122,"div",52),t.TgZ(123,"div"),t._uU(124,"When enabled, customers can see and use this message from their mobile app."),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.TgZ(125,"th"),t._uU(126,"Created"),t.qZA(),t.TgZ(127,"th"),t._uU(128,"Created By"),t.qZA(),t._UZ(129,"th"),t.qZA(),t.qZA(),t.qZA(),t.YNc(130,re,3,0,"div",53),t.YNc(131,Oe,14,1,"div",54),t.YNc(132,Te,10,0,"div",55),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t.qZA(),t._UZ(133,"dealer-warning",56),t.TgZ(134,"app-wcs-tts-create",57),t.NdJ("onClose",function(a){return n.closeCreate(a)}),t.qZA(),t.TgZ(135,"app-wcs-tts-to-site",57),t.NdJ("onClose",function(a){return n.closeCreate(a)}),t.qZA(),t.TgZ(136,"app-wcs-dealer-tts-upload",57),t.NdJ("onClose",function(a){return n.closeCreate(a)}),t.qZA(),t.TgZ(137,"app-wcs-google-tts-create",57),t.NdJ("onClose",function(a){return n.closeGoogleTTS(a)}),t.qZA(),t.TgZ(138,"app-default-tts",57),t.NdJ("onClose",function(a){return n.closeGoogleTTS(a)}),t.qZA()),2&e&&(t.xp6(11),t.Q6J("icon","info")("size",16)("color","#4f566b"),t.xp6(15),t.Q6J("icon","warning")("color","#f5925e")("size",20),t.xp6(12),t.Oqu(n.defaultTts.language[0]),t.xp6(5),t.AsE("",n.defaultTts.voice_type," (",n.defaultTts.ssml_gender,")"),t.xp6(5),t.hij("x ",n.defaultTts.speaking_rate,""),t.xp6(5),t.Oqu(n.defaultTts.pitch),t.xp6(10),t.ekj("disabled",n.isLoading),t.xp6(9),t.ekj("visible",n.isShowAddMenu),t.xp6(10),t.Q6J("ngForOf",n.tab_list),t.xp6(30),t.Q6J("icon","info")("size",16)("color","#55647B"),t.xp6(9),t.Q6J("icon","info")("size",16)("color","#55647B"),t.xp6(9),t.Q6J("ngIf",n.isLoading),t.xp6(1),t.Q6J("ngIf",0!==n.filteredAudioList.length),t.xp6(1),t.Q6J("ngIf",0===n.filteredAudioList.length),t.xp6(1),t.Q6J("modal",n.m_warning)("active",n.m_warning.is_active),t.xp6(1),t.Q6J("modal",n.m_create)("active",n.m_create.is_active),t.xp6(1),t.Q6J("modal",n.m_toSite)("active",n.m_toSite.is_active),t.xp6(1),t.Q6J("modal",n.m_createFile)("active",n.m_createFile.is_active),t.xp6(1),t.Q6J("modal",n.m_googletts)("active",n.m_googletts.is_active),t.xp6(1),t.Q6J("modal",n.m_defaultTts)("active",n.m_defaultTts.is_active))},directives:[w.U,h.sg,h.O5,O.a,E,gt,zt,Kt,te.m,h.mk],pipes:[h.uU],styles:['.widget[_ngcontent-%COMP%]{margin:14px;width:100%;line-height:initial}.widget[_ngcontent-%COMP%] .row-item[_ngcontent-%COMP%]{display:flex;flex-direction:row}.widget[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%]{padding:20px;font-size:14px}.widget[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%] .row-item[_ngcontent-%COMP%]{display:flex;flex-direction:row}.widget[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%] .row-item[_ngcontent-%COMP%]:not(:first-child){margin-top:14px}.widget[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%] .label[_ngcontent-%COMP%]{color:#0009}.widget[_ngcontent-%COMP%] .notice-area[_ngcontent-%COMP%]{background-color:#fcf9e9;padding:10px 20px;font-size:14px;color:#000000de;border-bottom:solid 1px rgba(0,0,0,.1)}.widget[_ngcontent-%COMP%] .notice-area[_ngcontent-%COMP%] .row-item[_ngcontent-%COMP%]{display:flex;flex-direction:row}.logo[_ngcontent-%COMP%]{width:196px;height:196px;background-color:#fafafa}.full-size[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;max-width:1200px;min-width:300px;max-height:calc(100% - 15px);width:100%}.text-button[_ngcontent-%COMP%]{padding:2px 12px 2px 11px}.text[_ngcontent-%COMP%]{margin-top:8px;word-break:break-all;font-size:.8rem;font-weight:600}.activated[_ngcontent-%COMP%]{color:green}.inactivated[_ngcontent-%COMP%]{color:#dc143c}.button-disabled[_ngcontent-%COMP%]{color:#aaa;cursor:default;pointer-events:none;font-size:14px}.tts-update-widget[_ngcontent-%COMP%]{display:flex;width:100%;max-width:1200px;min-width:600px;height:80px;margin:7px;background:#fff}.tts-update-widget[_ngcontent-%COMP%] .tts-update-widget-box[_ngcontent-%COMP%]{display:flex;flex:1;padding:20px 30px;justify-content:space-between;color:#000000de;font-size:14px}.tts-type[_ngcontent-%COMP%]{background-color:#e3e8ee;border-radius:11px;align-items:center;justify-content:center;display:flex;padding:3px 10px;margin-right:4px;cursor:pointer}.tts-type[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:16px}.tts-type.failed[_ngcontent-%COMP%]{background-color:#cd3d6426;color:#cd3d64}@keyframes pulse{0%{opacity:.25}20%{opacity:.8}40%{opacity:.25}60%{opacity:.8}80%{opacity:.25}to{opacity:.25}}.audio-waves[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]{animation-duration:1.7s;animation-iteration-count:infinite;animation-name:pulse;opacity:.25}.audio-waves[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]:nth-child(2){animation-delay:.125s}.audio-waves[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]:nth-child(3){animation-delay:.25s}.audio-playing[_ngcontent-%COMP%]{background-color:#1e88e5;color:#fff}.btn-loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:16px}.btn-loader.absolute[_ngcontent-%COMP%]{margin:auto;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.btn-loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.btn-loader[_ngcontent-%COMP%] .circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.btn-loader[_ngcontent-%COMP%] .circular[_ngcontent-%COMP%] .path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#fff;stroke-linecap:round}.audio-tab[_ngcontent-%COMP%]{height:48px;color:#888;display:flex;align-items:center}.audio-tab[_ngcontent-%COMP%] .btn[_ngcontent-%COMP%]{display:flex;align-items:center;height:48px;position:relative}.audio-tab[_ngcontent-%COMP%] .btn[_ngcontent-%COMP%]:hover{color:#2383e2;cursor:pointer}.audio-tab[_ngcontent-%COMP%] .btn-selected[_ngcontent-%COMP%]{color:#2383e2;background:transparent}.audio-tab[_ngcontent-%COMP%] .icn-btn[_ngcontent-%COMP%]{padding:0 16px}.audio-tab[_ngcontent-%COMP%] .icn-btn-active[_ngcontent-%COMP%]{color:#000}.audio-tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]{padding:0 32px;text-transform:uppercase;font-size:14px}.audio-tab[_ngcontent-%COMP%] .tab-selected-bar[_ngcontent-%COMP%]{position:absolute;bottom:-2px;width:100%;height:4px;background:#2383e2}.more-content[_ngcontent-%COMP%]{position:relative;justify-content:flex-end}.more-content[_ngcontent-%COMP%] .more-icon[_ngcontent-%COMP%]{cursor:pointer;padding:0 4px;border-radius:4px;margin-right:10px;font-size:18px;color:#0009;-webkit-user-select:none;user-select:none}.more-content[_ngcontent-%COMP%] .more-icon[_ngcontent-%COMP%]:hover, .more-content[_ngcontent-%COMP%] .more-icon.show[_ngcontent-%COMP%]{box-shadow:0 0 4px gray}.more-content[_ngcontent-%COMP%] .more[_ngcontent-%COMP%]{visibility:hidden;opacity:0;width:121px;height:-moz-fit-content;height:fit-content;background-color:#fff;color:#000000de;padding:0;box-sizing:border-box;border-radius:6px;font-size:14px;box-shadow:0 0 30px #0000004d;cursor:pointer;position:absolute;z-index:100;bottom:32px;right:-8px;margin-left:-38px;transition:opacity .3s}.more-content[_ngcontent-%COMP%] .more.add-more[_ngcontent-%COMP%]{width:160px;top:32px}.more-content[_ngcontent-%COMP%] .more.add-more[_ngcontent-%COMP%]:after{content:"";display:none}.more-content[_ngcontent-%COMP%] .more.tts-more[_ngcontent-%COMP%]{position:fixed;width:80px;bottom:initial;right:initial}.more-content[_ngcontent-%COMP%] .more.show[_ngcontent-%COMP%]{visibility:visible;opacity:1}.more-content[_ngcontent-%COMP%] .more.visible[_ngcontent-%COMP%]{visibility:visible;opacity:1}.more-content[_ngcontent-%COMP%] .more[_ngcontent-%COMP%]:after{content:"";position:absolute;bottom:-24px;right:20px;margin-left:-19px;border-width:12px;border-style:solid;border-color:#fff transparent transparent transparent}.more-content[_ngcontent-%COMP%] .more[_ngcontent-%COMP%] .more-title[_ngcontent-%COMP%]{color:#000000de;margin-bottom:5px;font-weight:500}.more-content[_ngcontent-%COMP%] .more[_ngcontent-%COMP%] .more-content[_ngcontent-%COMP%]{color:#0009;margin-bottom:14px;line-height:20px}.more-content[_ngcontent-%COMP%] .more[_ngcontent-%COMP%] .more-content[_ngcontent-%COMP%]:last-child{margin-bottom:0}.tag[_ngcontent-%COMP%]{align-items:center;line-height:16px;padding:2px 10px;border-radius:10px;background-color:#e3e8ee;color:#4f566b;font-size:13px;height:-moz-fit-content;height:fit-content}.tooltip-content[_ngcontent-%COMP%]{position:relative}.tooltip-content[_ngcontent-%COMP%] .tooltip-icon[_ngcontent-%COMP%]{cursor:pointer;margin-left:7px;font-size:18px;color:#0009}.tooltip-content[_ngcontent-%COMP%] .fs-12[_ngcontent-%COMP%]{font-size:12px}.tooltip-content[_ngcontent-%COMP%]:hover > .tooltip[_ngcontent-%COMP%]{visibility:visible;opacity:1}.tooltip-content[_ngcontent-%COMP%] comp-icon.contact-tooltip[_ngcontent-%COMP%]{padding-left:5px}.tooltip-content[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%]{visibility:hidden;background-color:#fff;padding:20px;box-sizing:border-box;border-radius:6px;font-size:14px;box-shadow:0 0 30px #0000004d;position:absolute;z-index:100;top:-30px;left:75px;margin-left:-38px;opacity:0;transition:opacity .3s;color:#0009;word-spacing:1px}.tooltip-content[_ngcontent-%COMP%] .tooltip.test[_ngcontent-%COMP%]{visibility:visible;opacity:1}.tooltip-content[_ngcontent-%COMP%] .tooltip.tts-tooltip[_ngcontent-%COMP%]{width:361px;top:32px;left:-122px}.tooltip-content[_ngcontent-%COMP%] .tooltip.tts-tooltip[_ngcontent-%COMP%]:after{top:-24px;left:182px;border-color:transparent transparent #fff transparent}.tooltip-content[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .tooltip-box[_ngcontent-%COMP%]{padding:20px;margin-bottom:20px;background:#fff;border-radius:6px;font-size:14px;box-shadow:0 0 30px #0000004d}.tooltip-content[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%]:after{content:"";position:absolute;margin-left:-19px;border-width:12px;border-style:solid;border-color:transparent #fff transparent transparent}.tooltip-content[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .font-10[_ngcontent-%COMP%]{font-size:10px}.tooltip-content[_ngcontent-%COMP%] .tooltip[_ngcontent-%COMP%] .font-12[_ngcontent-%COMP%]{font-size:12px}.tooltip-content[_ngcontent-%COMP%] .pointer[_ngcontent-%COMP%]{cursor:pointer}.tooltip[_ngcontent-%COMP%] .tooltip-item[_ngcontent-%COMP%] .tts-tooltip-img[_ngcontent-%COMP%]{height:161px}','.scroll-screen[_ngcontent-%COMP%]{flex:1;flex-direction:column;overflow-y:overlay;height:100%;position:relative;padding:7px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.row[_ngcontent-%COMP%]{flex-direction:row;display:flex;height:100%;overflow-y:overlay;transition:.5s}.col[_ngcontent-%COMP%]{flex-direction:column;display:flex;flex:1;height:100%}.customer-widget-area[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]{min-width:300px}.customer-widget-area[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]:only-child{min-width:600px}.customer-widget-area.deactivated[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]{height:calc(100% - 43px)}.col[_ngcontent-%COMP%] .widget[_ngcontent-%COMP%]{min-width:300px}.sub-nav[_ngcontent-%COMP%]{position:relative;left:0px;transition:all ease-in-out .3s;min-width:250px;max-width:250px;flex:1;background:#fff;border-right:.5px solid #d7d7d7;display:flex;flex-direction:column;overflow-y:overlay;z-index:3}.sub-nav[_ngcontent-%COMP%]:focus{outline:none}.sub-nav[_ngcontent-%COMP%] .row[_ngcontent-%COMP%]{height:initial;flex:initial;align-items:center}.sub-nav[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]{overflow-y:overlay}.sub-nav[_ngcontent-%COMP%] .search[_ngcontent-%COMP%]{padding:6px 12px 6px 0;box-sizing:border-box;border:0;background-color:transparent;background-size:24px;background-position:4px 8px;background-repeat:no-repeat;flex:1}.sub-nav[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{margin-right:8px;color:#777;transition:.2s}.sub-nav[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{cursor:pointer;color:#000}.sub-nav[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%]{background-color:red;color:#fff;width:8px;height:14px;margin-left:8px;padding:2px 4px 2px 5px;border-radius:4px;font-size:12px}.sub-nav[_ngcontent-%COMP%] .plan-badge[_ngcontent-%COMP%]{background-color:red;width:6px;height:6px;margin-left:4px;border-radius:10px}.sub-nav[_ngcontent-%COMP%] .list-category[_ngcontent-%COMP%]{padding:24px 0 7px 20px;color:#2f96fb;font-size:14px;text-transform:uppercase}.sub-nav[_ngcontent-%COMP%] .list-category[_ngcontent-%COMP%]:first-child{padding:30px 0 7px 20px;color:#2f96fb;font-size:14px}.sub-nav[_ngcontent-%COMP%] .list-item[_ngcontent-%COMP%]{display:flex;align-items:center;color:#0009;cursor:pointer}.sub-nav[_ngcontent-%COMP%] .list-item[_ngcontent-%COMP%]:hover{background:rgba(0,0,0,.05)}.sub-nav[_ngcontent-%COMP%] .list-item[_ngcontent-%COMP%]:hover.settings{background:transparent}.sub-nav[_ngcontent-%COMP%] .list-item-selected[_ngcontent-%COMP%]{background:#dcf0fd!important;color:#000000de}.sub-nav[_ngcontent-%COMP%] .list-item-selected[_ngcontent-%COMP%]:after{background-color:#2f96fb}.sub-nav[_ngcontent-%COMP%] .list-item-selected.settings[_ngcontent-%COMP%]{background:transparent!important;color:#000000de;font-weight:500;color:#2f96fb}.sub-nav[_ngcontent-%COMP%] .menu-label[_ngcontent-%COMP%]{display:flex;font-size:14px;padding:7px 0 7px 15px}.sub-nav[_ngcontent-%COMP%] .menu-label.settings[_ngcontent-%COMP%]{padding-left:16px;width:100%;margin:0 4px;border-radius:4px}.sub-nav[_ngcontent-%COMP%] .menu-label.settings[_ngcontent-%COMP%]:hover{padding:8px 16px;background:#e8eaed}.sub-nav[_ngcontent-%COMP%] .menu-label.settings.selected-label[_ngcontent-%COMP%]{width:100%;margin:0 4px;padding:8px 12px;border-radius:4px;font-weight:500;color:#2f96fb}.sub-nav[_ngcontent-%COMP%] .menu-label.settings.selected-label[_ngcontent-%COMP%]:hover{padding:8px 12px;background:#dcf0fd}.sub-nav[_ngcontent-%COMP%] .select-mark[_ngcontent-%COMP%]{background-color:#2f96fb}.sub-nav[_ngcontent-%COMP%] .select-mark.settings[_ngcontent-%COMP%]{background-color:#2383e2;width:4px;min-height:30px;height:30px;border-radius:4px}.component-body[_ngcontent-%COMP%]{position:relative;flex:5;height:100%;flex-direction:column;display:flex;transition:all ease-in-out .3s}.component-body-no-data[_ngcontent-%COMP%]{flex:5;height:100%;flex-direction:column;align-items:center;justify-content:center;display:flex}.tab[_ngcontent-%COMP%]{height:60px;color:#888;background:#f7f7fc;box-shadow:0 4px 2px -2px #888;display:flex;align-items:center;z-index:1}.tab[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%;position:relative}.tab[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#2383e2;cursor:pointer}.tab[_ngcontent-%COMP%] .button-selected[_ngcontent-%COMP%]{color:#2383e2}.tab[_ngcontent-%COMP%] .icn-button[_ngcontent-%COMP%]{padding:0 16px}.tab[_ngcontent-%COMP%] .icn-button-active[_ngcontent-%COMP%]{color:#000}.tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]{padding:0 32px;text-transform:capitalize;font-size:14px}.tab[_ngcontent-%COMP%] .tab-selected-bar[_ngcontent-%COMP%]{position:absolute;bottom:-2px;width:100%;height:4px;background:#2383e2}.plan-upgrade-badge[_ngcontent-%COMP%]{background:linear-gradient(90deg,#2A517E 17.88%,#1E88E5 69.03%);border-radius:10px;padding:2px 6px;margin-left:-8px;color:#fff;font-size:12px;font-weight:400;cursor:pointer}.customer-tab[_ngcontent-%COMP%]{color:#7a7a7a;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;z-index:1;font-weight:500;font-size:14px;flex-flow:wrap}.customer-tab[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{display:flex;align-items:center;height:50px;position:relative;cursor:pointer}.customer-tab[_ngcontent-%COMP%] .button-selected[_ngcontent-%COMP%]{color:#1e88e5;font-weight:500}.customer-tab[_ngcontent-%COMP%] .icn-button[_ngcontent-%COMP%]{padding:0 16px}.customer-tab[_ngcontent-%COMP%] .icn-button-active[_ngcontent-%COMP%]{color:#000}.customer-tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]{padding:8px 20px;text-transform:capitalize;font-size:14px;font-weight:400}.customer-tab[_ngcontent-%COMP%] .tab-title.selected[_ngcontent-%COMP%]{font-weight:500}.customer-tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]:hover{background:#e8eaed;border-radius:7px}.customer-tab[_ngcontent-%COMP%] .tab-selected-bar[_ngcontent-%COMP%]{position:absolute;bottom:-2px;width:100%;height:3px;background:#2383e2}.setting-tab[_ngcontent-%COMP%]{height:41px;box-sizing:border-box;color:#7a7a7a;background:#fff;display:flex;flex-direction:row;align-items:center;z-index:1;font-size:14px;font-weight:500;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.1);background-color:#fbfbfa}.setting-tab[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%;position:relative;cursor:pointer}.setting-tab[_ngcontent-%COMP%] .button-selected[_ngcontent-%COMP%]{color:#000}.setting-tab[_ngcontent-%COMP%] .button-selected-red[_ngcontent-%COMP%]{color:#f67474}.setting-tab[_ngcontent-%COMP%] .icn-button[_ngcontent-%COMP%]{padding:0 16px}.setting-tab[_ngcontent-%COMP%] .icn-button-active[_ngcontent-%COMP%]{color:#000}.setting-tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]{padding:5px 20px;text-transform:capitalize;font-size:13px;font-weight:400;margin:0 1px}.setting-tab[_ngcontent-%COMP%] .tab-title[_ngcontent-%COMP%]:hover{background:#e8eaed;border-radius:5px}.setting-tab[_ngcontent-%COMP%] .tab-selected-bar[_ngcontent-%COMP%]{position:absolute;width:100%;bottom:0;height:4px;background:#2383e2;border-radius:4px}.setting-tab[_ngcontent-%COMP%] .tab-selected-bar-red[_ngcontent-%COMP%]{position:absolute;width:100%;bottom:0;height:5px;background:#f67474}.btn-icon[_ngcontent-%COMP%]{color:#7c7c7c;background-color:#f1f1f1;cursor:pointer}.btn-icon[_ngcontent-%COMP%]:hover{color:#7c7c7c;background-color:#efeff6}.space[_ngcontent-%COMP%]{flex:1}.sub-component[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;width:100%;height:100%}.widget-area[_ngcontent-%COMP%]{flex-direction:row;display:flex;height:100%;flex:1;overflow-y:overlay;padding:20px 30px;flex-wrap:wrap;justify-content:center;box-sizing:border-box}.customer-widget-area[_ngcontent-%COMP%]{position:absolute;height:auto;bottom:0;top:0;left:0;right:0;flex-direction:row;display:flex;flex:1;overflow:initial;padding:14px;box-sizing:border-box;flex-wrap:wrap;justify-content:center}.customer-widget-area.deactivated[_ngcontent-%COMP%]{padding:0 7px 7px}.wcs-widget-area[_ngcontent-%COMP%]{position:absolute;height:auto;bottom:0;top:0;left:0;right:0;flex-direction:row;display:flex;flex:1;overflow-y:overlay;padding:12px;flex-wrap:wrap;align-items:center;grid-gap:12px;gap:12px}.wcs-widget-area[_ngcontent-%COMP%] .col[_ngcontent-%COMP%]{align-items:center}.setting-widget[_ngcontent-%COMP%]{height:calc(100% - 44px)}.setting-router[_ngcontent-%COMP%]{width:100%;flex:1;position:relative;overflow:auto;overflow-y:overlay}.container[_ngcontent-%COMP%]{width:calc(100% - 14px);height:100%;display:flex;flex-direction:column;align-items:center;padding:7px}.widget[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:column;max-width:1400px;min-width:300px;max-height:calc(100% - 15px);background:white;transition:.5s;border-radius:3px;border:1px solid rgba(0,0,0,.1);margin:0 5px 10px}.widget[_ngcontent-%COMP%]:last-child{margin:0 5px}.widget[_ngcontent-%COMP%]:only-child{min-width:600px}.widget[_ngcontent-%COMP%] .header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;border-bottom:solid 1px rgba(0,0,0,.1)}.widget[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:calc(100% - 108px);padding:20px}.widget[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%] .item[_ngcontent-%COMP%]{padding-bottom:14px}.widget-item[_ngcontent-%COMP%]{flex:none;font-size:14px;color:#000000de}.widget-item[_ngcontent-%COMP%] .widget-body[_ngcontent-%COMP%]{padding:14px 30px}.widget[_ngcontent-%COMP%] .desc[_ngcontent-%COMP%]{font-size:14px;color:#0009;margin-bottom:7px}.widget[_ngcontent-%COMP%] .label[_ngcontent-%COMP%]{width:200px;font-size:14px;color:#0009}.widget[_ngcontent-%COMP%] .item-row[_ngcontent-%COMP%]{display:flex;padding:7px 0}.widget[_ngcontent-%COMP%] .bottom-line[_ngcontent-%COMP%]{border-bottom:solid 1px rgba(0,0,0,.1)}.scroll-widget[_ngcontent-%COMP%]{max-height:initial}.item[_ngcontent-%COMP%] .w-1[_ngcontent-%COMP%]{width:10%}.item[_ngcontent-%COMP%] .w-2[_ngcontent-%COMP%]{width:20%}.item[_ngcontent-%COMP%] .w-3[_ngcontent-%COMP%]{width:30%}.item[_ngcontent-%COMP%] .w-4[_ngcontent-%COMP%]{width:40%}.item[_ngcontent-%COMP%] .w-5[_ngcontent-%COMP%]{width:50%}.item[_ngcontent-%COMP%] .fs-12[_ngcontent-%COMP%]{font-size:12px}.item[_ngcontent-%COMP%] .right-align[_ngcontent-%COMP%]{text-align:right}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{display:flex;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:14px}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{width:80%;box-sizing:border-box;padding:8px;font-size:14px;background-color:#f0f0f0;border:none;border-bottom:2px solid #f0f0f0;-webkit-appearance:none;-moz-appearance:none;transition:.2s}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #2383e2}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{position:absolute;left:12px;top:12px;color:#00000080}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] .search-box[_ngcontent-%COMP%]{width:100%;padding-left:32px}.item[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{cursor:pointer}.cell[_ngcontent-%COMP%]{padding-bottom:14px}.widget[_ngcontent-%COMP%] .widget-bottom[_ngcontent-%COMP%]{display:flex;padding-top:6px}.table-area[_ngcontent-%COMP%]{height:100%;overflow:overlay}.table-container[_ngcontent-%COMP%]{display:flex;height:100%;flex-direction:column;overflow-y:hidden}table.table-header[_ngcontent-%COMP%]:after{border-collapse:separate}.table-container[_ngcontent-%COMP%] .table-header[_ngcontent-%COMP%]{min-height:31px;background-color:#f7fafc;border-bottom:solid 1px rgba(0,0,0,.1);border-top:solid 1px rgba(0,0,0,.1);box-sizing:border-box}.table-container[_ngcontent-%COMP%] .table-header.no-top-border[_ngcontent-%COMP%]{border-top:0}.table-container[_ngcontent-%COMP%] .table-header[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:10px 7px}.table-container[_ngcontent-%COMP%] .table-header[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child{padding:10px 7px 10px 20px}.table-container[_ngcontent-%COMP%] .table-header[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:last-child{padding:10px 20px 10px 7px}.table-container[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{padding:7px}.table-container[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child{padding:7px 7px 7px 20px}.table-container[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:last-child{padding:7px 20px 7px 7px}.table-container[_ngcontent-%COMP%] .table-header-v2[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:10px 7px}.table-container[_ngcontent-%COMP%] .table-header-v2[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child{padding:10px 7px 10px 20px}.table-container[_ngcontent-%COMP%] .table-header-v2[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:last-child{padding:10px 20px 10px 7px}.table-container[_ngcontent-%COMP%] .table-body-v2[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{padding:7px}.table-container[_ngcontent-%COMP%] .table-body-v2[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child{padding:7px 7px 7px 20px}.table-container[_ngcontent-%COMP%] .table-body-v2[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:last-child{padding:7px 20px 7px 7px}table.table-header-v2[_ngcontent-%COMP%]:after{border-collapse:separate}.table-container[_ngcontent-%COMP%] .table-body[_ngcontent-%COMP%]{width:100%;max-height:calc(100% - 30px);flex:1;overflow-y:overlay}.table-container[_ngcontent-%COMP%] .no-record[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding:7px 0}.header[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{flex:1;font-size:16px;padding:12px 20px;color:#000000de}.header[_ngcontent-%COMP%] .btn-area[_ngcontent-%COMP%]{padding:7px 16px}.header[_ngcontent-%COMP%] .button-selected[_ngcontent-%COMP%]{color:#000}.header[_ngcontent-%COMP%] .button-disable[_ngcontent-%COMP%]:hover{color:#aaa;cursor:default;pointer-events:none}.header[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]{color:#1e90ff}.header[_ngcontent-%COMP%] .button-primary[_ngcontent-%COMP%]:hover{color:#30b0ff}.widget[_ngcontent-%COMP%] .body[_ngcontent-%COMP%]{flex:1;padding:14px 16px;overflow-y:overlay}.body-center[_ngcontent-%COMP%]{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.body-center[_ngcontent-%COMP%] .image[_ngcontent-%COMP%]{text-align:center}.body-center[_ngcontent-%COMP%] .image[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:30px;color:#2383e2}.body-center[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{margin-bottom:14px;font-size:14px;color:#0009;text-align:center;line-height:1.5}.body-center[_ngcontent-%COMP%] .description[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{margin-bottom:8px;font-size:18px;color:#000000de}.body[_ngcontent-%COMP%] .title[_ngcontent-%COMP%]{font-size:14px;color:#777}.body[_ngcontent-%COMP%] > .contents[_ngcontent-%COMP%]{font-size:15px;color:#333;margin-top:4px;padding:4px 0;display:flex;min-height:24px;align-items:center}.body[_ngcontent-%COMP%] .editable[_ngcontent-%COMP%]{border-bottom:1px solid #fff;transition:.5s}.body[_ngcontent-%COMP%] .editable[_ngcontent-%COMP%]:hover{cursor:text;border-bottom:1px solid #ccc}.body[_ngcontent-%COMP%] .selectbox[_ngcontent-%COMP%]{color:#777;padding:16px;box-shadow:0 0 2px #888;transition:.2s;cursor:pointer;display:flex;flex-direction:row}.body[_ngcontent-%COMP%] .selectbox[_ngcontent-%COMP%]:hover{color:#333;box-shadow:0 0 6px #888}.widget[_ngcontent-%COMP%] .search[_ngcontent-%COMP%]{margin:12px;padding:12px 12px 12px 36px;box-sizing:border-box;border:0;border-bottom:2px solid #ddd;background-color:transparent;background-image:url(/assets/icons/ic_search_72pt.png);background-size:24px;background-position:4px 8px;background-repeat:no-repeat;flex:1;transition:.3s}.widget[_ngcontent-%COMP%] .search[_ngcontent-%COMP%]:focus{outline:none;border-bottom:2px solid #777}.widget[_ngcontent-%COMP%] .filter-area[_ngcontent-%COMP%]{flex:1;display:flex;align-items:center;flex-direction:row-reverse}.tab[_ngcontent-%COMP%] .combo-box[_ngcontent-%COMP%]{display:flex}.filter-area[_ngcontent-%COMP%] .combo-box[_ngcontent-%COMP%]{color:#777;font-size:14px;padding:0 8px 0 0;text-align:right;position:relative;cursor:pointer}.header[_ngcontent-%COMP%] .combo-box[_ngcontent-%COMP%]{color:#777;font-size:14px;text-align:right;position:relative;cursor:pointer}.combo-box[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{transition:.2s}.combo-box[_ngcontent-%COMP%] > .button-active[_ngcontent-%COMP%]{color:#000}.combo-box[_ngcontent-%COMP%] .arrow[_ngcontent-%COMP%]{vertical-align:middle}.combo-box-contents[_ngcontent-%COMP%]{position:absolute;right:16px;z-index:101;text-align:left;box-sizing:border-box;background-color:#fff;transition:.2s;box-shadow:0 2px 4px #00000080;border:solid 1px #d9d9d9;border-radius:5px}.combo-box-contents[_ngcontent-%COMP%] .items[_ngcontent-%COMP%]{cursor:pointer;padding:8px;color:#333;font-size:12px}.combo-box-contents[_ngcontent-%COMP%] .items[_ngcontent-%COMP%]:hover{background:#eee}.list[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);min-height:28px;transition:.1s;padding:10px 20px}.list.locked-list[_ngcontent-%COMP%]{background-color:#f7fafc}.list-group[_ngcontent-%COMP%]:hover{background-color:#fafcff}.list-bottom-clear[_ngcontent-%COMP%]{border-bottom:none}.list-bottom-line[_ngcontent-%COMP%]{border-bottom:1px solid #aaa}.widget[_ngcontent-%COMP%] .list[_ngcontent-%COMP%]:hover{background:#f5f5f5;cursor:pointer}.widget[_ngcontent-%COMP%] .list.locked-list[_ngcontent-%COMP%]:hover{background:#F7FAFC;cursor:initial}.list[_ngcontent-%COMP%] > .contents[_ngcontent-%COMP%]{padding:12px 0;font-size:14px;color:#333;flex:1}.list[_ngcontent-%COMP%] > .stat-contents[_ngcontent-%COMP%]{padding:12px 0;float:right;font-size:13px;color:#aaa}.list[_ngcontent-%COMP%] > .button-contents[_ngcontent-%COMP%]{padding:12px 0;float:right;font-size:13px}.list[_ngcontent-%COMP%] > .button-contents[_ngcontent-%COMP%]:hover{opacity:.8}.list[_ngcontent-%COMP%] > .icon[_ngcontent-%COMP%]{display:flex;align-items:center;margin:0 10px 0 6px;height:40px}.list[_ngcontent-%COMP%] .status-bar[_ngcontent-%COMP%]{width:8px;background:#aaa}.contents[_ngcontent-%COMP%] > .contents-small[_ngcontent-%COMP%]{margin-left:4px;font-size:11px;color:#555}.contents[_ngcontent-%COMP%] .sub-contents[_ngcontent-%COMP%]{font-size:12px;color:#0009;margin-top:6px}.widget[_ngcontent-%COMP%] .row[_ngcontent-%COMP%]{height:initial;align-items:center}.widget[_ngcontent-%COMP%] table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse}.widget[_ngcontent-%COMP%] th[_ngcontent-%COMP%]{padding:10px 7px;color:#56657bde;text-transform:uppercase;text-align:left;font-size:13px;font-weight:normal}.widget[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]{border-bottom:1px rgba(0,0,0,.1) solid}.widget[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:last-child{border-bottom:none}.widget[_ngcontent-%COMP%] td[_ngcontent-%COMP%]{font-size:14px;color:#000000de;padding:7px}td[_ngcontent-%COMP%] .sub-contents[_ngcontent-%COMP%]{font-size:11px;color:#888;margin-top:4px}td[_ngcontent-%COMP%] .edit-btn[_ngcontent-%COMP%]{cursor:pointer;color:#1e90ff}td[_ngcontent-%COMP%] .delete-btn[_ngcontent-%COMP%]{cursor:pointer;color:#f1556c}table[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{float:right;color:#bbb;transition:.2s;cursor:pointer}table[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#333}table[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{border-radius:50%;width:35px;height:35px}.div-table-header[_ngcontent-%COMP%]{display:flex;height:30px;border-style:solid;border-width:1px;border-image-source:linear-gradient(to bottom,#dfdfdf,#bcbcbc);border-image-slice:1;border-collapse:separate;background-image:linear-gradient(to bottom,#f7f7f7,#ececed);font-size:14px;align-items:center}.div-table-header[_ngcontent-%COMP%] .div-table-head[_ngcontent-%COMP%]{padding:7px 16px}.face[_ngcontent-%COMP%]{border-radius:50%;width:28px;height:28px;display:inline-block;margin-right:8px;vertical-align:middle}.folding-list[_ngcontent-%COMP%]{cursor:pointer}.folding-list[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:8px}.folding-list[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]{color:#555;font-size:16px;padding:12px 0;border-bottom:1px solid #aaa;transition:.1s;height:54px}.folding-list[_ngcontent-%COMP%] .contents[_ngcontent-%COMP%]:hover{background:#f5f5f5}.folding-list[_ngcontent-%COMP%] .sub-list-title[_ngcontent-%COMP%]{margin-left:16px;padding:12px 0 4px;color:#777;font-size:12px;font-weight:bold;border-bottom:1px solid #ccc;display:flex}.folding-list[_ngcontent-%COMP%] .sub-list[_ngcontent-%COMP%]{margin-left:16px;padding:8px 0;color:#333;font-size:14px;border-bottom:1px solid #ccc;transition:.1s;display:flex}.folding-list[_ngcontent-%COMP%] .sub-list[_ngcontent-%COMP%]:hover{background:#f5f5f5}.folding-list[_ngcontent-%COMP%] .sub-list-selected[_ngcontent-%COMP%]{background:#f5f5f5}.empty-contents[_ngcontent-%COMP%]{font-size:16px;color:#bbb;font-weight:bold;text-transform:uppercase}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{flex:1;box-sizing:border-box;padding:4px;border:0;border-bottom:1px solid #ccc;background:rgba(0,0,0,0);transition:.2s}.body[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #777}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]{padding:4px 0;border-bottom:1px solid #fff;background:rgba(0,0,0,0)}.body[_ngcontent-%COMP%] .hidden-input[_ngcontent-%COMP%]:hover{border-bottom:1px solid #777}.dropdown[_ngcontent-%COMP%]{font-size:14px;position:relative;flex:1}.dropdown-contents[_ngcontent-%COMP%]{position:absolute;width:100%;margin-top:8px;left:0px;z-index:100;text-align:left;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 13px 1px #0003;transition:.2s}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]{cursor:pointer;padding:8px;color:#333;font-size:14px;display:flex;align-items:center}.dropdown-contents[_ngcontent-%COMP%] > .list-item[_ngcontent-%COMP%]:hover{background:#eee}.dropdown[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;background:rgba(0,0,0,0)}.face[_ngcontent-%COMP%]{border-radius:50%;width:32px;height:32px;margin-right:8px}.no-face[_ngcontent-%COMP%]{border-radius:50%;width:38x;height:38px;min-width:38px;min-height:38px;background-color:#ccc;display:inline-block;margin-right:8px;vertical-align:middle;color:#fff;text-align:center;text-transform:uppercase}.calendar[_ngcontent-%COMP%]{width:100%}.contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{color:#777;transition:.2s;cursor:pointer}.contents[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]:hover{color:#333}.list[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]{display:flex;width:32px;height:32px;justify-content:center;align-items:center;padding:5px;color:#777;transition:.2s;cursor:pointer;border-radius:21px}.list[_ngcontent-%COMP%] > .button[_ngcontent-%COMP%]:hover{color:#333;background:rgba(0,0,0,.05)}.btn-danger[_ngcontent-%COMP%]{color:#f1556d}.btn-danger[_ngcontent-%COMP%]:hover{color:#f47185}.svg-icon[_ngcontent-%COMP%]{font-size:24px;color:#000;width:1em;height:1em;position:relative}.svg-icon[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{fill:currentColor;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.png-icon[_ngcontent-%COMP%]{width:36px;height:36px;position:relative}.png-icon[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{max-width:100%;max-height:100%}.child-item[_ngcontent-%COMP%]{padding-left:24px}.title[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{vertical-align:middle;margin-right:4px}.widget[_ngcontent-%COMP%] .has-child[_ngcontent-%COMP%]:hover{background:#f5f5f5;cursor:pointer}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]{flex:1;background:white;box-sizing:border-box;margin-top:8px;padding:4px 0;border:0;border-bottom:1px solid #ccc;transition:.2s}.body[_ngcontent-%COMP%] select[_ngcontent-%COMP%]:focus{outline:none;border-bottom:1px solid #777}.loader[_ngcontent-%COMP%]{position:relative;margin:0 auto;width:50px}.loader[_ngcontent-%COMP%]:before{content:"";display:block;padding-top:100%}.absolute[_ngcontent-%COMP%]{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);z-index:10}.circular[_ngcontent-%COMP%]{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.path[_ngcontent-%COMP%]{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke:#0057e7;stroke-linecap:round}.path.white[_ngcontent-%COMP%]{stroke:#fff}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.list-item[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.list-item[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]:hover{color:#fff}.content-list[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{position:relative;background-color:#2383e2;border:none;font-size:14px;color:#fff;padding:8px 16px;margin-left:8px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.title-row[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin-top:28px}.title-row[_ngcontent-%COMP%] .list-title[_ngcontent-%COMP%]{flex:1;color:#777;padding-top:12px;justify-content:center}.title-row[_ngcontent-%COMP%] .tail[_ngcontent-%COMP%]{flex:1;text-align:right}.disabled[_ngcontent-%COMP%]{cursor:default;filter:contrast(60%) brightness(1.2);opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none}.input-err[_ngcontent-%COMP%]{outline:none;background-color:#fbd0d6;box-shadow:0 0 0 2px #f1556c}.page-item[_ngcontent-%COMP%]{padding-bottom:14px!important}.unselectable[_ngcontent-%COMP%]{-webkit-user-select:none;user-select:none}.pager[_ngcontent-%COMP%]{display:flex;align-items:center;font-size:14px;color:#0009}.pager[_ngcontent-%COMP%] .page-info[_ngcontent-%COMP%]{display:flex;align-items:center;min-width:80px;padding-left:16px}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%]{display:flex;align-items:center;padding:0 0 0 28px}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%] .page-btn[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;color:#0009}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%] .page-btn[_ngcontent-%COMP%]:hover{color:#000000de}.pager[_ngcontent-%COMP%] .page-mover[_ngcontent-%COMP%] .page-btn.mover-disabled[_ngcontent-%COMP%]{cursor:initial;color:#0000004d}.pager[_ngcontent-%COMP%] .page-all[_ngcontent-%COMP%]{display:flex;align-items:center;padding-right:15px}.inner-input[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;padding:6px 8px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;font-size:14px;transition:.2s;text-indent:0px;font-weight:400}.top-noti[_ngcontent-%COMP%]{width:100%;min-height:36px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:7px;background-color:#fcf9e9;font-size:14px;color:#000000de;border-bottom:rgba(0,0,0,.1)}']}),i})()}]);var T=d(56447);let Ze=(()=>{class i{}return i.\u0275fac=function(e){return new(e||i)},i.\u0275mod=t.oAB({type:i}),i.\u0275inj=t.cJS({imports:[[h.ez,p.u5,M.p9,T.q]]}),i})();var S=d(688);let Se=(()=>{class i{}return i.\u0275fac=function(e){return new(e||i)},i.\u0275mod=t.oAB({type:i}),i.\u0275inj=t.cJS({imports:[[h.ez,p.u5,M.p9,T.q,S.m]]}),i})(),ye=(()=>{class i{}return i.\u0275fac=function(e){return new(e||i)},i.\u0275mod=t.oAB({type:i}),i.\u0275inj=t.cJS({imports:[[h.ez,p.u5,T.q,S.m,L.kx,Z.rP,M.p9]]}),i})(),ke=(()=>{class i{}return i.\u0275fac=function(e){return new(e||i)},i.\u0275mod=t.oAB({type:i}),i.\u0275inj=t.cJS({imports:[[h.ez,p.u5,M.p9,T.q,Z.rP,S.m]]}),i})();var Ae=d(10841);let qe=(()=>{class i{}return i.\u0275fac=function(e){return new(e||i)},i.\u0275mod=t.oAB({type:i}),i.\u0275inj=t.cJS({imports:[[h.ez,p.u5,we,Ze,Se,T.q,ye,ke,Ae.v,S.m]]}),i})()}}]);