embla-carousel - npm Package Compare versions

Comparing version 8.0.0 to 8.0.1

cjs/components/Axis.d.ts

@@ -1,4 +0,4 @@
-import { DirectionOptionType } from './Direction';
 import { NodeRectType } from './NodeRects';
 export type AxisOptionType = 'x' | 'y';
+export type AxisDirectionOptionType = 'ltr' | 'rtl';
 type AxisEdgeType = 'top' | 'right' | 'bottom' | 'left';
@@ -11,4 +11,5 @@ export type AxisType = {
     measureSize: (nodeRect: NodeRectType) => number;
+    direction: (n: number) => number;
 };
-export declare function Axis(axis: AxisOptionType, direction: DirectionOptionType): AxisType;
+export declare function Axis(axis: AxisOptionType, contentDirection: AxisDirectionOptionType): AxisType;
 export {};

cjs/components/DragHandler.d.ts

 import { EmblaCarouselType } from './EmblaCarousel';
 import { AnimationsType } from './Animations';
 import { CounterType } from './Counter';
-import { DirectionType } from './Direction';
 import { DragTrackerType, PointerEventType } from './DragTracker';
@@ -21,3 +20,3 @@ import { EventHandlerType } from './EventHandler';
 };
-export declare function DragHandler(axis: AxisType, direction: DirectionType, rootNode: HTMLElement, ownerDocument: Document, ownerWindow: WindowType, target: Vector1DType, dragTracker: DragTrackerType, location: Vector1DType, animation: AnimationsType, scrollTo: ScrollToType, scrollBody: ScrollBodyType, scrollTarget: ScrollTargetType, index: CounterType, eventHandler: EventHandlerType, percentOfView: PercentOfViewType, dragFree: boolean, dragThreshold: number, skipSnaps: boolean, baseFriction: number, watchDrag: DragHandlerOptionType): DragHandlerType;
+export declare function DragHandler(axis: AxisType, rootNode: HTMLElement, ownerDocument: Document, ownerWindow: WindowType, target: Vector1DType, dragTracker: DragTrackerType, location: Vector1DType, animation: AnimationsType, scrollTo: ScrollToType, scrollBody: ScrollBodyType, scrollTarget: ScrollTargetType, index: CounterType, eventHandler: EventHandlerType, percentOfView: PercentOfViewType, dragFree: boolean, dragThreshold: number, skipSnaps: boolean, baseFriction: number, watchDrag: DragHandlerOptionType): DragHandlerType;
 export {};

cjs/components/Engine.d.ts

 import { AnimationsType } from './Animations';
 import { AxisType } from './Axis';
 import { CounterType } from './Counter';
-import { DirectionType } from './Direction';
 import { DragHandlerType } from './DragHandler';
@@ -33,3 +32,2 @@ import { EventHandlerType } from './EventHandler';
     axis: AxisType;
-    direction: DirectionType;
     animation: AnimationsType;
@@ -36,0 +34,0 @@ scrollBounds: ScrollBoundsType;

cjs/components/Options.d.ts

 import { AlignmentOptionType } from './Alignment';
-import { AxisOptionType } from './Axis';
+import { AxisDirectionOptionType, AxisOptionType } from './Axis';
 import { SlidesToScrollOptionType } from './SlidesToScroll';
-import { DirectionOptionType } from './Direction';
 import { ScrollContainOptionType } from './ScrollContain';
@@ -25,3 +24,3 @@ import { DragHandlerOptionType } from './DragHandler';
     containScroll: ScrollContainOptionType;
-    direction: DirectionOptionType;
+    direction: AxisDirectionOptionType;
     slidesToScroll: SlidesToScrollOptionType;
@@ -28,0 +27,0 @@ dragFree: boolean;

cjs/components/SlideLooper.d.ts

 import { AxisType } from './Axis';
 import { Vector1DType } from './Vector1d';
 import { TranslateType } from './Translate';
-import { DirectionType } from './Direction';
 type LoopPointType = {
@@ -18,3 +17,3 @@ loopPoint: number;
 };
-export declare function SlideLooper(axis: AxisType, direction: DirectionType, viewSize: number, contentSize: number, slideSizes: number[], slideSizesWithGaps: number[], snaps: number[], scrollSnaps: number[], offsetLocation: Vector1DType, slides: HTMLElement[]): SlideLooperType;
+export declare function SlideLooper(axis: AxisType, viewSize: number, contentSize: number, slideSizes: number[], slideSizesWithGaps: number[], snaps: number[], scrollSnaps: number[], offsetLocation: Vector1DType, slides: HTMLElement[]): SlideLooperType;
 export {};

cjs/components/SlidesToScroll.d.ts

 import { AxisType } from './Axis';
-import { DirectionType } from './Direction';
 import { NodeRectType } from './NodeRects';
@@ -8,2 +7,2 @@ export type SlidesToScrollOptionType = 'auto' | number;
 };
-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;
+export declare function SlidesToScroll(axis: AxisType, viewSize: number, slidesToScroll: SlidesToScrollOptionType, loop: boolean, containerRect: NodeRectType, slideRects: NodeRectType[], startGap: number, endGap: number, pixelTolerance: number): SlidesToScrollType;

cjs/components/Translate.d.ts

 import { AxisType } from './Axis';
-import { DirectionType } from './Direction';
 export type TranslateType = {
@@ -8,2 +7,2 @@ clear: () => void;
 };
-export declare function Translate(axis: AxisType, direction: DirectionType, container: HTMLElement): TranslateType;
+export declare function Translate(axis: AxisType, container: HTMLElement): TranslateType;

cjs/embla-carousel.cjs.js

@@ -169,5 +169,8 @@ 'use strict';
 
-function Axis(axis, direction) {
-  const scroll = axis === 'y' ? 'y' : 'x';
-  const cross = axis === 'y' ? 'x' : 'y';
+function Axis(axis, contentDirection) {
+  const isRightToLeft = contentDirection === 'rtl';
+  const isVertical = axis === 'y';
+  const scroll = isVertical ? 'y' : 'x';
+  const cross = isVertical ? 'x' : 'y';
+  const sign = !isVertical && isRightToLeft ? -1 : 1;
   const startEdge = getStartEdge();
@@ -177,15 +180,18 @@ const endEdge = getEndEdge();
     const {
-      width,
-      height
+      height,
+      width
     } = nodeRect;
-    return scroll === 'x' ? width : height;
+    return isVertical ? height : width;
   }
   function getStartEdge() {
-    if (scroll === 'y') return 'top';
-    return direction === 'rtl' ? 'right' : 'left';
+    if (isVertical) return 'top';
+    return isRightToLeft ? 'right' : 'left';
   }
   function getEndEdge() {
-    if (scroll === 'y') return 'bottom';
-    return direction === 'rtl' ? 'left' : 'right';
+    if (isVertical) return 'bottom';
+    return isRightToLeft ? 'left' : 'right';
   }
+  function direction(n) {
+    return n * sign;
+  }
   const self = {
@@ -196,3 +202,4 @@ scroll,
     endEdge,
-    measureSize
+    measureSize,
+    direction
   };
@@ -265,16 +272,6 @@ return self;
 
-function Direction(direction) {
-  const sign = direction === 'rtl' ? -1 : 1;
-  function apply(n) {
-    return n * sign;
-  }
-  const self = {
-    apply
-  };
-  return self;
-}
-
-function DragHandler(axis, direction, rootNode, ownerDocument, ownerWindow, target, dragTracker, location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, baseFriction, watchDrag) {
+function DragHandler(axis, rootNode, ownerDocument, ownerWindow, target, dragTracker, location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, baseFriction, watchDrag) {
   const {
-    cross: crossAxis
+    cross: crossAxis,
+    direction
   } = axis;
@@ -339,6 +336,6 @@ const focusNodes = ['INPUT', 'SELECT', 'TEXTAREA'];
     isMouse = isMouseEvt;
+    preventClick = dragFree && isMouseEvt && !evt.buttons && isMoving;
+    isMoving = deltaAbs(target.get(), location.get()) >= 2;
     if (isMouseEvt && evt.button !== 0) return;
     if (isFocusNode(evt.target)) return;
-    preventClick = dragFree && isMouseEvt && !evt.buttons && isMoving;
-    isMoving = deltaAbs(target.get(), location.get()) >= 2;
     pointerIsDown = true;
@@ -367,3 +364,3 @@ dragTracker.pointerDown(evt);
     animation.start();
-    target.add(direction.apply(diff));
+    target.add(direction(diff));
     evt.preventDefault();
@@ -375,3 +372,3 @@ }
     const rawForce = dragTracker.pointerUp(evt) * forceBoost();
-    const force = allowedForce(direction.apply(rawForce), targetChanged);
+    const force = allowedForce(direction(rawForce), targetChanged);
     const forceFactor = factorAbs(rawForce, force);
@@ -392,2 +389,3 @@ const speed = baseSpeed - 10 * forceFactor;
       evt.preventDefault();
+      preventClick = false;
     }
@@ -798,5 +796,5 @@ }
     const distance = loop ? removeOffset(target) : constrain(target);
