@mozert-studio/mozert-slider 0.0.0-stage → 1.1.1

package/dist/mozert.swiper.min.js

@@ -0,0 +1,6 @@
+/*!
+ * Mozert Swiper-style API v1.0.0 | MIT
+ * new Mozert.Swiper('.swiper', { slidesPerView: 3, loop: true, pagination: { el: '.swiper-pagination' } })
+ * Load after mozert.min.js. If `window.Swiper` is not defined, it is set to Mozert.Swiper so existing code keeps working.
+ */
+;(function(root,factory){if(typeof define==='function'&&define.amd)define(['mozert'],factory);else if(typeof module==='object'&&module.exports)module.exports=factory(require('./mozert.js'));else factory(root.Mozert);}(typeof self!=='undefined'?self:this,function(Mozert){'use strict';if(!Mozert)throw new Error('Mozert.Swiper needs Mozert loaded first');var isObj=function(v){return v&&typeof v==='object'&&!Array.isArray(v)&&!v.nodeType;};var node=function(v,scope){return!v?null:typeof v==='string'?(scope&&scope.querySelector(v))||document.querySelector(v):v;};var obj=function(v,d){return isObj(v)?v:(v?d||{}:null);};function mapOptions(p,ctx){var o={};if(p.slidesPerView!==undefined){if(p.slidesPerView==='auto')o.variableWidth=true;else{o.slidesToShow=p.slidesPerView;o.variableWidth=false;}}if(p.slidesPerGroup!==undefined)o.slidesToScroll=p.slidesPerGroup;if(p.spaceBetween!==undefined)o.spaceBetween=parseFloat(p.spaceBetween)||0;if(p.loop!==undefined)o.infinite=!!p.loop;if(p.speed!==undefined)o.speed=p.speed;if(p.initialSlide!==undefined)o.initialSlide=p.initialSlide;if(p.direction)o.vertical=p.direction==='vertical';if(p.centeredSlides!==undefined){o.centerMode=!!p.centeredSlides;o.centerPadding='0px';}if(p.autoHeight!==undefined)o.adaptiveHeight=!!p.autoHeight;if(p.allowTouchMove!==undefined){o.draggable=!!p.allowTouchMove;o.touchMove=!!p.allowTouchMove;}if(p.touchRatio!==undefined)o.touchRatio=p.touchRatio;if(p.threshold!==undefined)o.dragThreshold=Math.max(p.threshold,1);if(p.slidesOffsetBefore!==undefined)o.edgePadding=p.slidesOffsetBefore;if(p.a11y!==undefined)o.accessibility=p.a11y!==false;if(p.effect){o.effect=p.effect;['coverflow','cube','flip','cards','creative'].forEach(function(k){if(p[k+'Effect'])o[k+'Effect']=p[k+'Effect'];});}if(p.autoplay){var a=obj(p.autoplay,{});o.autoplay=true;o.autoplaySpeed=a.delay!==undefined?a.delay:3000;o.pauseOnHover=!!a.pauseOnMouseEnter;o.disableOnInteraction=a.disableOnInteraction!==false;o.autoplayReverse=!!a.reverseDirection;o.stopOnLastSlide=!!a.stopOnLastSlide;}else if(p.autoplay===false)o.autoplay=false;if(p.freeMode)o.freeMode=p.freeMode;if(p.mousewheel)o.mousewheel=p.mousewheel;if(p.keyboard)o.globalKeyboard=obj(p.keyboard,{}).enabled===false?false:p.keyboard;if(p.zoom){var z=obj(p.zoom,{});o.zoom={max:z.maxRatio||3,min:z.minRatio||1,toggle:z.toggle!==false};}if(p.parallax)o.parallax=true;if(p.virtual)o.virtual=p.virtual;if(p.hashNavigation)o.hashNavigation=p.hashNavigation;if(p.grid&&p.grid.rows>1){o.rows=p.grid.rows;o.slidesPerRow=1;}if(p.scrollbar){var sb=obj(p.scrollbar,{});o.scrollbar={el:node(sb.el,ctx.el),draggable:!!sb.draggable,hide:!!sb.hide};}if(p.pagination){var pg=obj(p.pagination,{});o.pagination={el:node(pg.el,ctx.el),type:pg.dynamicBullets&&(!pg.type||pg.type==='bullets')?'dynamic':pg.type||'bullets',clickable:pg.clickable!==false,renderBullet:pg.renderBullet,renderFraction:pg.renderFraction,renderCustom:pg.renderCustom,progressbarOpposite:!!pg.progressbarOpposite,dynamicMainBullets:pg.dynamicMainBullets||1};}return o;}var EV={slideChange:'beforeChange',slideChangeTransitionStart:'beforeChange',slideChangeTransitionEnd:'afterChange',transitionEnd:'afterChange',transitionStart:'beforeChange',resize:'setPosition',lazyImageReady:'lazyLoaded',touchEnd:'swipe',sliderMove:'swipe'};var CLS={'mozert-slide':'swiper-slide','mozert-current':'swiper-slide-active','mozert-active':'swiper-slide-visible','mozert-cloned':'swiper-slide-duplicate','mozert-track':'swiper-wrapper','mozert-vertical':'swiper-vertical','mozert-bullet':'swiper-pagination-bullet','mozert-bullet-active':'swiper-pagination-bullet-active','mozert-pagination':'swiper-pagination','mozert-pagination-bullets':'swiper-pagination-bullets','mozert-pagination-fraction':'swiper-pagination-fraction','mozert-pagination-progressbar':'swiper-pagination-progressbar','mozert-pg-fill':'swiper-pagination-progressbar-fill','mozert-pg-current':'swiper-pagination-current','mozert-pg-total':'swiper-pagination-total','mozert-scrollbar':'swiper-scrollbar','mozert-scrollbar-drag':'swiper-scrollbar-drag','mozert-initialized':'swiper-initialized'};function mirror(n){var l=n.classList;if(!l)return;Array.prototype.slice.call(l).forEach(function(c){var m=CLS[c];if(m&&!l.contains(m))l.add(m);});}function mirrorTree(r){mirror(r);var a=r.querySelectorAll('[class*="mozert-"]');for(var i=0;i<a.length;i++)mirror(a[i]);}function Swiper(target,params){if(!(this instanceof Swiper))return new Swiper(target,params);var el=typeof target==='string'?document.querySelector(target):target;if(!el)throw new Error('Swiper: container not found');if(el.swiper)return el.swiper;var p=this.params=Object.assign({slidesPerView:1,spaceBetween:0,speed:300,init:true},params||{});this.el=el;el.swiper=this;this.destroyed=false;this._h={};this.allowSlideNext=true;this.allowSlidePrev=true;this.previousIndex=0;if(p.init!==false)this.init();}var P=Swiper.prototype;P.init=function(){var self=this,p=this.params,el=this.el,i;this._fire('beforeInit');this._nextEl=node(p.navigation&&p.navigation.nextEl,el);this._prevEl=node(p.navigation&&p.navigation.prevEl,el);var o=mapOptions(p,this);o.arrows=!!p.navigation&&!(this._nextEl||this._prevEl)?true:false;o.dots=false;if(p.dir==='rtl'||el.getAttribute('dir')==='rtl'||p.rtl)o.rtl=true;if(p.breakpoints){o.mobileFirst=true;o.responsive=Object.keys(p.breakpoints).map(Number).sort(function(a,b){return a-b;}).map(function(bp){return{breakpoint:bp,settings:mapOptions(p.breakpoints[bp],self)};});}if(p.thumbs&&p.thumbs.swiper)o._thumbs=p.thumbs.swiper;if(p.controller&&p.controller.control)o._control=p.controller.control;var wrap=el.querySelector(':scope > .swiper-wrapper');this._parked=[];if(wrap){Array.prototype.slice.call(el.children).forEach(function(c){if(c!==wrap){self._parked.push([c,c.nextSibling]);el.removeChild(c);}});var kids=Array.prototype.slice.call(wrap.children);el.removeChild(wrap);kids.forEach(function(k){el.appendChild(k);});}this._cleanOpts=o;var m=this.mozert=new Mozert(el,Object.assign({},o));this._parked.forEach(function(pair){el.appendChild(pair[0]);});this._wireNav();this._wireEvents();if(typeof MutationObserver==='function'){this._mo=new MutationObserver(function(recs){recs.forEach(function(r){if(r.type==='attributes')mirror(r.target);else Array.prototype.forEach.call(r.addedNodes,function(n){if(n.nodeType===1)mirrorTree(n);});});});var obsRoots=[el];if(o.pagination&&o.pagination.el)obsRoots.push(o.pagination.el);if(o.scrollbar&&o.scrollbar.el)obsRoots.push(o.scrollbar.el);obsRoots.forEach(function(r){mirrorTree(r);self._mo.observe(r,{subtree:true,childList:true,attributes:true,attributeFilter:['class']});});}['beforeChange','afterChange','reInit'].forEach(function(e){m.on(e,function(){self._neighbours();});});this._neighbours();var other=(p.thumbs&&p.thumbs.swiper)||(p.controller&&p.controller.control);if(other)[].concat(other).forEach(function(t){self._link(t);});if(p.thumbs&&p.thumbs.swiper)this._thumbsSetup(p.thumbs.swiper,p.thumbs.slideThumbActiveClass||'swiper-slide-thumb-active');this.mozert.on('beforeChange',function(s,old,real){self.previousIndex=old;});this._fire('init');this._fire('afterInit');return this;};P._wireNav=function(){var self=this,m=this.mozert,n=this._nextEl,pv=this._prevEl;this._navOff=[];var on=function(e,f){if(e){e.addEventListener('click',f);self._navOff.push(function(){e.removeEventListener('click',f);});}};on(n,function(e){e.preventDefault();if(self.allowSlideNext){m._user();m.next();}});on(pv,function(e){e.preventDefault();if(self.allowSlidePrev){m._user();m.prev();}});var upd=function(){if(n){n.classList.toggle('swiper-button-disabled',!m.s.infinite&&self.isEnd);n.classList.add('swiper-button-next');}if(pv){pv.classList.toggle('swiper-button-disabled',!m.s.infinite&&self.isBeginning);pv.classList.add('swiper-button-prev');}};m.on('beforeChange',upd);m.on('afterChange',upd);m.on('reInit',upd);upd();};P._neighbours=function(){var m=this.mozert;if(!m||!m._units)return;var c=m.current,n=m._units.length;m._units.forEach(function(u,i){u.classList.toggle('swiper-slide-next',n>1&&i===(c+1)%n);u.classList.toggle('swiper-slide-prev',n>1&&i===(c-1+n)%n);});};P._wireEvents=function(){var self=this,on=this.params.on;if(on)Object.keys(on).forEach(function(k){self.on(k,on[k]);});var m=this.mozert;m.on('afterChange',function(){if(self.isEnd)self._fire('reachEnd');if(self.isBeginning)self._fire('reachBeginning');self._fire('slideChangeTransitionEnd');self._fire('transitionEnd');});m.on('beforeChange',function(){self._fire('slideChange');self._fire('slideChangeTransitionStart');self._fire('transitionStart');});['autoplayStart','autoplayStop','autoplayTimeLeft','zoomChange','breakpoint','setPosition','lazyLoaded','swipe'].forEach(function(k){m.on(k,function(){var a=Array.prototype.slice.call(arguments,1);var sw=k==='setPosition'?'resize':k==='lazyLoaded'?'lazyImageReady':k==='swipe'?'sliderMove':k;self._fire.apply(self,[sw].concat(a));});});m.on('destroy',function(){self._fire('destroy');});};P._link=function(other){var self=this;other=other&&other.mozert?other:null;if(!other)return;var lock=false;var sync=function(a,b){a.mozert.on('beforeChange',function(s,o,real){if(lock)return;lock=true;b.slideTo(real);lock=false;});};sync(self,other);sync(other,self);};P._thumbsSetup=function(t,cls){var self=this;var mark=function(){(t.slides||[]).forEach(function(s,i){s.classList.toggle(cls,i===self.realIndex);});};this.mozert.on('beforeChange',mark);mark();(t.slides||[]).forEach(function(s,i){s.addEventListener('click',function(){self.slideTo(i);});});};P.on=function(n,f,prepend){var a=this._h[n]=this._h[n]||[];if(prepend)a.unshift(f);else a.push(f);return this;};P.once=function(n,f){var s=this;var w=function(){s.off(n,w);f.apply(s,arguments);};w._o=f;return this.on(n,w);};P.off=function(n,f){if(!n)this._h={};else if(!f)delete this._h[n];else this._h[n]=(this._h[n]||[]).filter(function(x){return x!==f&&x._o!==f;});return this;};P.emit=function(n){return this._fire.apply(this,arguments);};P._fire=function(n){var a=Array.prototype.slice.call(arguments,1),s=this;(this._h[n]||[]).slice().forEach(function(f){f.apply(s,[s].concat(a));});(this._h['*']||[]).slice().forEach(function(f){f.apply(s,[n,s].concat(a));});return this;};P.slideTo=function(i,speed,run){var m=this.mozert;if(speed===0)m.goTo(i,true);else m.goTo(i);return this;};P.slideToLoop=P.slideTo;P.slideNext=function(speed){this.mozert.next();return this;};P.slidePrev=function(speed){this.mozert.prev();return this;};P.slideReset=function(){this.mozert._snapBack();return this;};P.update=P.updateSlides=P.updateSize=P.updateSlidesClasses=P.updateProgress=function(){this.mozert.refresh();return this;};P.enable=function(){this.mozert.setOption('draggable',true);return this;};P.disable=function(){this.mozert.setOption('draggable',false);return this;};P.changeDirection=function(d){this.mozert.setOption('vertical',d==='vertical');return this;};P.destroy=function(deleteInstance,clean){if(this.destroyed)return;(this._navOff||[]).forEach(function(f){f();});if(this._mo)this._mo.disconnect();this.mozert.destroy();this.destroyed=true;this._fire('destroy');if(deleteInstance!==false)delete this.el.swiper;};var toNode=function(h){if(typeof h==='string'){var d=document.createElement('div');d.innerHTML=h.trim();return d.firstElementChild||d;}return h;};P.appendSlide=function(s){var m=this.mozert;[].concat(s).forEach(function(x){m.add(toNode(x));});return this;};P.prependSlide=function(s){var m=this.mozert;[].concat(s).reverse().forEach(function(x){m.add(toNode(x),true);});return this;};P.addSlide=function(i,s){var m=this.mozert;if(i<=0)return this.prependSlide(s);[].concat(s).forEach(function(x,k){m.add(toNode(x),i-1+k);});return this;};P.removeSlide=function(i){var m=this.mozert;(Array.isArray(i)?i.slice().sort(function(a,b){return b-a;}):[i]).forEach(function(k){m.remove(k);});return this;};P.removeAllSlides=function(){this.mozert.removeAll();return this;};var def=function(k,g){Object.defineProperty(P,k,{get:g,configurable:true});};def('activeIndex',function(){return this.mozert.currentSlide();});def('realIndex',function(){return this.mozert.currentSlide();});def('slides',function(){return this.mozert._units.slice();});def('wrapperEl',function(){return this.mozert.track;});def('isBeginning',function(){var m=this.mozert;return!m.s.infinite&&m.current<=0;});def('isEnd',function(){var m=this.mozert;return!m.s.infinite&&m.current>=m.maxIndex;});def('width',function(){return this.mozert.list.clientWidth;});def('height',function(){return this.mozert.list.clientHeight;});def('translate',function(){return this.mozert._cur;});def('progress',function(){var m=this.mozert;return m.maxIndex?Math.max(0,Math.min(1,m._pvFromT(m._cur)/m.maxIndex)):0;});def('autoplay',function(){var m=this.mozert;return{running:m.isPlaying(),start:function(){m.play();return true;},stop:function(){m.pause();return true;},pause:function(){m.pause();},resume:function(){m.play();}};});def('zoom',function(){var z=this.mozert.zoom;return z?{in:z.in,out:z.out,toggle:z.toggle,scale:z.scale}:undefined;});def('virtual',function(){return this.mozert.virtual;});Swiper.use=function(){return Swiper;};Swiper.defaults={};Swiper.version=Mozert.version;Swiper.default=Swiper;Mozert.Swiper=Swiper;if(typeof window!=='undefined'&&!window.Swiper)window.Swiper=Swiper;return Swiper;}));

package/package.json

@@ -1,6 +1,124 @@
 {
   "name": "@mozert-studio/mozert-slider",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.1.1",
+  "description": "Mozert Slider: a lightweight, dependency-free JavaScript slider and carousel plugin for React, Vue, jQuery and plain HTML. Touch, responsive, accessible, with thumbnail gallery, lightbox, hover magnifier, scroll-driven mode, 3D coverflow, parallax and zoom.",
+  "keywords": [
+    "mozert",
+    "mozert-slider",
+    "mozert-studio",
+    "slider",
+    "carousel",
+    "image-slider",
+    "image-carousel",
+    "javascript-slider",
+    "javascript-carousel",
+    "slider-plugin",
+    "carousel-plugin",
+    "jquery-plugin",
+    "vanilla-js",
+    "dependency-free",
+    "lightweight",
+    "typescript",
+    "touch-slider",
+    "swipe",
+    "responsive-slider",
+    "responsive-carousel",
+    "mobile-slider",
+    "slideshow",
+    "image-gallery",
+    "product-gallery",
+    "product-slider",
+    "thumbnails",
+    "lightbox",
+    "image-zoom",
+    "magnifier",
+    "hover-zoom",
+    "scroll-driven",
+    "scroll-slider",
+    "parallax",
+    "coverflow",
+    "3d-carousel",
+    "3d-slider",
+    "cube-effect",
+    "fade-effect",
+    "expanding-cards",
+    "card-slider",
+    "hero-slider",
+    "banner-slider",
+    "testimonial-slider",
+    "logo-carousel",
+    "marquee",
+    "infinite-slider",
+    "autoplay",
+    "center-mode",
+    "vertical-slider",
+    "rtl",
+    "accessible",
+    "a11y",
+    "lazy-loading",
+    "react-slider",
+    "react-carousel",
+    "vue-slider",
+    "vue-carousel",
+    "nextjs",
+    "nuxt",
+    "shopify",
+    "magento",
+    "hyva",
+    "woocommerce",
+    "wordpress",
+    "ecommerce"
+  ],
+  "author": "Mozert Studio",
+  "license": "MIT",
+  "main": "dist/mozert.js",
+  "module": "dist/mozert.esm.mjs",
+  "unpkg": "dist/mozert.min.js",
+  "jsdelivr": "dist/mozert.min.js",
+  "style": "dist/mozert.min.css",
+  "types": "types/mozert.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/mozert.d.ts",
+      "import": "./dist/mozert.esm.mjs",
+      "require": "./dist/mozert.js"
+    },
+    "./core": "./dist/mozert.core.js",
+    "./jquery": "./dist/mozert.jquery.js",
+    "./css": "./dist/mozert.min.css",
+    "./theme.css": "./dist/mozert-theme.min.css",
+    "./dist/*": "./dist/*"
+  },
+  "files": [
+    "dist",
+    "types",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "directories": {
+    "doc": "site",
+    "test": "tests"
+  },
+  "scripts": {
+    "dev": "node scripts/dev.mjs",
+    "start": "node scripts/dev.mjs",
+    "build": "node scripts/build.mjs",
+    "test": "node tests/run.cjs dist/mozert.min.js && node tests/extra.cjs dist/mozert.min.js && node tests/labels.cjs dist/mozert.min.js && node tests/modules.cjs dist/mozert.min.js && node tests/features.cjs dist/mozert.min.js && node tests/jquery.cjs && node tests/packages.cjs && node tests/site.cjs",
+    "prepublishOnly": "npm run build",
+    "site": "node scripts/site.mjs"
+  },
+  "homepage": "https://mozert-slider.netlify.app/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mozert-studio/mozert-slider.git"
+  },
+  "bugs": {
+    "url": "https://github.com/mozert-studio/mozert-slider/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/types/mozert.d.ts

@@ -0,0 +1,183 @@
+export type Easing = 'linear' | 'swing' | 'easeInQuad' | 'easeOutQuad' | 'easeInOutQuad' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic' | 'easeInOutQuart' | ((t: number) => number);
+type NodeLike = string | Element | ArrayLike<Element>;
+
+export interface MozertOptions {
+  /** Slides visible at once; fractional values (2.5) are supported. */
+  spaceBetween?: number;
+  slideWidth?: number;
+  edgePadding?: number | string;
+  touchRatio?: number;
+  dragThreshold?: number;
+  disableOnInteraction?: boolean;
+  autoplayReverse?: boolean;
+  stopOnLastSlide?: boolean;
+  effect?: 'slide' | 'fade' | 'coverflow' | 'cube' | 'flip' | 'cards' | 'creative' | 'expand';
+  expandEffect?: { extra?: number };
+  coverflowEffect?: { rotate?: number; depth?: number; scale?: number; stretch?: number; modifier?: number; lift?: number; fade?: number };
+  cubeEffect?: { perspective?: number };
+  flipEffect?: { perspective?: number; limitRotation?: boolean };
+  cardsEffect?: { perSlideOffset?: number; perSlideRotate?: number; rotate?: boolean; visible?: number };
+  creativeEffect?: { limitProgress?: number; prev?: MozertCreativeStep; next?: MozertCreativeStep };
+  freeMode?: boolean | { momentum?: boolean; momentumRatio?: number; sticky?: boolean; minimumVelocity?: number };
+  mousewheel?: boolean | { sensitivity?: number; forceToAxis?: boolean; releaseOnEdges?: boolean; thresholdTime?: number };
+  globalKeyboard?: boolean | { onlyInViewport?: boolean };
+  parallax?: boolean;
+  zoom?: boolean | { max?: number; min?: number; toggle?: boolean; step?: number };
+  virtual?: { slides: any[]; renderSlide?: (data: any, index: number) => string | Element; addSlidesBefore?: number; addSlidesAfter?: number; cache?: boolean };
+  hashNavigation?: boolean | { watchState?: boolean; replaceState?: boolean; prefix?: string };
+  scrollbar?: boolean | { el?: string | Element; draggable?: boolean; hide?: boolean };
+  pagination?: boolean | MozertPagination;
+  marquee?: boolean | { speed?: number; pauseOnHover?: boolean; direction?: 'left' | 'right' };
+  videoAutoplay?: boolean | { wait?: boolean; pauseOthers?: boolean; rewind?: boolean };
+  fullscreen?: boolean;
+  thumbs?: boolean | string | Element | { el?: string | Element; count?: number; position?: 'bottom' | 'top' | 'left' | 'right'; breakpoint?: number; options?: MozertOptions };
+  lightbox?: boolean | { zoom?: boolean; loop?: boolean; maxZoom?: number };
+  magnifier?: boolean | { zoom?: number; button?: boolean; active?: boolean };
+  scrollDriven?: boolean | { step?: number; top?: number | 'center'; offset?: number; speed?: number; fill?: boolean; bottom?: number };
+  bleed?: boolean | 'left' | 'right';
+  accessibility: boolean;
+  adaptiveHeight: boolean;
+  appendArrows: NodeLike | null;
+  appendDots: NodeLike | null;
+  arrows: boolean;
+  asNavFor: string | Element | Mozert | null;
+  autoplay: boolean;
+  autoplaySpeed: number;
+  centerMode: boolean;
+  centerPadding: string;
+  cssEase: string;
+  customPaging: ((slider: Mozert, index: number) => string | Element) | null;
+  dots: boolean;
+  dotsClass: string;
+  draggable: boolean;
+  easing: Easing;
+  edgeFriction: number;
+  fade: boolean;
+  focusOnSelect: boolean;
+  infinite: boolean;
+  initialSlide: number;
+  lazyLoad: 'ondemand' | 'progressive';
+  mobileFirst: boolean;
+  nextArrow: string | Element | null;
+  pauseOnDotsHover: boolean;
+  pauseOnFocus: boolean;
+  pauseOnHover: boolean;
+  prevArrow: string | Element | null;
+  respectReducedMotion: boolean;
+  respondTo: 'window' | 'slider' | 'min';
+  responsive: MozertBreakpoint[] | null;
+  rows: number;
+  rtl: boolean;
+  slide: string;
+  slidesPerRow: number;
+  slidesToScroll: number;
+  slidesToShow: number;
+  speed: number;
+  swipe: boolean;
+  swipeToSlide: boolean;
+  touchMove: boolean;
+  touchThreshold: number;
+  useCSS: boolean;
+  useTransform: boolean;
+  variableWidth: boolean;
+  vertical: boolean;
+  verticalSwiping: boolean;
+  waitForAnimate: boolean;
+  zIndex: number;
+  on: Partial<{ [K in keyof MozertEvents]: (slider: Mozert, ...args: MozertEvents[K]) => void }> | null;
+}
+
+export interface MozertBreakpoint {
+  breakpoint: number;
+  settings: Partial<MozertOptions> | 'destroy';
+}
+
+export interface MozertEvents {
+  init: [];
+  reInit: [];
+  beforeChange: [current: number, next: number];
+  afterChange: [current: number];
+  breakpoint: [breakpoint: number | null];
+  edge: [direction: 'left' | 'right' | 'up' | 'down'];
+  swipe: [direction: 'left' | 'right' | 'up' | 'down'];
+  setPosition: [];
+  lazyLoaded: [image: HTMLImageElement, src: string];
+  lazyLoadError: [image: HTMLImageElement, src: string];
+  destroy: [];
+}
+
+export interface MozertState {
+  active: boolean;
+  current: number;
+  count: number;
+  total: number;
+  inner: number;
+  clones: number;
+  offset: number;
+  animating: boolean;
+  canNavigate: boolean;
+  playing: boolean;
+  breakpoint: number | null;
+}
+
+export default class Mozert {
+  /** Present when the lightbox option is on. */
+  lightbox?: { open(index: number): void; close(): void; readonly isOpen: boolean };
+  /** Present when magnifier is on. */
+  magnifier?: { enable(): void; disable(): void; toggle(): void; isOn(): boolean };
+  /** Present when scrollDriven is on. */
+  scrollDriven?: { update(): void };
+  static readonly version: string;
+  static readonly defaults: MozertOptions;
+  static get(el: string | Element): Mozert | null;
+  static use(module: { name: string; defaults?: object; create(slider: Mozert): { destroy(): void } | null }): typeof Mozert;
+  static initAll(root?: ParentNode, options?: Partial<MozertOptions>): Mozert[];
+
+  constructor(el: string | Element, options?: Partial<MozertOptions>);
+
+  readonly el: Element;
+  readonly track: HTMLElement;
+  readonly list: HTMLElement;
+
+  next(): this;
+  prev(): this;
+  goTo(index: number, instant?: boolean): this;
+  currentSlide(): number;
+  slideCount(): number;
+  play(): this;
+  pause(): this;
+  isPlaying(): boolean;
+  add(markup: string | Element, index?: number | boolean, addBefore?: boolean): this | false;
+  remove(index?: number | boolean, removeBefore?: boolean): this | false;
+  removeAll(): this;
+  filter(selectorOrFn: string | ((this: Element, index: number, el: Element) => boolean)): this;
+  unfilter(): this;
+  getSlides(): Element[];
+  getOption<K extends keyof MozertOptions>(name: K): MozertOptions[K];
+  setOption<K extends keyof MozertOptions>(name: K, value: MozertOptions[K], refresh?: boolean): this;
+  setOption(options: Partial<MozertOptions>, refresh?: boolean): this;
+  getState(): MozertState;
+  refresh(): this;
+  setPosition(): this;
+  destroy(): this;
+
+  on<K extends keyof MozertEvents>(name: K, fn: (slider: Mozert, ...args: MozertEvents[K]) => void): this;
+  one<K extends keyof MozertEvents>(name: K, fn: (slider: Mozert, ...args: MozertEvents[K]) => void): this;
+  once<K extends keyof MozertEvents>(name: K, fn: (slider: Mozert, ...args: MozertEvents[K]) => void): this;
+  off(name?: keyof MozertEvents, fn?: (...args: any[]) => void): this;
+}
+
+export { Mozert };
+
+export interface MozertCreativeStep { translate?: (string | number)[]; rotate?: number[]; opacity?: number; scale?: number; zIndex?: number }
+export interface MozertPagination {
+  el?: string | Element;
+  type?: 'bullets' | 'dynamic' | 'fraction' | 'progressbar' | 'custom';
+  clickable?: boolean;
+  dynamicMainBullets?: number;
+  progressbarOpposite?: boolean;
+  renderBullet?: (index: number, className: string) => string;
+  renderFraction?: (currentClass: string, totalClass: string, current: number, total: number) => string;
+  renderCustom?: (slider: Mozert, current: number, total: number) => string;
+}
+