https://static.sketchfab.com/static/builds/web/dist/19fb4629c02f34aefb1151c10cecab4b-v2.js

1"use strict";(self.webpackChunksketchfab=self.webpackChunksketchfab||[]).push([[1851],{jSUW:(t,e,r)=>{r.d(e,{$l:()=>c,ST:()=>l,lA:()=>h});var i=r("NQ1V"),s=r("lrhy"),n=r("g/7r");function o(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,i)}return r}function a(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach((function(e){(0,i.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}let d=[0,0];const l=(t,{initialValue:e=0,stiffness:r=170,damping:i=26,onComplete:s=(()=>{})}={})=>{let o,a,l=e,h=0;return e=>{o=e,void 0===l&&(l=e),a&&a();let c=!0;const u=(0,n.A2)((()=>{[l,h]=function(t,e,r,i=170,s=20,n=.016,o=.01){const a=e+(-i*(t-r)+-s*e)*n,l=t+a*n;return Math.abs(a)<o&&Math.abs(l-r)<o?(d[0]=r,d[1]=0,d):(d[0]=l,d[1]=a,d)}(l,h,o,r,i),t(l,h),0!==h&&c&&u(),0===h&&s(l)}));u(),a=()=>{c=!1}}},h=(t,e)=>{let r=(0,s.pJ)();const i=l(t,a(a({},e),{},{onComplete:t=>{r.resolve(t),r=(0,s.pJ)()}}));return t=>(i(t),r)},c=(t,e=.9)=>t*e/(1-e)},crlq:(t,e,r)=>{r.d(e,{Z:()=>p});var i,s=r("D4hk"),n=r("sQwH"),o=r("NQ1V"),a=r("Cgfs"),d=r("HPk7"),l=r("3Z9q"),h=r("jSUW"),c=r("X40V"),u=r("yTkX"),g=r("p5Lb");class p extends l.Component{constructor(t){super(t),(0,o.Z)(this,"state",{isPreviousArrowHidden:!0,isNextArrowHidden:!1,currentCard:0}),(0,o.Z)(this,"initialDrag",0),(0,o.Z)(this,"shownCardsCount",0),(0,o.Z)(this,"scrollWidth",0),(0,o.Z)(this,"scrollX",0),(0,o.Z)(this,"projectedScrollX",0),(0,o.Z)(this,"slider",l.createRef()),(0,o.Z)(this,"list",l.createRef()),(0,o.Z)(this,"updateArrowStateThrottled",void 0),(0,o.Z)(this,"animateToX",void 0),(0,o.Z)(this,"hasContent",(()=>!!this.props.cards.length)),(0,o.Z)(this,"getCurrentCardX",(()=>this.hasContent()?this.state.currentCard*this.getCardSize():0)),(0,o.Z)(this,"getCardSize",(()=>{var t;if(!this.hasContent())return 1;const e=null===(t=this.slider.current)||void 0===t?void 0:t.querySelector(".item");if(!e)return 1;const r=window.getComputedStyle(e);return parseFloat(r.width)+2*parseFloat(r["margin-right"])||1})),(0,o.Z)(this,"setSliderScrollX",(t=>{this.scrollX=t,this.hasContent()&&this.list.current&&(this.list.current.style.transform=`translateX(${-t}px)`,this.updateArrowStateThrottled())})),(0,o.Z)(this,"refreshShownCardsCount",(()=>{if(!this.slider.current)return;const{width:t}=this.slider.current.getBoundingClientRect(),e=this.getCardSize();this.shownCardsCount=Math.round(t/e)})),(0,o.Z)(this,"validateIndex",(t=>(0,g.vX)(0,this.props.cards.length-this.shownCardsCount,t))),(0,o.Z)(this,"onResize",(0,a.Z)((()=>{this.refreshShownCardsCount(),this.animateToX(this.getCurrentCardX())}),250)),(0,o.Z)(this,"onDragStart",(t=>{this.initialDrag=this.scrollX+(0,u.wv)(t).x,this.scrollWidth=this.slider.current?this.slider.current.scrollWidth:0})),(0,o.Z)(this,"onDrag",(t=>{const e=(0,u.wv)(t),r=e.x+(0,h.$l)(t.velocity.x);this.projectedScrollX=(0,g.vX)(0,this.scrollWidth,this.initialDrag-r),this.animateToX((0,g.vX)(0,this.scrollWidth,this.initialDrag-e.x))})),(0,o.Z)(this,"onDragEnd",(()=>{const t=this.getCardSize(),e=this.validateIndex(Math.round(this.projectedScrollX/t));this.animateToX(e*t),this.setState({currentCard:e})})),(0,o.Z)(this,"onPrevious",(()=>{this.setSlide("previous")})),(0,o.Z)(this,"onNext",(()=>{this.setSlide("next")})),(0,o.Z)(this,"setSlide",(t=>{const e=this.getCardSize(),r=this.validateIndex("previous"===t?Math.max(this.state.currentCard-this.shownCardsCount,0):Math.min(this.state.currentCard+this.shownCardsCount,this.props.cards.length-this.shownCardsCount));this.animateToX(r*e),this.setState({currentCard:r,isNextArrowHidden:"next"!==t&&this.state.isNextArrowHidden,isPreviousArrowHidden:0===r})})),(0,o.Z)(this,"updateArrowState",(()=>{if(!this.hasContent()||!this.list.current||!this.slider.current)return;const{right:t,left:e}=this.slider.current.getBoundingClientRect(),{lastElementChild:r,firstElementChild:i}=this.list.current,s=!r||r.getBoundingClientRect().right<=t+20,n=!i||i.getBoundingClientRect().left>=e-20;this.state.isNextArrowHidden===s&&this.state.isPreviousArrowHidden===n||this.setState({isPreviousArrowHidden:n,isNextArrowHidden:s})})),this.updateArrowStateThrottled=(0,d.Z)(this.updateArrowState.bind(this),250),this.animateToX=(0,h.ST)(this.setSliderScrollX.bind(this))}componentDidMount(){window.addEventListener("resize",this.onResize),this.refreshShownCardsCount(),this.updateArrowState()}componentDidUpdate(t){this.props.cards.length!==t.cards.length&&(this.refreshShownCardsCount(),this.updateArrowState())}componentWillUnmount(){window.removeEventListener("resize",this.onResize)}render(){const t=this.hasContent(),{className:e,cards:r,title:o="",linkUrl:a="",gridSize:d="normal",color:h=c.O9["--color-primary-400"],isLoading:g=!1,withBackgroun

1d:p=!1}=this.props;return t?(0,n.Z)("div",{className:(0,c.AK)("c-card-slider",e,{"--loading":g})},void 0,o&&(a?(0,n.Z)("a",{className:"c-card-slider__header",href:a},void 0,(0,n.Z)("h4",{className:"c-card-slider__title",style:{color:h}},void 0,o),(0,n.Z)("p",{className:"c-card-slider__link skfb-link",style:{color:h}},void 0,"See more ›")):(0,n.Z)("div",{className:"c-card-slider__header"},void 0,(0,n.Z)("h4",{className:"c-card-slider__title",style:{color:h}},void 0,o))),(0,n.Z)("div",{className:(0,c.AK)("c-card-slider__arrow","--left",{"--hidden":this.state.isPreviousArrowHidden}),onClick:this.onPrevious},void 0,(0,n.Z)("svg",{width:"9",height:"54",viewBox:"0 0 9 54",xmlns:"http://www.w3.org/2000/svg"},void 0,(0,n.Z)("path",{d:"M1.518 27.17v-.26l.034.13-.034.13zm6.977 25.78l-.966.26L.516 27.04 7.53.87l.965.26-6.943 25.91 6.943 25.91zm0 0l-.966.26L.516 27.04 7.53.87l.965.26-6.943 25.91 6.943 25.91zM1.518 27.17v-.26l.034.13-.034.13zm-.01-.3l.044.17-.045.17-.966-.26.012-.04.483.13-.483.13-.01-.04.965-.26zm-.956.3l-.01-.04.965-.26.045.17-.045.17-.966-.26.012-.04.483.13-.483.13z",fillRule:"nonzero",fill:h}))),l.createElement("div",(0,s.Z)({ref:this.slider,className:(0,c.AK)("c-card-slider__slider","grid","grid-cards","--"+d)},(0,u.QG)({onDragStart:this.onDragStart,onDrag:this.onDrag,onDragEnd:this.onDragEnd})),l.createElement("div",{ref:this.list,className:"items",style:{transform:"translateX(0px)"}},r)),(0,n.Z)("div",{className:(0,c.AK)("c-card-slider__arrow","--right",{"--hidden":this.state.isNextArrowHidden}),onClick:this.onNext},void 0,(0,n.Z)("svg",{width:"9",height:"53",viewBox:"0 0 9 53",xmlns:"http://www.w3.org/2000/svg"},void 0,(0,n.Z)("path",{d:"M7.977 26.04L1 0l6.977 26.04L1 52.08l6.977-26.04zm0 0l.01.04-.01-.04.01-.04-.01.04z",stroke:h,fill:"none",fillRule:"evenodd",strokeLinecap:"square"}))),p&&(i||(i=(0,n.Z)("div",{className:"c-card-slider__background"})))):null}}(0,o.Z)(p,"defaultProps",{title:"",linkUrl:"",gridSize:"normal",color:c.O9["--color-primary-400"],isLoading:!1,withBackground:!1})}}]);
2//# sourceMappingURL=19fb4629c02f34aefb1151c10cecab4b-v2.js.map