-    const ascDiffsToSnaps = scrollSnaps.map(scrollSnap => scrollSnap - distance).map(diffToSnap => shortcut(diffToSnap, 0)).map((diff, i) => ({
-      diff,
-      index: i
+    const ascDiffsToSnaps = scrollSnaps.map((snap, index) => ({
+      diff: shortcut(snap - distance, 0),
+      index
     })).sort((d1, d2) => mathAbs(d1.diff) - mathAbs(d2.diff));
@@ -947,3 +945,3 @@ const {
 
-function Translate(axis, direction, container) {
+function Translate(axis, container) {
   const translate = axis.scroll === 'x' ? x : y;
@@ -960,3 +958,3 @@ const containerStyle = container.style;
     if (disabled) return;
-    containerStyle.transform = translate(direction.apply(target));
+    containerStyle.transform = translate(axis.direction(target));
   }
@@ -979,3 +977,3 @@ function toggleActive(active) {
 
-function SlideLooper(axis, direction, viewSize, contentSize, slideSizes, slideSizesWithGaps, snaps, scrollSnaps, offsetLocation, slides) {
+function SlideLooper(axis, viewSize, contentSize, slideSizes, slideSizesWithGaps, snaps, scrollSnaps, offsetLocation, slides) {
   const roundingSafety = 0.5;
@@ -1013,3 +1011,3 @@ const ascItems = arrayKeys(slideSizesWithGaps);
         slideLocation: Vector1D(-1),
-        translate: Translate(axis, direction, slides[index]),
+        translate: Translate(axis, slides[index]),
         target: () => offsetLocation.get() > loopPoint ? initial : altered
@@ -1190,6 +1188,7 @@ };
 
-function SlidesToScroll(axis, direction, viewSize, slidesToScroll, loop, containerRect, slideRects, startGap, endGap, pixelTolerance) {
+function SlidesToScroll(axis, viewSize, slidesToScroll, loop, containerRect, slideRects, startGap, endGap, pixelTolerance) {
   const {
     startEdge,
-    endEdge
+    endEdge,
+    direction
   } = axis;
@@ -1208,4 +1207,4 @@ const groupByNumber = isNumber(slidesToScroll);
       const edgeB = containerRect[startEdge] - slideRects[rectB][endEdge];
-      const gapA = !loop && isFirst ? direction.apply(startGap) : 0;
-      const gapB = !loop && isLast ? direction.apply(endGap) : 0;
+      const gapA = !loop && isFirst ? direction(startGap) : 0;
+      const gapB = !loop && isLast ? direction(endGap) : 0;
       const chunkSize = mathAbs(edgeB - gapB - (edgeA + gapA));
@@ -1234,3 +1233,3 @@ if (chunkSize > viewSize + pixelTolerance) groups.push(rectB);
     axis: scrollAxis,
-    direction: contentDirection,
+    direction,
     startIndex,
@@ -1254,4 +1253,3 @@ loop,
   const slideRects = slides.map(nodeRects.measure);
-  const direction = Direction(contentDirection);
-  const axis = Axis(scrollAxis, contentDirection);
+  const axis = Axis(scrollAxis, direction);
   const viewSize = axis.measureSize(containerRect);
@@ -1268,3 +1266,3 @@ const percentOfView = PercentOfView(viewSize);
   } = SlideSizes(axis, containerRect, slideRects, slides, readEdgeGap, ownerWindow);
-  const slidesToScroll = SlidesToScroll(axis, direction, viewSize, groupSlides, loop, containerRect, slideRects, startGap, endGap, pixelTolerance);
+  const slidesToScroll = SlidesToScroll(axis, viewSize, groupSlides, loop, containerRect, slideRects, startGap, endGap, pixelTolerance);
   const {
@@ -1353,4 +1351,3 @@ snaps,
     axis,
-    direction,
-    dragHandler: DragHandler(axis, direction, root, ownerDocument, ownerWindow, target, DragTracker(axis, ownerWindow), location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, friction, watchDrag),
+    dragHandler: DragHandler(axis, root, ownerDocument, ownerWindow, target, DragTracker(axis, ownerWindow), location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, friction, watchDrag),
     eventStore,
@@ -1373,3 +1370,3 @@ percentOfView,
     scrollTo,
-    slideLooper: SlideLooper(axis, direction, viewSize, contentSize, slideSizes, slideSizesWithGaps, snaps, scrollSnaps, offsetLocation, slides),
+    slideLooper: SlideLooper(axis, viewSize, contentSize, slideSizes, slideSizesWithGaps, snaps, scrollSnaps, offsetLocation, slides),
     slideFocus,
@@ -1382,3 +1379,3 @@ slidesHandler: SlidesHandler(container, eventHandler, watchSlides),
     target,
-    translate: Translate(axis, direction, container)
+    translate: Translate(axis, container)
   };
@@ -1385,0 +1382,0 @@ return engine;

cjs/package.json

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

components/Axis.d.ts

@@ -1,4 +0,4 @@
-import { DirectionOptionType } from './Direction';
 import { NodeRectType } from './NodeRects';
 export type AxisOptionType = 'x' | 'y';
+export type AxisDirectionOptionType = 'ltr' | 'rtl';
 type AxisEdgeType = 'top' | 'right' | 'bottom' | 'left';
@@ -11,4 +11,5 @@ export type AxisType = {
     measureSize: (nodeRect: NodeRectType) => number;
+    direction: (n: number) => number;
 };
-export declare function Axis(axis: AxisOptionType, direction: DirectionOptionType): AxisType;
+export declare function Axis(axis: AxisOptionType, contentDirection: AxisDirectionOptionType): AxisType;
 export {};

components/DragHandler.d.ts

 import { EmblaCarouselType } from './EmblaCarousel';
 import { AnimationsType } from './Animations';
 import { CounterType } from './Counter';
-import { DirectionType } from './Direction';
 import { DragTrackerType, PointerEventType } from './DragTracker';
@@ -21,3 +20,3 @@ import { EventHandlerType } from './EventHandler';
 };
-export declare function DragHandler(axis: AxisType, direction: DirectionType, rootNode: HTMLElement, ownerDocument: Document, ownerWindow: WindowType, target: Vector1DType, dragTracker: DragTrackerType, location: Vector1DType, animation: AnimationsType, scrollTo: ScrollToType, scrollBody: ScrollBodyType, scrollTarget: ScrollTargetType, index: CounterType, eventHandler: EventHandlerType, percentOfView: PercentOfViewType, dragFree: boolean, dragThreshold: number, skipSnaps: boolean, baseFriction: number, watchDrag: DragHandlerOptionType): DragHandlerType;
+export declare function DragHandler(axis: AxisType, rootNode: HTMLElement, ownerDocument: Document, ownerWindow: WindowType, target: Vector1DType, dragTracker: DragTrackerType, location: Vector1DType, animation: AnimationsType, scrollTo: ScrollToType, scrollBody: ScrollBodyType, scrollTarget: ScrollTargetType, index: CounterType, eventHandler: EventHandlerType, percentOfView: PercentOfViewType, dragFree: boolean, dragThreshold: number, skipSnaps: boolean, baseFriction: number, watchDrag: DragHandlerOptionType): DragHandlerType;
 export {};

components/Engine.d.ts

 import { AnimationsType } from './Animations';
 import { AxisType } from './Axis';
 import { CounterType } from './Counter';
-import { DirectionType } from './Direction';
 import { DragHandlerType } from './DragHandler';
@@ -33,3 +32,2 @@ import { EventHandlerType } from './EventHandler';
     axis: AxisType;
-    direction: DirectionType;
     animation: AnimationsType;
@@ -36,0 +34,0 @@ scrollBounds: ScrollBoundsType;

components/Options.d.ts

 import { AlignmentOptionType } from './Alignment';
-import { AxisOptionType } from './Axis';
+import { AxisDirectionOptionType, AxisOptionType } from './Axis';
 import { SlidesToScrollOptionType } from './SlidesToScroll';
-import { DirectionOptionType } from './Direction';
 import { ScrollContainOptionType } from './ScrollContain';
@@ -25,3 +24,3 @@ import { DragHandlerOptionType } from './DragHandler';
     containScroll: ScrollContainOptionType;
-    direction: DirectionOptionType;
+    direction: AxisDirectionOptionType;
     slidesToScroll: SlidesToScrollOptionType;
@@ -28,0 +27,0 @@ dragFree: boolean;

components/SlideLooper.d.ts

 import { AxisType } from './Axis';
 import { Vector1DType } from './Vector1d';
 import { TranslateType } from './Translate';
-import { DirectionType } from './Direction';
 type LoopPointType = {
@@ -18,3 +17,3 @@ loopPoint: number;
 };
-export declare function SlideLooper(axis: AxisType, direction: DirectionType, viewSize: number, contentSize: number, slideSizes: number[], slideSizesWithGaps: number[], snaps: number[], scrollSnaps: number[], offsetLocation: Vector1DType, slides: HTMLElement[]): SlideLooperType;
+export declare function SlideLooper(axis: AxisType, viewSize: number, contentSize: number, slideSizes: number[], slideSizesWithGaps: number[], snaps: number[], scrollSnaps: number[], offsetLocation: Vector1DType, slides: HTMLElement[]): SlideLooperType;
 export {};

components/SlidesToScroll.d.ts

 import { AxisType } from './Axis';
-import { DirectionType } from './Direction';
 import { NodeRectType } from './NodeRects';
@@ -8,2 +7,2 @@ export type SlidesToScrollOptionType = 'auto' | number;
 };
-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;
+export declare function SlidesToScroll(axis: AxisType, viewSize: number, slidesToScroll: SlidesToScrollOptionType, loop: boolean, containerRect: NodeRectType, slideRects: NodeRectType[], startGap: number, endGap: number, pixelTolerance: number): SlidesToScrollType;

components/Translate.d.ts

 import { AxisType } from './Axis';
-import { DirectionType } from './Direction';
 export type TranslateType = {
@@ -8,2 +7,2 @@ clear: () => void;
 };
-export declare function Translate(axis: AxisType, direction: DirectionType, container: HTMLElement): TranslateType;
+export declare function Translate(axis: AxisType, container: HTMLElement): TranslateType;

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(){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 h(n,t,e,r){const i=g(),c=1e3/60;let u=null,s=0,a=0;function l(n){if(!a)return;u||(u=n);const i=n-u;for(u=n,s+=i;s>=c;)e(),s-=c;const d=o(s/c);r(d),a&&t.requestAnimationFrame(l)}function d(){t.cancelAnimationFrame(a),u=null,s=0,a=0}return{init:function(){i.add(n,"visibilitychange",(()=>{n.hidden&&(u=null,s=0)}))},destroy:function(){d(),i.clear()},start:function(){a||(a=t.requestAnimationFrame(l))},stop:d,update:e,render:r}}function x(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 y(n,t,e){const{constrain:r}=x(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 y(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 v(n,t,r,u,s,a,l,d,f,p,h,y,v,b,S,w,E,L,D,I){const{cross:A}=n,M=["INPUT","SELECT","TEXTAREA"],T={passive:!1},O=g(),F=g(),P=x(50,225).constrain(S.measure(20)),z={mouse:300,touch:400},H={mouse:500,touch:600},k=w?43:25;let V=!1,B=0,N=0,R=!1,C=!1,j=!1,G=!1;function q(n){const e=l.readPoint(n),r=l.readPoint(n,A),o=c(e,B),i=c(r,N);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)*(w?H:z)[G?"mouse":"touch"],u=function(n,t){const e=v.add(-1*i(n)),r=y.byDistance(n,!w).distance;return w||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,R=!1,F.clear(),h.useDuration(a).useFriction(d),p.distance(u,!w),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=w&&t&&!n.buttons&&V,V=c(a.get(),d.get())>=2,R=!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)}(),B=l.readPoint(n),N=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 R},destroy:function(){O.clear(),F.clear()}}}function b(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 S(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=x(.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 E(n,t,e,r){const o=t.min+.1,i=t.max+.1,{reachedMin:c,reachedMax:u}=x(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 L(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 D(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 I(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 A(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:D(-1),translate:I(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 M(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 T(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 O(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],S=!c&&x?e.apply(f):0;return o(b-(!c&&y?e.apply(p):0)-(v+S))>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 F(e,r,f,p,m,F,P){const{align:z,axis:H,direction:k,startIndex:V,loop:B,duration:N,dragFree:R,dragThreshold:C,inViewThreshold:j,slidesToScroll:G,skipSnaps:q,containScroll:U,watchResize:W,watchSlides:$,watchDrag:Q}=F,X={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}}},Y=X.measure(r),J=f.map(X.measure),K=function(n){const t="rtl"===n?-1:1;return{apply:function(n){return n*t}}}(k),Z=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}}}(H,k),_=Z.measureSize(Y),nn=function(n){return{measure:function(t){return n*(t/100)}}}(_),tn=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)}}}(z,_),en=!B&&!!U,rn=B||!!U,{slideSizes:on,slideSizesWithGaps:cn,startGap:un,endGap:sn}=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}}(Z,Y,J,f,rn,m),an=O(Z,K,_,G,B,Y,J,un,sn,2),{snaps:ln,snapsAligned:dn}=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}}(Z,tn,Y,J,an),fn=-s(ln)+s(cn),{snapsContained:pn,scrollContainLimit:mn}=function(n,t,e,r,o){const i=x(-t+n,0),u=e.map(((n,t)=>{const{min:r,max:o}=i,c=i.constrain(n),u=!t,s=l(e,t);return u?o:s||d(r,c)?r:d(o,c)?o:c})).map((n=>parseFloat(n.toFixed(3)))),a=function(){const n=u[0],t=s(u);return x(u.lastIndexOf(n),u.indexOf(t)+1)}();function d(n,t){return c(n,t)<1}return{snapsContained:function(){if(t<=n+o)return[i.max];if("keepSnaps"===r)return u;const{min:e,max:c}=a;return u.slice(e,c)}(),scrollContainLimit:a}}(_,fn,dn,U,2),gn=en?pn:dn,{limit:hn}=function(n,t,e){const r=t[0];return{limit:x(e?r-n:s(t),r)}}(fn,gn,B),xn=y(a(gn),V,B),yn=xn.clone(),vn=u(f),bn=h(p,m,(()=>(({dragHandler:n,scrollBody:t,scrollBounds:e,options:{loop:r}})=>{r||e.constrain(n.pointerDown()),t.seek()})(zn)),(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())})(zn,n))),Sn=gn[xn.get()],wn=D(Sn),En=D(Sn),Ln=D(Sn),Dn=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,En,Ln,N,.68),In=L(B,gn,fn,hn,Ln),An=function(n,t,e,r,o,i,c){function u(o){const u=o.distance,s=o.index!==t.get();i.add(u),u&&(r.duration()?n.start():(n.update(),n.render(1),n.update())),s&&(e.set(t.get()),t.set(o.index),c.emit("select"))}return{distance:function(n,t){u(o.byDistance(n,t))},index:function(n,e){const r=t.clone().set(n);u(o.byIndex(r.get(),e))}}}(bn,xn,yn,Dn,In,Ln,P),Mn=function(n){const{max:t,length:e}=n;return{get:function(n){return e?(n-t)/-e:0}}}(hn),Tn=g(),On=T(r,f,P,j),{slideRegistry:Fn}=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}))}()}}(en,U,gn,mn,an,vn),Pn=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,f,Fn,An,Dn,Tn),zn={ownerDocument:p,ownerWindow:m,eventHandler:P,containerRect:Y,slideRects:J,animation:bn,axis:Z,direction:K,dragHandler:v(Z,K,e,p,m,Ln,b(Z,m),wn,bn,An,Dn,In,xn,P,nn,R,C,q,.68,Q),eventStore:Tn,percentOfView:nn,index:xn,indexPrevious:yn,limit:hn,location:wn,offsetLocation:En,options:F,resizeHandler:S(r,P,m,f,Z,W,X),scrollBody:Dn,scrollBounds:w(hn,En,Ln,Dn,nn),scrollLooper:E(fn,hn,En,[wn,En,Ln]),scrollProgress:Mn,scrollSnapList:gn.map(Mn.get),scrollSnaps:gn,scrollTarget:In,scrollTo:An,slideLooper:A(Z,K,_,fn,on,cn,ln,gn,En,f),slideFocus:Pn,slidesHandler:M(r,P,$),slidesInView:On,slideIndexes:vn,slideRegistry:Fn,slidesToScroll:an,target:Ln,translate:I(Z,K,r)};return zn}const P={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 z(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 H(n,e,r){const o=n.ownerDocument,i=o.defaultView,c=z(i),u=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()))}}}(c),s=g(),a=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}(),{mergeOptions:l,optionsAtMedia:d,optionsMediaQueries:f}=c,{on:p,off:m,emit:h}=a,x=M;let y,v,b,S,w=!1,E=l(P,H.globalOptions),L=l(E),D=[];function I(t){const e=F(n,b,S,o,i,t,a);if(t.loop&&!e.slideLooper.canLoop()){return I(Object.assign({},t,{loop:!1}))}return e}function A(e,r){w||(E=l(E,e),L=d(E),D=r||D,function(){const{container:e,slides:r}=L,o=t(e)?n.querySelector(e):e;b=o||n.children[0];const i=t(r)?b.querySelectorAll(r):r;S=[].slice.call(i||b.children)}(),y=I(L),f([E,...D.map((({options:n})=>n))]).forEach((n=>s.add(n,"change",M))),L.active&&(y.translate.to(y.location.get()),y.animation.init(),y.slidesInView.init(),y.slideFocus.init(),y.eventHandler.init(V),y.resizeHandler.init(V),y.slidesHandler.init(V),y.options.loop&&y.slideLooper.loop(),b.offsetParent&&S.length&&y.dragHandler.init(V),v=u.init(V,D)))}function M(n,t){const e=k();T(),A(l({startIndex:e},n),t),a.emit("reInit")}function T(){y.dragHandler.destroy(),y.eventStore.clear(),y.translate.clear(),y.slideLooper.clear(),y.resizeHandler.destroy(),y.slidesHandler.destroy(),y.slidesInView.destroy(),y.animation.destroy(),u.destroy(),s.clear()}function O(n,t,e){L.active&&!w&&(y.scrollBody.useBaseFriction().useDuration(!0===t?0:L.duration),y.scrollTo.index(n,e||0))}function k(){return y.index.get()}const V={canScrollNext:function(){return y.index.add(1).get()!==k()},canScrollPrev:function(){return y.index.add(-1).get()!==k()},containerNode:function(){return b},internalEngine:function(){return y},destroy:function(){w||(w=!0,s.clear(),T(),a.emit("destroy"))},off:m,on:p,emit:h,plugins:function(){return v},previousScrollSnap:function(){return y.indexPrevious.get()},reInit:x,rootNode:function(){return n},scrollNext:function(n){O(y.index.add(1).get(),n,-1)},scrollPrev:function(n){O(y.index.add(-1).get(),n,1)},scrollProgress:function(){return y.scrollProgress.get(y.location.get())},scrollSnapList:function(){return y.scrollSnapList},scrollTo:O,selectedScrollSnap:k,slideNodes:function(){return S},slidesInView:function(){return y.slidesInView.get()},slidesNotInView:function(){return y.slidesInView.get(!1)}};return A(e,r),setTimeout((()=>a.emit("init")),0),V}return H.globalOptions=void 0,H}));
+!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 d(n,t){return t===a(n)}function l(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(){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 h(n,t,e,r){const i=g(),c=1e3/60;let u=null,s=0,a=0;function d(n){if(!a)return;u||(u=n);const i=n-u;for(u=n,s+=i;s>=c;)e(),s-=c;const l=o(s/c);r(l),a&&t.requestAnimationFrame(d)}function l(){t.cancelAnimationFrame(a),u=null,s=0,a=0}return{init:function(){i.add(n,"visibilitychange",(()=>{n.hidden&&(u=null,s=0)}))},destroy:function(){l(),i.clear()},start:function(){a||(a=t.requestAnimationFrame(d))},stop:l,update:e,render:r}}function x(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 y(n,t,e){const{constrain:r}=x(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 y(n,s(),e)}const d={get:s,set:function(n){return c=u(n),d},add:function(n){return a().set(s()+n)},clone:a};return d}function v(n,t,r,u,s,a,d,l,f,p,h,y,v,b,S,w,E,L,D){const{cross:I,direction:A}=n,M=["INPUT","SELECT","TEXTAREA"],T={passive:!1},O=g(),F=g(),P=x(50,225).constrain(b.measure(20)),z={mouse:300,touch:400},H={mouse:500,touch:600},k=S?43:25;let V=!1,B=0,N=0,R=!1,C=!1,j=!1,G=!1;function q(n){const t=a.readPoint(n),e=a.readPoint(n,I),r=c(t,B),o=c(e,N);if(!C&&!G){if(!n.cancelable)return U(n);if(C=r>o,!C)return U(n)}const i=a.pointerMove(n);r>w&&(j=!0),p.useFriction(.3).useDuration(1),l.start(),s.add(A(i)),n.preventDefault()}function U(n){const t=h.byDistance(0,!1).index!==y.get(),e=a.pointerUp(n)*(S?H:z)[G?"mouse":"touch"],r=function(n,t){const e=y.add(-1*i(n)),r=h.byDistance(n,!S).distance;return S||o(n)<P?r:E&&t?.5*r:h.byIndex(e.get(),0).distance}(A(e),t),u=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)}(e,r),s=k-10*u,d=L+u/50;C=!1,R=!1,F.clear(),p.useDuration(s).useFriction(d),f.distance(r,!S),G=!1,v.emit("pointerUp")}function W(n){j&&(n.stopPropagation(),n.preventDefault(),j=!1)}return{init:function(n){if(!D)return;function o(o){(e(D)||D(n,o))&&function(n){const e=m(n,u);if(G=e,j=S&&e&&!n.buttons&&V,V=c(s.get(),d.get())>=2,e&&0!==n.button)return;if(function(n){const t=n.nodeName||"";return M.includes(t)}(n.target))return;R=!0,a.pointerDown(n),p.useFriction(0).useDuration(0),s.set(d),function(){const n=G?r:t;F.add(n,"touchmove",q,T).add(n,"touchend",U).add(n,"mousemove",q,T).add(n,"mouseup",U)}(),B=a.readPoint(n),N=a.readPoint(n,I),v.emit("pointerDown")}(o)}const i=t;O.add(i,"dragstart",(n=>n.preventDefault()),T).add(i,"touchmove",(()=>{}),T).add(i,"touchend",(()=>{})).add(i,"touchstart",o).add(i,"mousedown",o).add(i,"touchcancel",U).add(i,"contextmenu",U).add(i,"click",W,!0)},pointerDown:function(){return R},destroy:function(){O.clear(),F.clear()}}}function b(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 S(n,t,r,i,c,u,s){let a,d,l=[],f=!1;function p(n){return c.measureSize(s.measure(n))}return{init:function(c){if(!u)return;d=p(n),l=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?d:l[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=x(.1,.99);let a=!1;return{constrain:function(i){if(a||!n.reachedAny(e.get())||!n.reachedAny(t.get()))return;const d=n.reachedMin(t.get())?"min":"max",l=o(n[d]-t.get()),f=e.get()-t.get(),p=s.constrain(l/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 E(n,t,e,r){const o=t.min+.1,i=t.max+.1,{reachedMin:c,reachedMax:u}=x(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 L(n,t,e,r,c){const{reachedAny:u,removeOffset:a,constrain:d}=r;function l(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 l(o);const c=o.filter((n=>i(n)===r));return c.length?l(c):s(o)-e}return{byDistance:function(e,r){const i=c.get()+e,{index:s,distance:l}=function(e){const r=n?a(e):d(e),i=t.map(((n,t)=>({diff:f(n-r,0),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]-l,0)}},byIndex:function(n,e){return{index:n,distance:f(t[n]-c.get(),e)}},shortcut:f}}function D(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 I(n,t){const e="x"===n.scroll?function(n){return`translate3d(${n}px,0px,0px)`}:function(n){return`translate3d(0px,${n}px,0px)`},r=t.style;let o=!1;return{clear:function(){o||(r.transform="",t.getAttribute("style")||t.removeAttribute("style"))},to:function(t){o||(r.transform=e(n.direction(t)))},toggleActive:function(n){o=!n}}}function A(n,t,e,r,o,i,c,s,a){const d=.5,l=u(o),f=u(o).reverse(),p=function(){const n=c[0];return h(g(f,n),e,!1)}().concat(function(){const n=t-c[0]-1;return h(g(l,n),-e,!0)}());function m(n,t){return n.reduce(((n,t)=>n-o[t]),t)}function g(n,t){return n.reduce(((n,e)=>m(n,t)>0?n.concat([e]):n),[])}function h(o,c,u){const l=function(n){return i.map(((e,o)=>({start:e-r[o]+d+n,end:e+t-d+n})))}(c);return o.map((t=>{const r=u?0:-e,o=u?e:0,i=u?"end":"start",c=l[t][i];return{index:t,loopPoint:c,slideLocation:D(-1),translate:I(n,a[t]),target:()=>s.get()>c?r:o}}))}return{canLoop:function(){return p.every((({index:n})=>m(l.filter((t=>t!==n)),t)<=.1))},clear:function(){p.forEach((n=>n.translate.clear()))},loop:function(){p.forEach((n=>{const{target:t,translate:e,slideLocation:r}=n,o=t();o!==r.get()&&(e.to(o),r.set(o))}))},loopPoints:p}}function M(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 T(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 O(t,e,r,i,c,d,l,f,p){const{startEdge:m,endEdge:g,direction:h}=t,x=n(r);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,r):function(n){return n.length?u(n).reduce(((t,r)=>{const u=s(t)||0,x=0===u,y=r===a(n),v=c[m]-d[u][m],b=c[m]-d[r][g],S=!i&&x?h(l):0;return o(b-(!i&&y?h(f):0)-(v+S))>e+p&&t.push(r),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 F(e,r,f,p,m,F,P){const{align:z,axis:H,direction:k,startIndex:V,loop:B,duration:N,dragFree:R,dragThreshold:C,inViewThreshold:j,slidesToScroll:G,skipSnaps:q,containScroll:U,watchResize:W,watchSlides:$,watchDrag:Q}=F,X={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}}},Y=X.measure(r),J=f.map(X.measure),K=function(n,t){const e="rtl"===t,r="y"===n,o=!r&&e?-1:1;return{scroll:r?"y":"x",cross:r?"x":"y",startEdge:r?"top":e?"right":"left",endEdge:r?"bottom":e?"left":"right",measureSize:function(n){const{height:t,width:e}=n;return r?t:e},direction:function(n){return n*o}}}(H,k),Z=K.measureSize(Y),_=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)}}}(z,Z),tn=!B&&!!U,en=B||!!U,{slideSizes:rn,slideSizesWithGaps:on,startGap:cn,endGap:un}=function(n,t,e,r,i,c){const{measureSize:u,startEdge:a,endEdge:l}=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-${l}`))}(),g=e.map(u),h=e.map(((n,t,e)=>{const r=!t,o=d(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,Y,J,f,en,m),sn=O(K,Z,G,B,Y,J,cn,un,2),{snaps:an,snapsAligned:dn}=function(n,t,e,r,i){const{startEdge:c,endEdge:u}=n,{groupSlides:a}=i,d=a(r).map((n=>s(n)[u]-n[0][c])).map(o).map(t.measure),l=r.map((n=>e[c]-n[c])).map((n=>-o(n))),f=a(l).map((n=>n[0])).map(((n,t)=>n+d[t]));return{snaps:l,snapsAligned:f}}(K,nn,Y,J,sn),ln=-s(an)+s(on),{snapsContained:fn,scrollContainLimit:pn}=function(n,t,e,r,o){const i=x(-t+n,0),u=e.map(((n,t)=>{const{min:r,max:o}=i,c=i.constrain(n),u=!t,s=d(e,t);return u?o:s||l(r,c)?r:l(o,c)?o:c})).map((n=>parseFloat(n.toFixed(3)))),a=function(){const n=u[0],t=s(u);return x(u.lastIndexOf(n),u.indexOf(t)+1)}();function l(n,t){return c(n,t)<1}return{snapsContained:function(){if(t<=n+o)return[i.max];if("keepSnaps"===r)return u;const{min:e,max:c}=a;return u.slice(e,c)}(),scrollContainLimit:a}}(Z,ln,dn,U,2),mn=tn?fn:dn,{limit:gn}=function(n,t,e){const r=t[0];return{limit:x(e?r-n:s(t),r)}}(ln,mn,B),hn=y(a(mn),V,B),xn=hn.clone(),yn=u(f),vn=h(p,m,(()=>(({dragHandler:n,scrollBody:t,scrollBounds:e,options:{loop:r}})=>{r||e.constrain(n.pointerDown()),t.seek()})(Pn)),(n=>(({scrollBody:n,translate:t,location:e,offsetLocation:r,scrollLooper:o,slideLooper:i,dragHandler:c,animation:u,eventHandler:s,options:{loop:a}},d)=>{const l=n.velocity(),f=n.settled();f&&!c.pointerDown()&&(u.stop(),s.emit("settle")),f||s.emit("scroll"),r.set(e.get()-l+l*d),a&&(o.loop(n.direction()),i.loop()),t.to(r.get())})(Pn,n))),bn=mn[hn.get()],Sn=D(bn),wn=D(bn),En=D(bn),Ln=function(n,t,e,r,c){let u=0,s=0,a=r,d=c,l=n.get(),f=0;function p(n){return a=n,g}function m(n){return d=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*=d,l+=u,n.add(u),r=l-f):(u=0,n.set(e),r=t),s=i(r),f=l,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}(Sn,wn,En,N,.68),Dn=L(B,mn,ln,gn,En),In=function(n,t,e,r,o,i,c){function u(o){const u=o.distance,s=o.index!==t.get();i.add(u),u&&(r.duration()?n.start():(n.update(),n.render(1),n.update())),s&&(e.set(t.get()),t.set(o.index),c.emit("select"))}return{distance:function(n,t){u(o.byDistance(n,t))},index:function(n,e){const r=t.clone().set(n);u(o.byIndex(r.get(),e))}}}(vn,hn,xn,Ln,Dn,En,P),An=function(n){const{max:t,length:e}=n;return{get:function(n){return e?(n-t)/-e:0}}}(gn),Mn=g(),Tn=T(r,f,P,j),{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=d(e,t);return r?l(s(e[0])+1):o?l(a(i)-s(e)[0]+1,s(e)[0]):n}))}()}}(tn,U,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,f,On,In,Ln,Mn),Pn={ownerDocument:p,ownerWindow:m,eventHandler:P,containerRect:Y,slideRects:J,animation:vn,axis:K,dragHandler:v(K,e,p,m,En,b(K,m),Sn,vn,In,Ln,Dn,hn,P,_,R,C,q,.68,Q),eventStore:Mn,percentOfView:_,index:hn,indexPrevious:xn,limit:gn,location:Sn,offsetLocation:wn,options:F,resizeHandler:S(r,P,m,f,K,W,X),scrollBody:Ln,scrollBounds:w(gn,wn,En,Ln,_),scrollLooper:E(ln,gn,wn,[Sn,wn,En]),scrollProgress:An,scrollSnapList:mn.map(An.get),scrollSnaps:mn,scrollTarget:Dn,scrollTo:In,slideLooper:A(K,Z,ln,rn,on,an,mn,wn,f),slideFocus:Fn,slidesHandler:M(r,P,$),slidesInView:Tn,slideIndexes:yn,slideRegistry:On,slidesToScroll:sn,target:En,translate:I(K,r)};return Pn}const P={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 z(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 H(n,e,r){const o=n.ownerDocument,i=o.defaultView,c=z(i),u=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()))}}}(c),s=g(),a=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}(),{mergeOptions:d,optionsAtMedia:l,optionsMediaQueries:f}=c,{on:p,off:m,emit:h}=a,x=M;let y,v,b,S,w=!1,E=d(P,H.globalOptions),L=d(E),D=[];function I(t){const e=F(n,b,S,o,i,t,a);if(t.loop&&!e.slideLooper.canLoop()){return I(Object.assign({},t,{loop:!1}))}return e}function A(e,r){w||(E=d(E,e),L=l(E),D=r||D,function(){const{container:e,slides:r}=L,o=t(e)?n.querySelector(e):e;b=o||n.children[0];const i=t(r)?b.querySelectorAll(r):r;S=[].slice.call(i||b.children)}(),y=I(L),f([E,...D.map((({options:n})=>n))]).forEach((n=>s.add(n,"change",M))),L.active&&(y.translate.to(y.location.get()),y.animation.init(),y.slidesInView.init(),y.slideFocus.init(),y.eventHandler.init(V),y.resizeHandler.init(V),y.slidesHandler.init(V),y.options.loop&&y.slideLooper.loop(),b.offsetParent&&S.length&&y.dragHandler.init(V),v=u.init(V,D)))}function M(n,t){const e=k();T(),A(d({startIndex:e},n),t),a.emit("reInit")}function T(){y.dragHandler.destroy(),y.eventStore.clear(),y.translate.clear(),y.slideLooper.clear(),y.resizeHandler.destroy(),y.slidesHandler.destroy(),y.slidesInView.destroy(),y.animation.destroy(),u.destroy(),s.clear()}function O(n,t,e){L.active&&!w&&(y.scrollBody.useBaseFriction().useDuration(!0===t?0:L.duration),y.scrollTo.index(n,e||0))}function k(){return y.index.get()}const V={canScrollNext:function(){return y.index.add(1).get()!==k()},canScrollPrev:function(){return y.index.add(-1).get()!==k()},containerNode:function(){return b},internalEngine:function(){return y},destroy:function(){w||(w=!0,s.clear(),T(),a.emit("destroy"))},off:m,on:p,emit:h,plugins:function(){return v},previousScrollSnap:function(){return y.indexPrevious.get()},reInit:x,rootNode:function(){return n},scrollNext:function(n){O(y.index.add(1).get(),n,-1)},scrollPrev:function(n){O(y.index.add(-1).get(),n,1)},scrollProgress:function(){return y.scrollProgress.get(y.location.get())},scrollSnapList:function(){return y.scrollSnapList},scrollTo:O,selectedScrollSnap:k,slideNodes:function(){return S},slidesInView:function(){return y.slidesInView.get()},slidesNotInView:function(){return y.slidesInView.get(!1)}};return A(e,r),setTimeout((()=>a.emit("init")),0),V}return H.globalOptions=void 0,H}));

esm/components/Axis.d.ts

@@ -1,4 +0,4 @@
-import { DirectionOptionType } from './Direction';
 import { NodeRectType } from './NodeRects';
 export type AxisOptionType = 'x' | 'y';
+export type AxisDirectionOptionType = 'ltr' | 'rtl';
 type AxisEdgeType = 'top' | 'right' | 'bottom' | 'left';
@@ -11,4 +11,5 @@ export type AxisType = {
     measureSize: (nodeRect: NodeRectType) => number;
+    direction: (n: number) => number;
 };
-export declare function Axis(axis: AxisOptionType, direction: DirectionOptionType): AxisType;
+export declare function Axis(axis: AxisOptionType, contentDirection: AxisDirectionOptionType): AxisType;
 export {};

esm/components/DragHandler.d.ts

 import { EmblaCarouselType } from './EmblaCarousel';
 import { AnimationsType } from './Animations';
 import { CounterType } from './Counter';
-import { DirectionType } from './Direction';
 import { DragTrackerType, PointerEventType } from './DragTracker';
@@ -21,3 +20,3 @@ import { EventHandlerType } from './EventHandler';
 };
-export declare function DragHandler(axis: AxisType, direction: DirectionType, rootNode: HTMLElement, ownerDocument: Document, ownerWindow: WindowType, target: Vector1DType, dragTracker: DragTrackerType, location: Vector1DType, animation: AnimationsType, scrollTo: ScrollToType, scrollBody: ScrollBodyType, scrollTarget: ScrollTargetType, index: CounterType, eventHandler: EventHandlerType, percentOfView: PercentOfViewType, dragFree: boolean, dragThreshold: number, skipSnaps: boolean, baseFriction: number, watchDrag: DragHandlerOptionType): DragHandlerType;
+export declare function DragHandler(axis: AxisType, rootNode: HTMLElement, ownerDocument: Document, ownerWindow: WindowType, target: Vector1DType, dragTracker: DragTrackerType, location: Vector1DType, animation: AnimationsType, scrollTo: ScrollToType, scrollBody: ScrollBodyType, scrollTarget: ScrollTargetType, index: CounterType, eventHandler: EventHandlerType, percentOfView: PercentOfViewType, dragFree: boolean, dragThreshold: number, skipSnaps: boolean, baseFriction: number, watchDrag: DragHandlerOptionType): DragHandlerType;
 export {};

esm/components/Engine.d.ts

 import { AnimationsType } from './Animations';
 import { AxisType } from './Axis';
 import { CounterType } from './Counter';
-import { DirectionType } from './Direction';
 import { DragHandlerType } from './DragHandler';
@@ -33,3 +32,2 @@ import { EventHandlerType } from './EventHandler';
     axis: AxisType;
-    direction: DirectionType;
     animation: AnimationsType;
@@ -36,0 +34,0 @@ scrollBounds: ScrollBoundsType;

esm/components/Options.d.ts

 import { AlignmentOptionType } from './Alignment';
-import { AxisOptionType } from './Axis';
+import { AxisDirectionOptionType, AxisOptionType } from './Axis';
 import { SlidesToScrollOptionType } from './SlidesToScroll';
-import { DirectionOptionType } from './Direction';
 import { ScrollContainOptionType } from './ScrollContain';
@@ -25,3 +24,3 @@ import { DragHandlerOptionType } from './DragHandler';
     containScroll: ScrollContainOptionType;
-    direction: DirectionOptionType;
+    direction: AxisDirectionOptionType;
     slidesToScroll: SlidesToScrollOptionType;
@@ -28,0 +27,0 @@ dragFree: boolean;

esm/components/SlideLooper.d.ts

 import { AxisType } from './Axis';
 import { Vector1DType } from './Vector1d';
 import { TranslateType } from './Translate';
-import { DirectionType } from './Direction';
 type LoopPointType = {
@@ -18,3 +17,3 @@ loopPoint: number;
 };
-export declare function SlideLooper(axis: AxisType, direction: DirectionType, viewSize: number, contentSize: number, slideSizes: number[], slideSizesWithGaps: number[], snaps: number[], scrollSnaps: number[], offsetLocation: Vector1DType, slides: HTMLElement[]): SlideLooperType;
+export declare function SlideLooper(axis: AxisType, viewSize: number, contentSize: number, slideSizes: number[], slideSizesWithGaps: number[], snaps: number[], scrollSnaps: number[], offsetLocation: Vector1DType, slides: HTMLElement[]): SlideLooperType;
 export {};

esm/components/SlidesToScroll.d.ts

 import { AxisType } from './Axis';
-import { DirectionType } from './Direction';
 import { NodeRectType } from './NodeRects';
@@ -8,2 +7,2 @@ export type SlidesToScrollOptionType = 'auto' | number;
 };
-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;
+export declare function SlidesToScroll(axis: AxisType, viewSize: number, slidesToScroll: SlidesToScrollOptionType, loop: boolean, containerRect: NodeRectType, slideRects: NodeRectType[], startGap: number, endGap: number, pixelTolerance: number): SlidesToScrollType;

esm/components/Translate.d.ts

 import { AxisType } from './Axis';
-import { DirectionType } from './Direction';
 export type TranslateType = {
@@ -8,2 +7,2 @@ clear: () => void;
 };
-export declare function Translate(axis: AxisType, direction: DirectionType, container: HTMLElement): TranslateType;
+export declare function Translate(axis: AxisType, container: HTMLElement): TranslateType;

esm/embla-carousel.esm.js

@@ -167,5 +167,8 @@ function isNumber(subject) {
 
-function Axis(axis, direction) {
-  const scroll = axis === 'y' ? 'y' : 'x';
-  const cross = axis === 'y' ? 'x' : 'y';
+function Axis(axis, contentDirection) {
+  const isRightToLeft = contentDirection === 'rtl';
+  const isVertical = axis === 'y';
+  const scroll = isVertical ? 'y' : 'x';
+  const cross = isVertical ? 'x' : 'y';
+  const sign = !isVertical && isRightToLeft ? -1 : 1;
   const startEdge = getStartEdge();
@@ -175,15 +178,18 @@ const endEdge = getEndEdge();
     const {
-      width,
-      height
+      height,
+      width
     } = nodeRect;
-    return scroll === 'x' ? width : height;
+    return isVertical ? height : width;
   }
   function getStartEdge() {
-    if (scroll === 'y') return 'top';
-    return direction === 'rtl' ? 'right' : 'left';
+    if (isVertical) return 'top';
+    return isRightToLeft ? 'right' : 'left';
   }
   function getEndEdge() {
-    if (scroll === 'y') return 'bottom';
-    return direction === 'rtl' ? 'left' : 'right';
+    if (isVertical) return 'bottom';
+    return isRightToLeft ? 'left' : 'right';
   }
+  function direction(n) {
+    return n * sign;
+  }
   const self = {
@@ -194,3 +200,4 @@ scroll,
     endEdge,
-    measureSize
+    measureSize,
+    direction
   };
@@ -263,16 +270,6 @@ return self;
 
-function Direction(direction) {
-  const sign = direction === 'rtl' ? -1 : 1;
-  function apply(n) {
-    return n * sign;
-  }
-  const self = {
-    apply
-  };
-  return self;
-}
-
-function DragHandler(axis, direction, rootNode, ownerDocument, ownerWindow, target, dragTracker, location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, baseFriction, watchDrag) {
+function DragHandler(axis, rootNode, ownerDocument, ownerWindow, target, dragTracker, location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, baseFriction, watchDrag) {
   const {
-    cross: crossAxis
+    cross: crossAxis,
+    direction
   } = axis;
@@ -337,6 +334,6 @@ const focusNodes = ['INPUT', 'SELECT', 'TEXTAREA'];
     isMouse = isMouseEvt;
+    preventClick = dragFree && isMouseEvt && !evt.buttons && isMoving;
+    isMoving = deltaAbs(target.get(), location.get()) >= 2;
     if (isMouseEvt && evt.button !== 0) return;
     if (isFocusNode(evt.target)) return;
-    preventClick = dragFree && isMouseEvt && !evt.buttons && isMoving;
-    isMoving = deltaAbs(target.get(), location.get()) >= 2;
     pointerIsDown = true;
@@ -365,3 +362,3 @@ dragTracker.pointerDown(evt);
     animation.start();
-    target.add(direction.apply(diff));
+    target.add(direction(diff));
     evt.preventDefault();
@@ -373,3 +370,3 @@ }
     const rawForce = dragTracker.pointerUp(evt) * forceBoost();
-    const force = allowedForce(direction.apply(rawForce), targetChanged);
+    const force = allowedForce(direction(rawForce), targetChanged);
     const forceFactor = factorAbs(rawForce, force);
@@ -390,2 +387,3 @@ const speed = baseSpeed - 10 * forceFactor;
       evt.preventDefault();
+      preventClick = false;
     }
@@ -796,5 +794,5 @@ }
     const distance = loop ? removeOffset(target) : constrain(target);
-    const ascDiffsToSnaps = scrollSnaps.map(scrollSnap => scrollSnap - distance).map(diffToSnap => shortcut(diffToSnap, 0)).map((diff, i) => ({
-      diff,
-      index: i
+    const ascDiffsToSnaps = scrollSnaps.map((snap, index) => ({
+      diff: shortcut(snap - distance, 0),
+      index
     })).sort((d1, d2) => mathAbs(d1.diff) - mathAbs(d2.diff));
@@ -945,3 +943,3 @@ const {
 
-function Translate(axis, direction, container) {
+function Translate(axis, container) {
   const translate = axis.scroll === 'x' ? x : y;
@@ -958,3 +956,3 @@ const containerStyle = container.style;
     if (disabled) return;
-    containerStyle.transform = translate(direction.apply(target));
+    containerStyle.transform = translate(axis.direction(target));
   }
@@ -977,3 +975,3 @@ function toggleActive(active) {
 
-function SlideLooper(axis, direction, viewSize, contentSize, slideSizes, slideSizesWithGaps, snaps, scrollSnaps, offsetLocation, slides) {
+function SlideLooper(axis, viewSize, contentSize, slideSizes, slideSizesWithGaps, snaps, scrollSnaps, offsetLocation, slides) {
   const roundingSafety = 0.5;
@@ -1011,3 +1009,3 @@ const ascItems = arrayKeys(slideSizesWithGaps);
         slideLocation: Vector1D(-1),
-        translate: Translate(axis, direction, slides[index]),
+        translate: Translate(axis, slides[index]),
         target: () => offsetLocation.get() > loopPoint ? initial : altered
@@ -1188,6 +1186,7 @@ };
 
-function SlidesToScroll(axis, direction, viewSize, slidesToScroll, loop, containerRect, slideRects, startGap, endGap, pixelTolerance) {
+function SlidesToScroll(axis, viewSize, slidesToScroll, loop, containerRect, slideRects, startGap, endGap, pixelTolerance) {
   const {
     startEdge,
-    endEdge
+    endEdge,
+    direction
   } = axis;
@@ -1206,4 +1205,4 @@ const groupByNumber = isNumber(slidesToScroll);
       const edgeB = containerRect[startEdge] - slideRects[rectB][endEdge];
-      const gapA = !loop && isFirst ? direction.apply(startGap) : 0;
-      const gapB = !loop && isLast ? direction.apply(endGap) : 0;
+      const gapA = !loop && isFirst ? direction(startGap) : 0;
+      const gapB = !loop && isLast ? direction(endGap) : 0;
       const chunkSize = mathAbs(edgeB - gapB - (edgeA + gapA));
@@ -1232,3 +1231,3 @@ if (chunkSize > viewSize + pixelTolerance) groups.push(rectB);
     axis: scrollAxis,
-    direction: contentDirection,
+    direction,
     startIndex,
@@ -1252,4 +1251,3 @@ loop,
   const slideRects = slides.map(nodeRects.measure);
-  const direction = Direction(contentDirection);
-  const axis = Axis(scrollAxis, contentDirection);
+  const axis = Axis(scrollAxis, direction);
   const viewSize = axis.measureSize(containerRect);
@@ -1266,3 +1264,3 @@ const percentOfView = PercentOfView(viewSize);
   } = SlideSizes(axis, containerRect, slideRects, slides, readEdgeGap, ownerWindow);
-  const slidesToScroll = SlidesToScroll(axis, direction, viewSize, groupSlides, loop, containerRect, slideRects, startGap, endGap, pixelTolerance);
+  const slidesToScroll = SlidesToScroll(axis, viewSize, groupSlides, loop, containerRect, slideRects, startGap, endGap, pixelTolerance);
   const {
@@ -1351,4 +1349,3 @@ snaps,
     axis,
-    direction,
-    dragHandler: DragHandler(axis, direction, root, ownerDocument, ownerWindow, target, DragTracker(axis, ownerWindow), location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, friction, watchDrag),
+    dragHandler: DragHandler(axis, root, ownerDocument, ownerWindow, target, DragTracker(axis, ownerWindow), location, animation, scrollTo, scrollBody, scrollTarget, index, eventHandler, percentOfView, dragFree, dragThreshold, skipSnaps, friction, watchDrag),
     eventStore,
@@ -1371,3 +1368,3 @@ percentOfView,
     scrollTo,
-    slideLooper: SlideLooper(axis, direction, viewSize, contentSize, slideSizes, slideSizesWithGaps, snaps, scrollSnaps, offsetLocation, slides),
+    slideLooper: SlideLooper(axis, viewSize, contentSize, slideSizes, slideSizesWithGaps, snaps, scrollSnaps, offsetLocation, slides),
     slideFocus,
@@ -1380,3 +1377,3 @@ slidesHandler: SlidesHandler(container, eventHandler, watchSlides),
     target,
-    translate: Translate(axis, direction, container)
+    translate: Translate(axis, container)
   };
@@ -1383,0 +1380,0 @@ return engine;

esm/package.json

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

package.json

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

README.md

@@ -110,2 +110,4 @@ <br />
       <img src="https://avatars2.githubusercontent.com/u/9334305?s=120&v=4" title="silllli" width="50" height="50" style="max-width: 100%" />
+    </a><a href="https://github.com/sarussss">
+      <img src="https://avatars2.githubusercontent.com/u/15656996?s=120&v=4" title="sarussss" width="50" height="50" style="max-width: 100%" />
     </a><a href="https://github.com/anzbert">
@@ -143,4 +145,2 @@ <img src="https://avatars2.githubusercontent.com/u/38823700?s=120&v=4" title="anzbert" width="50" height="50" style="max-width: 100%" />
       <img src="https://avatars2.githubusercontent.com/u/75290989?s=120&v=4" title="fcasibu" width="50" height="50" style="max-width: 100%" />
-    </a><a href="https://github.com/cundd">
-      <img src="https://avatars2.githubusercontent.com/u/743122?s=120&v=4" title="cundd" width="50" height="50" style="max-width: 100%" />
     </a>
@@ -147,0 +147,0 @@ </p>

No alert changes

Worsened metrics

Total package byte prevSize

482756

decreased by-0.9%

Number of package files

123

decreased by-2.38%

Lines of code

4746

decreased by-0.9%

No dependency changes