https://www.fabindia.com/6948.375b8e873b68bf6d.js

1"use strict";(self.webpackChunkfabindia=self.webpackChunkfabindia||[]).push([[6948],{86948(L,p,l){l.d(p,{FabStylesComponent:()=>R});var t=l(41360),u=l(84572),f=l(23294),C=l(96354),g=l(25558),v=l(33757),a=l(76707),m=l(71005),_=l(32881);const E=["widgetsContent"],T=["child"],x=()=>({});function I(s,c){if(1&s&&t.eu8(0,19),2&s){const e=t.XpG().$implicit;t.Y8G("cxComponentWrapper",e)}}function y(s,c){if(1&s&&(t.qex(0),t.j41(1,"div",15,1)(3,"div",16)(4,"div",17),t.DNE(5,I,1,1,"ng-template",18),t.k0s()()(),t.bVm()),2&s){const e=c.$implicit;t.R7$(5),t.Y8G("cxOutlet",null==e?null:e.flexType)("cxOutletContext",t.lJ4(2,x))}}function b(s,c){if(1&s&&(t.qex(0),t.j41(1,"div",13,0),t.DNE(3,y,6,3,"ng-container",14),t.k0s(),t.bVm()),2&s){const e=c.ngIf;t.R7$(3),t.Y8G("ngForOf",e)}}function S(s,c){if(1&s){const e=t.RV6();t.j41(0,"a",20),t.bIt("click",function(){t.eBV(e);const o=t.XpG(2);return t.Njj(o.scrollLeft())}),t.nrm(1,"i",21),t.k0s()}}function M(s,c){if(1&s){const e=t.RV6();t.j41(0,"a",22),t.bIt("click",function(){t.eBV(e);const o=t.XpG(2);return t.Njj(o.scrollRight())}),t.nrm(1,"i",23),t.k0s()}}function O(s,c){if(1&s&&(t.j41(0,"section",3)(1,"div",4)(2,"div",5),t.nrm(3,"h1",6),t.j41(4,"p"),t.EFF(5),t.k0s()(),t.j41(6,"div",7)(7,"div",8)(8,"div",9),t.DNE(9,b,4,1,"ng-container",10),t.nI1(10,"async"),t.k0s(),t.DNE(11,S,2,0,"a",11)(12,M,2,0,"a",12),t.k0s()()()()),2&s){const e=c.ngIf,n=t.XpG();t.R7$(3),t.Y8G("innerHTML",e.title,t.npT),t.R7$(2),t.SpI(" ",e.headline," "),t.R7$(2),t.Y8G("id",e.uid),t.R7$(2),t.Y8G("ngIf",t.bMT(10,6,n.components$)),t.R7$(2),t.Y8G("ngIf",n.canShowLeftIcon),t.R7$(),t.Y8G("ngIf",n.canShowRightIcon)}}let R=(()=>{class s extends v.FabArtistCarouselComponent{constructor(e,n,o,i,w,D){super(e,n,o),this.componentData=e,this.elem=n,this.cmsService=o,this.cdr=i,this.zone=w,this.winRef=D,this.canShowRightIcon=!1,this.canShowLeftIcon=!1,this.currentScrollWidth=2,this.components$=this.componentData.data$.pipe((0,f.F)((h,d)=>h?.banners===d?.banners),(0,g.n)(h=>(0,u.z)((h?.banners??"").split(" ").map(d=>this.cmsService.getComponentData(d).pipe((0,f.F)(),(0,C.T)(r=>{if(r)return r?.flexType||(r={...r,flexType:r.typeCode}),{...r}})))))),this.x=1}removeComments(e){for(var n=e.childNodes,o=0;o<n.length;o++){var i=n[o];i.nodeType===Node.COMMENT_NODE?(e.removeChild(i),o--):i.nodeType===Node.ELEMENT_NODE&&this.removeComments(i)}}scrollRight(){let e=this.elem.nativeElement.querySelector(".style-stories-carousel .carousel-overflow");if(1==this.x){let o=e.lastElementChild.cloneNode(!0);o.id="carousel-extra-content",e.insertBefore(o,e.firstChild),this.x++}this.widgetsContent.nativeElement.scrollTo({left:this.widgetsContent.nativeElement.scrollLeft-this.child.nativeElement.clientWidth}),this.updateIcon("right"),this.widgetsContent.nativeElement.scrollTo({left:this.widgetsContent.nativeElement.scrollLeft+this.child.nativeElement.clientWidth,behavior:"smooth"});let n=this.winRef.document.getElementById("carousel-extra-content");n&&e.removeChild(n)}updateIcon(e){let n=this.elem.nativeElement.querySelector(".style-stories-carousel .carousel-overflow");if(this.removeComments(n),this.removeComments(n),"right"==e){let o=n.querySelector(".col-md-5:first-child");n.appendChild(o)}if("left"==e){this.canShowLeftIcon=!0;let o=n.querySelector(".col-md-5:last-child ");n.insertBefore(o,n.firstChild)}}scrollLeft(){this.widgetsContent.nativeElement.scrollTo({left:this.widgetsContent.nativeElement.scrollLeft+this.child.nativeElement.clientWidth}),this.updateIcon("left"),this.widgetsContent.nativeElement.scrollTo({left:this.widgetsContent.nativeElement.scrollLeft-this.child.nativeElement.clientWidth,behavior:"smooth"})}ngOnInit(){}ngAfterViewChecked(){this.totalScrollWidth=this.widgetsContent?.nativeElement?.scrollWidth;let e=this.child?.nativeElement?.clientWidth;this.childCount=Math.round(this.totalScrollWidth/e),this.childCount>2?(this.canShowRightIcon=!0,this.canShowLeftIcon=!0):(this.canShowRightIcon=!1,this.canShowLeftIcon=!1)}static{this.\u0275fac=function(n){return new(n||s)(t.rXU(a.TLs),t.rXU(t.aKT),t.rXU(m.xYq),t.rXU(t.gRc),t.rXU(t.SKi),t.rXU(m.WTn))}}static{this.\u0275cmp=t.VBU({type:s,selectors:[["app-fab-styles"]],viewQuery:function(n,o){if(1&n&&(t.GBs(E,5,t.aKT),t.GBs(T,5,t.aKT)),2&n){let i;t.mGM(i=t.lsd())&&(o.widgetsContent=i.first),t.mGM(i=t.lsd())&&(o.child=i.first)}},standalone:!1,features:[t.Vt3],decls:2,vars:3,consts:[["widgetsContent",""],["child",""],["class","style-stories-section",4,"ngIf"],[1,"style-stories-section"],[1,"container"],[1,"stories-heading","pt-5"],[3,"innerHTML"],[1,"row"],["data-bs-ride","carousel",1,"carousel","style-stories-carousel","slide",3,"id"],["role","listbox",1,"carousel-inner"],[4,"ngIf"],["class","carousel-control-prev","role","button","data-bs-slide","prev",3,"click",4,"ngIf"],["class","carousel-control-next","role","button","data-bs-slide","next",3,"click",4,"ngIf"],["role","listbox",1,"carousel-overflow"],[4,"ngFor","ngForOf"],[1,"col-12","carousel-child","col-md-5","col-lg-5","pl-0"],[1,"card","bg-transparent","border-0"],[1,"card-img"],[3,"cxOutlet","cxOutletContext"],[3,"cxComponentWrapper"],["role","button","data-bs-slide","prev",1,"carousel-control-prev",3,"click"],[1,"fas","fa-chevron-left"],["role","button","data-bs-slide","next",1,"carousel-control-next",3,"click"],[1,"fas","fa-chevron-right"]],template:function(n,o){1&n&&(t.DNE(0,O,13,8,"section",2),t.nI1(1,"async")),2&n&&t.Y8G("ngIf",t.bMT(1,1,o.data$))},dependencies:[_.Sq,_.bT,a.o$s,a.FSQ,_.Jj],styles:[".carousel-control-prev[_ngcontent-%COMP%]{left:10px}.carousel-control-next[_ngcontent-%COMP%]{right:12px}.carousel-overflow[_ngcontent-%COMP%]{column-gap:15px}.carousel-child[_ngcontent-%COMP%]{padding:0}"]})}}return s})()}}]);