Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

embla-carousel

Package Overview
Dependencies
Maintainers
1
Versions
232
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

embla-carousel - npm Package Compare versions

Comparing version 8.1.4 to 8.1.5

4

cjs/components/EmblaCarousel.d.ts
import { EngineType } from './Engine';
import { EventHandlerType } from './EventHandler';
import { EmblaOptionsType, OptionsType } from './Options';
import { EmblaOptionsType } from './Options';
import { EmblaPluginsType, EmblaPluginType } from './Plugins';

@@ -30,4 +30,4 @@ export type EmblaCarouselType = {

declare namespace EmblaCarousel {
var globalOptions: Partial<OptionsType> | undefined;
let globalOptions: EmblaOptionsType | undefined;
}
export default EmblaCarousel;
{
"name": "embla-carousel",
"version": "8.1.4",
"version": "8.1.5",
"author": "David Jerleke",

@@ -5,0 +5,0 @@ "description": "A lightweight carousel library with fluid motion and great swipe precision",

import { EngineType } from './Engine';
import { EventHandlerType } from './EventHandler';
import { EmblaOptionsType, OptionsType } from './Options';
import { EmblaOptionsType } from './Options';
import { EmblaPluginsType, EmblaPluginType } from './Plugins';

@@ -30,4 +30,4 @@ export type EmblaCarouselType = {

declare namespace EmblaCarousel {
var globalOptions: Partial<OptionsType> | undefined;
let globalOptions: EmblaOptionsType | undefined;
}
export default EmblaCarousel;

@@ -1,3 +0,3 @@

import { EngineType } from './Engine';
import { WindowType } from './utils';
import { EngineType } from './Engine.js';
import { WindowType } from './utils.js';
export type AnimationsUpdateType = (engine: EngineType) => void;

@@ -4,0 +4,0 @@ export type AnimationsRenderType = (engine: EngineType, lagOffset: number) => void;

@@ -1,2 +0,2 @@

import { NodeRectType } from './NodeRects';
import { NodeRectType } from './NodeRects.js';
export type AxisOptionType = 'x' | 'y';

@@ -3,0 +3,0 @@ export type AxisDirectionOptionType = 'ltr' | 'rtl';

@@ -1,13 +0,13 @@

import { EmblaCarouselType } from './EmblaCarousel';
import { AnimationsType } from './Animations';
import { CounterType } from './Counter';
import { DragTrackerType, PointerEventType } from './DragTracker';
import { EventHandlerType } from './EventHandler';
import { AxisType } from './Axis';
import { ScrollBodyType } from './ScrollBody';
import { ScrollTargetType } from './ScrollTarget';
import { ScrollToType } from './ScrollTo';
import { Vector1DType } from './Vector1d';
import { PercentOfViewType } from './PercentOfView';
import { WindowType } from './utils';
import { EmblaCarouselType } from './EmblaCarousel.js';
import { AnimationsType } from './Animations.js';
import { CounterType } from './Counter.js';
import { DragTrackerType, PointerEventType } from './DragTracker.js';
import { EventHandlerType } from './EventHandler.js';
import { AxisType } from './Axis.js';
import { ScrollBodyType } from './ScrollBody.js';
import { ScrollTargetType } from './ScrollTarget.js';
import { ScrollToType } from './ScrollTo.js';
import { Vector1DType } from './Vector1d.js';
import { PercentOfViewType } from './PercentOfView.js';
import { WindowType } from './utils.js';
type DragHandlerCallbackType = (emblaApi: EmblaCarouselType, evt: PointerEventType) => boolean | void;

@@ -14,0 +14,0 @@ export type DragHandlerOptionType = boolean | DragHandlerCallbackType;

@@ -1,3 +0,3 @@

import { AxisOptionType, AxisType } from './Axis';
import { WindowType } from './utils';
import { AxisOptionType, AxisType } from './Axis.js';
import { WindowType } from './utils.js';
export type PointerEventType = TouchEvent | MouseEvent;

@@ -4,0 +4,0 @@ export type DragTrackerType = {

@@ -1,5 +0,5 @@

import { EngineType } from './Engine';
import { EventHandlerType } from './EventHandler';
import { EmblaOptionsType, OptionsType } from './Options';
import { EmblaPluginsType, EmblaPluginType } from './Plugins';
import { EngineType } from './Engine.js';
import { EventHandlerType } from './EventHandler.js';
import { EmblaOptionsType } from './Options.js';
import { EmblaPluginsType, EmblaPluginType } from './Plugins.js';
export type EmblaCarouselType = {

@@ -30,4 +30,4 @@ canScrollNext: () => boolean;

declare namespace EmblaCarousel {
var globalOptions: Partial<OptionsType> | undefined;
let globalOptions: EmblaOptionsType | undefined;
}
export default EmblaCarousel;

@@ -1,27 +0,27 @@

import { AnimationsType } from './Animations';
import { AxisType } from './Axis';
import { CounterType } from './Counter';
import { DragHandlerType } from './DragHandler';
import { EventHandlerType } from './EventHandler';
import { EventStoreType } from './EventStore';
import { LimitType } from './Limit';
import { NodeRectType } from './NodeRects';
import { OptionsType } from './Options';
import { PercentOfViewType } from './PercentOfView';
import { ResizeHandlerType } from './ResizeHandler';
import { ScrollBodyType } from './ScrollBody';
import { ScrollBoundsType } from './ScrollBounds';
import { ScrollLooperType } from './ScrollLooper';
import { ScrollProgressType } from './ScrollProgress';
import { SlideRegistryType } from './SlideRegistry';
import { ScrollTargetType } from './ScrollTarget';
import { ScrollToType } from './ScrollTo';
import { SlideFocusType } from './SlideFocus';
import { SlideLooperType } from './SlideLooper';
import { SlidesHandlerType } from './SlidesHandler';
import { SlidesInViewType } from './SlidesInView';
import { SlidesToScrollType } from './SlidesToScroll';
import { TranslateType } from './Translate';
import { WindowType } from './utils';
import { Vector1DType } from './Vector1d';
import { AnimationsType } from './Animations.js';
import { AxisType } from './Axis.js';
import { CounterType } from './Counter.js';
import { DragHandlerType } from './DragHandler.js';
import { EventHandlerType } from './EventHandler.js';
import { EventStoreType } from './EventStore.js';
import { LimitType } from './Limit.js';
import { NodeRectType } from './NodeRects.js';
import { OptionsType } from './Options.js';
import { PercentOfViewType } from './PercentOfView.js';
import { ResizeHandlerType } from './ResizeHandler.js';
import { ScrollBodyType } from './ScrollBody.js';
import { ScrollBoundsType } from './ScrollBounds.js';
import { ScrollLooperType } from './ScrollLooper.js';
import { ScrollProgressType } from './ScrollProgress.js';
import { SlideRegistryType } from './SlideRegistry.js';
import { ScrollTargetType } from './ScrollTarget.js';
import { ScrollToType } from './ScrollTo.js';
import { SlideFocusType } from './SlideFocus.js';
import { SlideLooperType } from './SlideLooper.js';
import { SlidesHandlerType } from './SlidesHandler.js';
import { SlidesInViewType } from './SlidesInView.js';
import { SlidesToScrollType } from './SlidesToScroll.js';
import { TranslateType } from './Translate.js';
import { WindowType } from './utils.js';
import { Vector1DType } from './Vector1d.js';
export type EngineType = {

@@ -28,0 +28,0 @@ ownerDocument: Document;

@@ -1,2 +0,2 @@

import { EmblaCarouselType } from './EmblaCarousel';
import { EmblaCarouselType } from './EmblaCarousel.js';
type CallbackType = (emblaApi: EmblaCarouselType, evt: EmblaEventType) => void;

@@ -3,0 +3,0 @@ export type EmblaEventType = EmblaEventListType[keyof EmblaEventListType];

@@ -1,9 +0,9 @@

import { AlignmentOptionType } from './Alignment';
import { AxisDirectionOptionType, AxisOptionType } from './Axis';
import { SlidesToScrollOptionType } from './SlidesToScroll';
import { ScrollContainOptionType } from './ScrollContain';
import { DragHandlerOptionType } from './DragHandler';
import { ResizeHandlerOptionType } from './ResizeHandler';
import { SlidesHandlerOptionType } from './SlidesHandler';
import { SlidesInViewOptionsType } from './SlidesInView';
import { AlignmentOptionType } from './Alignment.js';
import { AxisDirectionOptionType, AxisOptionType } from './Axis.js';
import { SlidesToScrollOptionType } from './SlidesToScroll.js';
import { ScrollContainOptionType } from './ScrollContain.js';
import { DragHandlerOptionType } from './DragHandler.js';
import { ResizeHandlerOptionType } from './ResizeHandler.js';
import { SlidesHandlerOptionType } from './SlidesHandler.js';
import { SlidesInViewOptionsType } from './SlidesInView.js';
export type LooseOptionsType = {

@@ -10,0 +10,0 @@ [key: string]: unknown;

@@ -1,3 +0,3 @@

import { LooseOptionsType, CreateOptionsType } from './Options';
import { WindowType } from './utils';
import { LooseOptionsType, CreateOptionsType } from './Options.js';
import { WindowType } from './utils.js';
type OptionsType = Partial<CreateOptionsType<LooseOptionsType>>;

@@ -4,0 +4,0 @@ export type OptionsHandlerType = {

@@ -1,4 +0,4 @@

import { CreateOptionsType, LooseOptionsType } from './Options';
import { EmblaCarouselType } from './EmblaCarousel';
import { OptionsHandlerType } from './OptionsHandler';
import { CreateOptionsType, LooseOptionsType } from './Options.js';
import { EmblaCarouselType } from './EmblaCarousel.js';
import { OptionsHandlerType } from './OptionsHandler.js';
export type LoosePluginType = {

@@ -5,0 +5,0 @@ [key: string]: unknown;

@@ -1,4 +0,4 @@

import { EmblaCarouselType } from './EmblaCarousel';
import { OptionsHandlerType } from './OptionsHandler';
import { EmblaPluginsType, EmblaPluginType } from './Plugins';
import { EmblaCarouselType } from './EmblaCarousel.js';
import { OptionsHandlerType } from './OptionsHandler.js';
import { EmblaPluginsType, EmblaPluginType } from './Plugins.js';
export type PluginsHandlerType = {

@@ -5,0 +5,0 @@ init: (emblaApi: EmblaCarouselType, plugins: EmblaPluginType[]) => EmblaPluginsType;

@@ -1,6 +0,6 @@

import { AxisType } from './Axis';
import { EmblaCarouselType } from './EmblaCarousel';
import { EventHandlerType } from './EventHandler';
import { NodeRectsType } from './NodeRects';
import { WindowType } from './utils';
import { AxisType } from './Axis.js';
import { EmblaCarouselType } from './EmblaCarousel.js';
import { EventHandlerType } from './EventHandler.js';
import { NodeRectsType } from './NodeRects.js';
import { WindowType } from './utils.js';
type ResizeHandlerCallbackType = (emblaApi: EmblaCarouselType, entries: ResizeObserverEntry[]) => boolean | void;

@@ -7,0 +7,0 @@ export type ResizeHandlerOptionType = boolean | ResizeHandlerCallbackType;

@@ -1,2 +0,2 @@

import { Vector1DType } from './Vector1d';
import { Vector1DType } from './Vector1d.js';
export type ScrollBodyType = {

@@ -3,0 +3,0 @@ direction: () => number;

@@ -1,5 +0,5 @@

import { LimitType } from './Limit';
import { ScrollBodyType } from './ScrollBody';
import { Vector1DType } from './Vector1d';
import { PercentOfViewType } from './PercentOfView';
import { LimitType } from './Limit.js';
import { ScrollBodyType } from './ScrollBody.js';
import { Vector1DType } from './Vector1d.js';
import { PercentOfViewType } from './PercentOfView.js';
export type ScrollBoundsType = {

@@ -6,0 +6,0 @@ shouldConstrain: () => boolean;

@@ -1,2 +0,2 @@

import { LimitType } from './Limit';
import { LimitType } from './Limit.js';
export type ScrollContainOptionType = false | 'trimSnaps' | 'keepSnaps';

@@ -3,0 +3,0 @@ export type ScrollContainType = {

@@ -1,2 +0,2 @@

import { LimitType } from './Limit';
import { LimitType } from './Limit.js';
export type ScrollLimitType = {

@@ -3,0 +3,0 @@ limit: LimitType;

@@ -1,3 +0,3 @@

import { LimitType } from './Limit';
import { Vector1DType } from './Vector1d';
import { LimitType } from './Limit.js';
import { Vector1DType } from './Vector1d.js';
export type ScrollLooperType = {

@@ -4,0 +4,0 @@ loop: (direction: number) => void;

@@ -1,2 +0,2 @@

import { LimitType } from './Limit';
import { LimitType } from './Limit.js';
export type ScrollProgressType = {

@@ -3,0 +3,0 @@ get: (n: number) => number;

@@ -1,5 +0,5 @@

import { AlignmentType } from './Alignment';
import { AxisType } from './Axis';
import { NodeRectType } from './NodeRects';
import { SlidesToScrollType } from './SlidesToScroll';
import { AlignmentType } from './Alignment.js';
import { AxisType } from './Axis.js';
import { NodeRectType } from './NodeRects.js';
import { SlidesToScrollType } from './SlidesToScroll.js';
export type ScrollSnapsType = {

@@ -6,0 +6,0 @@ snaps: number[];

@@ -1,3 +0,3 @@

import { LimitType } from './Limit';
import { Vector1DType } from './Vector1d';
import { LimitType } from './Limit.js';
import { Vector1DType } from './Vector1d.js';
export type TargetType = {

@@ -4,0 +4,0 @@ distance: number;

@@ -1,7 +0,7 @@

import { AnimationsType } from './Animations';
import { CounterType } from './Counter';
import { EventHandlerType } from './EventHandler';
import { ScrollBodyType } from './ScrollBody';
import { ScrollTargetType } from './ScrollTarget';
import { Vector1DType } from './Vector1d';
import { AnimationsType } from './Animations.js';
import { CounterType } from './Counter.js';
import { EventHandlerType } from './EventHandler.js';
import { ScrollBodyType } from './ScrollBody.js';
import { ScrollTargetType } from './ScrollTarget.js';
import { Vector1DType } from './Vector1d.js';
export type ScrollToType = {

@@ -8,0 +8,0 @@ distance: (n: number, snap: boolean) => void;

@@ -1,6 +0,6 @@

import { EventHandlerType } from './EventHandler';
import { EventStoreType } from './EventStore';
import { ScrollBodyType } from './ScrollBody';
import { ScrollToType } from './ScrollTo';
import { SlideRegistryType } from './SlideRegistry';
import { EventHandlerType } from './EventHandler.js';
import { EventStoreType } from './EventStore.js';
import { ScrollBodyType } from './ScrollBody.js';
import { ScrollToType } from './ScrollTo.js';
import { SlideRegistryType } from './SlideRegistry.js';
export type SlideFocusType = {

@@ -7,0 +7,0 @@ init: () => void;

@@ -1,4 +0,4 @@

import { AxisType } from './Axis';
import { Vector1DType } from './Vector1d';
import { TranslateType } from './Translate';
import { AxisType } from './Axis.js';
import { Vector1DType } from './Vector1d.js';
import { TranslateType } from './Translate.js';
type LoopPointType = {

@@ -5,0 +5,0 @@ loopPoint: number;

@@ -1,4 +0,4 @@

import { LimitType } from './Limit';
import { ScrollContainOptionType } from './ScrollContain';
import { SlidesToScrollType } from './SlidesToScroll';
import { LimitType } from './Limit.js';
import { ScrollContainOptionType } from './ScrollContain.js';
import { SlidesToScrollType } from './SlidesToScroll.js';
export type SlideRegistryType = {

@@ -5,0 +5,0 @@ slideRegistry: number[][];

@@ -1,3 +0,3 @@

import { EmblaCarouselType } from './EmblaCarousel';
import { EventHandlerType } from './EventHandler';
import { EmblaCarouselType } from './EmblaCarousel.js';
import { EventHandlerType } from './EventHandler.js';
type SlidesHandlerCallbackType = (emblaApi: EmblaCarouselType, mutations: MutationRecord[]) => boolean | void;

@@ -4,0 +4,0 @@ export type SlidesHandlerOptionType = boolean | SlidesHandlerCallbackType;

@@ -1,2 +0,2 @@

import { EventHandlerType } from './EventHandler';
import { EventHandlerType } from './EventHandler.js';
export type SlidesInViewOptionsType = IntersectionObserverInit['threshold'];

@@ -3,0 +3,0 @@ export type SlidesInViewType = {

@@ -1,4 +0,4 @@

import { AxisType } from './Axis';
import { NodeRectType } from './NodeRects';
import { WindowType } from './utils';
import { AxisType } from './Axis.js';
import { NodeRectType } from './NodeRects.js';
import { WindowType } from './utils.js';
export type SlideSizesType = {

@@ -5,0 +5,0 @@ slideSizes: number[];

@@ -1,3 +0,3 @@

import { AxisType } from './Axis';
import { NodeRectType } from './NodeRects';
import { AxisType } from './Axis.js';
import { NodeRectType } from './NodeRects.js';
export type SlidesToScrollOptionType = 'auto' | number;

@@ -4,0 +4,0 @@ export type SlidesToScrollType = {

@@ -1,2 +0,2 @@

import { AxisType } from './Axis';
import { AxisType } from './Axis.js';
export type TranslateType = {

@@ -3,0 +3,0 @@ clear: () => void;

@@ -1,2 +0,2 @@

import { PointerEventType } from './DragTracker';
import { PointerEventType } from './DragTracker.js';
export type WindowType = Window & typeof globalThis;

@@ -3,0 +3,0 @@ export declare function isNumber(subject: unknown): subject is number;

@@ -1,11 +0,11 @@

export { EmblaOptionsType } from './components/Options.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';
export { CreatePluginType, EmblaPluginsType } from './components/Plugins.ts';
export { CreateOptionsType } from './components/Options.ts';
export { OptionsHandlerType } from './components/OptionsHandler.ts';
export { EmblaEventListType } from './components/EventHandler.ts';
export { EngineType } from './components/Engine.ts';
export { ScrollBodyType } from './components/ScrollBody.ts';
export { EmblaOptionsType } from './components/Options.js';
export { EmblaEventType } from './components/EventHandler.js';
export { EmblaPluginType } from './components/Plugins.js';
export { EmblaCarouselType } from './components/EmblaCarousel.js';
export { default } from './components/EmblaCarousel.js';
export { CreatePluginType, EmblaPluginsType } from './components/Plugins.js';
export { CreateOptionsType } from './components/Options.js';
export { OptionsHandlerType } from './components/OptionsHandler.js';
export { EmblaEventListType } from './components/EventHandler.js';
export { EngineType } from './components/Engine.js';
export { ScrollBodyType } from './components/ScrollBody.js';
{
"name": "embla-carousel",
"version": "8.1.4",
"version": "8.1.5",
"author": "David Jerleke",

@@ -5,0 +5,0 @@ "description": "A lightweight carousel library with fluid motion and great swipe precision",

{
"name": "embla-carousel",
"version": "8.1.4",
"version": "8.1.5",
"author": "David Jerleke",

@@ -5,0 +5,0 @@ "description": "A lightweight carousel library with fluid motion and great swipe precision",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc