https://emiratesvisa.com/297.1d43f7dea821b0b5.js

1"use strict";(self.webpackChunkemirates_visa=self.webpackChunkemirates_visa||[]).push([[297],{297:(_,d,i)=>{i.r(d),i.d(d,{FaqModule:()=>w});var s=i(6895),e=i(4650),l=i(1085);let f=(()=>{class n{constructor(t){this._afs=t,this.faqsCollection=this._afs.collection("faqs")}getAllFaqs(){return this.faqsCollection.valueChanges()}static#e=this.\u0275fac=function(a){return new(a||n)(e.\u0275\u0275inject(l.ST))};static#t=this.\u0275prov=e.\u0275\u0275defineInjectable({token:n,factory:n.\u0275fac,providedIn:"root"})}return n})();const p=["accordionRef"],h=["panelRef"];function m(n,c){1&n&&(e.\u0275\u0275namespaceSVG(),e.\u0275\u0275elementStart(0,"svg",9),e.\u0275\u0275element(1,"circle",10),e.\u0275\u0275elementEnd())}function v(n,c){if(1&n){const t=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementContainerStart(0),e.\u0275\u0275elementStart(1,"div",11)(2,"button",12,13),e.\u0275\u0275listener("click",function(){const r=e.\u0275\u0275restoreView(t).index,C=e.\u0275\u0275nextContext();return e.\u0275\u0275resetView(C.onFaqQuestion(r))}),e.\u0275\u0275text(4),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(5,"div",14,15),e.\u0275\u0275element(7,"div",16),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementContainerEnd()}if(2&n){const t=c.$implicit,a=c.index;e.\u0275\u0275advance(2),e.\u0275\u0275propertyInterpolate("id",a),e.\u0275\u0275advance(2),e.\u0275\u0275textInterpolate1(" ",t.lang.en.question," "),e.\u0275\u0275advance(3),e.\u0275\u0275property("innerHTML",t.lang.en.answer,e.\u0275\u0275sanitizeHtml)}}let g=(()=>{class n{constructor(t,a){this._renderer=t,this._faqService=a,this.didFaqsLoad=!1,this.faqs=[],this.accordianRefIds=[],this.panelRefIds=[]}ngOnInit(){this._faqService.getAllFaqs().subscribe(t=>{this.faqs=t,this.didFaqsLoad=!0})}ngAfterViewChecked(){this.panelRefIds=this.panelRef.toArray(),this.accordianRefIds=this.accordionRef.toArray()}onFaqQuestion(t){this.accordianRefIds[t].nativeElement.classList.contains("active")?(this._renderer.removeClass(this.accordianRefIds[t].nativeElement,"active"),this._renderer.removeClass(this.panelRefIds[t].nativeElement,"on"),this._renderer.setStyle(this.panelRefIds[t].nativeElement,"max-height",null)):(this._renderer.addClass(this.accordianRefIds[t].nativeElement,"active"),this._renderer.addClass(this.panelRefIds[t].nativeElement,"on"),this._renderer.setStyle(this.panelRefIds[t].nativeElement,"max-height",`${this.panelRefIds[t].nativeElement.scrollHeight}px`))}static#e=this.\u0275fac=function(a){return new(a||n)(e.\u0275\u0275directiveInject(e.Renderer2),e.\u0275\u0275directiveInject(f))};static#t=this.\u0275cmp=e.\u0275\u0275defineComponent({type:n,selectors:[["app-faq"]],viewQuery:function(a,o){if(1&a&&(e.\u0275\u0275viewQuery(p,5),e.\u0275\u0275viewQuery(h,5)),2&a){let r;e.\u0275\u0275queryRefresh(r=e.\u0275\u0275loadQuery())&&(o.accordionRef=r),e.\u0275\u0275queryRefresh(r=e.\u0275\u0275loadQuery())&&(o.panelRef=r)}},decls:11,vars:2,consts:[[1,"page-banner"],[1,"banner-header"],[1,"banner-para"],[1,"bp-container"],[1,"raised-page-wr"],[1,"content-wr-raised",2,"padding-top","0px"],["class","spinner","width","45px","height","45px","viewBox","0 0 66 66","xmlns","http://www.w3.org/2000/svg",4,"ngIf"],[4,"ngFor","ngForOf"],[1,"bp-space"],["width","45px","height","45px","viewBox","0 0 66 66","xmlns","http://www.w3.org/2000/svg",1,"spinner"],["fill","none","stroke-width","6","stroke-linecap","round","cx","33","cy","33","r","30",1,"path"],[2,"width","100%"],[1,"accordion",3,"id","click"],["accordionRef",""],[1,"panel"],["panelRef",""],[1,"faq-answer",3,"innerHTML"]],template:function(a,o){1&a&&(e.\u0275\u0275elementStart(0,"div",0)(1,"h1",1),e.\u0275\u0275text(2,"Advices and answers"),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(3,"h1",2),e.\u0275\u0275text(4,"from emiratesvisa.com team"),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementStart(5,"div",3)(6,"div",4)(7,"div",5),e.\u0275\u0275template(8,m,2,0,"svg",6),e.\u0275\u0275template(9,v,8,3,"ng-container",7),e.\u0275\u0275elementEnd()()(),e.\u0275\u0275element(10,"div",8)),2&a&&(e.\u0275\u0275advance(8),e.\u0275\u0275property("ngIf",!o.didFaqsLoad),e.\u0275\u0275advance(1),e.\u0275\u0275property("ngForOf",o.faqs))},dependencies:[s.sg,s.O5],styles:['.accordion[_ngcontent-%COMP%]{background-color:#fff;color:#000;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px;transition:.4s;border-bottom:1px solid #eee}.active[_ngcontent-%COMP%], .accordion[_ngcontent-%COMP%]:hover{background-color:#efefef}.accordion[_ngcontent-%COMP%]:after{content:"+";color:#e40518;font-weight:700;float:right;margin-left:5px}.active[_ngcontent-%COMP%]:after{content:"\\2212"}.panel[_ngcontent-%COMP%]{background-color:#fff;max-height:0;overflow:hidden;transition:max-height .25s ease-out}.panel.on[_ngcontent-%COMP%]{box-shadow:0 3px 3px -4px #00000080;margin-bottom:10px;width:100%}.faq-answer[_ngcontent-%COMP%]{padding:20px;background-color:#f5f5f5;border-top:1px solid #d0d0d0}']})}return n})();var u=i(3453);const x=[{path:"",component:g}];let w=(()=>{class n{static#e=this.\u0275fac=function(a){return new(a||n)};static#t=this.\u0275mod=e.\u0275\u0275defineNgModule({type:n});static#n=this.\u0275inj=e.\u0275\u0275defineInjector({imports:[s.ez,u.Bz.forChild(x)]})}return n})()}}]);