https://www.fabindia.com/8289.8272632d587668a8.js

1"use strict";(self.webpackChunkfabindia=self.webpackChunkfabindia||[]).push([[8289],{18289(S,f,s){s.d(f,{FabCategoryCarouselComponent:()=>L});var t=s(41360),r=s(76707),d=s(84572),h=s(23294),C=s(96354),v=s(25558),E=s(88141),p=s(71005),m=s(32881);const x=["widgetsContent"],T=["child"],u=()=>({});function I(e,c){if(1&e&&t.eu8(0,17),2&e){const n=t.XpG(2).$implicit;t.Y8G("cxComponentWrapper",n)}}function b(e,c){if(1&e&&(t.j41(0,"div",15,1),t.DNE(3,I,1,1,"ng-template",16),t.k0s()),2&e){const n=t.XpG().$implicit,o=t.XpG(4);t.R7$(3),t.Y8G("cxOutlet",null==n?null:n.flexType)("cxOutletDefer",o.getDeferOptions())("cxOutletContext",t.lJ4(3,u))}}function y(e,c){if(1&e&&(t.qex(0),t.DNE(1,b,4,4,"div",14),t.bVm()),2&e){const n=c.$implicit;t.R7$(),t.Y8G("ngIf",n)}}function D(e,c){if(1&e){const n=t.RV6();t.j41(0,"a",18),t.bIt("click",function(){t.eBV(n);const i=t.XpG(4);return t.Njj(i.scrollLeft())}),t.nrm(1,"i",19),t.k0s()}}function O(e,c){if(1&e){const n=t.RV6();t.j41(0,"button",20),t.bIt("click",function(){t.eBV(n);const i=t.XpG(4);return t.Njj(i.scrollRight())}),t.nrm(1,"i",21),t.k0s()}}function G(e,c){if(1&e&&t.eu8(0,17),2&e){const n=t.XpG(2).$implicit;t.Y8G("cxComponentWrapper",n)}}function R(e,c){if(1&e&&(t.j41(0,"div",23),t.DNE(1,G,1,1,"ng-template",16),t.k0s()),2&e){const n=t.XpG().$implicit,o=t.XpG(4);t.R7$(),t.Y8G("cxOutlet",null==n?null:n.flexType)("cxOutletDefer",o.getDeferOptions())("cxOutletContext",t.lJ4(3,u))}}function w(e,c){if(1&e&&(t.qex(0),t.DNE(1,R,2,4,"div",22),t.bVm()),2&e){const n=c.$implicit;t.R7$(),t.Y8G("ngIf",n)}}function $(e,c){if(1&e&&(t.qex(0),t.j41(1,"div"),t.nrm(2,"cx-media",4),t.k0s(),t.j41(3,"div",5)(4,"div",6)(5,"div",7)(6,"div",8,0),t.DNE(8,y,2,1,"ng-container",9),t.k0s(),t.DNE(9,D,2,0,"a",10)(10,O,2,0,"button",11),t.k0s()(),t.j41(11,"div",12)(12,"div",13),t.DNE(13,w,2,1,"ng-container",9),t.k0s()()(),t.bVm()),2&e){const n=t.XpG().ngIf,o=t.XpG().ngIf,i=t.XpG();t.R7$(2),t.Y8G("container",o.media),t.R7$(4),t.Y8G("ngClass",i.itemlength<=5?"justify-content-center":""),t.R7$(2),t.Y8G("ngForOf",n),t.R7$(),t.Y8G("ngIf",i.canShowRightIcon),t.R7$(),t.Y8G("ngIf",i.canShowRightIcon),t.R7$(3),t.Y8G("ngForOf",n)}}

1function M(e,c){if(1&e&&(t.qex(0),t.DNE(1,$,14,6,"ng-container",3),t.bVm()),2&e){const n=t.XpG().ngIf;t.R7$(),t.Y8G("ngIf",n.media)}}function F(e,c){if(1&e&&(t.qex(0),t.DNE(1,M,2,1,"ng-container",3),t.nI1(2,"async"),t.bVm()),2&e){const n=t.XpG();t.R7$(),t.Y8G("ngIf",t.bMT(2,1,n.components$))}}let L=(()=>{class e{constructor(n,o,i,a,W){this.componentData=n,this.cmsService=o,this.winRef=i,this.breakpointService=a,this.elem=W,this.canShowRightIcon=!1,this.canShowLeftIcon=!1,this.tabTitleParams=[],this.data$=this.componentData.data$.pipe((0,E.M)(_=>this.styleClasses=_.styleClasses)),this.x=1,this.components$=this.componentData.data$.pipe((0,h.F)((_,g)=>_?.cmsLinks===g?.cmsLinks),(0,v.n)(_=>(0,d.z)((_?.cmsLinks??"").split(" ").map(g=>this.cmsService.getComponentData(g).pipe((0,h.F)(),(0,C.T)(l=>{if(l)return l?.flexType||(l={...l,flexType:l.typeCode}),{...l,title:`${_?.uid}.tabs.${l?.uid}`}}))))))}removeComments(n){for(var o=n.childNodes,i=0;i<o.length;i++){var a=o[i];a.nodeType===Node.COMMENT_NODE?(n.removeChild(a),i--):a.nodeType===Node.ELEMENT_NODE&&this.removeComments(a)}}scrollRight(){let n=this.elem.nativeElement.querySelector(".navigation-carousel .carousel-overflow");if(1==this.x){let i=n.lastElementChild.cloneNode(!0);i.id="carousel-extra-content",n.insertBefore(i,n.firstChild),this.x++}this.widgetsContent.nativeElement.scrollTo({left:this.widgetsContent.nativeElement.scrollLeft-this.child.nativeElement.clientWidth}),this.updateIcons("right"),this.widgetsContent.nativeElement.scrollTo({left:this.widgetsContent.nativeElement.scrollLeft+this.child.nativeElement.clientWidth,behavior:"smooth"});let o=this.winRef.document.getElementById("carousel-extra-content");o&&n.removeChild(o)}scrollLeft(){this.widgetsContent.nativeElement.scrollTo({left:this.widgetsContent.nativeElement.scrollLeft+this.child.nativeElement.clientWidth}),this.updateIcons("left"),this.widgetsContent.nativeElement.scrollTo({left:this.widgetsContent.nativeElement.scrollLeft-this.child.nativeElement.clientWidth,behavior:"smooth"})}updateIcons(n){let o=this.elem.nativeElement.querySelector(".navigation-carousel .carousel-overflow");if(this.removeComments(o),this.removeComments(o),"right"==n){let i=o.querySelector(".navigation-carousel-box:first-child");o.appendChild(i)}if("left"==n){this.canShowLeftIcon=!0;let i=o.querySelector(".navigation-carousel-box:last-child ");o.insertBefore(i,o.firstChild)}}ngOnInit(){}ngAfterViewInit(){}ngAfterViewChecked(){this.totalScrollWidth=this.widgetsContent?.nativeElement?.clientWidth;let n=this.child?.nativeElement?.clientWidth;this.itemlength=this.elem.nativeElement.querySelectorAll(".navigation-carousel-box").length,this.childCount=Math.round(this.totalScrollWidth/n),this.currentScrollWidth=this.childCount,this.itemlength>this.childCount?(this.canShowRightIcon=!0,this.canShowLeftIcon=!0):(this.canShowRightIcon=!1,this.canShowLeftIcon=!1)}getDeferOptions(){return{}}static{this.\u0275fac=function(o){return new(o||e)(t.rXU(r.TLs),t.rXU(p.xYq),t.rXU(p.WTn),t.rXU(r.dci),t.rXU(t.aKT))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["app-fab-category-carousel"]],viewQuery:function(o,i){if(1&o&&(t.GBs(x,5,t.aKT),t.GBs(T,5,t.aKT),t.GBs(r.o$s,5)),2&o){let a;t.mGM(a=t.lsd())&&(i.widgetsContent=a.first),t.mGM(a=t.lsd())&&(i.child=a.first),t.mGM(a=t.lsd())&&(i.children=a)}},standalone:!1,decls:3,vars:3,consts:[["widgetsContent",""],["child","","listItem",""],[1,"homepage-second-section","position-relative"],[4,"ngIf"],[3,"container"],[1,"container","pr-0","text-center"],[1,"row","d-none","d-sm-block","mx-auto","my-auto","justify-content-center"],["id","navigationCarousel",1,"carousel","navigation-carousel","px-0","slide"],["role","listbox",1,"carousel-overflow",3,"ngClass"],[4,"ngFor","ngForOf"],["class","carousel-control-prev","role","button",3,"click",4,"ngIf"],["class","carousel-control-next","role","button",3,"click",4,"ngIf"],[1,"row","d-sm-none","d-block","navigation-carousel"],[1,"carousel-overflow","custom-p-l-0-mob"],["class","col-sm-2 pl-0 navigation-carousel-box",4,"ngIf"],[1,"col-sm-2","pl-0","navigation-carousel-box"],[3,"cxOutlet","cxOutletDefer","cxOutletContext"],[3,"cxComponentWrapper"],["role","button",1,"carousel-control-prev",3,"click"],[1,"fas","fa-chevron-left"],["role","button",1,"carousel-control-next",3,"click"],[1,"fas","fa-chevron-right"],["class","col-md-2 custom-p-l-0-mob",4,"ngIf"],[1,"col-md-2","custom-p-l-0-mob"]],template:function(o,i){1&o&&(t.j41(0,"section",2),t.DNE(1,F,3,3,"ng-container",3),t.nI1(2,"async"),t.k0s()),2&o&&(t.R

17$(),t.Y8G("ngIf",t.bMT(2,1,i.data$)))},dependencies:[m.YU,m.Sq,m.bT,r.FSQ,r.o$s,r.w_H,m.Jj],encapsulation:2})}}return e})()}}]);