https://www.fabindia.com/6544.1c546b45978d1747.js

1"use strict";(self.webpackChunkfabindia=self.webpackChunkfabindia||[]).push([[6544],{46544(N,v,c){c.d(v,{FabTabParagraphContainerComponent:()=>X});var p=c(76707),T=c(18359),b=c(84572),C=c(7673),h=c(23294),g=c(96354),P=c(25558),E=c(96697),t=c(41360),u=c(71005),f=c(32881);const O=["sectionEl"],x=()=>({});function D(i,a){if(1&i){const n=t.RV6();t.j41(0,"button",10),t.bIt("click",function(o){t.eBV(n);const s=t.XpG(2).index,l=t.XpG(3);return t.Njj(l.select(s,o))}),t.EFF(1),t.nI1(2,"cxTranslate"),t.k0s()}if(2&i){const n=t.XpG(2),e=n.$implicit,o=n.index,s=t.XpG(3);t.AVh("active",o===s.activeTabNum),t.BMQ("data-target","#"+(null==e?null:e.uid)),t.R7$(),t.SpI(" ",null!=e&&e.title?null==e?null:e.title:t.bMT(2,4,null==e?null:e.translateText)," ")}}function M(i,a){if(1&i&&(t.qex(0),t.j41(1,"li",8),t.DNE(2,D,3,6,"button",9),t.k0s(),t.bVm()),2&i){const n=t.XpG().$implicit;t.R7$(2),t.Y8G("ngIf",(null==n?null:n.title)||!n.scroll)}}function I(i,a){if(1&i&&(t.qex(0),t.DNE(1,M,3,1,"ng-container",3),t.bVm()),2&i){const n=a.$implicit;t.R7$(),t.Y8G("ngIf",n)}}function $(i,a){if(1&i&&(t.j41(0,"ul",6),t.DNE(1,I,2,1,"ng-container",7),t.k0s()),2&i){const n=t.XpG().ngIf;t.R7$(),t.Y8G("ngForOf",n)}}function R(i,a){if(1&i&&t.eu8(0,16),2&i){const n=t.XpG(3).$implicit;t.Y8G("cxComponentWrapper",n)}}function y(i,a){if(1&i&&(t.qex(0),t.j41(1,"div",14),t.DNE(2,R,1,1,"ng-template",15),t.k0s(),t.bVm()),2&i){const n=t.XpG(2).$implicit;t.R7$(2),t.Y8G("cxOutlet",null==n?null:n.flexType)("cxOutletContext",t.lJ4(2,x))}}function F(i,a){if(1&i&&(t.j41(0,"div",13),t.DNE(1,y,3,3,"ng-container",3),t.k0s()),2&i){const n=t.XpG().$implicit;t.BMQ("id",null==n?null:n.uid),t.R7$(),t.Y8G("ngIf",n)}}function G(i,a){if(1&i&&(t.qex(0),t.DNE(1,F,2,2,"div",12),t.bVm()),2&i){const n=a.index,e=t.XpG(3);t.R7$(),t.Y8G("ngIf",!e.pdptemp&&n===e.activeTabNum)}}function S(i,a){if(1&i&&(t.j41(0,"div",11),t.DNE(1,G,2,1,"ng-container",7),t.k0s()),2&i){const n=a.ngIf;t.R7$(),t.Y8G("ngForOf",n)}}function B(i,a){if(1&i&&(t.qex(0),t.DNE(1,$,2,1,"ul",4)(2,S,2,1,"div",5),t.nI1(3,"async"),t.bVm()),2&i){const n=t.XpG();t.R7$(),t.Y8G("ngIf",!n.pdptemp),t.R7$(),t.Y8G("ngIf",t.bMT(3,2,n.components$))}}function A(i,a){if(1&i&&(t.j41(0,"div",null,0)(2,"div",19)(3,"h2",20)(4,"button",21),t.EFF(5),t.nI1(6,"cxTranslate"),t.k0s()(),t.j41(7,"div",22)(8,"div",23),t.eu8(9,16),t.k0s()()()()),2&i){const n=a.$implicit,e=a.index,o=t.XpG(3);t.R7$(3),t.Mz_("id","flush-mobile-accordion-",e,""),t.R7$(),t.Mz_("id","flush-mobile-accordion-",e,""),t.BMQ("data-bs-target","#flush-collapse"+o.identifiers[e])("aria-expanded",e===o.activeSection)("aria-controls","flush-collapse"+o.identifiers[e]),t.R7$(),t.SpI(" ",null!=n&&n.title?null==n?null:n.title:t.bMT(6,14,null==n?null:n.translateText)," "),t.R7$(2),t.AVh("show",e===o.activeSection),t.Mz_("aria-labelledby","flush-mobile-accordion-",e,""),t.Y8G("id","flush-collapse"+o.identifiers[e]),t.R7$(2),t.Y8G("cxComponentWrapper",n)}}function j(i,a){if(1&i&&(t.j41(0,"div",18),t.DNE(1,A,10,16,"div",7),t.k0s()),2&i){const n=a.ngIf;t.R7$(),t.Y8G("ngForOf",n)}}function U(i,a){if(1&i&&(t.j41(0,"div"),t.DNE(1,j,2,1,"div",17),t.nI1(2,"async"),t.k0s()),2&i){const n=t.XpG();t.R7$(),t.Y8G("ngIf",t.bMT(2,1,n.components$))}}let X=(()=>{class i extends p.AB7{constructor(n,e,o,s,l,m){super(n,e,o),this.componentData=n,this.cmsService=e,this.winRef=o,this.breakpointService=s,this.currentProductService=l,this.productService=m,this.product$=this.currentProductService.getProduct(),this.sub=new T.yU,this.identifiers=["One","Two","Three","Four"],this.components$=this.componentData.data$.pipe((0,h.F)((_,d)=>_?.components===d?.components),(0,P.n)(_=>_?.components?(0,b.z)((_?.components??"").split(" ").map(d=>this.cmsService.getComponentData(d).pipe((0,h.F)(),(0,g.T)(r=>{if(r)return r?.flexType||(r={...r,flexType:r.typeCode}),r?.title||(r={...r,translateText:`producttabs.${r?.uid}`}),{...r}})))).pipe((0,g.T)(d=>d.filter(r=>void 0!==r))):(0,C.of)([]))),this.activeSection=0,this.pdptemp=!1}ngOnInit(){this.winRef?.document?.querySelector(".ProductDetailsPageTemplate")&&(this.pdptemp=!0),super.ngOnInit(),this.sub=this.product$.subscribe(n=>{this.finalProduct$=this.product$,this.components$=(0,b.z)([this.components$,this.finalProduct$]).pipe((0,g.T)(([e,o])=>(o&&(o?.additionalDetails||(e=e.filter(l=>"ProductExtraDetailsComponent"!==l.uid))),e)))})}ngAfterViewInit(){if(this.winRef.isBrowser()&&(this.timeOut1=setTimeout(()=>{this.sections?.toArray()[this.activeSection]?.nativeElement.classList.add("show"),this.setActiveSection(0)},3e3)),super.ngAfterViewInit(),this.winRef.isBrowser()){let n=this.winRef?.nativeWindow?.innerWidth;this.winRef.document.querySelectorAll("#accordion-card .accordion-header").forEach(o=>

1{o.addEventListener("click",s=>{let l=o.id;clearTimeout(this.timeOut),this.timeOut=setTimeout(function(){let m=document.querySelector("#"+l),_=m?.getBoundingClientRect().top-143;n<992&&m?.getBoundingClientRect(),window.scrollBy({top:_,behavior:"smooth"})},300)})})}}setActiveSection(n){this.sections?.forEach(e=>{e?.nativeElement?.querySelector(".accordion-button")?.classList.add("collapsed")}),this.sections?.toArray()[n]?.nativeElement?.querySelector(".accordion-button")?.classList.remove("collapsed")}ngOnDestroy(){this.sub&&this.sub.unsubscribe(),this.timeOut&&clearTimeout(this.timeOut),this.timeOut1&&clearTimeout(this.timeOut1)}select(n,e){this.breakpointService?.isDown(p.SLZ.sm).pipe((0,E.s)(1)).subscribe(o=>{this.activeTabNum=o&&this.activeTabNum===n?-1:n})}getDeferOptions(){}static{this.\u0275fac=function(e){return new(e||i)(t.rXU(p.TLs),t.rXU(u.xYq),t.rXU(u.WTn),t.rXU(p.dci),t.rXU(p.GmA),t.rXU(u.bkY))}}static{this.\u0275cmp=t.VBU({type:i,selectors:[["fab-tab-paragraph-container"]],viewQuery:function(e,o){if(1&e&&t.GBs(O,5),2&e){let s;t.mGM(s=t.lsd())&&(o.sections=s)}},standalone:!1,features:[t.Vt3],decls:5,vars:4,consts:[["sectionEl",""],["id","accordion-card",1,"cards-container"],[1,"container"],[4,"ngIf"],["class","nav nav-pills","id","pills-tab","role","tablist",4,"ngIf"],["class","tab-content ","id","pills-tabContent",4,"ngIf"],["id","pills-tab","role","tablist",1,"nav","nav-pills"],[4,"ngFor","ngForOf"],["role","presentation",1,"nav-item"],["class","nav-link","id","pills-home-tab","data-bs-toggle","pill","data-bs-target","#pills-home","type","button","role","tab","aria-controls","pills-home","aria-selected","true",3,"active","click",4,"ngIf"],["id","pills-home-tab","data-bs-toggle","pill","data-bs-target","#pills-home","type","button","role","tab","aria-controls","pills-home","aria-selected","true",1,"nav-link",3,"click"],["id","pills-tabContent",1,"tab-content"],["class","tab-pane fade show active","role","tabpanel","aria-labelledby","pills-home-tab",4,"ngIf"],["role","tabpanel","aria-labelledby","pills-home-tab",1,"tab-pane","fade","show","active"],[1,"customProductContainer"],[3,"cxOutlet","cxOutletContext"],[3,"cxComponentWrapper"],["class","accordion accordion-collapse tab-accordion","id","accordionPanelsStayOpenExample",4,"ngIf"],["id","accordionPanelsStayOpenExample",1,"accordion","accordion-collapse","tab-accordion"],[1,"accordion-item"],[1,"accordion-header",3,"id"],["type","button","data-bs-toggle","collapse",1,"accordion-button","btn-text-data","collapsed",3,"id"],["data-bs-parent","#accordionPanelsStayOpenExample",1,"accordion-collapse","collapse",3,"id","aria-labelledby"],[1,"accordion-body"]],template:function(e,o){1&e&&(t.j41(0,"div",1)(1,"div",2),t.DNE(2,B,4,4,"ng-container",3),t.nI1(3,"async"),t.DNE(4,U,3,3,"div",3),t.k0s()()),2&e&&(t.R7$(2),t.Y8G("ngIf",t.bMT(3,2,o.components$)),t.R7$(2),t.Y8G("ngIf",o.pdptemp))},dependencies:[f.Sq,f.bT,p.o$s,p.FSQ,f.Jj,u.D97],styles:[".accordion-header[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:not(.collapsed){font-weight:700!important}.accordion-header[_ngcontent-%COMP%]   .accordion-button[_ngcontent-%COMP%]:after{background-position:center}.accordion-body[_ngcontent-%COMP%]   .container[_ngcontent-%COMP%], .container[_ngcontent-%COMP%]{padding:0!important}.accordion-button.collapsed[_ngcontent-%COMP%]{font-weight:400}.accordion-button[_ngcontent-%COMP%]:not(.collapsed){font-weight:700}.cards-container[_ngcontent-%COMP%]   #accordionPanelsStayOpenExample[_ngcontent-%COMP%]{font-size:15px}"],changeDetection:0})}}return i})()}}]);