embla-carousel - npm Package Compare versions

Comparing version 8.0.0-rc15 to 8.0.0-rc16

cjs/components/Limit.d.ts

@@ -11,2 +11,2 @@ export type LimitType = {
 };
-export declare function Limit(min: number, max: number): LimitType;
+export declare function Limit(min?: number, max?: number): LimitType;

cjs/components/ScrollContain.d.ts

@@ -7,2 +7,2 @@ import { LimitType } from './Limit';
 };
-export declare function ScrollContain(viewSize: number, contentSize: number, snapsAligned: number[], containScroll: ScrollContainOptionType): ScrollContainType;
+export declare function ScrollContain(viewSize: number, contentSize: number, snapsAligned: number[], containScroll: ScrollContainOptionType, pixelTolerance: number): ScrollContainType;

cjs/components/SlideRegistry.d.ts

@@ -7,2 +7,2 @@ import { LimitType } from './Limit';
 };
-export declare function SlideRegistry(viewSize: number, contentSize: number, containSnaps: boolean, containScroll: ScrollContainOptionType, scrollContainLimit: LimitType, slidesToScroll: SlidesToScrollType, slideIndexes: number[]): SlideRegistryType;
+export declare function SlideRegistry(containSnaps: boolean, containScroll: ScrollContainOptionType, scrollSnaps: number[], scrollContainLimit: LimitType, slidesToScroll: SlidesToScrollType, slideIndexes: number[]): SlideRegistryType;

cjs/components/SlidesToScroll.d.ts

@@ -8,2 +8,2 @@ import { AxisType } from './Axis';
 };
-export declare function SlidesToScroll(axis: AxisType, direction: DirectionType, viewSize: number, slidesToScroll: SlidesToScrollOptionType, loop: boolean, containerRect: NodeRectType, slideRects: NodeRectType[], startGap: number, endGap: number): SlidesToScrollType;
+export declare function SlidesToScroll(axis: AxisType, direction: DirectionType, viewSize: number, slidesToScroll: SlidesToScrollOptionType, loop: boolean, containerRect: NodeRectType, slideRects: NodeRectType[], startGap: number, endGap: number, pixelTolerance: number): SlidesToScrollType;

cjs/embla-carousel.cjs.js

@@ -118,3 +118,3 @@ 'use strict';
 
-function Limit(min, max) {
+function Limit(min = 0, max = 0) {
   const length = mathAbs(min - max);
@@ -569,3 +569,3 @@ function reachedMin(n) {
 
-function ScrollContain(viewSize, contentSize, snapsAligned, containScroll) {
+function ScrollContain(viewSize, contentSize, snapsAligned, containScroll, pixelTolerance) {
   const scrollBounds = Limit(-contentSize + viewSize, 0);
@@ -592,3 +592,3 @@ const snapsBounded = measureBounded();
   function measureContained() {
-    if (contentSize <= viewSize) return [scrollBounds.max];
+    if (contentSize <= viewSize + pixelTolerance) return [scrollBounds.max];
     if (containScroll === 'keepSnaps') return snapsBounded;
@@ -684,3 +684,3 @@ const {
 
-function SlideRegistry(viewSize, contentSize, containSnaps, containScroll, scrollContainLimit, slidesToScroll, slideIndexes) {
+function SlideRegistry(containSnaps, containScroll, scrollSnaps, scrollContainLimit, slidesToScroll, slideIndexes) {
   const {
@@ -697,3 +697,4 @@ groupSlides
     const doNotContain = !containSnaps || containScroll === 'keepSnaps';
-    if (doNotContain || contentSize <= viewSize) return groupedSlideIndexes;
+    if (scrollSnaps.length === 1) return [slideIndexes];
+    if (doNotContain) return groupedSlideIndexes;
     return groupedSlideIndexes.slice(min, max).map((group, index, groups) => {
@@ -1109,3 +1110,3 @@ const isFirst = !index;
 
-function SlidesToScroll(axis, direction, viewSize, slidesToScroll, loop, containerRect, slideRects, startGap, endGap) {
+function SlidesToScroll(axis, direction, viewSize, slidesToScroll, loop, containerRect, slideRects, startGap, endGap, pixelTolerance) {
   const {
@@ -1130,3 +1131,3 @@ startEdge,
       const chunkSize = mathAbs(edgeB - gapB - (edgeA + gapA));
-      if (chunkSize > viewSize) groups.push(rectB);
+      if (chunkSize > viewSize + pixelTolerance) groups.push(rectB);
       if (isLast) groups.push(array.length);
@@ -1168,2 +1169,3 @@ return groups;
   // Measurements
+  const pixelTolerance = 2;
   const nodeRects = NodeRects();
@@ -1185,3 +1187,3 @@ const containerRect = nodeRects.measure(container);
   } = SlideSizes(axis, containerRect, slideRects, slides, readEdgeGap, ownerWindow);
-  const slidesToScroll = SlidesToScroll(axis, direction, viewSize, groupSlides, loop, containerRect, slideRects, startGap, endGap);
+  const slidesToScroll = SlidesToScroll(axis, direction, viewSize, groupSlides, loop, containerRect, slideRects, startGap, endGap, pixelTolerance);
   const {
@@ -1195,3 +1197,3 @@ snaps,
     scrollContainLimit
-  } = ScrollContain(viewSize, contentSize, snapsAligned, containScroll);
+  } = ScrollContain(viewSize, contentSize, snapsAligned, containScroll, pixelTolerance);
   const scrollSnaps = containSnaps ? snapsContained : snapsAligned;
@@ -1265,3 +1267,3 @@ const {
     slideRegistry
-  } = SlideRegistry(viewSize, contentSize, containSnaps, containScroll, scrollContainLimit, slidesToScroll, slideIndexes);
+  } = SlideRegistry(containSnaps, containScroll, scrollSnaps, scrollContainLimit, slidesToScroll, slideIndexes);
   const slideFocus = SlideFocus(root, slides, slideRegistry, scrollTo, scrollBody, eventStore);
@@ -1558,3 +1560,3 @@ // Engine
     if (!options.active || destroyed) return;
-    engine.scrollBody.useBaseFriction().useDuration(jump ? 0 : options.duration);
+    engine.scrollBody.useBaseFriction().useDuration(jump === true ? 0 : options.duration);
     engine.scrollTo.index(index, direction || 0);
@@ -1564,7 +1566,7 @@ }
     const next = engine.index.add(1).get();
-    scrollTo(next, jump === true, -1);
+    scrollTo(next, jump, -1);
   }
   function scrollPrev(jump) {
     const prev = engine.index.add(-1).get();
-    scrollTo(prev, jump === true, 1);
+    scrollTo(prev, jump, 1);
   }
@@ -1571,0 +1573,0 @@ function canScrollNext() {

cjs/index.d.ts

 export { EmblaOptionsType } from './components/Options';
-export { EmblaEventType, EmblaEventListType } from './components/EventHandler';
+export { EmblaEventType } from './components/EventHandler';
 export { EmblaPluginType } from './components/Plugins';
 export { EmblaCarouselType } from './components/EmblaCarousel';
 export { default } from './components/EmblaCarousel';

cjs/package.json

 {
 	"name": "embla-carousel",
-	"version": "8.0.0-rc15",
+	"version": "8.0.0-rc16",
 	"author": "David Jerleke",
@@ -5,0 +5,0 @@ "description": "A lightweight carousel library with fluid motion and great swipe precision",

components/Limit.d.ts

@@ -11,2 +11,2 @@ export type LimitType = {
 };
-export declare function Limit(min: number, max: number): LimitType;
+export declare function Limit(min?: number, max?: number): LimitType;

components/ScrollContain.d.ts

@@ -7,2 +7,2 @@ import { LimitType } from './Limit';
 };
-export declare function ScrollContain(viewSize: number, contentSize: number, snapsAligned: number[], containScroll: ScrollContainOptionType): ScrollContainType;
+export declare function ScrollContain(viewSize: number, contentSize: number, snapsAligned: number[], containScroll: ScrollContainOptionType, pixelTolerance: number): ScrollContainType;

components/SlideRegistry.d.ts

@@ -7,2 +7,2 @@ import { LimitType } from './Limit';
 };
-export declare function SlideRegistry(viewSize: number, contentSize: number, containSnaps: boolean, containScroll: ScrollContainOptionType, scrollContainLimit: LimitType, slidesToScroll: SlidesToScrollType, slideIndexes: number[]): SlideRegistryType;
+export declare function SlideRegistry(containSnaps: boolean, containScroll: ScrollContainOptionType, scrollSnaps: number[], scrollContainLimit: LimitType, slidesToScroll: SlidesToScrollType, slideIndexes: number[]): SlideRegistryType;

components/SlidesToScroll.d.ts

@@ -8,2 +8,2 @@ import { AxisType } from './Axis';
 };
-export declare function SlidesToScroll(axis: AxisType, direction: DirectionType, viewSize: number, slidesToScroll: SlidesToScrollOptionType, loop: boolean, containerRect: NodeRectType, slideRects: NodeRectType[], startGap: number, endGap: number): SlidesToScrollType;
+export declare function SlidesToScroll(axis: AxisType, direction: DirectionType, viewSize: number, slidesToScroll: SlidesToScrollOptionType, loop: boolean, containerRect: NodeRectType, slideRects: NodeRectType[], startGap: number, endGap: number, pixelTolerance: number): SlidesToScrollType;

embla-carousel.umd.js

@@ -1,1 +0,1 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).EmblaCarousel=t()}(this,(function(){"use strict";function n(n){return"number"==typeof n}function t(n){return"string"==typeof n}function e(n){return"boolean"==typeof n}function r(n){return"[object Object]"===Object.prototype.toString.call(n)}function o(n){return Math.abs(n)}function i(n){return Math.sign(n)}function c(n,t){return o(n-t)}function u(n){return f(n).map(Number)}function s(n){return n[a(n)]}function a(n){return Math.max(0,n.length-1)}function l(n,t){return t===a(n)}function d(n,t=0){return Array.from(Array(n),((n,e)=>t+e))}function f(n){return Object.keys(n)}function p(n,t){return[n,t].reduce(((n,t)=>(f(t).forEach((e=>{const o=n[e],i=t[e],c=r(o)&&r(i);n[e]=c?p(o,i):i})),n)),{})}function m(n,t){return void 0!==t.MouseEvent&&n instanceof t.MouseEvent}function g(n,t){const e=o(n-t);function r(t){return t<n}function i(n){return n>t}function c(n){return r(n)||i(n)}return{length:e,max:t,min:n,constrain:function(e){return c(e)?r(e)?n:t:e},reachedAny:c,reachedMax:i,reachedMin:r,removeOffset:function(n){return e?n-e*Math.ceil((n-t)/e):n}}}function h(n,t,e){const{constrain:r}=g(0,n),i=n+1;let c=u(t);function u(n){return e?o((i+n)%i):r(n)}function s(){return c}function a(){return h(n,s(),e)}const l={get:s,set:function(n){return c=u(n),l},add:function(n){return a().set(s()+n)},clone:a};return l}function x(){let n=[];const t={add:function(e,r,o,i={passive:!0}){let c;if("addEventListener"in e)e.addEventListener(r,o,i),c=()=>e.removeEventListener(r,o,i);else{const n=e;n.addListener(o),c=()=>n.removeListener(o)}return n.push(c),t},clear:function(){n=n.filter((n=>n()))}};return t}function y(n,t,r,u,s,a,l,d,f,p,h,y,v,b,w,S,E,L,D,I){const{cross:A}=n,M=["INPUT","SELECT","TEXTAREA"],T={passive:!1},O=x(),F=x(),P=g(50,225).constrain(w.measure(20)),z={mouse:300,touch:400},H={mouse:500,touch:600},k=S?43:25;let V=!1,R=0,B=0,N=!1,C=!1,j=!1,G=!1;function q(n){const e=l.readPoint(n),r=l.readPoint(n,A),o=c(e,R),i=c(r,B);if(!C&&!G){if(!n.cancelable)return U(n);if(C=o>i,!C)return U(n)}const u=l.pointerMove(n);o>E&&(j=!0),h.useFriction(.3).useDuration(1),f.start(),a.add(t.apply(u)),n.preventDefault()}function U(n){const e=y.byDistance(0,!1).index!==v.get(),r=l.pointerUp(n)*(S?H:z)[G?"mouse":"touch"],u=function(n,t){const e=v.add(-1*i(n)),r=y.byDistance(n,!S).distance;return S||o(n)<P?r:L&&t?.5*r:y.byIndex(e.get(),0).distance}(t.apply(r),e),s=function(n,t){if(0===n||0===t)return 0;if(o(n)<=o(t))return 0;const e=c(o(n),o(t));return o(e/n)}(r,u),a=k-10*s,d=D+s/50;C=!1,N=!1,F.clear(),h.useDuration(a).useFriction(d),p.distance(u,!S),G=!1,b.emit("pointerUp")}function W(n){j&&(n.stopPropagation(),n.preventDefault())}return{init:function(n){if(!I)return;function t(t){(e(I)||I(n,t))&&function(n){const t=m(n,s);if(G=t,t&&0!==n.button)return;if(function(n){const t=n.nodeName||"";return M.includes(t)}(n.target))return;j=S&&t&&!n.buttons&&V,V=c(a.get(),d.get())>=2,N=!0,l.pointerDown(n),h.useFriction(0).useDuration(0),a.set(d),function(){const n=G?u:r;F.add(n,"touchmove",q,T).add(n,"touchend",U).add(n,"mousemove",q,T).add(n,"mouseup",U)}(),R=l.readPoint(n),B=l.readPoint(n,A),b.emit("pointerDown")}(t)}const o=r;O.add(o,"dragstart",(n=>n.preventDefault()),T).add(o,"touchmove",(()=>{}),T).add(o,"touchend",(()=>{})).add(o,"touchstart",t).add(o,"mousedown",t).add(o,"touchcancel",U).add(o,"contextmenu",U).add(o,"click",W,!0)},pointerDown:function(){return N},destroy:function(){O.clear(),F.clear()}}}function v(n,t){let e,r;function i(n){return n.timeStamp}function c(e,r){const o="client"+("x"===(r||n.scroll)?"X":"Y");return(m(e,t)?e:e.touches[0])[o]}return{pointerDown:function(n){return e=n,r=n,c(n)},pointerMove:function(n){const t=c(n)-c(r),o=i(n)-i(e)>170;return r=n,o&&(e=n),t},pointerUp:function(n){if(!e||!r)return 0;const t=c(r)-c(e),u=i(n)-i(e),s=i(n)-i(r)>170,a=t/u;return u&&!s&&o(a)>.1?a:0},readPoint:c}}function b(n,t,r,i,c,u,s){let a,l,d=[],f=!1;function p(n){return c.measureSize(s.measure(n))}return{init:function(c){if(!u)return;l=p(n),d=i.map(p),a=new ResizeObserver((s=>{f||(e(u)||u(c,s))&&function(e){for(const u of e){const e=u.target===n,s=i.indexOf(u.target),a=e?l:d[s];if(o(p(e?n:i[s])-a)>=.5){r.requestAnimationFrame((()=>{c.reInit(),t.emit("resize")}));break}}}(s)})),[n].concat(i).forEach((n=>a.observe(n)))},destroy:function(){a&&a.disconnect(),f=!0}}}function w(n,t,e,r,i){const c=i.measure(10),u=i.measure(50),s=g(.1,.99);let a=!1;return{constrain:function(i){if(a||!n.reachedAny(e.get())||!n.reachedAny(t.get()))return;const l=n.reachedMin(t.get())?"min":"max",d=o(n[l]-t.get()),f=e.get()-t.get(),p=s.constrain(d/u);e.subtract(f*p),!i&&o(f)<c&&(e.set(n.constrain(e.get())),r.useDuration(25).useBaseFriction())},toggleActive:function(n){a=!n}}}function S(n,t,e,r){const o=t.min+.1,i=t.max+.1,{reachedMin:c,reachedMax:u}=g(o,i);return{loop:function(t){if(!function(n){return 1===n?u(e.get()):-1===n&&c(e.get())}(t))return;const o=n*(-1*t);r.forEach((n=>n.add(o)))}}}function E(n,t,e,r,c){const{reachedAny:u,removeOffset:a,constrain:l}=r;function d(n){return n.concat().sort(((n,t)=>o(n)-o(t)))[0]}function f(t,r){const o=[t,t+e,t-e];if(!n)return o[0];if(!r)return d(o);const c=o.filter((n=>i(n)===r));return c.length?d(c):s(o)-e}return{byDistance:function(e,r){const i=c.get()+e,{index:s,distance:d}=function(e){const r=n?a(e):l(e),i=t.map((n=>n-r)).map((n=>f(n,0))).map(((n,t)=>({diff:n,index:t}))).sort(((n,t)=>o(n.diff)-o(t.diff))),{index:c}=i[0];return{index:c,distance:r}}(i),p=!n&&u(i);return!r||p?{index:s,distance:e}:{index:s,distance:e+f(t[s]-d,0)}},byIndex:function(n,e){return{index:n,distance:f(t[n]-c.get(),e)}},shortcut:f}}function L(t){let e=t;function r(t){return n(t)?t:t.get()}return{get:function(){return e},set:function(n){e=r(n)},add:function(n){e+=r(n)},subtract:function(n){e-=r(n)}}}function D(n,t,e){const r="x"===n.scroll?function(n){return`translate3d(${n}px,0px,0px)`}:function(n){return`translate3d(0px,${n}px,0px)`},o=e.style;let i=!1;return{clear:function(){i||(o.transform="",e.getAttribute("style")||e.removeAttribute("style"))},to:function(n){i||(o.transform=r(t.apply(n)))},toggleActive:function(n){i=!n}}}function I(n,t,e,r,o,i,c,s,a,l){const d=.5,f=u(i),p=u(i).reverse(),m=function(){const n=s[0];return x(h(p,n),r,!1)}().concat(function(){const n=e-s[0]-1;return x(h(f,n),-r,!0)}());function g(n,t){return n.reduce(((n,t)=>n-i[t]),t)}function h(n,t){return n.reduce(((n,e)=>g(n,t)>0?n.concat([e]):n),[])}function x(i,u,s){const f=function(n){return c.map(((t,r)=>({start:t-o[r]+d+n,end:t+e-d+n})))}(u);return i.map((e=>{const o=s?0:-r,i=s?r:0,c=s?"end":"start",u=f[e][c];return{index:e,loopPoint:u,slideLocation:L(-1),translate:D(n,t,l[e]),target:()=>a.get()>u?o:i}}))}return{canLoop:function(){return m.every((({index:n})=>g(f.filter((t=>t!==n)),e)<=.1))},clear:function(){m.forEach((n=>n.translate.clear()))},loop:function(){m.forEach((n=>{const{target:t,translate:e,slideLocation:r}=n,o=t();o!==r.get()&&(e.to(o),r.set(o))}))},loopPoints:m}}function A(n,t,r){let o,i=!1;return{init:function(c){r&&(o=new MutationObserver((n=>{i||(e(r)||r(c,n))&&function(n){for(const e of n)if("childList"===e.type){c.reInit(),t.emit("slidesChanged");break}}(n)})),o.observe(n,{childList:!0}))},destroy:function(){o&&o.disconnect(),i=!0}}}function M(n,t,e,r){const o={};let i,c=null,u=null,s=!1;return{init:function(){i=new IntersectionObserver((n=>{s||(n.forEach((n=>{const e=t.indexOf(n.target);o[e]=n})),c=null,u=null,e.emit("slidesInView"))}),{root:n.parentElement,threshold:r}),t.forEach((n=>i.observe(n)))},destroy:function(){i&&i.disconnect(),s=!0},get:function(n=!0){if(n&&c)return c;if(!n&&u)return u;const t=function(n){return f(o).reduce(((t,e)=>{const r=parseInt(e),{isIntersecting:i}=o[r];return(n&&i||!n&&!i)&&t.push(r),t}),[])}(n);return n&&(c=t),n||(u=t),t}}}function T(t,e,r,i,c,l,d,f,p){const{startEdge:m,endEdge:g}=t,h=n(i);return{groupSlides:function(n){return h?function(n,t){return u(n).filter((n=>n%t==0)).map((e=>n.slice(e,e+t)))}(n,i):function(n){return n.length?u(n).reduce(((t,i)=>{const u=s(t)||0,h=0===u,x=i===a(n),y=l[m]-d[u][m],v=l[m]-d[i][g],b=!c&&h?e.apply(f):0;return o(v-(!c&&x?e.apply(p):0)-(y+b))>r&&t.push(i),x&&t.push(n.length),t}),[]).map(((t,e,r)=>{const o=Math.max(r[e-1]||0);return n.slice(o,t)})):[]}(n)}}}function O(e,r,c,f,p,m,O,F){const{align:P,axis:z,direction:H,startIndex:k,loop:V,duration:R,dragFree:B,dragThreshold:N,inViewThreshold:C,slidesToScroll:j,skipSnaps:G,containScroll:q,watchResize:U,watchSlides:W,watchDrag:$}=m,Q={measure:function(n){const{offsetTop:t,offsetLeft:e,offsetWidth:r,offsetHeight:o}=n;return{top:t,right:e+r,bottom:t+o,left:e,width:r,height:o}}},X=Q.measure(r),Y=c.map(Q.measure),J=function(n){const t="rtl"===n?-1:1;return{apply:function(n){return n*t}}}(H),K=function(n,t){const e="y"===n?"y":"x";return{scroll:e,cross:"y"===n?"x":"y",startEdge:"y"===e?"top":"rtl"===t?"right":"left",endEdge:"y"===e?"bottom":"rtl"===t?"left":"right",measureSize:function(n){const{width:t,height:r}=n;return"x"===e?t:r}}}(z,H),Z=K.measureSize(X),_=function(n){return{measure:function(t){return n*(t/100)}}}(Z),nn=function(n,e){const r={start:function(){return 0},center:function(n){return o(n)/2},end:o};function o(n){return e-n}return{measure:function(o,i){return t(n)?r[n](o):n(e,o,i)}}}(P,Z),tn=!V&&!!q,en=V||!!q,{slideSizes:rn,slideSizesWithGaps:on,startGap:cn,endGap:un}=function(n,t,e,r,i,c){const{measureSize:u,startEdge:a,endEdge:d}=n,f=e[0]&&i,p=function(){if(!f)return 0;const n=e[0];return o(t[a]-n[a])}(),m=function(){if(!f)return 0;const n=c.getComputedStyle(s(r));return parseFloat(n.getPropertyValue(`margin-${d}`))}(),g=e.map(u),h=e.map(((n,t,e)=>{const r=!t,o=l(e,t);return r?g[t]+p:o?g[t]+m:e[t+1][a]-n[a]})).map(o);return{slideSizes:g,slideSizesWithGaps:h,startGap:p,endGap:m}}(K,X,Y,c,en,p),sn=T(K,J,Z,j,V,X,Y,cn,un),{snaps:an,snapsAligned:ln}=function(n,t,e,r,i){const{startEdge:c,endEdge:u}=n,{groupSlides:a}=i,l=a(r).map((n=>s(n)[u]-n[0][c])).map(o).map(t.measure),d=r.map((n=>e[c]-n[c])).map((n=>-o(n))),f=a(d).map((n=>n[0])).map(((n,t)=>n+l[t]));return{snaps:d,snapsAligned:f}}(K,nn,X,Y,sn),dn=-s(an)+s(on),{snapsContained:fn,scrollContainLimit:pn}=function(n,t,e,r){const o=g(-t+n,0),i=e.map(((n,t)=>{const r=!t,i=l(e,t);return r?o.max:i?o.min:o.constrain(n)})).map((n=>parseFloat(n.toFixed(3)))),c=function(){const n=i[0],t=s(i);return g(i.lastIndexOf(n),i.indexOf(t)+1)}();return{snapsContained:function(){if(t<=n)return[o.max];if("keepSnaps"===r)return i;const{min:e,max:u}=c;return i.slice(e,u)}(),scrollContainLimit:c}}(Z,dn,ln,q),mn=tn?fn:ln,{limit:gn}=function(n,t,e){const r=t[0];return{limit:g(e?r-n:s(t),r)}}(dn,mn,V),hn=h(a(mn),k,V),xn=hn.clone(),yn=u(c),vn={start:()=>F.start(Pn),stop:()=>F.stop(Pn),update:()=>(({dragHandler:n,scrollBody:t,scrollBounds:e,options:{loop:r}})=>{r||e.constrain(n.pointerDown()),t.seek()})(Pn),render:n=>(({scrollBody:n,translate:t,location:e,offsetLocation:r,scrollLooper:o,slideLooper:i,dragHandler:c,animation:u,eventHandler:s,options:{loop:a}},l)=>{const d=n.velocity(),f=n.settled();f&&!c.pointerDown()&&(u.stop(),s.emit("settle")),f||s.emit("scroll"),r.set(e.get()-d+d*l),a&&(o.loop(n.direction()),i.loop()),t.to(r.get())})(Pn,n)},bn=mn[hn.get()],wn=L(bn),Sn=L(bn),En=L(bn),Ln=function(n,t,e,r,c){let u=0,s=0,a=r,l=c,d=n.get(),f=0;function p(n){return a=n,g}function m(n){return l=n,g}const g={direction:function(){return s},duration:function(){return a},velocity:function(){return u},seek:function(){const t=e.get()-n.get();let r=0;return a?(u+=t/a,u*=l,d+=u,n.add(u),r=d-f):(u=0,n.set(e),r=t),s=i(r),f=d,g},settled:function(){return o(e.get()-t.get())<.001},useBaseFriction:function(){return m(c)},useBaseDuration:function(){return p(r)},useFriction:m,useDuration:p};return g}(wn,Sn,En,R,.68),Dn=E(V,mn,dn,gn,En),In=function(n,t,e,r,o,i){function c(r){const c=r.distance,u=r.index!==t.get();o.add(c),c&&n.start(),u&&(e.set(t.get()),t.set(r.index),i.emit("select"))}return{distance:function(n,t){c(r.byDistance(n,t))},index:function(n,e){const o=t.clone().set(n);c(r.byIndex(o.get(),e))}}}(vn,hn,xn,Dn,En,O),An=function(n){const{max:t,length:e}=n;return{get:function(n){return e?(n-t)/-e:0}}}(gn),Mn=x(),Tn=M(r,c,O,C),{slideRegistry:On}=function(n,t,e,r,o,i,c){const{groupSlides:u}=i,{min:f,max:p}=o;return{slideRegistry:function(){const o=u(c);return!e||"keepSnaps"===r||t<=n?o:o.slice(f,p).map(((n,t,e)=>{const r=!t,o=l(e,t);return r?d(s(e[0])+1):o?d(a(c)-s(e)[0]+1,s(e)[0]):n}))}()}}(Z,dn,tn,q,pn,sn,yn),Fn=function(t,e,r,o,i,c){let u=0;function s(n){"Tab"===n.code&&(u=(new Date).getTime())}function a(s){c.add(s,"focus",(()=>{if((new Date).getTime()-u>10)return;t.scrollLeft=0;const c=e.indexOf(s),a=r.findIndex((n=>n.includes(c)));n(a)&&(i.useDuration(0),o.index(a,0))}),{passive:!0,capture:!0})}return{init:function(){c.add(document,"keydown",s,!1),e.forEach(a)}}}(e,c,On,In,Ln,Mn),Pn={ownerDocument:f,ownerWindow:p,eventHandler:O,containerRect:X,slideRects:Y,animation:vn,axis:K,direction:J,dragHandler:y(K,J,e,f,p,En,v(K,p),wn,vn,In,Ln,Dn,hn,O,_,B,N,G,.68,$),eventStore:Mn,percentOfView:_,index:hn,indexPrevious:xn,limit:gn,location:wn,offsetLocation:Sn,options:m,resizeHandler:b(r,O,p,c,K,U,Q),scrollBody:Ln,scrollBounds:w(gn,wn,En,Ln,_),scrollLooper:S(dn,gn,Sn,[wn,Sn,En]),scrollProgress:An,scrollSnapList:mn.map(An.get),scrollSnaps:mn,scrollTarget:Dn,scrollTo:In,slideLooper:I(K,J,Z,dn,rn,on,an,mn,Sn,c),slideFocus:Fn,slidesHandler:A(r,O,W),slidesInView:Tn,slideIndexes:yn,slideRegistry:On,slidesToScroll:sn,target:En,translate:D(K,J,r)};return Pn}const F={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0};function P(n){function t(n,t){return p(n,t||{})}const e={mergeOptions:t,optionsAtMedia:function(e){const r=e.breakpoints||{},o=f(r).filter((t=>n.matchMedia(t).matches)).map((n=>r[n])).reduce(((n,e)=>t(n,e)),{});return t(e,o)},optionsMediaQueries:function(t){return t.map((n=>f(n.breakpoints||{}))).reduce(((n,t)=>n.concat(t)),[]).map(n.matchMedia)}};return e}function z(n,e,r){const i=n.ownerDocument,c=i.defaultView,u=P(c),s=function(n){let t=[];return{init:function(e,r){return t=r.filter((({options:t})=>!1!==n.optionsAtMedia(t).active)),t.forEach((t=>t.init(e,n))),r.reduce(((n,t)=>Object.assign(n,{[t.name]:t})),{})},destroy:function(){t=t.filter((n=>n.destroy()))}}}(u),a=x(),l=x(),d=function(){const n={};let t;function e(t){return n[t]||[]}const r={init:function(n){t=n},emit:function(n){return e(n).forEach((e=>e(t,n))),r},off:function(t,o){return n[t]=e(t).filter((n=>n!==o)),r},on:function(t,o){return n[t]=e(t).concat([o]),r}};return r}(),{animationRealms:f}=z,{mergeOptions:p,optionsAtMedia:m,optionsMediaQueries:g}=u,{on:h,off:y,emit:v}=d,b=k;let w,S,E,L,D=!1,I=p(F,z.globalOptions),A=p(I),M=[];function T(t,e){const r=O(n,E,L,i,c,t,d,e);if(t.loop&&!r.slideLooper.canLoop()){return T(Object.assign({},t,{loop:!1}),e)}return r}function H(e,r){if(D)return;const u=f.find((n=>n.window===c)),d=u||function(n){const t=1e3/60;let e=[],r=null,i=0,c=0;function u(s){r||(r=s);const a=s-r;for(r=s,i+=a;i>=t;)e.forEach((({animation:n})=>n.update())),i-=t;const l=o(i/t);e.forEach((({animation:n})=>n.render(l))),c&&n.requestAnimationFrame(u)}return{start:function(t){e.includes(t)||e.push(t),c||(c=n.requestAnimationFrame(u))},stop:function(t){e=e.filter((n=>n!==t)),e.length||(n.cancelAnimationFrame(c),r=null,i=0,c=0)},reset:function(){r=null,i=0},window:n}}(c);u||f.push(d),I=p(I,e),A=m(I),M=r||M,function(){const{container:e,slides:r}=A,o=t(e)?n.querySelector(e):e;E=o||n.children[0];const i=t(r)?E.querySelectorAll(r):r;L=[].slice.call(i||E.children)}(),w=T(A,d),g([I,...M.map((({options:n})=>n))]).forEach((n=>a.add(n,"change",k))),A.active&&(w.translate.to(w.location.get()),w.slidesInView.init(),w.slideFocus.init(),w.eventHandler.init(N),w.resizeHandler.init(N),w.slidesHandler.init(N),l.add(i,"visibilitychange",(()=>{i.hidden&&d.reset()})),w.options.loop&&w.slideLooper.loop(),E.offsetParent&&L.length&&w.dragHandler.init(N),S=s.init(N,M))}function k(n,t){const e=B();V(),H(p({startIndex:e},n),t),d.emit("reInit")}function V(){w.dragHandler.destroy(),w.animation.stop(),w.eventStore.clear(),w.translate.clear(),w.slideLooper.clear(),w.resizeHandler.destroy(),w.slidesHandler.destroy(),w.slidesInView.destroy(),s.destroy(),a.clear(),l.clear()}function R(n,t,e){A.active&&!D&&(w.scrollBody.useBaseFriction().useDuration(t?0:A.duration),w.scrollTo.index(n,e||0))}function B(){return w.index.get()}const N={canScrollNext:function(){return w.index.add(1).get()!==B()},canScrollPrev:function(){return w.index.add(-1).get()!==B()},containerNode:function(){return E},internalEngine:function(){return w},destroy:function(){D||(D=!0,a.clear(),V(),d.emit("destroy"))},off:y,on:h,emit:v,plugins:function(){return S},previousScrollSnap:function(){return w.indexPrevious.get()},reInit:b,rootNode:function(){return n},scrollNext:function(n){R(w.index.add(1).get(),!0===n,-1)},scrollPrev:function(n){R(w.index.add(-1).get(),!0===n,1)},scrollProgress:function(){return w.scrollProgress.get(w.location.get())},scrollSnapList:function(){return w.scrollSnapList},scrollTo:R,selectedScrollSnap:B,slideNodes:function(){return L},slidesInView:function(){return w.slidesInView.get()},slidesNotInView:function(){return w.slidesInView.get(!1)}};return H(e,r),setTimeout((()=>d.emit("init")),0),N}return z.animationRealms=[],z.globalOptions=void 0,z}));
+!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).EmblaCarousel=t()}(this,(function(){"use strict";function n(n){return"number"==typeof n}function t(n){return"string"==typeof n}function e(n){return"boolean"==typeof n}function r(n){return"[object Object]"===Object.prototype.toString.call(n)}function o(n){return Math.abs(n)}function i(n){return Math.sign(n)}function c(n,t){return o(n-t)}function u(n){return f(n).map(Number)}function s(n){return n[a(n)]}function a(n){return Math.max(0,n.length-1)}function l(n,t){return t===a(n)}function d(n,t=0){return Array.from(Array(n),((n,e)=>t+e))}function f(n){return Object.keys(n)}function p(n,t){return[n,t].reduce(((n,t)=>(f(t).forEach((e=>{const o=n[e],i=t[e],c=r(o)&&r(i);n[e]=c?p(o,i):i})),n)),{})}function m(n,t){return void 0!==t.MouseEvent&&n instanceof t.MouseEvent}function g(n=0,t=0){const e=o(n-t);function r(t){return t<n}function i(n){return n>t}function c(n){return r(n)||i(n)}return{length:e,max:t,min:n,constrain:function(e){return c(e)?r(e)?n:t:e},reachedAny:c,reachedMax:i,reachedMin:r,removeOffset:function(n){return e?n-e*Math.ceil((n-t)/e):n}}}function h(n,t,e){const{constrain:r}=g(0,n),i=n+1;let c=u(t);function u(n){return e?o((i+n)%i):r(n)}function s(){return c}function a(){return h(n,s(),e)}const l={get:s,set:function(n){return c=u(n),l},add:function(n){return a().set(s()+n)},clone:a};return l}function x(){let n=[];const t={add:function(e,r,o,i={passive:!0}){let c;if("addEventListener"in e)e.addEventListener(r,o,i),c=()=>e.removeEventListener(r,o,i);else{const n=e;n.addListener(o),c=()=>n.removeListener(o)}return n.push(c),t},clear:function(){n=n.filter((n=>n()))}};return t}function y(n,t,r,u,s,a,l,d,f,p,h,y,v,b,w,S,E,L,D,I){const{cross:A}=n,M=["INPUT","SELECT","TEXTAREA"],T={passive:!1},O=x(),F=x(),P=g(50,225).constrain(w.measure(20)),z={mouse:300,touch:400},H={mouse:500,touch:600},k=S?43:25;let V=!1,R=0,B=0,N=!1,C=!1,j=!1,G=!1;function q(n){const e=l.readPoint(n),r=l.readPoint(n,A),o=c(e,R),i=c(r,B);if(!C&&!G){if(!n.cancelable)return U(n);if(C=o>i,!C)return U(n)}const u=l.pointerMove(n);o>E&&(j=!0),h.useFriction(.3).useDuration(1),f.start(),a.add(t.apply(u)),n.preventDefault()}function U(n){const e=y.byDistance(0,!1).index!==v.get(),r=l.pointerUp(n)*(S?H:z)[G?"mouse":"touch"],u=function(n,t){const e=v.add(-1*i(n)),r=y.byDistance(n,!S).distance;return S||o(n)<P?r:L&&t?.5*r:y.byIndex(e.get(),0).distance}(t.apply(r),e),s=function(n,t){if(0===n||0===t)return 0;if(o(n)<=o(t))return 0;const e=c(o(n),o(t));return o(e/n)}(r,u),a=k-10*s,d=D+s/50;C=!1,N=!1,F.clear(),h.useDuration(a).useFriction(d),p.distance(u,!S),G=!1,b.emit("pointerUp")}function W(n){j&&(n.stopPropagation(),n.preventDefault())}return{init:function(n){if(!I)return;function t(t){(e(I)||I(n,t))&&function(n){const t=m(n,s);if(G=t,t&&0!==n.button)return;if(function(n){const t=n.nodeName||"";return M.includes(t)}(n.target))return;j=S&&t&&!n.buttons&&V,V=c(a.get(),d.get())>=2,N=!0,l.pointerDown(n),h.useFriction(0).useDuration(0),a.set(d),function(){const n=G?u:r;F.add(n,"touchmove",q,T).add(n,"touchend",U).add(n,"mousemove",q,T).add(n,"mouseup",U)}(),R=l.readPoint(n),B=l.readPoint(n,A),b.emit("pointerDown")}(t)}const o=r;O.add(o,"dragstart",(n=>n.preventDefault()),T).add(o,"touchmove",(()=>{}),T).add(o,"touchend",(()=>{})).add(o,"touchstart",t).add(o,"mousedown",t).add(o,"touchcancel",U).add(o,"contextmenu",U).add(o,"click",W,!0)},pointerDown:function(){return N},destroy:function(){O.clear(),F.clear()}}}function v(n,t){let e,r;function i(n){return n.timeStamp}function c(e,r){const o="client"+("x"===(r||n.scroll)?"X":"Y");return(m(e,t)?e:e.touches[0])[o]}return{pointerDown:function(n){return e=n,r=n,c(n)},pointerMove:function(n){const t=c(n)-c(r),o=i(n)-i(e)>170;return r=n,o&&(e=n),t},pointerUp:function(n){if(!e||!r)return 0;const t=c(r)-c(e),u=i(n)-i(e),s=i(n)-i(r)>170,a=t/u;return u&&!s&&o(a)>.1?a:0},readPoint:c}}function b(n,t,r,i,c,u,s){let a,l,d=[],f=!1;function p(n){return c.measureSize(s.measure(n))}return{init:function(c){if(!u)return;l=p(n),d=i.map(p),a=new ResizeObserver((s=>{f||(e(u)||u(c,s))&&function(e){for(const u of e){const e=u.target===n,s=i.indexOf(u.target),a=e?l:d[s];if(o(p(e?n:i[s])-a)>=.5){r.requestAnimationFrame((()=>{c.reInit(),t.emit("resize")}));break}}}(s)})),[n].concat(i).forEach((n=>a.observe(n)))},destroy:function(){a&&a.disconnect(),f=!0}}}function w(n,t,e,r,i){const c=i.measure(10),u=i.measure(50),s=g(.1,.99);let a=!1;return{constrain:function(i){if(a||!n.reachedAny(e.get())||!n.reachedAny(t.get()))return;const l=n.reachedMin(t.get())?"min":"max",d=o(n[l]-t.get()),f=e.get()-t.get(),p=s.constrain(d/u);e.subtract(f*p),!i&&o(f)<c&&(e.set(n.constrain(e.get())),r.useDuration(25).useBaseFriction())},toggleActive:function(n){a=!n}}}function S(n,t,e,r){const o=t.min+.1,i=t.max+.1,{reachedMin:c,reachedMax:u}=g(o,i);return{loop:function(t){if(!function(n){return 1===n?u(e.get()):-1===n&&c(e.get())}(t))return;const o=n*(-1*t);r.forEach((n=>n.add(o)))}}}function E(n,t,e,r,c){const{reachedAny:u,removeOffset:a,constrain:l}=r;function d(n){return n.concat().sort(((n,t)=>o(n)-o(t)))[0]}function f(t,r){const o=[t,t+e,t-e];if(!n)return o[0];if(!r)return d(o);const c=o.filter((n=>i(n)===r));return c.length?d(c):s(o)-e}return{byDistance:function(e,r){const i=c.get()+e,{index:s,distance:d}=function(e){const r=n?a(e):l(e),i=t.map((n=>n-r)).map((n=>f(n,0))).map(((n,t)=>({diff:n,index:t}))).sort(((n,t)=>o(n.diff)-o(t.diff))),{index:c}=i[0];return{index:c,distance:r}}(i),p=!n&&u(i);return!r||p?{index:s,distance:e}:{index:s,distance:e+f(t[s]-d,0)}},byIndex:function(n,e){return{index:n,distance:f(t[n]-c.get(),e)}},shortcut:f}}function L(t){let e=t;function r(t){return n(t)?t:t.get()}return{get:function(){return e},set:function(n){e=r(n)},add:function(n){e+=r(n)},subtract:function(n){e-=r(n)}}}function D(n,t,e){const r="x"===n.scroll?function(n){return`translate3d(${n}px,0px,0px)`}:function(n){return`translate3d(0px,${n}px,0px)`},o=e.style;let i=!1;return{clear:function(){i||(o.transform="",e.getAttribute("style")||e.removeAttribute("style"))},to:function(n){i||(o.transform=r(t.apply(n)))},toggleActive:function(n){i=!n}}}function I(n,t,e,r,o,i,c,s,a,l){const d=.5,f=u(i),p=u(i).reverse(),m=function(){const n=s[0];return x(h(p,n),r,!1)}().concat(function(){const n=e-s[0]-1;return x(h(f,n),-r,!0)}());function g(n,t){return n.reduce(((n,t)=>n-i[t]),t)}function h(n,t){return n.reduce(((n,e)=>g(n,t)>0?n.concat([e]):n),[])}function x(i,u,s){const f=function(n){return c.map(((t,r)=>({start:t-o[r]+d+n,end:t+e-d+n})))}(u);return i.map((e=>{const o=s?0:-r,i=s?r:0,c=s?"end":"start",u=f[e][c];return{index:e,loopPoint:u,slideLocation:L(-1),translate:D(n,t,l[e]),target:()=>a.get()>u?o:i}}))}return{canLoop:function(){return m.every((({index:n})=>g(f.filter((t=>t!==n)),e)<=.1))},clear:function(){m.forEach((n=>n.translate.clear()))},loop:function(){m.forEach((n=>{const{target:t,translate:e,slideLocation:r}=n,o=t();o!==r.get()&&(e.to(o),r.set(o))}))},loopPoints:m}}function A(n,t,r){let o,i=!1;return{init:function(c){r&&(o=new MutationObserver((n=>{i||(e(r)||r(c,n))&&function(n){for(const e of n)if("childList"===e.type){c.reInit(),t.emit("slidesChanged");break}}(n)})),o.observe(n,{childList:!0}))},destroy:function(){o&&o.disconnect(),i=!0}}}function M(n,t,e,r){const o={};let i,c=null,u=null,s=!1;return{init:function(){i=new IntersectionObserver((n=>{s||(n.forEach((n=>{const e=t.indexOf(n.target);o[e]=n})),c=null,u=null,e.emit("slidesInView"))}),{root:n.parentElement,threshold:r}),t.forEach((n=>i.observe(n)))},destroy:function(){i&&i.disconnect(),s=!0},get:function(n=!0){if(n&&c)return c;if(!n&&u)return u;const t=function(n){return f(o).reduce(((t,e)=>{const r=parseInt(e),{isIntersecting:i}=o[r];return(n&&i||!n&&!i)&&t.push(r),t}),[])}(n);return n&&(c=t),n||(u=t),t}}}function T(t,e,r,i,c,l,d,f,p,m){const{startEdge:g,endEdge:h}=t,x=n(i);return{groupSlides:function(n){return x?function(n,t){return u(n).filter((n=>n%t==0)).map((e=>n.slice(e,e+t)))}(n,i):function(n){return n.length?u(n).reduce(((t,i)=>{const u=s(t)||0,x=0===u,y=i===a(n),v=l[g]-d[u][g],b=l[g]-d[i][h],w=!c&&x?e.apply(f):0;return o(b-(!c&&y?e.apply(p):0)-(v+w))>r+m&&t.push(i),y&&t.push(n.length),t}),[]).map(((t,e,r)=>{const o=Math.max(r[e-1]||0);return n.slice(o,t)})):[]}(n)}}}function O(e,r,c,f,p,m,O,F){const{align:P,axis:z,direction:H,startIndex:k,loop:V,duration:R,dragFree:B,dragThreshold:N,inViewThreshold:C,slidesToScroll:j,skipSnaps:G,containScroll:q,watchResize:U,watchSlides:W,watchDrag:$}=m,Q={measure:function(n){const{offsetTop:t,offsetLeft:e,offsetWidth:r,offsetHeight:o}=n;return{top:t,right:e+r,bottom:t+o,left:e,width:r,height:o}}},X=Q.measure(r),Y=c.map(Q.measure),J=function(n){const t="rtl"===n?-1:1;return{apply:function(n){return n*t}}}(H),K=function(n,t){const e="y"===n?"y":"x";return{scroll:e,cross:"y"===n?"x":"y",startEdge:"y"===e?"top":"rtl"===t?"right":"left",endEdge:"y"===e?"bottom":"rtl"===t?"left":"right",measureSize:function(n){const{width:t,height:r}=n;return"x"===e?t:r}}}(z,H),Z=K.measureSize(X),_=function(n){return{measure:function(t){return n*(t/100)}}}(Z),nn=function(n,e){const r={start:function(){return 0},center:function(n){return o(n)/2},end:o};function o(n){return e-n}return{measure:function(o,i){return t(n)?r[n](o):n(e,o,i)}}}(P,Z),tn=!V&&!!q,en=V||!!q,{slideSizes:rn,slideSizesWithGaps:on,startGap:cn,endGap:un}=function(n,t,e,r,i,c){const{measureSize:u,startEdge:a,endEdge:d}=n,f=e[0]&&i,p=function(){if(!f)return 0;const n=e[0];return o(t[a]-n[a])}(),m=function(){if(!f)return 0;const n=c.getComputedStyle(s(r));return parseFloat(n.getPropertyValue(`margin-${d}`))}(),g=e.map(u),h=e.map(((n,t,e)=>{const r=!t,o=l(e,t);return r?g[t]+p:o?g[t]+m:e[t+1][a]-n[a]})).map(o);return{slideSizes:g,slideSizesWithGaps:h,startGap:p,endGap:m}}(K,X,Y,c,en,p),sn=T(K,J,Z,j,V,X,Y,cn,un,2),{snaps:an,snapsAligned:ln}=function(n,t,e,r,i){const{startEdge:c,endEdge:u}=n,{groupSlides:a}=i,l=a(r).map((n=>s(n)[u]-n[0][c])).map(o).map(t.measure),d=r.map((n=>e[c]-n[c])).map((n=>-o(n))),f=a(d).map((n=>n[0])).map(((n,t)=>n+l[t]));return{snaps:d,snapsAligned:f}}(K,nn,X,Y,sn),dn=-s(an)+s(on),{snapsContained:fn,scrollContainLimit:pn}=function(n,t,e,r,o){const i=g(-t+n,0),c=e.map(((n,t)=>{const r=!t,o=l(e,t);return r?i.max:o?i.min:i.constrain(n)})).map((n=>parseFloat(n.toFixed(3)))),u=function(){const n=c[0],t=s(c);return g(c.lastIndexOf(n),c.indexOf(t)+1)}();return{snapsContained:function(){if(t<=n+o)return[i.max];if("keepSnaps"===r)return c;const{min:e,max:s}=u;return c.slice(e,s)}(),scrollContainLimit:u}}(Z,dn,ln,q,2),mn=tn?fn:ln,{limit:gn}=function(n,t,e){const r=t[0];return{limit:g(e?r-n:s(t),r)}}(dn,mn,V),hn=h(a(mn),k,V),xn=hn.clone(),yn=u(c),vn={start:()=>F.start(Pn),stop:()=>F.stop(Pn),update:()=>(({dragHandler:n,scrollBody:t,scrollBounds:e,options:{loop:r}})=>{r||e.constrain(n.pointerDown()),t.seek()})(Pn),render:n=>(({scrollBody:n,translate:t,location:e,offsetLocation:r,scrollLooper:o,slideLooper:i,dragHandler:c,animation:u,eventHandler:s,options:{loop:a}},l)=>{const d=n.velocity(),f=n.settled();f&&!c.pointerDown()&&(u.stop(),s.emit("settle")),f||s.emit("scroll"),r.set(e.get()-d+d*l),a&&(o.loop(n.direction()),i.loop()),t.to(r.get())})(Pn,n)},bn=mn[hn.get()],wn=L(bn),Sn=L(bn),En=L(bn),Ln=function(n,t,e,r,c){let u=0,s=0,a=r,l=c,d=n.get(),f=0;function p(n){return a=n,g}function m(n){return l=n,g}const g={direction:function(){return s},duration:function(){return a},velocity:function(){return u},seek:function(){const t=e.get()-n.get();let r=0;return a?(u+=t/a,u*=l,d+=u,n.add(u),r=d-f):(u=0,n.set(e),r=t),s=i(r),f=d,g},settled:function(){return o(e.get()-t.get())<.001},useBaseFriction:function(){return m(c)},useBaseDuration:function(){return p(r)},useFriction:m,useDuration:p};return g}(wn,Sn,En,R,.68),Dn=E(V,mn,dn,gn,En),In=function(n,t,e,r,o,i){function c(r){const c=r.distance,u=r.index!==t.get();o.add(c),c&&n.start(),u&&(e.set(t.get()),t.set(r.index),i.emit("select"))}return{distance:function(n,t){c(r.byDistance(n,t))},index:function(n,e){const o=t.clone().set(n);c(r.byIndex(o.get(),e))}}}(vn,hn,xn,Dn,En,O),An=function(n){const{max:t,length:e}=n;return{get:function(n){return e?(n-t)/-e:0}}}(gn),Mn=x(),Tn=M(r,c,O,C),{slideRegistry:On}=function(n,t,e,r,o,i){const{groupSlides:c}=o,{min:u,max:f}=r;return{slideRegistry:function(){const r=c(i),o=!n||"keepSnaps"===t;return 1===e.length?[i]:o?r:r.slice(u,f).map(((n,t,e)=>{const r=!t,o=l(e,t);return r?d(s(e[0])+1):o?d(a(i)-s(e)[0]+1,s(e)[0]):n}))}()}}(tn,q,mn,pn,sn,yn),Fn=function(t,e,r,o,i,c){let u=0;function s(n){"Tab"===n.code&&(u=(new Date).getTime())}function a(s){c.add(s,"focus",(()=>{if((new Date).getTime()-u>10)return;t.scrollLeft=0;const c=e.indexOf(s),a=r.findIndex((n=>n.includes(c)));n(a)&&(i.useDuration(0),o.index(a,0))}),{passive:!0,capture:!0})}return{init:function(){c.add(document,"keydown",s,!1),e.forEach(a)}}}(e,c,On,In,Ln,Mn),Pn={ownerDocument:f,ownerWindow:p,eventHandler:O,containerRect:X,slideRects:Y,animation:vn,axis:K,direction:J,dragHandler:y(K,J,e,f,p,En,v(K,p),wn,vn,In,Ln,Dn,hn,O,_,B,N,G,.68,$),eventStore:Mn,percentOfView:_,index:hn,indexPrevious:xn,limit:gn,location:wn,offsetLocation:Sn,options:m,resizeHandler:b(r,O,p,c,K,U,Q),scrollBody:Ln,scrollBounds:w(gn,wn,En,Ln,_),scrollLooper:S(dn,gn,Sn,[wn,Sn,En]),scrollProgress:An,scrollSnapList:mn.map(An.get),scrollSnaps:mn,scrollTarget:Dn,scrollTo:In,slideLooper:I(K,J,Z,dn,rn,on,an,mn,Sn,c),slideFocus:Fn,slidesHandler:A(r,O,W),slidesInView:Tn,slideIndexes:yn,slideRegistry:On,slidesToScroll:sn,target:En,translate:D(K,J,r)};return Pn}const F={align:"center",axis:"x",container:null,slides:null,containScroll:"trimSnaps",direction:"ltr",slidesToScroll:1,inViewThreshold:0,breakpoints:{},dragFree:!1,dragThreshold:10,loop:!1,skipSnaps:!1,duration:25,startIndex:0,active:!0,watchDrag:!0,watchResize:!0,watchSlides:!0};function P(n){function t(n,t){return p(n,t||{})}const e={mergeOptions:t,optionsAtMedia:function(e){const r=e.breakpoints||{},o=f(r).filter((t=>n.matchMedia(t).matches)).map((n=>r[n])).reduce(((n,e)=>t(n,e)),{});return t(e,o)},optionsMediaQueries:function(t){return t.map((n=>f(n.breakpoints||{}))).reduce(((n,t)=>n.concat(t)),[]).map(n.matchMedia)}};return e}function z(n,e,r){const i=n.ownerDocument,c=i.defaultView,u=P(c),s=function(n){let t=[];return{init:function(e,r){return t=r.filter((({options:t})=>!1!==n.optionsAtMedia(t).active)),t.forEach((t=>t.init(e,n))),r.reduce(((n,t)=>Object.assign(n,{[t.name]:t})),{})},destroy:function(){t=t.filter((n=>n.destroy()))}}}(u),a=x(),l=x(),d=function(){const n={};let t;function e(t){return n[t]||[]}const r={init:function(n){t=n},emit:function(n){return e(n).forEach((e=>e(t,n))),r},off:function(t,o){return n[t]=e(t).filter((n=>n!==o)),r},on:function(t,o){return n[t]=e(t).concat([o]),r}};return r}(),{animationRealms:f}=z,{mergeOptions:p,optionsAtMedia:m,optionsMediaQueries:g}=u,{on:h,off:y,emit:v}=d,b=k;let w,S,E,L,D=!1,I=p(F,z.globalOptions),A=p(I),M=[];function T(t,e){const r=O(n,E,L,i,c,t,d,e);if(t.loop&&!r.slideLooper.canLoop()){return T(Object.assign({},t,{loop:!1}),e)}return r}function H(e,r){if(D)return;const u=f.find((n=>n.window===c)),d=u||function(n){const t=1e3/60;let e=[],r=null,i=0,c=0;function u(s){r||(r=s);const a=s-r;for(r=s,i+=a;i>=t;)e.forEach((({animation:n})=>n.update())),i-=t;const l=o(i/t);e.forEach((({animation:n})=>n.render(l))),c&&n.requestAnimationFrame(u)}return{start:function(t){e.includes(t)||e.push(t),c||(c=n.requestAnimationFrame(u))},stop:function(t){e=e.filter((n=>n!==t)),e.length||(n.cancelAnimationFrame(c),r=null,i=0,c=0)},reset:function(){r=null,i=0},window:n}}(c);u||f.push(d),I=p(I,e),A=m(I),M=r||M,function(){const{container:e,slides:r}=A,o=t(e)?n.querySelector(e):e;E=o||n.children[0];const i=t(r)?E.querySelectorAll(r):r;L=[].slice.call(i||E.children)}(),w=T(A,d),g([I,...M.map((({options:n})=>n))]).forEach((n=>a.add(n,"change",k))),A.active&&(w.translate.to(w.location.get()),w.slidesInView.init(),w.slideFocus.init(),w.eventHandler.init(N),w.resizeHandler.init(N),w.slidesHandler.init(N),l.add(i,"visibilitychange",(()=>{i.hidden&&d.reset()})),w.options.loop&&w.slideLooper.loop(),E.offsetParent&&L.length&&w.dragHandler.init(N),S=s.init(N,M))}function k(n,t){const e=B();V(),H(p({startIndex:e},n),t),d.emit("reInit")}function V(){w.dragHandler.destroy(),w.animation.stop(),w.eventStore.clear(),w.translate.clear(),w.slideLooper.clear(),w.resizeHandler.destroy(),w.slidesHandler.destroy(),w.slidesInView.destroy(),s.destroy(),a.clear(),l.clear()}function R(n,t,e){A.active&&!D&&(w.scrollBody.useBaseFriction().useDuration(!0===t?0:A.duration),w.scrollTo.index(n,e||0))}function B(){return w.index.get()}const N={canScrollNext:function(){return w.index.add(1).get()!==B()},canScrollPrev:function(){return w.index.add(-1).get()!==B()},containerNode:function(){return E},internalEngine:function(){return w},destroy:function(){D||(D=!0,a.clear(),V(),d.emit("destroy"))},off:y,on:h,emit:v,plugins:function(){return S},previousScrollSnap:function(){return w.indexPrevious.get()},reInit:b,rootNode:function(){return n},scrollNext:function(n){R(w.index.add(1).get(),n,-1)},scrollPrev:function(n){R(w.index.add(-1).get(),n,1)},scrollProgress:function(){return w.scrollProgress.get(w.location.get())},scrollSnapList:function(){return w.scrollSnapList},scrollTo:R,selectedScrollSnap:B,slideNodes:function(){return L},slidesInView:function(){return w.slidesInView.get()},slidesNotInView:function(){return w.slidesInView.get(!1)}};return H(e,r),setTimeout((()=>d.emit("init")),0),N}return z.animationRealms=[],z.globalOptions=void 0,z}));

esm/components/Limit.d.ts

@@ -11,2 +11,2 @@ export type LimitType = {
 };
-export declare function Limit(min: number, max: number): LimitType;
+export declare function Limit(min?: number, max?: number): LimitType;

esm/components/ScrollContain.d.ts

@@ -7,2 +7,2 @@ import { LimitType } from './Limit';
 };
-export declare function ScrollContain(viewSize: number, contentSize: number, snapsAligned: number[], containScroll: ScrollContainOptionType): ScrollContainType;
+export declare function ScrollContain(viewSize: number, contentSize: number, snapsAligned: number[], containScroll: ScrollContainOptionType, pixelTolerance: number): ScrollContainType;

esm/components/SlideRegistry.d.ts

@@ -7,2 +7,2 @@ import { LimitType } from './Limit';
 };
-export declare function SlideRegistry(viewSize: number, contentSize: number, containSnaps: boolean, containScroll: ScrollContainOptionType, scrollContainLimit: LimitType, slidesToScroll: SlidesToScrollType, slideIndexes: number[]): SlideRegistryType;
+export declare function SlideRegistry(containSnaps: boolean, containScroll: ScrollContainOptionType, scrollSnaps: number[], scrollContainLimit: LimitType, slidesToScroll: SlidesToScrollType, slideIndexes: number[]): SlideRegistryType;

esm/components/SlidesToScroll.d.ts

@@ -8,2 +8,2 @@ import { AxisType } from './Axis';
 };
-export declare function SlidesToScroll(axis: AxisType, direction: DirectionType, viewSize: number, slidesToScroll: SlidesToScrollOptionType, loop: boolean, containerRect: NodeRectType, slideRects: NodeRectType[], startGap: number, endGap: number): SlidesToScrollType;
+export declare function SlidesToScroll(axis: AxisType, direction: DirectionType, viewSize: number, slidesToScroll: SlidesToScrollOptionType, loop: boolean, containerRect: NodeRectType, slideRects: NodeRectType[], startGap: number, endGap: number, pixelTolerance: number): SlidesToScrollType;

esm/embla-carousel.esm.js

@@ -116,3 +116,3 @@ function isNumber(subject) {
 
-function Limit(min, max) {
+function Limit(min = 0, max = 0) {
   const length = mathAbs(min - max);
@@ -567,3 +567,3 @@ function reachedMin(n) {
 
-function ScrollContain(viewSize, contentSize, snapsAligned, containScroll) {
+function ScrollContain(viewSize, contentSize, snapsAligned, containScroll, pixelTolerance) {
   const scrollBounds = Limit(-contentSize + viewSize, 0);
@@ -590,3 +590,3 @@ const snapsBounded = measureBounded();
   function measureContained() {
-    if (contentSize <= viewSize) return [scrollBounds.max];
+    if (contentSize <= viewSize + pixelTolerance) return [scrollBounds.max];
     if (containScroll === 'keepSnaps') return snapsBounded;
@@ -682,3 +682,3 @@ const {
 
-function SlideRegistry(viewSize, contentSize, containSnaps, containScroll, scrollContainLimit, slidesToScroll, slideIndexes) {
+function SlideRegistry(containSnaps, containScroll, scrollSnaps, scrollContainLimit, slidesToScroll, slideIndexes) {
   const {
@@ -695,3 +695,4 @@ groupSlides
     const doNotContain = !containSnaps || containScroll === 'keepSnaps';
-    if (doNotContain || contentSize <= viewSize) return groupedSlideIndexes;
+    if (scrollSnaps.length === 1) return [slideIndexes];
+    if (doNotContain) return groupedSlideIndexes;
     return groupedSlideIndexes.slice(min, max).map((group, index, groups) => {
@@ -1107,3 +1108,3 @@ const isFirst = !index;
 
-function SlidesToScroll(axis, direction, viewSize, slidesToScroll, loop, containerRect, slideRects, startGap, endGap) {
+function SlidesToScroll(axis, direction, viewSize, slidesToScroll, loop, containerRect, slideRects, startGap, endGap, pixelTolerance) {
   const {
@@ -1128,3 +1129,3 @@ startEdge,
       const chunkSize = mathAbs(edgeB - gapB - (edgeA + gapA));
-      if (chunkSize > viewSize) groups.push(rectB);
+      if (chunkSize > viewSize + pixelTolerance) groups.push(rectB);
       if (isLast) groups.push(array.length);
@@ -1166,2 +1167,3 @@ return groups;
   // Measurements
+  const pixelTolerance = 2;
   const nodeRects = NodeRects();
@@ -1183,3 +1185,3 @@ const containerRect = nodeRects.measure(container);
   } = SlideSizes(axis, containerRect, slideRects, slides, readEdgeGap, ownerWindow);
-  const slidesToScroll = SlidesToScroll(axis, direction, viewSize, groupSlides, loop, containerRect, slideRects, startGap, endGap);
+  const slidesToScroll = SlidesToScroll(axis, direction, viewSize, groupSlides, loop, containerRect, slideRects, startGap, endGap, pixelTolerance);
   const {
@@ -1193,3 +1195,3 @@ snaps,
     scrollContainLimit
-  } = ScrollContain(viewSize, contentSize, snapsAligned, containScroll);
+  } = ScrollContain(viewSize, contentSize, snapsAligned, containScroll, pixelTolerance);
   const scrollSnaps = containSnaps ? snapsContained : snapsAligned;
@@ -1263,3 +1265,3 @@ const {
     slideRegistry
-  } = SlideRegistry(viewSize, contentSize, containSnaps, containScroll, scrollContainLimit, slidesToScroll, slideIndexes);
+  } = SlideRegistry(containSnaps, containScroll, scrollSnaps, scrollContainLimit, slidesToScroll, slideIndexes);
   const slideFocus = SlideFocus(root, slides, slideRegistry, scrollTo, scrollBody, eventStore);
@@ -1556,3 +1558,3 @@ // Engine
     if (!options.active || destroyed) return;
-    engine.scrollBody.useBaseFriction().useDuration(jump ? 0 : options.duration);
+    engine.scrollBody.useBaseFriction().useDuration(jump === true ? 0 : options.duration);
     engine.scrollTo.index(index, direction || 0);
@@ -1562,7 +1564,7 @@ }
     const next = engine.index.add(1).get();
-    scrollTo(next, jump === true, -1);
+    scrollTo(next, jump, -1);
   }
   function scrollPrev(jump) {
     const prev = engine.index.add(-1).get();
-    scrollTo(prev, jump === true, 1);
+    scrollTo(prev, jump, 1);
   }
@@ -1569,0 +1571,0 @@ function canScrollNext() {

esm/index.d.ts

 export { EmblaOptionsType } from './components/Options.ts';
-export { EmblaEventType, EmblaEventListType } from './components/EventHandler.ts';
+export { EmblaEventType } from './components/EventHandler.ts';
 export { EmblaPluginType } from './components/Plugins.ts';
 export { EmblaCarouselType } from './components/EmblaCarousel.ts';
 export { default } from './components/EmblaCarousel.ts';

esm/package.json

 {
 	"name": "embla-carousel",
-	"version": "8.0.0-rc15",
+	"version": "8.0.0-rc16",
 	"author": "David Jerleke",
@@ -5,0 +5,0 @@ "description": "A lightweight carousel library with fluid motion and great swipe precision",

index.d.ts

 export { EmblaOptionsType } from './components/Options';
-export { EmblaEventType, EmblaEventListType } from './components/EventHandler';
+export { EmblaEventType } from './components/EventHandler';
 export { EmblaPluginType } from './components/Plugins';
 export { EmblaCarouselType } from './components/EmblaCarousel';
 export { default } from './components/EmblaCarousel';

package.json

 {
   "name": "embla-carousel",
-  "version": "8.0.0-rc15",
+  "version": "8.0.0-rc16",
   "author": "David Jerleke",
@@ -5,0 +5,0 @@ "description": "A lightweight carousel library with fluid motion and great swipe precision",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

486177

increased by0.2%

Lines of code

4791

increased by0.17%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes