2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
import{useRef as n,useCallback as t,useEffect as i}from"react";function e(n){return Array.prototype.slice.call(n)}function r(n,t){var i=Math.floor(n);return i===t||i+1===t?n:t}function a(){return Date.now()}function o(n,t,i){if(t="data-keen-slider-"+t,null===i)return n.removeAttribute(t);n.setAttribute(t,i||"")}function u(n,t){return t=t||document,"function"==typeof n&&(n=n(t)),Array.isArray(n)?n:"string"==typeof n?e(t.querySelectorAll(n)):n instanceof HTMLElement?[n]:n instanceof NodeList?e(n):[]}function c(n){n.raw&&(n=n.raw),n.cancelable&&!n.defaultPrevented&&n.preventDefault()}function s(n){n.raw&&(n=n.raw),n.stopPropagation&&n.stopPropagation()}function d(){var n=[];return{add:function(t,i,e,r){t.addListener?t.addListener(e):t.addEventListener(i,e,r),n.push([t,i,e,r])},input:function(n,t,i,e){this.add(n,t,function(n){return function(t){t.nativeEvent&&(t=t.nativeEvent);var i=t.changedTouches||[],e=t.targetTouches||[],r=t.detail&&t.detail.x?t.detail:null;return n({id:r?r.identifier?r.identifier:"i":e[0]?e[0]?e[0].identifier:"e":"d",idChanged:r?r.identifier?r.identifier:"i":i[0]?i[0]?i[0].identifier:"e":"d",raw:t,x:r&&r.x?r.x:e[0]?e[0].screenX:r?r.x:t.pageX,y:r&&r.y?r.y:e[0]?e[0].screenY:r?r.y:t.pageY})}}(i),e)},purge:function(){n.forEach((function(n){n[0].removeListener?n[0].removeListener(n[2]):n[0].removeEventListener(n[1],n[2],n[3])})),n=[]}}}function l(n,t,i){return Math.min(Math.max(n,t),i)}function f(n){return(n>0?1:0)-(n<0?1:0)||+n}function p(n){var t=n.getBoundingClientRect();return{height:r(t.height,n.offsetHeight),width:r(t.width,n.offsetWidth)}}function v(n,t,i,e){var r=n&&n[t];return null==r?i:e&&"function"==typeof r?r():r}function h(n){return Math.round(1e6*n)/1e6}function m(n,t){if(n===t)return!0;var i=typeof n;if(i!==typeof t)return!1;if("object"!==i||null===n||null===t)return"function"===i&&n.toString()===t.toString();if(n.length!==t.length||Object.getOwnPropertyNames(n).length!==Object.getOwnPropertyNames(t).length)return!1;for(var e in n)if(!m(n[e],t[e]))return!1;return!0}var g=function(){return g=Object.assign||function(n){for(var t,i=1,e=arguments.length;i<e;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n},g.apply(this,arguments)};function b(n,t,i){if(i||2===arguments.length)for(var e,r=0,a=t.length;r<a;r++)!e&&r in t||(e||(e=Array.prototype.slice.call(t,0,r)),e[r]=t[r]);return n.concat(e||Array.prototype.slice.call(t))}function y(n){var t,i,e,r,a,o;function u(t){o||(o=t),c(!0);var a=t-o;a>e&&(a=e);var l=r[i];if(l[3]<a)return i++,u(t);var f=l[2],p=l[4],v=l[0],h=l[1]*(0,l[5])(0===p?1:(a-f)/p);if(h&&n.track.to(v+h),a<e)return d();o=null,c(!1),s(null),n.emit("animationEnded")}function c(n){t.active=n}function s(n){t.targetIdx=n}function d(){var n;n=u,a=window.requestAnimationFrame(n)}function l(){var t;t=a,window.cancelAnimationFrame(t),c(!1),s(null),o&&n.emit("animationStopped"),o=null}return t={active:!1,start:function(t){if(l(),n.track.details){var a=0,o=n.track.details.position;i=0,e=0,r=t.map((function(n){var t,i=Number(o),r=null!==(t=n.earlyExit)&&void 0!==t?t:n.duration,u=n.easing,c=n.distance*u(r/n.duration)||0;o+=c;var s=e;return e+=r,a+=c,[i,n.distance,s,e,n.duration,u]})),s(n.track.distToIdx(a)),d(),n.emit("animationStarted")}},stop:l,targetIdx:null}}function x(n){var t,i,e,r,o,u,c,s,d,p,m,g,y,x,k=1/0,w=[],M=null,T=0;function C(n){P(T+n)}function E(n){var t=z(T+n).abs;return D(t)?t:null}function z(n){var t=Math.floor(Math.abs(h(n/i))),e=h((n%i+i)%i);e===i&&(e=0);var r=f(n),a=c.indexOf(b([],c,!0).reduce((function(n,t){return Math.abs(t-e)<Math.abs(n-e)?t:n}))),o=a;return r<0&&t++,a===u&&(o=0,t+=r>0?1:-1),{abs:o+t*u*r,origin:a,rel:o}}function I(n,t,i){var e;if(t||!L())return A(n,i);if(!D(n))return null;var r=z(null!=i?i:T),a=r.abs,o=n-r.rel,c=a+o;e=A(c);var s=A(c-u*f(o));return(null!==s&&Math.abs(s)<Math.abs(e)||null===e)&&(e=s),h(e)}function A(n,t){if(null==t&&(t=h(T)),!D(n)||null===n)return null;n=Math.round(n);var e=z(t),r=e.abs,a=e.rel,o=e.origin,s=S(n),d=(t%i+i)%i,l=c[o],f=Math.floor((n-(r-a))/u)*i;return h(l-d-l+c[s]+f+(o===u?i:0))}function D(n){return O(n)===n}function O(n){return l(n,d,p)}function L(){return r.loop}function S(n){return(n%u+u)%u}function P(t){var i;i=t-T,w.push({distance:i,timestamp:a()}),w.length>6&&(w=w.slice(-6)),T=h(t);var e=_().abs;if(e!==M){var r=null!==M;M=e,r&&n.emit("slideChanged")}}function _(a){var c=a?null:function(){if(u){var n=L(),t=n?(T%i+i)%i:T,a=(n?T%i:T)-o[0][2],c=0-(a<0&&n?i-Math.abs(a):a),s=0,l=z(T),v=l.abs,h=l.rel,b=o[h][2],k=o.map((function(t,e){var a=c+s;(a<0-t[0]||a>1)&&(a+=(Math.abs(a)>i-1&&n?i:0)*f(-a));var o=e-h,d=f(o),l=o+v;n&&(-1===d&&a>b&&(l+=u),1===d&&a<b&&(l-=u),null!==m&&l<m&&(a+=i),null!==g&&l>g&&(a-=i));var p=a+t[0]+t[1],y=Math.max(a>=0&&p<=1?1:p<0||a>1?0:a<0?Math.min(1,(t[0]+a)/t[0]):(1-a)/t[0],0);return s+=t[0]+t[1],{abs:l,distance:r.rtl?-1*a+1-t[0]:a,portion:y,size:t[0]}}));return v=O(v),h=S(v),{abs:O(v),length:e,max:x,maxIdx:p,min:y,minIdx:d,position:T,progress:n?t/i:T/e,rel:h,slides:k,slidesLength:i}}}();return t.details=c,n.emit("detailsChanged"),c}return t={absToRel:S,add:C,details:null,distToIdx:E,idxToDist:I,init:function(t){if(function(){if(r=n.options,o=(r.trackConfig||[]).map((function(n){return[v(n,"size",1),v(n,"spacing",0),v(n,"origin",0)]})),u=o.length){i=h(o.reduce((function(n,t){return n+t[0]+t[1]}),0));var t,a=u-1;e=h(i+o[0][2]-o[a][0]-o[a][2]-o[a][1]),c=o.reduce((function(n,i){if(!n)return[0];var e=o[n.length-1],r=n[n.length-1]+(e[0]+e[2])+e[1];return r-=i[2],n[n.length-1]>r&&(r=n[n.length-1]),r=h(r),n.push(r),(!t||t<r)&&(s=n.length-1),t=r,n}),null),0===e&&(s=0),c.push(h(i))}}(),!u)return _(!0);var a;!function(){var t=n.options.range,i=n.options.loop;m=d=i?v(i,"min",-1/0):0,g=p=i?v(i,"max",k):s;var e=v(t,"min",null),r=v(t,"max",null);null!==e&&(d=e),null!==r&&(p=r),y=d===-1/0?d:n.track.idxToDist(d||0,!0,0),x=p===k?p:I(p,!0,0),null===r&&(g=p),v(t,"align",!1)&&p!==k&&0===o[S(p)][2]&&(x-=1-o[S(p)][0],p=E(x-T)),y=h(y),x=h(x)}(),a=t,Number(a)===a?C(A(O(t))):_()},to:P,velocity:function(){var n=a(),t=w.reduce((function(t,i){var e=i.distance,r=i.timestamp;return n-r>200||(f(e)!==f(t.distance)&&t.distance&&(t={distance:0,lastTimestamp:0,time:0}),t.time&&(t.distance+=e),t.lastTimestamp&&(t.time+=r-t.lastTimestamp),t.lastTimestamp=r),t}),{distance:0,lastTimestamp:0,time:0});return t.distance/t.time||0}}}function k(n){var t,i,e,r,a,o,u,c;function s(n){return 2*n}function d(n){return l(n,u,c)}function p(n){return 1-Math.pow(1-n,3)}function v(){return e?n.track.velocity():0}function h(){b();var t="free-snap"===n.options.mode,i=n.track,e=v();r=f(e);var u=n.track.details,c=[];if(e||!t){var l=m(e),h=l.dist,g=l.dur;if(g=s(g),h*=r,t){var y=i.idxToDist(i.distToIdx(h),!0);y&&(h=y)}c.push({distance:h,duration:g,easing:p});var x=u.position,k=x+h;if(k<a||k>o){var w=k<a?a-x:o-x,M=0,T=e;if(f(w)===r){var C=Math.min(Math.abs(w)/Math.abs(h),1),E=function(n){return 1-Math.pow(1-n,1/3)}(C)*g;c[0].earlyExit=E,T=e*(1-C)}else c[0].earlyExit=0,M+=w;var z=m(T,100),I=z.dist*r;n.options.rubberband&&(c.push({distance:I,duration:s(z.dur),easing:p}),c.push({distance:-I+M,duration:500,easing:p}))}n.animator.start(c)}else n.moveToIdx(d(u.abs),!0,{duration:500,easing:function(n){return 1+--n*n*n*n*n}})}function m(n,t){void 0===t&&(t=1e3);var i=147e-9+(n=Math.abs(n))/t;return{dist:Math.pow(n,2)/i,dur:n/i}}function g(){var t=n.track.details;t&&(a=t.min,o=t.max,u=t.minIdx,c=t.maxIdx)}function b(){n.animator.stop()}n.on("updated",g),n.on("optionsChanged",g),n.on("created",g),n.on("dragStarted",(function(){e=!1,b(),t=i=n.track.details.abs})),n.on("dragChecked",(function(){e=!0})),n.on("dragEnded",(function(){var e=n.options.mode;"snap"===e&&function(){var e=n.track,r=n.track.details,u=r.position,c=f(v());(u>o||u<a)&&(c=0);var s=t+c;0===r.slides[e.absToRel(s)].portion&&(s-=c),t!==i&&(s=i),f(e.idxToDist(s,!0))!==c&&(s+=c),s=d(s);var l=e.idxToDist(s,!0);n.animator.start([{distance:l,duration:500,easing:function(n){return 1+--n*n*n*n*n}}])}(),"free"!==e&&"free-snap"!==e||h()})),n.on("dragged",(function(){i=n.track.details.abs}))}function w(n){var t,i,e,r,a,o,p,v,h,m,g,b,y,x,k,w,M,T,C=d();function E(t){if(o&&v===t.id){var u=D(t);if(h){if(!A(t))return I(t);m=u,h=!1,n.emit("dragChecked")}if(w)return m=u;c(t);var d=function(t){if(M===-1/0&&T===1/0)return t;var e=n.track.details,o=e.length,u=e.position,c=l(t,M-u,T-u);if(0===o)return 0;if(!n.options.rubberband)return c;if(u<=T&&u>=M)return t;if(u<M&&i>0||u>T&&i<0)return t;var s=(u<M?u-M:u-T)/o,d=r*o,f=Math.abs(s*d),p=Math.max(0,1-f/a*2);return p*p*t}(p(m-u)/r*e);i=f(d);var y=n.track.details.position;(y>M&&y<T||y===M&&i>0||y===T&&i<0)&&s(t),g+=d,!b&&Math.abs(g*r)>5&&(b=!0),n.track.add(d),m=u,n.emit("dragged")}}function z(t){!o&&n.track.details&&n.track.details.length&&(g=0,o=!0,b=!1,h=!0,v=t.id,A(t),m=D(t),n.emit("dragStarted"))}function I(t){o&&v===t.idChanged&&(o=!1,n.emit("dragEnded"))}function A(n){var t=O(),i=t?n.y:n.x,e=t?n.x:n.y,r=void 0!==y&&void 0!==x&&Math.abs(x-e)<=Math.abs(y-i);return y=i,x=e,r}function D(n){return O()?n.y:n.x}function O(){return n.options.vertical}function L(){r=n.size,a=O()?window.innerHeight:window.innerWidth;var t=n.track.details;t&&(M=t.min,T=t.max)}function S(n){b&&(s(n),c(n))}function P(){if(C.purge(),n.options.drag&&!n.options.disabled){var i;i=n.options.dragSpeed||1,p="function"==typeof i?i:function(n){return n*i},e=n.options.rtl?-1:1,L(),t=n.container,function(){var n="data-keen-slider-clickable";u("[".concat(n,"]:not([").concat(n,"=false])"),t).map((function(n){C.add(n,"dragstart",s),C.add(n,"mousedown",s),C.add(n,"touchstart",s)}))}(),C.add(t,"dragstart",(function(n){c(n)})),C.add(t,"click",S,{capture:!0}),C.input(t,"ksDragStart",z),C.input(t,"ksDrag",E),C.input(t,"ksDragEnd",I),C.input(t,"mousedown",z),C.input(t,"mousemove",E),C.input(t,"mouseleave",I),C.input(t,"mouseup",I),C.input(t,"touchstart",z,{passive:!0}),C.input(t,"touchmove",E,{passive:!1}),C.input(t,"touchend",I),C.input(t,"touchcancel",I),C.add(window,"wheel",(function(n){o&&c(n)}));var r="data-keen-slider-scrollable";u("[".concat(r,"]:not([").concat(r,"=false])"),n.container).map((function(n){return function(n){var t;C.input(n,"touchstart",(function(n){t=D(n),w=!0,k=!0}),{passive:!0}),C.input(n,"touchmove",(function(i){var e=O(),r=e?n.scrollHeight-n.clientHeight:n.scrollWidth-n.clientWidth,a=t-D(i),o=e?n.scrollTop:n.scrollLeft,u=e&&"scroll"===n.style.overflowY||!e&&"scroll"===n.style.overflowX;if(t=D(i),(a<0&&o>0||a>0&&o<r)&&k&&u)return w=!0;k=!1,c(i),w=!1})),C.input(n,"touchend",(function(){w=!1}))}(n)}))}}n.on("updated",L),n.on("optionsChanged",P),n.on("created",P),n.on("destroyed",C.purge)}function M(n){var t,i,e=null;function r(t,i,e){n.animator.active?o(t,i,e):requestAnimationFrame((function(){return o(t,i,e)}))}function a(){r(!1,!1,i)}function o(i,r,a){var o=0,u=n.size,d=n.track.details;if(d&&t){var l=d.slides;t.forEach((function(n,t){if(i)!e&&r&&c(n,null,a),s(n,null,a);else{if(!l[t])return;var d=l[t].size*u;!e&&r&&c(n,d,a),s(n,l[t].distance*u-o,a),o+=d}}))}}function u(t){return"performance"===n.options.renderMode?Math.round(t):t}function c(n,t,i){var e=i?"height":"width";null!==t&&(t=u(t)+"px"),n.style["min-"+e]=t,n.style["max-"+e]=t}function s(n,t,i){if(null!==t){t=u(t);var e=i?t:0;t="translate3d(".concat(i?0:t,"px, ").concat(e,"px, 0)")}n.style.transform=t,n.style["-webkit-transform"]=t}function d(){t&&(o(!0,!0,i),t=null),n.on("detailsChanged",a,!0)}function l(){r(!1,!0,i)}function f(){d(),i=n.options.vertical,n.options.disabled||"custom"===n.options.renderMode||(e="auto"===v(n.options.slides,"perView",null),n.on("detailsChanged",a),(t=n.slides).length&&l())}n.on("created",f),n.on("optionsChanged",f),n.on("beforeOptionsChanged",(function(){d()})),n.on("updated",l),n.on("destroyed",d)}function T(n,t){return function(i){var e,r,a,c,s,l,f=d();function h(n){var t;o(i.container,"reverse","rtl"!==(t=i.container,window.getComputedStyle(t,null).getPropertyValue("direction"))||n?null:""),o(i.container,"v",i.options.vertical&&!n?"":null),o(i.container,"disabled",i.options.disabled&&!n?"":null)}function m(){b()&&M()}function b(){var n=null;if(c.forEach((function(t){t.matches&&(n=t.__media)})),n===e)return!1;e||i.emit("beforeOptionsChanged"),e=n;var t=n?a.breakpoints[n]:a;return i.options=g(g({},a),t),h(),I(),A(),C(),!0}function y(n){var t=p(n);return(i.options.vertical?t.height:t.width)/i.size||1}function x(){return i.options.trackConfig.length}function k(n){for(var o in e=!1,a=g(g({},t),n),f.purge(),r=i.size,c=[],a.breakpoints||[]){var u=window.matchMedia(o);u.__media=o,c.push(u),f.add(u,"change",m)}f.add(window,"orientationchange",z),f.add(window,"resize",E),b()}function w(n){i.animator.stop();var t=i.track.details;i.track.init(null!=n?n:t?t.abs:0)}function M(n){w(n),i.emit("optionsChanged")}function T(n,t){if(n)return k(n),void M(t);I(),A();var e=x();C(),x()!==e?M(t):w(t),i.emit("updated")}function C(){var n=i.options.slides;if("function"==typeof n)return i.options.trackConfig=n(i.size,i.slides);for(var t=i.slides,e=t.length,r="number"==typeof n?n:v(n,"number",e,!0),a=[],o=v(n,"perView",1,!0),u=v(n,"spacing",0,!0)/i.size||0,c="auto"===o?u:u/o,s=v(n,"origin","auto"),d=0,l=0;l<r;l++){var f="auto"===o?y(t[l]):1/o-u+c,p="center"===s?.5-f/2:"auto"===s?0:s;a.push({origin:p,size:f,spacing:u}),d+=f}if(d+=u*(r-1),"auto"===s&&!i.options.loop&&1!==o){var h=0;a.map((function(n){var t=d-h;return h+=n.size+u,t>=1||(n.origin=1-t-(d>1?0:1-d)),n}))}i.options.trackConfig=a}function E(){I();var n=i.size;i.options.disabled||n===r||(r=n,T())}function z(){E(),setTimeout(E,500),setTimeout(E,2e3)}function I(){var n=p(i.container);i.size=(i.options.vertical?n.height:n.width)||1}function A(){i.slides=u(i.options.selector,i.container)}i.container=(l=u(n,s||document)).length?l[0]:null,i.destroy=function(){f.purge(),i.emit("destroyed"),h(!0)},i.prev=function(){i.moveToIdx(i.track.details.abs-1,!0)},i.next=function(){i.moveToIdx(i.track.details.abs+1,!0)},i.update=T,k(i.options)}}var C=function(n,t,i){try{return function(n,t){var i,e={};return i={emit:function(n){e[n]&&e[n].forEach((function(n){n(i)}));var t=i.options&&i.options[n];t&&t(i)},moveToIdx:function(n,t,e){var r=i.track.idxToDist(n,t);if(r){var a=i.options.defaultAnimation;i.animator.start([{distance:r,duration:v(e||a,"duration",500),easing:v(e||a,"easing",(function(n){return 1+--n*n*n*n*n}))}])}},on:function(n,t,i){void 0===i&&(i=!1),e[n]||(e[n]=[]);var r=e[n].indexOf(t);r>-1?i&&delete e[n][r]:i||e[n].push(t)},options:n},function(){if(i.track=x(i),i.animator=y(i),t)for(var n=0,e=t;n<e.length;n++)(0,e[n])(i);i.track.init(i.options.initial||0),i.emit("created")}(),i}(t,b([T(n,{drag:!0,mode:"snap",renderMode:"precision",rubberband:!0,selector:".keen-slider__slide"}),M,w,k],i||[],!0))}catch(n){console.error(n)}};function E(e,r){var a=n(null),o=n(!1),u=n(e),c=t((function(n){n?(u.current=e,a.current=new C(n,e,r),o.current=!1):(a.current&&a.current.destroy&&a.current.destroy(),a.current=null)}),[]);return i((function(){m(u.current,e)||(u.current=e,a.current&&a.current.update(u.current))}),[e]),[c,a]}export{E as useKeenSlider};
|