@nanoporetech-digital/components 5.10.0 → 5.11.1

package/dist/components/nano-slides.js

@@ -2,160 +2,99 @@
  * Web Components for Nanopore digital Web Apps
  */
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, Build, h, Host } from '@stencil/core/internal/client';
-import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
 
-var evEmitter = createCommonjsModule(function (module) {
-/**
- * EvEmitter v1.1.0
- * Lil' event emitter
- * MIT License
- */
-
-/* jshint unused: true, undef: true, strict: true */
-
-( function( global, factory ) {
-  // universal module definition
-  /* jshint strict: false */ /* globals define, module, window */
-  if ( module.exports ) {
-    // CommonJS - Browserify, Webpack
-    module.exports = factory();
-  } else {
-    // Browser globals
-    global.EvEmitter = factory();
-  }
-
-}( typeof window != 'undefined' ? window : commonjsGlobal, function() {
-
-function EvEmitter() {}
-
-var proto = EvEmitter.prototype;
-
-proto.on = function( eventName, listener ) {
-  if ( !eventName || !listener ) {
+function EvEmitter() { }
+const proto$7 = EvEmitter.prototype;
+proto$7.on = function (eventName, listener) {
+  if (!eventName || !listener) {
     return;
   }
   // set events hash
-  var events = this._events = this._events || {};
+  const events = (this._events = this._events || {});
   // set listeners array
-  var listeners = events[ eventName ] = events[ eventName ] || [];
+  const listeners = (events[eventName] = events[eventName] || []);
   // only add once
-  if ( listeners.indexOf( listener ) == -1 ) {
-    listeners.push( listener );
+  if (listeners.indexOf(listener) == -1) {
+    listeners.push(listener);
   }
-
   return this;
 };
-
-proto.once = function( eventName, listener ) {
-  if ( !eventName || !listener ) {
+proto$7.once = function (eventName, listener) {
+  if (!eventName || !listener) {
     return;
   }
   // add event
-  this.on( eventName, listener );
+  this.on(eventName, listener);
   // set once flag
   // set onceEvents hash
-  var onceEvents = this._onceEvents = this._onceEvents || {};
+  const onceEvents = (this._onceEvents = this._onceEvents || {});
   // set onceListeners object
-  var onceListeners = onceEvents[ eventName ] = onceEvents[ eventName ] || {};
+  const onceListeners = (onceEvents[eventName] = onceEvents[eventName] || {});
   // set flag
-  onceListeners[ listener ] = true;
-
+  onceListeners[listener] = true;
   return this;
 };
-
-proto.off = function( eventName, listener ) {
-  var listeners = this._events && this._events[ eventName ];
-  if ( !listeners || !listeners.length ) {
+proto$7.off = function (eventName, listener) {
+  const listeners = this._events && this._events[eventName];
+  if (!listeners || !listeners.length) {
     return;
   }
-  var index = listeners.indexOf( listener );
-  if ( index != -1 ) {
-    listeners.splice( index, 1 );
+  const index = listeners.indexOf(listener);
+  if (index != -1) {
+    listeners.splice(index, 1);
   }
-
   return this;
 };
-
-proto.emitEvent = function( eventName, args ) {
-  var listeners = this._events && this._events[ eventName ];
-  if ( !listeners || !listeners.length ) {
+proto$7.emitEvent = function (eventName, args) {
+  let listeners = this._events && this._events[eventName];
+  if (!listeners || !listeners.length) {
     return;
   }
   // copy over to avoid interference if .off() in listener
   listeners = listeners.slice(0);
   args = args || [];
   // once stuff
-  var onceListeners = this._onceEvents && this._onceEvents[ eventName ];
-
-  for ( var i=0; i < listeners.length; i++ ) {
-    var listener = listeners[i];
-    var isOnce = onceListeners && onceListeners[ listener ];
-    if ( isOnce ) {
+  const onceListeners = this._onceEvents && this._onceEvents[eventName];
+  for (let i = 0; i < listeners.length; i++) {
+    const listener = listeners[i];
+    const isOnce = onceListeners && onceListeners[listener];
+    if (isOnce) {
       // remove listener
       // remove before trigger to prevent recursion
-      this.off( eventName, listener );
+      this.off(eventName, listener);
       // unset once flag
-      delete onceListeners[ listener ];
+      delete onceListeners[listener];
     }
     // trigger listener
-    listener.apply( this, args );
+    listener.apply(this, args);
   }
-
   return this;
 };
-
-proto.allOff = function() {
+proto$7.allOff = function () {
   delete this._events;
   delete this._onceEvents;
 };
 
-return EvEmitter;
-
-}));
-});
-
-var getSize = createCommonjsModule(function (module) {
 /*!
  * getSize v2.0.3
  * measure size of elements
  * MIT license
  */
-
-/* jshint browser: true, strict: true, undef: true, unused: true */
-/* globals console: false */
-
-( function( window, factory ) {
-  /* jshint strict: false */ /* globals define, module */
-  if ( module.exports ) {
-    // CommonJS
-    module.exports = factory();
-  } else {
-    // browser global
-    window.getSize = factory();
-  }
-
-})( window, function factory() {
-
-// -------------------------- helpers -------------------------- //
-
 // get a number from a string, not a percentage
-function getStyleSize( value ) {
-  var num = parseFloat( value );
+function getStyleSize(value) {
+  const num = parseFloat(value);
   // not a percent like '100%', and a number
-  var isValid = value.indexOf('%') == -1 && !isNaN( num );
+  const isValid = value.indexOf('%') == -1 && !isNaN(num);
   return isValid && num;
 }
-
-function noop() {}
-
-var logError = typeof console == 'undefined' ? noop :
-  function( message ) {
-    console.error( message );
+function noop$1() { }
+const logError = typeof console == 'undefined'
+  ? noop$1
+  : function (message) {
+    console.error(message);
   };
-
 // -------------------------- measurements -------------------------- //
-
-var measurements = [
+const measurements = [
   'paddingLeft',
   'paddingRight',
   'paddingTop',
@@ -167,49 +106,44 @@ var measurements = [
   'borderLeftWidth',
   'borderRightWidth',
   'borderTopWidth',
-  'borderBottomWidth'
+  'borderBottomWidth',
 ];
-
-var measurementsLength = measurements.length;
-
+const measurementsLength = measurements.length;
 function getZeroSize() {
-  var size = {
+  const size = {
     width: 0,
     height: 0,
     innerWidth: 0,
     innerHeight: 0,
     outerWidth: 0,
-    outerHeight: 0
+    outerHeight: 0,
   };
-  for ( var i=0; i < measurementsLength; i++ ) {
-    var measurement = measurements[i];
-    size[ measurement ] = 0;
+  for (let i = 0; i < measurementsLength; i++) {
+    const measurement = measurements[i];
+    size[measurement] = 0;
   }
   return size;
 }
-
 // -------------------------- getStyle -------------------------- //
-
 /**
  * getStyle, get style of element, check for Firefox bug
  * https://bugzilla.mozilla.org/show_bug.cgi?id=548397
+ * @param elem element to get styles for
+ * @returns {CSSStyleDeclaration} styles of element
  */
-function getStyle( elem ) {
-  var style = getComputedStyle( elem );
-  if ( !style ) {
-    logError( 'Style returned ' + style +
+function getStyle(elem) {
+  const style = getComputedStyle(elem);
+  if (!style) {
+    logError('Style returned ' +
+      style +
       '. Are you running this code in a hidden iframe on Firefox? ' +
-      'See https://bit.ly/getsizebug1' );
+      'See https://bit.ly/getsizebug1');
   }
   return style;
 }
-
 // -------------------------- setup -------------------------- //
-
-var isSetup = false;
-
-var isBoxSizeOuter;
-
+let isSetup = false;
+let isBoxSizeOuter;
 /**
  * setup
  * check isBoxSizerOuter
@@ -217,404 +151,257 @@ var isBoxSizeOuter;
  */
 function setup() {
   // setup once
-  if ( isSetup ) {
+  if (isSetup) {
     return;
   }
   isSetup = true;
-
   // -------------------------- box sizing -------------------------- //
-
   /**
    * Chrome & Safari measure the outer-width on style.width on border-box elems
    * IE11 & Firefox<29 measures the inner-width
    */
-  var div = document.createElement('div');
+  const div = document.createElement('div');
   div.style.width = '200px';
   div.style.padding = '1px 2px 3px 4px';
   div.style.borderStyle = 'solid';
   div.style.borderWidth = '1px 2px 3px 4px';
   div.style.boxSizing = 'border-box';
-
-  var body = document.body || document.documentElement;
-  body.appendChild( div );
-  var style = getStyle( div );
+  const body = document.body || document.documentElement;
+  body.appendChild(div);
+  const style = getStyle(div);
   // round value for browser zoom. desandro/masonry#928
-  isBoxSizeOuter = Math.round( getStyleSize( style.width ) ) == 200;
+  isBoxSizeOuter = Math.round(getStyleSize(style.width)) == 200;
+  // @ts-ignore
   getSize.isBoxSizeOuter = isBoxSizeOuter;
-
-  body.removeChild( div );
+  body.removeChild(div);
 }
-
 // -------------------------- getSize -------------------------- //
-
-function getSize( elem ) {
+function getSize(elem) {
   setup();
-
   // use querySeletor if elem is string
-  if ( typeof elem == 'string' ) {
-    elem = document.querySelector( elem );
+  if (typeof elem == 'string') {
+    elem = document.querySelector(elem);
   }
-
   // do not proceed on non-objects
-  if ( !elem || typeof elem != 'object' || !elem.nodeType ) {
+  if (!elem || typeof elem != 'object' || !elem.nodeType) {
     return;
   }
-
-  var style = getStyle( elem );
-
+  const style = getStyle(elem);
   // if hidden, everything is 0
-  if ( style.display == 'none' ) {
+  if (style.display == 'none') {
     return getZeroSize();
   }
-
-  var size = {};
+  const size = {};
   size.width = elem.offsetWidth;
   size.height = elem.offsetHeight;
-
-  var isBorderBox = size.isBorderBox = style.boxSizing == 'border-box';
-
+  const isBorderBox = (size.isBorderBox = style.boxSizing == 'border-box');
   // get all measurements
-  for ( var i=0; i < measurementsLength; i++ ) {
-    var measurement = measurements[i];
-    var value = style[ measurement ];
-    var num = parseFloat( value );
+  for (let i = 0; i < measurementsLength; i++) {
+    const measurement = measurements[i];
+    const value = style[measurement];
+    const num = parseFloat(value);
     // any 'auto', 'medium' value will be 0
-    size[ measurement ] = !isNaN( num ) ? num : 0;
-  }
-
-  var paddingWidth = size.paddingLeft + size.paddingRight;
-  var paddingHeight = size.paddingTop + size.paddingBottom;
-  var marginWidth = size.marginLeft + size.marginRight;
-  var marginHeight = size.marginTop + size.marginBottom;
-  var borderWidth = size.borderLeftWidth + size.borderRightWidth;
-  var borderHeight = size.borderTopWidth + size.borderBottomWidth;
-
-  var isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter;
-
+    size[measurement] = !isNaN(num) ? num : 0;
+  }
+  const paddingWidth = size.paddingLeft + size.paddingRight;
+  const paddingHeight = size.paddingTop + size.paddingBottom;
+  const marginWidth = size.marginLeft + size.marginRight;
+  const marginHeight = size.marginTop + size.marginBottom;
+  const borderWidth = size.borderLeftWidth + size.borderRightWidth;
+  const borderHeight = size.borderTopWidth + size.borderBottomWidth;
+  const isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter;
   // overwrite width and height if we can get it from style
-  var styleWidth = getStyleSize( style.width );
-  if ( styleWidth !== false ) {
-    size.width = styleWidth +
-      // add padding and border unless it's already including it
-      ( isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth );
-  }
-
-  var styleHeight = getStyleSize( style.height );
-  if ( styleHeight !== false ) {
-    size.height = styleHeight +
-      // add padding and border unless it's already including it
-      ( isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight );
-  }
-
-  size.innerWidth = size.width - ( paddingWidth + borderWidth );
-  size.innerHeight = size.height - ( paddingHeight + borderHeight );
-
+  const styleWidth = getStyleSize(style.width);
+  if (styleWidth !== false) {
+    size.width =
+      styleWidth +
+        // add padding and border unless it's already including it
+        (isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth);
+  }
+  const styleHeight = getStyleSize(style.height);
+  if (styleHeight !== false) {
+    size.height =
+      styleHeight +
+        // add padding and border unless it's already including it
+        (isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight);
+  }
+  size.innerWidth = size.width - (paddingWidth + borderWidth);
+  size.innerHeight = size.height - (paddingHeight + borderHeight);
   size.outerWidth = size.width + marginWidth;
   size.outerHeight = size.height + marginHeight;
-
   return size;
 }
 
-return getSize;
-
-});
-});
-
-var matchesSelector = createCommonjsModule(function (module) {
-/**
- * matchesSelector v2.0.2
- * matchesSelector( element, '.selector' )
- * MIT license
- */
-
-/*jshint browser: true, strict: true, undef: true, unused: true */
-
-( function( window, factory ) {
-  // universal module definition
-  if ( module.exports ) {
-    // CommonJS
-    module.exports = factory();
-  } else {
-    // browser global
-    window.matchesSelector = factory();
-  }
-
-}( window, function factory() {
-
-  var matchesMethod = ( function() {
-    var ElemProto = window.Element.prototype;
-    // check for the standard method name first
-    if ( ElemProto.matches ) {
-      return 'matches';
-    }
-    // check un-prefixed
-    if ( ElemProto.matchesSelector ) {
-      return 'matchesSelector';
-    }
-    // check vendor prefixes
-    var prefixes = [ 'webkit', 'moz', 'ms', 'o' ];
-
-    for ( var i=0; i < prefixes.length; i++ ) {
-      var prefix = prefixes[i];
-      var method = prefix + 'MatchesSelector';
-      if ( ElemProto[ method ] ) {
-        return method;
-      }
-    }
-  })();
-
-  return function matchesSelector( elem, selector ) {
-    return elem[ matchesMethod ]( selector );
-  };
-
-}));
-});
-
-var utils = createCommonjsModule(function (module) {
 /**
  * Fizzy UI utils v2.0.7
  * MIT license
  */
-
 /*jshint browser: true, undef: true, unused: true, strict: true */
-
-( function( window, factory ) {
-  // universal module definition
-  /*jshint strict: false */ /*globals define, module, require */
-
-  if ( module.exports ) {
-    // CommonJS
-    module.exports = factory(
-      window,
-      matchesSelector
-    );
-  } else {
-    // browser global
-    window.fizzyUIUtils = factory(
-      window,
-      window.matchesSelector
-    );
-  }
-
-}( window, function factory( window, matchesSelector ) {
-
-var utils = {};
-
+const utils = {};
 // ----- extend ----- //
-
 // extends objects
-utils.extend = function( a, b ) {
-  for ( var prop in b ) {
-    a[ prop ] = b[ prop ];
+utils.extend = function (a, b) {
+  for (const prop in b) {
+    a[prop] = b[prop];
   }
   return a;
 };
-
+// ----- docReady ----- //
+utils.docReady = function (callback) {
+  const readyState = document.readyState;
+  if (readyState == 'complete' || readyState == 'interactive') {
+    // do async to allow for other scripts to run. metafizzy/flickity#441
+    setTimeout(callback);
+  }
+  else {
+    document.addEventListener('DOMContentLoaded', callback);
+  }
+};
+// ----- toDashed ----- //
+utils.toDashed = function (str) {
+  return str
+    .replace(/(.)([A-Z])/g, function (_match, $1, $2) {
+    return $1 + '-' + $2;
+  })
+    .toLowerCase();
+};
 // ----- modulo ----- //
-
-utils.modulo = function( num, div ) {
-  return ( ( num % div ) + div ) % div;
+utils.modulo = function (num, div) {
+  return ((num % div) + div) % div;
 };
-
 // ----- makeArray ----- //
-
-var arraySlice = Array.prototype.slice;
-
+const arraySlice = Array.prototype.slice;
 // turn element or nodeList into an array
-utils.makeArray = function( obj ) {
-  if ( Array.isArray( obj ) ) {
+utils.makeArray = function (obj) {
+  if (Array.isArray(obj)) {
     // use object if already an array
     return obj;
   }
   // return empty array if undefined or null. #6
-  if ( obj === null || obj === undefined ) {
+  if (obj === null || obj === undefined) {
     return [];
   }
-
-  var isArrayLike = typeof obj == 'object' && typeof obj.length == 'number';
-  if ( isArrayLike ) {
+  const isArrayLike = typeof obj == 'object' && typeof obj.length == 'number';
+  if (isArrayLike) {
     // convert nodeList to array
-    return arraySlice.call( obj );
+    return arraySlice.call(obj);
   }
-
   // array of single index
-  return [ obj ];
-};
-
-// ----- removeFrom ----- //
-
-utils.removeFrom = function( ary, obj ) {
-  var index = ary.indexOf( obj );
-  if ( index != -1 ) {
-    ary.splice( index, 1 );
-  }
+  return [obj];
 };
-
 // ----- getParent ----- //
-
-utils.getParent = function( elem, selector ) {
-  while ( elem.parentNode && elem != document.body ) {
-    elem = elem.parentNode;
-    if ( matchesSelector( elem, selector ) ) {
+utils.getParent = function (elem, selector) {
+  while (elem.parentNode && elem != document.body) {
+    elem = elem.parentElement;
+    if (elem.matches(selector)) {
       return elem;
     }
   }
 };
-
 // ----- getQueryElement ----- //
-
 // use element as selector string
-utils.getQueryElement = function( elem ) {
-  if ( typeof elem == 'string' ) {
-    return document.querySelector( elem );
+utils.getQueryElement = function (elem) {
+  if (typeof elem == 'string') {
+    return document.querySelector(elem);
   }
   return elem;
 };
-
 // ----- handleEvent ----- //
-
 // enable .ontype to trigger from .addEventListener( elem, 'type' )
-utils.handleEvent = function( event ) {
-  var method = 'on' + event.type;
-  if ( this[ method ] ) {
-    this[ method ]( event );
+utils.handleEvent = function (event) {
+  const method = 'on' + event.type;
+  if (this[method]) {
+    this[method](event);
   }
 };
-
 // ----- filterFindElements ----- //
-
-utils.filterFindElements = function( elems, selector ) {
+utils.filterFindElements = function (elems, selector) {
   // make array of elems
-  elems = utils.makeArray( elems );
-  var ffElems = [];
-
-  elems.forEach( function( elem ) {
+  elems = utils.makeArray(elems);
+  const ffElems = [];
+  elems.forEach(function (elem) {
     // check that elem is an actual element
-    if ( !( elem instanceof HTMLElement ) ) {
+    if (!(elem instanceof HTMLElement)) {
       return;
     }
     // add elem if no selector
-    if ( !selector ) {
-      ffElems.push( elem );
+    if (!selector) {
+      ffElems.push(elem);
       return;
     }
     // filter & find items if we have a selector
     // filter
-    if ( matchesSelector( elem, selector ) ) {
-      ffElems.push( elem );
+    if (elem.matches(selector)) {
+      ffElems.push(elem);
     }
     // find children
-    var childElems = elem.querySelectorAll( selector );
+    const childElems = elem.querySelectorAll(selector);
     // concat childElems to filterFound array
-    for ( var i=0; i < childElems.length; i++ ) {
-      ffElems.push( childElems[i] );
+    for (let i = 0; i < childElems.length; i++) {
+      ffElems.push(childElems[i]);
     }
   });
-
   return ffElems;
 };
-
 // ----- debounceMethod ----- //
-
-utils.debounceMethod = function( _class, methodName, threshold ) {
+utils.debounceMethod = function (_class, methodName, threshold) {
   threshold = threshold || 100;
   // original method
-  var method = _class.prototype[ methodName ];
-  var timeoutName = methodName + 'Timeout';
-
-  _class.prototype[ methodName ] = function() {
-    var timeout = this[ timeoutName ];
-    clearTimeout( timeout );
-
-    var args = arguments;
-    var _this = this;
-    this[ timeoutName ] = setTimeout( function() {
-      method.apply( _this, args );
-      delete _this[ timeoutName ];
-    }, threshold );
+  const method = _class.prototype[methodName];
+  const timeoutName = methodName + 'Timeout';
+  _class.prototype[methodName] = function (...args) {
+    const timeout = this[timeoutName];
+    clearTimeout(timeout);
+    const _this = this;
+    this[timeoutName] = setTimeout(function () {
+      method.apply(_this, args);
+      delete _this[timeoutName];
+    }, threshold);
   };
 };
-
-// ----- docReady ----- //
-
-utils.docReady = function( callback ) {
-  var readyState = document.readyState;
-  if ( readyState == 'complete' || readyState == 'interactive' ) {
-    // do async to allow for other scripts to run. metafizzy/flickity#441
-    setTimeout( callback );
-  } else {
-    document.addEventListener( 'DOMContentLoaded', callback );
-  }
-};
-
-// ----- htmlInit ----- //
-
-// http://jamesroberts.name/blog/2010/02/22/string-functions-for-javascript-trim-to-camel-case-to-dashed-and-to-underscore/
-utils.toDashed = function( str ) {
-  return str.replace( /(.)([A-Z])/g, function( match, $1, $2 ) {
-    return $1 + '-' + $2;
-  }).toLowerCase();
-};
-
-var console = window.console;
+const console$2 = window.console;
 /**
  * allow user to initialize classes via [data-namespace] or .js-namespace class
  * htmlInit( Widget, 'widgetName' )
  * options are parsed from data-namespace-options
  */
-utils.htmlInit = function( WidgetClass, namespace ) {
-  utils.docReady( function() {
-    var dashedNamespace = utils.toDashed( namespace );
-    var dataAttr = 'data-' + dashedNamespace;
-    var dataAttrElems = document.querySelectorAll( '[' + dataAttr + ']' );
-    var jsDashElems = document.querySelectorAll( '.js-' + dashedNamespace );
-    var elems = utils.makeArray( dataAttrElems )
-      .concat( utils.makeArray( jsDashElems ) );
-    var dataOptionsAttr = dataAttr + '-options';
-    var jQuery = window.jQuery;
-
-    elems.forEach( function( elem ) {
-      var attr = elem.getAttribute( dataAttr ) ||
-        elem.getAttribute( dataOptionsAttr );
-      var options;
+utils.htmlInit = function (WidgetClass, namespace) {
+  utils.docReady(function () {
+    const dashedNamespace = utils.toDashed(namespace);
+    const dataAttr = 'data-' + dashedNamespace;
+    const dataAttrElems = document.querySelectorAll('[' + dataAttr + ']');
+    const jsDashElems = document.querySelectorAll('.js-' + dashedNamespace);
+    const elems = utils
+      .makeArray(dataAttrElems)
+      .concat(utils.makeArray(jsDashElems));
+    const dataOptionsAttr = dataAttr + '-options';
+    elems.forEach(function (elem) {
+      const attr = elem.getAttribute(dataAttr) || elem.getAttribute(dataOptionsAttr);
+      let options;
       try {
-        options = attr && JSON.parse( attr );
-      } catch ( error ) {
+        options = attr && JSON.parse(attr);
+      }
+      catch (error) {
         // log error, do not initialize
-        if ( console ) {
-          console.error( 'Error parsing ' + dataAttr + ' on ' + elem.className +
-          ': ' + error );
+        if (console$2) {
+          console$2.error('Error parsing ' + dataAttr + ' on ' + elem.className + ': ' + error);
         }
         return;
       }
       // initialize
-      var instance = new WidgetClass( elem, options );
-      // make available via $().data('namespace')
-      if ( jQuery ) {
-        jQuery.data( elem, namespace, instance );
-      }
+      // @ts-ignore
+      new WidgetClass(elem, options);
     });
-
   });
 };
 
-// -----  ----- //
-
-return utils;
-
-}));
-});
-
 function Cell(elem, parent) {
   this.element = elem;
   this.parent = parent;
-
   this.create();
 }
-
-var proto$b = Cell.prototype;
-
-proto$b.create = function () {
+const proto$6 = Cell.prototype;
+proto$6.create = function () {
   this.element.style.position = 'absolute';
   this.element.setAttribute('aria-hidden', 'true');
   this.x = 0;
@@ -623,189 +410,161 @@ proto$b.create = function () {
     element.setAttribute('tabindex', '-1');
   });
 };
-
-proto$b.destroy = function () {
+proto$6.destroy = function () {
   // reset style
   this.unselect();
   this.element.style.position = '';
-  var side = this.parent.originSide;
+  const side = this.parent.originSide;
   this.element.style[side] = '';
 };
-
-proto$b.getSize = function () {
+proto$6.getSize = function () {
   this.size = getSize(this.element);
 };
-
-proto$b.setPosition = function (x) {
+proto$6.setPosition = function (x) {
   this.x = x;
   this.updateTarget();
   this.renderPosition(x);
 };
-
 // setDefaultTarget v1 method, backwards compatibility, remove in v3
-proto$b.updateTarget = proto$b.setDefaultTarget = function () {
-  var marginProperty =
-    this.parent.originSide == 'left' ? 'marginLeft' : 'marginRight';
+proto$6.updateTarget = proto$6.setDefaultTarget = function () {
+  const marginProperty = this.parent.originSide == 'left' ? 'marginLeft' : 'marginRight';
   this.target =
     this.x +
-    this.size[marginProperty] +
-    this.size.width * this.parent.cellAlign;
+      this.size[marginProperty] +
+      this.size.width * this.parent.cellAlign;
 };
-
-proto$b.renderPosition = function (x) {
+proto$6.renderPosition = function (x) {
   // render position of cell with in slider
-  var side = this.parent.originSide;
+  const side = this.parent.originSide;
   this.element.style[side] = this.parent.getPositionValue(x);
 };
-
-proto$b.select = function () {
+proto$6.select = function () {
   this.element.classList.add('is-selected');
   this.element.removeAttribute('aria-hidden');
   Array.from(this.element.querySelectorAll('*')).forEach((element) => {
     element.removeAttribute('tabindex');
   });
 };
-
-proto$b.unselect = function () {
+proto$6.unselect = function () {
   this.element.classList.remove('is-selected');
   this.element.setAttribute('aria-hidden', 'true');
   Array.from(this.element.querySelectorAll('*')).forEach((element) => {
     element.setAttribute('tabindex', '-1');
   });
 };
-
 /**
- * @param {Integer} factor - 0, 1, or -1
+ * @param {Integer} shift - 0, 1, or -1
  **/
-proto$b.wrapShift = function (shift) {
+proto$6.wrapShift = function (shift) {
   this.shift = shift;
   this.renderPosition(this.x + this.parent.slideableWidth * shift);
 };
-
-proto$b.remove = function () {
+proto$6.remove = function () {
   this.element.parentNode.removeChild(this.element);
 };
 
-function Slide$1(parent) {
+function Slide(parent) {
   this.parent = parent;
   this.isOriginLeft = parent.originSide == 'left';
   this.cells = [];
   this.outerWidth = 0;
   this.height = 0;
 }
-
-var proto$a = Slide$1.prototype;
-
-proto$a.addCell = function (cell) {
+const proto$5 = Slide.prototype;
+proto$5.addCell = function (cell) {
   this.cells.push(cell);
   this.outerWidth += cell.size.outerWidth;
   this.height = Math.max(cell.size.outerHeight, this.height);
   // first cell stuff
   if (this.cells.length == 1) {
     this.x = cell.x; // x comes from first cell
-    var beginMargin = this.isOriginLeft ? 'marginLeft' : 'marginRight';
+    const beginMargin = this.isOriginLeft ? 'marginLeft' : 'marginRight';
     this.firstMargin = cell.size[beginMargin];
   }
 };
-
-proto$a.updateTarget = function () {
-  var endMargin = this.isOriginLeft ? 'marginRight' : 'marginLeft';
-  var lastCell = this.getLastCell();
-  var lastMargin = lastCell ? lastCell.size[endMargin] : 0;
-  var slideWidth = this.outerWidth - (this.firstMargin + lastMargin);
+proto$5.updateTarget = function () {
+  const endMargin = this.isOriginLeft ? 'marginRight' : 'marginLeft';
+  const lastCell = this.getLastCell();
+  const lastMargin = lastCell ? lastCell.size[endMargin] : 0;
+  const slideWidth = this.outerWidth - (this.firstMargin + lastMargin);
   this.target = this.x + this.firstMargin + slideWidth * this.parent.cellAlign;
 };
-
-proto$a.getLastCell = function () {
+proto$5.getLastCell = function () {
   return this.cells[this.cells.length - 1];
 };
-
-proto$a.select = function () {
+proto$5.select = function () {
   this.cells.forEach(function (cell) {
     cell.select();
   });
 };
-
-proto$a.unselect = function () {
+proto$5.unselect = function () {
   this.cells.forEach(function (cell) {
     cell.unselect();
   });
 };
-
-proto$a.getCellElements = function () {
+proto$5.getCellElements = function () {
   return this.cells.map(function (cell) {
     return cell.element;
   });
 };
 
-const proto$9 = {};
-
-proto$9.startAnimation = function () {
+const proto$4 = {};
+proto$4.startAnimation = function () {
   if (this.isAnimating) {
     return;
   }
-
   this.isAnimating = true;
   this.restingFrames = 0;
   this.animate();
 };
-
-proto$9.animate = function () {
+proto$4.animate = function () {
   this.applyDragForce();
   this.applySelectedAttraction();
-
-  var previousX = this.x;
-
+  const previousX = this.x;
   this.integratePhysics();
   this.positionSlider();
   this.settle(previousX);
   // animate next frame
   if (this.isAnimating) {
-    var _this = this;
+    const _this = this;
     requestAnimationFrame(function animateFrame() {
       _this.animate();
     });
   }
 };
-
-proto$9.positionSlider = function () {
-  var x = this.x;
+proto$4.positionSlider = function () {
+  let x = this.x;
   // wrap position around
   if (this.options.wrapAround && this.cells.length > 1) {
     x = utils.modulo(x, this.slideableWidth);
     x = x - this.slideableWidth;
     this.shiftWrapCells(x);
   }
-
   this.setTranslateX(x, this.isAnimating);
   this.dispatchScrollEvent();
 };
-
-proto$9.setTranslateX = function (x, is3d) {
+proto$4.setTranslateX = function (x, _is3d) {
   x += this.cursorPosition;
   // reverse if right-to-left and using transform
   x = this.options.rightToLeft ? -x : x;
-  var translateX = this.getPositionValue(x);
+  const translateX = this.getPositionValue(x);
   // use 3D tranforms for hardware acceleration on iOS
   // but use 2D when settled, for better font-rendering
   // this.slider.style.transform = is3d
   //   ? 'translate3d(' + translateX + ',0,0)'
   //   : 'translateX(' + translateX + ')';
-
   this.slider.style.transform = 'translate3d(' + translateX + ',0,0)';
 };
-
-proto$9.dispatchScrollEvent = function () {
-  var firstSlide = this.slides[0];
+proto$4.dispatchScrollEvent = function () {
+  const firstSlide = this.slides[0];
   if (!firstSlide) {
     return;
   }
-  var positionX = -this.x - firstSlide.target;
-  var progress = positionX / this.slidesWidth;
+  const positionX = -this.x - firstSlide.target;
+  const progress = positionX / this.slidesWidth;
   this.dispatchEvent('scroll', null, [progress, positionX]);
 };
-
-proto$9.positionSliderAtSelected = function () {
+proto$4.positionSliderAtSelected = function () {
   if (!this.cells.length) {
     return;
   }
@@ -813,23 +572,20 @@ proto$9.positionSliderAtSelected = function () {
   this.velocity = 0; // stop wobble
   this.positionSlider();
 };
-
-proto$9.getPositionValue = function (position) {
+proto$4.getPositionValue = function (position) {
   if (this.options.percentPosition) {
     // percent position, round to 2 digits, like 12.34%
     return Math.round((position / this.size.innerWidth) * 10000) * 0.01 + '%';
-  } else {
+  }
+  else {
     // pixel positioning
     return Math.round(position) + 'px';
   }
 };
-
-proto$9.settle = function (previousX) {
+proto$4.settle = function (previousX) {
   // keep track of frames where x hasn't moved
-  if (
-    !this.isPointerDown &&
-    Math.round(this.x * 100) == Math.round(previousX * 100)
-  ) {
+  if (!this.isPointerDown &&
+    Math.round(this.x * 100) == Math.round(previousX * 100)) {
     this.restingFrames++;
   }
   // stop animating if resting for 3 or more frames
@@ -841,98 +597,81 @@ proto$9.settle = function (previousX) {
     this.dispatchEvent('settle', null, [this.selectedIndex]);
   }
 };
-
-proto$9.shiftWrapCells = function (x) {
+proto$4.shiftWrapCells = function (x) {
   // shift before cells
-  var beforeGap = this.cursorPosition + x;
+  const beforeGap = this.cursorPosition + x;
   this._shiftCells(this.beforeShiftCells, beforeGap, -1);
   // shift after cells
-  var afterGap =
-    this.size.innerWidth - (x + this.slideableWidth + this.cursorPosition);
+  const afterGap = this.size.innerWidth - (x + this.slideableWidth + this.cursorPosition);
   this._shiftCells(this.afterShiftCells, afterGap, 1);
 };
-
-proto$9._shiftCells = function (cells, gap, shift) {
-  for (var i = 0; i < cells.length; i++) {
-    var cell = cells[i];
-    var cellShift = gap > 0 ? shift : 0;
+proto$4._shiftCells = function (cells, gap, shift) {
+  for (let i = 0; i < cells.length; i++) {
+    const cell = cells[i];
+    const cellShift = gap > 0 ? shift : 0;
     cell.wrapShift(cellShift);
     gap -= cell.size.outerWidth;
   }
 };
-
-proto$9._unshiftCells = function (cells) {
+proto$4._unshiftCells = function (cells) {
   if (!cells || !cells.length) {
     return;
   }
-  for (var i = 0; i < cells.length; i++) {
+  for (let i = 0; i < cells.length; i++) {
     cells[i].wrapShift(0);
   }
 };
-
 // -------------------------- physics -------------------------- //
-
-proto$9.integratePhysics = function () {
+proto$4.integratePhysics = function () {
   this.x += this.velocity;
   this.velocity *= this.getFrictionFactor();
 };
-
-proto$9.applyForce = function (force) {
+proto$4.applyForce = function (force) {
   this.velocity += force;
 };
-
-proto$9.getFrictionFactor = function () {
-  return (
-    1 - this.options[this.isFreeScrolling ? 'freeScrollFriction' : 'friction']
-  );
+proto$4.getFrictionFactor = function () {
+  return (1 - this.options[this.isFreeScrolling ? 'freeScrollFriction' : 'friction']);
 };
-
-proto$9.getRestingPosition = function () {
+proto$4.getRestingPosition = function () {
   // my thanks to Steven Wittens, who simplified this math greatly
   return this.x + this.velocity / (1 - this.getFrictionFactor());
 };
-
-proto$9.applyDragForce = function () {
+proto$4.applyDragForce = function () {
   if (!this.isDraggable || !this.isPointerDown) {
     return;
   }
   // change the position to drag position by applying force
-  var dragVelocity = this.dragX - this.x;
-  var dragForce = dragVelocity - this.velocity;
+  const dragVelocity = this.dragX - this.x;
+  const dragForce = dragVelocity - this.velocity;
   this.applyForce(dragForce);
 };
-
-proto$9.applySelectedAttraction = function () {
+proto$4.applySelectedAttraction = function () {
   // do not attract if pointer down or no slides
-  var dragDown = this.isDraggable && this.isPointerDown;
+  const dragDown = this.isDraggable && this.isPointerDown;
   if (dragDown || this.isFreeScrolling || !this.slides.length) {
     return;
   }
-  var distance = this.selectedSlide.target * -1 - this.x;
-  var force = distance * this.options.selectedAttraction;
+  const distance = this.selectedSlide.target * -1 - this.x;
+  const force = distance * this.options.selectedAttraction;
   this.applyForce(force);
 };
 
 // vars
-var getComputedStyle$1 = window.getComputedStyle;
-var console$1 = window.console;
-
+const getComputedStyle$1 = window.getComputedStyle;
+const console$1 = window.console;
 function moveElements(elems, toElem) {
   elems = utils.makeArray(elems);
   while (elems.length) {
     toElem.appendChild(elems.shift());
   }
 }
-
 // -------------------------- Flickity -------------------------- //
-
 // globally unique identifiers
-var GUID = 0;
+let GUID = 0;
 // internal store of all Flickity intances
-var instances = {};
-
+const instances = {};
 function Flickity(element, options) {
-  var queryElement = utils.getQueryElement(element);
+  const queryElement = utils.getQueryElement(element);
   if (!queryElement) {
     if (console$1) {
       console$1.error('Bad element for Flickity: ' + (queryElement || element));
@@ -942,28 +681,26 @@ function Flickity(element, options) {
   this.element = queryElement;
   // do not initialize twice on same element
   if (this.element.flickityGUID) {
-    var instance = instances[this.element.flickityGUID];
-    if (!instances[this.element.flickityGUID]) return;
+    const instance = instances[this.element.flickityGUID];
+    if (!instances[this.element.flickityGUID])
+      return;
     instance.option(options);
     return instance;
   }
-
   // options
   this.options = utils.extend({}, this.constructor.defaults);
   this.option(options);
-
   // kick things off
   this._create();
 }
-
 Flickity.defaults = {
   accessibility: true,
   // adaptiveHeight: false,
   cellAlign: 'center',
   // cellSelector: undefined,
   // contain: false,
-  freeScrollFriction: 0.075, // friction when free-scrolling
-  friction: 0.28, // friction when selecting
+  freeScrollFriction: 0.075,
+  friction: 0.28,
   namespaceJQueryEvents: true,
   // initialIndex: 0,
   percentPosition: true,
@@ -973,17 +710,14 @@ Flickity.defaults = {
   // watchCSS: false,
   // wrapAround: false
 };
-
 // hash of methods triggered on _create()
 Flickity.createMethods = [];
-
-var proto$8 = Flickity.prototype;
+const proto$3 = Flickity.prototype;
 // inherit EventEmitter
-utils.extend(proto$8, evEmitter.prototype);
-
-proto$8._create = function () {
+utils.extend(proto$3, EvEmitter.prototype);
+proto$3._create = function () {
   // add id for Flickity.data
-  var id = (this.guid = ++GUID);
+  const id = (this.guid = ++GUID);
   this.element.flickityGUID = id; // expando
   instances[id] = this; // associate via id
   // initial properties
@@ -999,37 +733,32 @@ proto$8._create = function () {
   this.viewport.className = 'flickity-viewport';
   this.viewport.part.add('slide-viewport');
   this._createSlider();
-
   if (this.options.resize || this.options.watchCSS) {
     window.addEventListener('resize', this);
   }
-
   // add listeners from on option
-  for (var eventName in this.options.on) {
-    var listener = this.options.on[eventName];
+  for (const eventName in this.options.on) {
+    const listener = this.options.on[eventName];
     this.on(eventName, listener);
   }
-
   Flickity.createMethods.forEach(function (method) {
     this[method]();
   }, this);
-
   if (this.options.watchCSS) {
     this.watchCSS();
-  } else {
+  }
+  else {
     this.activate();
   }
 };
-
 /**
  * set options
  * @param {Object} opts
  */
-proto$8.option = function (opts) {
+proto$3.option = function (opts) {
   utils.extend(this.options, opts);
 };
-
-proto$8.activate = function () {
+proto$3.activate = function () {
   if (this.isActive) {
     return;
   }
@@ -1038,23 +767,20 @@ proto$8.activate = function () {
   if (this.options.rightToLeft) {
     this.element.classList.add('flickity-rtl');
   }
-
   this.getSize();
   // move initial cell elements so they can be loaded as cells
-  var cellElems = this.element.children; //this._filterFindCellElements( this.element.children );
+  const cellElems = this.element.children; //this._filterFindCellElements( this.element.children );
   moveElements(cellElems, this.slider);
   this.viewport.appendChild(this.slider);
   this.element.appendChild(this.viewport);
   // get cells from children
   this.reloadCells();
-
   if (this.options.accessibility) {
     // allow element to focusable
     this.element.tabIndex = 0;
     // listen for key presses
     this.element.addEventListener('keydown', this);
   }
-
   this.emitEvent('activate');
   this.selectInitialIndex();
   // flag for initial activation, for using initialIndex
@@ -1062,83 +788,71 @@ proto$8.activate = function () {
   // ready event. #493
   this.dispatchEvent('ready');
 };
-
 // slider positions the cells
-proto$8._createSlider = function () {
+proto$3._createSlider = function () {
   // slider element does all the positioning
-  var slider = document.createElement('div');
+  const slider = document.createElement('div');
   slider.className = 'flickity-slider';
   slider.style[this.originSide] = 0;
   this.slider = slider;
 };
-
-proto$8._filterFindCellElements = function (elems) {
+proto$3._filterFindCellElements = function (elems) {
   return utils.filterFindElements(elems, this.options.cellSelector);
 };
-
 // goes through all children
-proto$8.reloadCells = function () {
+proto$3.reloadCells = function () {
   // collection of item elements
-  this.cells = this._makeCells(
-    this.slider.getRootNode().host
-      ? this.slider.getRootNode().host.children
-      : this.slider.children
-  );
+  this.cells = this._makeCells(this.slider.getRootNode().host
+    ? this.slider.getRootNode().host.children
+    : this.slider.children);
   this.positionCells();
   this._getWrapShiftCells();
   this.setGallerySize();
 };
-
 /**
  * turn elements into Flickity.Cells
  * @param {Array or NodeList or HTMLElement} elems
  * @returns {Array} items - collection of new Flickity Cells
  */
-proto$8._makeCells = function (elems) {
-  var cellElems = this._filterFindCellElements(elems);
-
+proto$3._makeCells = function (elems) {
+  const cellElems = this._filterFindCellElements(elems);
   // create new Flickity for collection
-  var cells = cellElems.map(function (cellElem) {
+  const cells = cellElems.map(function (cellElem) {
     return new Cell(cellElem, this);
   }, this);
-
   return cells;
 };
-
-proto$8.getLastCell = function () {
+proto$3.getLastCell = function () {
   return this.cells[this.cells.length - 1];
 };
-
-proto$8.getLastSlide = function () {
+proto$3.getLastSlide = function () {
   return this.slides[this.slides.length - 1];
 };
-
 // positions all cells
-proto$8.positionCells = function () {
+proto$3.positionCells = function () {
   // size all cells
   this._sizeCells(this.cells);
   // position all cells
   this._positionCells(0);
 };
-
 /**
  * position certain cells
  * @param {Integer} index - which cell to start with
  */
-proto$8._positionCells = function (index) {
+proto$3._positionCells = function (index) {
   index = index || 0;
   // also measure maxCellHeight
   // start 0 if positioning all cells
   this.maxCellHeight = index ? this.maxCellHeight || 0 : 0;
-  var cellX = 0;
+  let cellX = 0;
   // get cellX
   if (index > 0) {
-    var startCell = this.cells[index - 1];
+    const startCell = this.cells[index - 1];
     cellX = startCell.x + startCell.size.outerWidth;
   }
-  var len = this.cells.length;
-  for (var i = index; i < len; i++) {
-    var cell = this.cells[i];
+  const len = this.cells.length;
+  for (let i = index; i < len; i++) {
+    const cell = this.cells[i];
     cell.setPosition(cellX);
     cellX += cell.size.outerWidth;
     this.maxCellHeight = Math.max(cell.size.outerHeight, this.maxCellHeight);
@@ -1154,51 +868,42 @@ proto$8._positionCells = function (index) {
     ? this.getLastSlide().target - this.slides[0].target
     : 0;
 };
-
 /**
  * cell.getSize() on multiple cells
  * @param {Array} cells
  */
-proto$8._sizeCells = function (cells) {
+proto$3._sizeCells = function (cells) {
   cells.forEach(function (cell) {
     cell.getSize();
   });
 };
-
 // --------------------------  -------------------------- //
-
-proto$8.updateSlides = function () {
+proto$3.updateSlides = function () {
   this.slides = [];
   if (!this.cells.length) {
     return;
   }
-
-  var slide = new Slide$1(this);
+  let slide = new Slide(this);
   this.slides.push(slide);
-  var isOriginLeft = this.originSide == 'left';
-  var nextMargin = isOriginLeft ? 'marginRight' : 'marginLeft';
-
-  var canCellFit = this._getCanCellFit();
-
+  const isOriginLeft = this.originSide == 'left';
+  const nextMargin = isOriginLeft ? 'marginRight' : 'marginLeft';
+  const canCellFit = this._getCanCellFit();
   this.cells.forEach(function (cell, i) {
     // just add cell if first cell in slide
     if (!slide.cells.length) {
       slide.addCell(cell);
       return;
     }
-
-    var slideWidth =
-      slide.outerWidth -
+    const slideWidth = slide.outerWidth -
       slide.firstMargin +
       (cell.size.outerWidth - cell.size[nextMargin]);
-
     if (canCellFit.call(this, i, slideWidth)) {
       slide.addCell(cell);
-    } else {
+    }
+    else {
       // doesn't fit, new slide
       slide.updateTarget();
-
-      slide = new Slide$1(this);
+      slide = new Slide(this);
       this.slides.push(slide);
       slide.addCell(cell);
     }
@@ -1208,43 +913,40 @@ proto$8.updateSlides = function () {
   // update .selectedSlide
   this.updateSelectedSlide();
 };
-
-proto$8._getCanCellFit = function () {
-  var groupCells = this.options.groupCells;
+proto$3._getCanCellFit = function () {
+  const groupCells = this.options.groupCells;
   if (!groupCells) {
     return function () {
       return false;
     };
-  } else if (typeof groupCells == 'number') {
+  }
+  else if (typeof groupCells == 'number') {
     // group by number. 3 -> [0,1,2], [3,4,5], ...
-    var number = parseInt(groupCells, 10);
+    // @ts-ignore
+    const number = parseInt(groupCells, 10);
     return function (i) {
       return i % number !== 0;
     };
   }
   // default, group by width of slide
   // parse '75%
-  var percentMatch =
-    typeof groupCells == 'string' && groupCells.match(/^(\d+)%$/);
-  var percent = percentMatch ? parseInt(percentMatch[1], 10) / 100 : 1;
-  return function (i, slideWidth) {
+  const percentMatch = typeof groupCells == 'string' && groupCells.match(/^(\d+)%$/);
+  const percent = percentMatch ? parseInt(percentMatch[1], 10) / 100 : 1;
+  return function (_i, slideWidth) {
     return slideWidth <= (this.size.innerWidth + 1) * percent;
   };
 };
-
 // alias _init for jQuery plugin .flickity()
-proto$8._init = proto$8.reposition = function () {
+proto$3._init = proto$3.reposition = function () {
   this.positionCells();
   this.positionSliderAtSelected();
 };
-
-proto$8.getSize = function () {
+proto$3.getSize = function () {
   this.size = getSize(this.element);
   this.setCellAlign();
   this.cursorPosition = this.size.innerWidth * this.cellAlign;
 };
-
-var cellAlignShorthands = {
+const cellAlignShorthands = {
   // cell align, then based on origin side
   center: {
     left: 0.5,
@@ -1259,25 +961,21 @@ var cellAlignShorthands = {
     left: 1,
   },
 };
-
-proto$8.setCellAlign = function () {
-  var shorthand = cellAlignShorthands[this.options.cellAlign];
+proto$3.setCellAlign = function () {
+  const shorthand = cellAlignShorthands[this.options.cellAlign];
   this.cellAlign = shorthand
     ? shorthand[this.originSide]
     : this.options.cellAlign;
 };
-
-proto$8.setGallerySize = function () {
+proto$3.setGallerySize = function () {
   if (this.options.setGallerySize) {
-    var height =
-      this.options.adaptiveHeight && this.selectedSlide
-        ? this.selectedSlide.height
-        : this.maxCellHeight;
+    const height = this.options.adaptiveHeight && this.selectedSlide
+      ? this.selectedSlide.height
+      : this.maxCellHeight;
     this.viewport.style.height = height + 'px';
   }
 };
-
-proto$8._getWrapShiftCells = function () {
+proto$3._getWrapShiftCells = function () {
   // only for wrap-around
   if (!this.options.wrapAround) {
     return;
@@ -1287,8 +985,8 @@ proto$8._getWrapShiftCells = function () {
   this._unshiftCells(this.afterShiftCells);
   // get before cells
   // initial gap
-  var gapX = this.cursorPosition;
-  var cellIndex = this.cells.length - 1;
+  let gapX = this.cursorPosition;
+  const cellIndex = this.cells.length - 1;
   this.beforeShiftCells = this._getGapCells(gapX, cellIndex, -1);
   // get after cells
   // ending gap between last cell and end of gallery viewport
@@ -1296,12 +994,11 @@ proto$8._getWrapShiftCells = function () {
   // start cloning at first cell, working forwards
   this.afterShiftCells = this._getGapCells(gapX, 0, 1);
 };
-
-proto$8._getGapCells = function (gapX, cellIndex, increment) {
+proto$3._getGapCells = function (gapX, cellIndex, increment) {
   // keep adding cells until the cover the initial gap
-  var cells = [];
+  const cells = [];
   while (gapX > 0) {
-    var cell = this.cells[cellIndex];
+    const cell = this.cells[cellIndex];
     if (!cell) {
       break;
     }
@@ -1311,63 +1008,57 @@ proto$8._getGapCells = function (gapX, cellIndex, increment) {
   }
   return cells;
 };
-
 // ----- contain ----- //
-
 // contain cell targets so no excess sliding
-proto$8._containSlides = function () {
+proto$3._containSlides = function () {
   if (!this.options.contain || this.options.wrapAround || !this.cells.length) {
     return;
   }
-  var isRightToLeft = this.options.rightToLeft;
-  var beginMargin = isRightToLeft ? 'marginRight' : 'marginLeft';
-  var endMargin = isRightToLeft ? 'marginLeft' : 'marginRight';
-  var contentWidth = this.slideableWidth - this.getLastCell().size[endMargin];
+  const isRightToLeft = this.options.rightToLeft;
+  const beginMargin = isRightToLeft ? 'marginRight' : 'marginLeft';
+  const endMargin = isRightToLeft ? 'marginLeft' : 'marginRight';
+  const contentWidth = this.slideableWidth - this.getLastCell().size[endMargin];
   // content is less than gallery size
-  var isContentSmaller = contentWidth < this.size.innerWidth;
+  const isContentSmaller = contentWidth < this.size.innerWidth;
   // bounds
-  var beginBound = this.cursorPosition + this.cells[0].size[beginMargin];
-  var endBound = contentWidth - this.size.innerWidth * (1 - this.cellAlign);
+  const beginBound = this.cursorPosition + this.cells[0].size[beginMargin];
+  const endBound = contentWidth - this.size.innerWidth * (1 - this.cellAlign);
   // contain each cell target
   this.slides.forEach(function (slide) {
     if (isContentSmaller) {
       // all cells fit inside gallery
       slide.target = contentWidth * this.cellAlign;
-    } else {
+    }
+    else {
       // contain to bounds
       slide.target = Math.max(slide.target, beginBound);
       slide.target = Math.min(slide.target, endBound);
     }
   }, this);
 };
-
 // -----  ----- //
-
 /**
  * emits events via eventEmitter and jQuery events
  * @param {String} type - name of event
  * @param {Event} event - original event
  * @param {Array} args - extra arguments
  */
-proto$8.dispatchEvent = function (type, event, args) {
-  var emitArgs = event ? [event].concat(args) : args;
+proto$3.dispatchEvent = function (type, event, args) {
+  const emitArgs = event ? [event].concat(args) : args;
   this.emitEvent(type, emitArgs);
 };
-
 // -------------------------- select -------------------------- //
-
 /**
  * @param {Integer} index - index of the slide
  * @param {Boolean} isWrap - will wrap-around to last/first if at the end
  * @param {Boolean} isInstant - will immediately set position at selected cell
  */
-proto$8.select = function (index, isWrap, isInstant) {
+proto$3.select = function (index, isWrap, isInstant) {
   if (!this.isActive) {
     return;
   }
   index = parseInt(index, 10);
   this._wrapSelect(index);
-
   if (this.options.wrapAround || isWrap) {
     index = utils.modulo(index, this.slides.length);
   }
@@ -1375,12 +1066,13 @@ proto$8.select = function (index, isWrap, isInstant) {
   if (!this.slides[index]) {
     return;
   }
-  var prevIndex = this.selectedIndex;
+  const prevIndex = this.selectedIndex;
   this.selectedIndex = index;
   this.updateSelectedSlide();
   if (isInstant) {
     this.positionSliderAtSelected();
-  } else {
+  }
+  else {
     this.startAnimation();
   }
   if (this.options.adaptiveHeight) {
@@ -1395,42 +1087,40 @@ proto$8.select = function (index, isWrap, isInstant) {
   // old v1 event name, remove in v3
   this.dispatchEvent('cellSelect');
 };
-
 // wraps position for wrapAround, to move to closest slide. #113
-proto$8._wrapSelect = function (index) {
-  var len = this.slides.length;
-  var isWrapping = this.options.wrapAround && len > 1;
+proto$3._wrapSelect = function (index) {
+  const len = this.slides.length;
+  const isWrapping = this.options.wrapAround && len > 1;
   if (!isWrapping) {
     return index;
   }
-  var wrapIndex = utils.modulo(index, len);
+  const wrapIndex = utils.modulo(index, len);
   // go to shortest
-  var delta = Math.abs(wrapIndex - this.selectedIndex);
-  var backWrapDelta = Math.abs(wrapIndex + len - this.selectedIndex);
-  var forewardWrapDelta = Math.abs(wrapIndex - len - this.selectedIndex);
+  const delta = Math.abs(wrapIndex - this.selectedIndex);
+  const backWrapDelta = Math.abs(wrapIndex + len - this.selectedIndex);
+  const forewardWrapDelta = Math.abs(wrapIndex - len - this.selectedIndex);
   if (!this.isDragSelect && backWrapDelta < delta) {
     index += len;
-  } else if (!this.isDragSelect && forewardWrapDelta < delta) {
+  }
+  else if (!this.isDragSelect && forewardWrapDelta < delta) {
     index -= len;
   }
   // wrap position so slider is within normal area
   if (index < 0) {
     this.x -= this.slideableWidth;
-  } else if (index >= len) {
+  }
+  else if (index >= len) {
     this.x += this.slideableWidth;
   }
 };
-
-proto$8.previous = function (isWrap, isInstant) {
+proto$3.previous = function (isWrap, isInstant) {
   this.select(this.selectedIndex - 1, isWrap, isInstant);
 };
-
-proto$8.next = function (isWrap, isInstant) {
+proto$3.next = function (isWrap, isInstant) {
   this.select(this.selectedIndex + 1, isWrap, isInstant);
 };
-
-proto$8.updateSelectedSlide = function () {
-  var slide = this.slides[this.selectedIndex];
+proto$3.updateSelectedSlide = function () {
+  const slide = this.slides[this.selectedIndex];
   // selectedIndex could be outside of slides, if triggered before resize()
   if (!slide) {
     return;
@@ -1447,15 +1137,13 @@ proto$8.updateSelectedSlide = function () {
   this.selectedCell = slide.cells[0];
   this.selectedElement = this.selectedElements[0];
 };
-
-proto$8.unselectSelectedSlide = function () {
+proto$3.unselectSelectedSlide = function () {
   if (this.selectedSlide) {
     this.selectedSlide.unselect();
   }
 };
-
-proto$8.selectInitialIndex = function () {
-  var initialIndex = this.options.initialIndex;
+proto$3.selectInitialIndex = function () {
+  const initialIndex = this.options.initialIndex;
   // already activated, select previous selectedIndex
   if (this.isInitActivated) {
     this.select(this.selectedIndex, false, true);
@@ -1463,14 +1151,13 @@ proto$8.selectInitialIndex = function () {
   }
   // select with selector string
   if (initialIndex && typeof initialIndex == 'string') {
-    var cell = this.queryCell(initialIndex);
+    const cell = this.queryCell(initialIndex);
     if (cell) {
       this.selectCell(initialIndex, false, true);
       return;
     }
   }
-
-  var index = 0;
+  let index = 0;
   // select with number
   if (initialIndex && this.slides[initialIndex]) {
     index = initialIndex;
@@ -1478,85 +1165,79 @@ proto$8.selectInitialIndex = function () {
   // select instantly
   this.select(index, false, true);
 };
-
 /**
  * select slide from number or cell element
  * @param {Element or Number} elem
+ * @param { Boolean } isWrap
+ * @param { Boolean } isInstant
  */
-proto$8.selectCell = function (value, isWrap, isInstant) {
+proto$3.selectCell = function (elem, isWrap, isInstant) {
   // get cell
-  var cell = this.queryCell(value);
+  const cell = this.queryCell(elem);
   if (!cell) {
     return;
   }
-
-  var index = this.getCellSlideIndex(cell);
+  const index = this.getCellSlideIndex(cell);
   this.select(index, isWrap, isInstant);
 };
-
-proto$8.getCellSlideIndex = function (cell) {
+proto$3.getCellSlideIndex = function (cell) {
   // get index of slides that has cell
-  for (var i = 0; i < this.slides.length; i++) {
-    var slide = this.slides[i];
-    var index = slide.cells.indexOf(cell);
+  for (let i = 0; i < this.slides.length; i++) {
+    const slide = this.slides[i];
+    const index = slide.cells.indexOf(cell);
     if (index != -1) {
       return i;
     }
   }
 };
-
 // -------------------------- get cells -------------------------- //
-
 /**
  * get Flickity.Cell, given an Element
  * @param {Element} elem
- * @returns {Flickity.Cell} item
+ * @returns found flickity cell
  */
-proto$8.getCell = function (elem) {
+proto$3.getCell = function (elem) {
   // loop through cells to get the one that matches
-  for (var i = 0; i < this.cells.length; i++) {
-    var cell = this.cells[i];
+  for (let i = 0; i < this.cells.length; i++) {
+    const cell = this.cells[i];
     if (cell.element == elem) {
       return cell;
     }
   }
 };
-
 /**
  * get collection of Flickity.Cells, given Elements
  * @param {Element, Array, NodeList} elems
  * @returns {Array} cells - Flickity.Cells
  */
-proto$8.getCells = function (elems) {
+proto$3.getCells = function (elems) {
   elems = utils.makeArray(elems);
-  var cells = [];
+  const cells = [];
   elems.forEach(function (elem) {
-    var cell = this.getCell(elem);
+    const cell = this.getCell(elem);
     if (cell) {
       cells.push(cell);
     }
   }, this);
   return cells;
 };
-
 /**
  * get cell elements
  * @returns {Array} cellElems
  */
-proto$8.getCellElements = function () {
+proto$3.getCellElements = function () {
   return this.cells.map(function (cell) {
     return cell.element;
   });
 };
-
 /**
  * get parent cell from an element
  * @param {Element} elem
  * @returns {Flickit.Cell} cell
  */
-proto$8.getParentCell = function (elem) {
+proto$3.getParentCell = function (elem) {
   // first check if elem is cell
-  var cell = this.getCell(elem);
+  const cell = this.getCell(elem);
   if (cell) {
     return cell;
   }
@@ -1564,40 +1245,37 @@ proto$8.getParentCell = function (elem) {
   elem = utils.getParent(elem, '.flickity-slider > *');
   return this.getCell(elem);
 };
-
 /**
  * get cells adjacent to a slide
  * @param {Integer} adjCount - number of adjacent slides
  * @param {Integer} index - index of slide to start
  * @returns {Array} cells - array of Flickity.Cells
  */
-proto$8.getAdjacentCellElements = function (adjCount, index) {
+proto$3.getAdjacentCellElements = function (adjCount, index) {
   if (!adjCount) {
     return this.selectedSlide.getCellElements();
   }
   index = index === undefined ? this.selectedIndex : index;
-
-  var len = this.slides.length;
+  const len = this.slides.length;
   if (1 + adjCount * 2 >= len) {
     return this.getCellElements();
   }
-
-  var cellElems = [];
-  for (var i = index - adjCount; i <= index + adjCount; i++) {
-    var slideIndex = this.options.wrapAround ? utils.modulo(i, len) : i;
-    var slide = this.slides[slideIndex];
+  let cellElems = [];
+  for (let i = index - adjCount; i <= index + adjCount; i++) {
+    const slideIndex = this.options.wrapAround ? utils.modulo(i, len) : i;
+    const slide = this.slides[slideIndex];
     if (slide) {
       cellElems = cellElems.concat(slide.getCellElements());
     }
   }
   return cellElems;
 };
-
 /**
  * select slide from number or cell element
  * @param {Element, Selector String, or Number} selector
+ * @returns {Flickity.Cell} found flickity cell
  */
-proto$8.queryCell = function (selector) {
+proto$3.queryCell = function (selector) {
   if (typeof selector == 'number') {
     // use number as index
     return this.cells[selector];
@@ -1613,32 +1291,25 @@ proto$8.queryCell = function (selector) {
   // get cell from element
   return this.getCell(selector);
 };
-
 // -------------------------- events -------------------------- //
-
-proto$8.uiChange = function () {
+proto$3.uiChange = function () {
   this.emitEvent('uiChange');
 };
-
 // keep focus on element when child UI elements are clicked
-proto$8.childUIPointerDown = function (event) {
+proto$3.childUIPointerDown = function (event) {
   // HACK iOS does not allow touch events to bubble up?!
   if (event.type != 'touchstart') {
     event.preventDefault();
   }
   this.focus();
 };
-
 // ----- resize ----- //
-
-proto$8.onresize = function () {
+proto$3.onresize = function () {
   this.watchCSS();
   this.resize();
 };
-
 utils.debounceMethod(Flickity, 'onresize', 150);
-
-proto$8.resize = function () {
+proto$3.resize = function () {
   if (!this.isActive) {
     return;
   }
@@ -1653,75 +1324,65 @@ proto$8.resize = function () {
   this.emitEvent('resize');
   // update selected index for group slides, instant
   // TODO: position can be lost between groups of various numbers
-  var selectedElement = this.selectedElements && this.selectedElements[0];
+  const selectedElement = this.selectedElements && this.selectedElements[0];
   this.selectCell(selectedElement, false, true);
 };
-
 // watches the :after property, activates/deactivates
-proto$8.watchCSS = function () {
-  var watchOption = this.options.watchCSS;
+proto$3.watchCSS = function () {
+  const watchOption = this.options.watchCSS;
   if (!watchOption) {
     return;
   }
-
-  var afterContent = getComputedStyle$1(this.element, ':after').content;
+  const afterContent = getComputedStyle$1(this.element, ':after').content;
   // activate if :after { content: 'flickity' }
   if (afterContent.indexOf('flickity') != -1) {
     this.activate();
-  } else {
+  }
+  else {
     this.deactivate();
   }
 };
-
 // ----- keydown ----- //
-
 // go previous/next if left/right keys pressed
-proto$8.onkeydown = function (event) {
+proto$3.onkeydown = function (event) {
   // only work if element is in focus
-  var isNotFocused =
-    document.activeElement && document.activeElement != this.element;
+  const isNotFocused = document.activeElement && document.activeElement != this.element;
   if (!this.options.accessibility || isNotFocused) {
     return;
   }
-
-  var handler = Flickity.keyboardHandlers[event.keyCode];
+  const handler = Flickity.keyboardHandlers[event.keyCode];
   if (handler) {
     handler.call(this);
   }
 };
-
 Flickity.keyboardHandlers = {
   // left arrow
   37: function () {
-    var leftMethod = this.options.rightToLeft ? 'next' : 'previous';
+    const leftMethod = this.options.rightToLeft ? 'next' : 'previous';
     this.uiChange();
     this[leftMethod]();
   },
   // right arrow
   39: function () {
-    var rightMethod = this.options.rightToLeft ? 'previous' : 'next';
+    const rightMethod = this.options.rightToLeft ? 'previous' : 'next';
     this.uiChange();
     this[rightMethod]();
   },
 };
-
 // ----- focus ----- //
-
-proto$8.focus = function () {
+proto$3.focus = function () {
   // TODO remove scrollTo once focus options gets more support
   // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#Browser_compatibility
-  var prevScrollY = window.pageYOffset;
+  const prevScrollY = window.pageYOffset;
   this.element.focus({ preventScroll: true });
   // hack to fix scroll jump after focus, #76
   if (window.pageYOffset != prevScrollY) {
     window.scrollTo(window.pageXOffset, prevScrollY);
   }
 };
-
 // -------------------------- destroy -------------------------- //
-
 // deactivate all Flickity functionality, but keep stuff available
-proto$8.deactivate = function () {
+proto$3.deactivate = function () {
   if (!this.isActive) {
     return;
   }
@@ -1743,8 +1404,7 @@ proto$8.deactivate = function () {
   this.isActive = false;
   this.emitEvent('deactivate');
 };
-
-proto$8.destroy = function () {
+proto$3.destroy = function () {
   this.deactivate();
   window.removeEventListener('resize', this);
   this.allOff();
@@ -1752,405 +1412,294 @@ proto$8.destroy = function () {
   delete this.element.flickityGUID;
   delete instances[this.guid];
 };
-
 // -------------------------- prototype -------------------------- //
-
-utils.extend(proto$8, proto$9);
-
+utils.extend(proto$3, proto$4);
 // -------------------------- extras -------------------------- //
-
 /**
  * get Flickity instance from element
  * @param {Element} elem
- * @returns {Flickity}
+ * @returns {Flickity} Flickity instance
  */
 Flickity.data = function (elem) {
   elem = utils.getQueryElement(elem);
-  var id = elem && elem.flickityGUID;
+  const id = elem && elem.flickityGUID;
   return id && instances[id];
 };
-
 utils.htmlInit(Flickity, 'flickity');
-
 Flickity.Cell = Cell;
-Flickity.Slide = Slide$1;
+Flickity.Slide = Slide;
 
-var unipointer = createCommonjsModule(function (module) {
 /*!
  * Unipointer v2.4.0
  * base class for doing one thing with pointer event
  * MIT license
  */
-
-/*jshint browser: true, undef: true, unused: true, strict: true */
-
-( function( window, factory ) {
-  // universal module definition
-  /* jshint strict: false */ /*global define, module, require */
-  if ( module.exports ) {
-    // CommonJS
-    module.exports = factory(
-      window,
-      evEmitter
-    );
-  } else {
-    // browser global
-    window.Unipointer = factory(
-      window,
-      window.EvEmitter
-    );
-  }
-
-}( window, function factory( window, EvEmitter ) {
-
-function noop() {}
-
-function Unipointer() {}
-
+function noop() { }
+function Unipointer() { }
 // inherit EvEmitter
-var proto = Unipointer.prototype = Object.create( EvEmitter.prototype );
-
-proto.bindStartEvent = function( elem ) {
-  this._bindStartEvent( elem, true );
+const pointerProto = (Unipointer.prototype = Object.create(EvEmitter.prototype));
+pointerProto.bindStartEvent = function (elem) {
+  this._bindStartEvent(elem, true);
 };
-
-proto.unbindStartEvent = function( elem ) {
-  this._bindStartEvent( elem, false );
+pointerProto.unbindStartEvent = function (elem) {
+  this._bindStartEvent(elem, false);
 };
-
 /**
  * Add or remove start event
+ * @param {Element} elem
  * @param {Boolean} isAdd - remove if falsey
  */
-proto._bindStartEvent = function( elem, isAdd ) {
+pointerProto._bindStartEvent = function (elem, isAdd) {
   // munge isAdd, default to true
   isAdd = isAdd === undefined ? true : isAdd;
-  var bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
-
+  const bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
   // default to mouse events
-  var startEvent = 'mousedown';
-  if ( 'ontouchstart' in window ) {
+  let startEvent = 'mousedown';
+  if ('ontouchstart' in window) {
     // HACK prefer Touch Events as you can preventDefault on touchstart to
     // disable scroll in iOS & mobile Chrome metafizzy/flickity#1177
     startEvent = 'touchstart';
-  } else if ( window.PointerEvent ) {
+  }
+  else if (window.PointerEvent) {
     // Pointer Events
     startEvent = 'pointerdown';
   }
-  elem[ bindMethod ]( startEvent, this );
+  elem[bindMethod](startEvent, this);
 };
-
 // trigger handler methods for events
-proto.handleEvent = function( event ) {
-  var method = 'on' + event.type;
-  if ( this[ method ] ) {
-    this[ method ]( event );
+pointerProto.handleEvent = function (event) {
+  const method = 'on' + event.type;
+  if (this[method]) {
+    this[method](event);
   }
 };
-
 // returns the touch that we're keeping track of
-proto.getTouch = function( touches ) {
-  for ( var i=0; i < touches.length; i++ ) {
-    var touch = touches[i];
-    if ( touch.identifier == this.pointerIdentifier ) {
+pointerProto.getTouch = function (touches) {
+  for (let i = 0; i < touches.length; i++) {
+    const touch = touches[i];
+    if (touch.identifier == this.pointerIdentifier) {
       return touch;
     }
   }
 };
-
 // ----- start event ----- //
-
-proto.onmousedown = function( event ) {
+pointerProto.onmousedown = function (event) {
   // dismiss clicks from right or middle buttons
-  var button = event.button;
-  if ( button && ( button !== 0 && button !== 1 ) ) {
+  const button = event.button;
+  if (button && button !== 0 && button !== 1) {
     return;
   }
-  this._pointerDown( event, event );
+  this._pointerDown(event, event);
 };
-
-proto.ontouchstart = function( event ) {
-  this._pointerDown( event, event.changedTouches[0] );
+pointerProto.ontouchstart = function (event) {
+  this._pointerDown(event, event.changedTouches[0]);
 };
-
-proto.onpointerdown = function( event ) {
-  this._pointerDown( event, event );
+pointerProto.onpointerdown = function (event) {
+  this._pointerDown(event, event);
 };
-
 /**
  * pointer start
  * @param {Event} event
  * @param {Event or Touch} pointer
  */
-proto._pointerDown = function( event, pointer ) {
+pointerProto._pointerDown = function (event, pointer) {
   // dismiss right click and other pointers
   // button = 0 is okay, 1-4 not
-  if ( event.button || this.isPointerDown ) {
+  if (event.button || this.isPointerDown) {
     return;
   }
-
   this.isPointerDown = true;
   // save pointer identifier to match up touch events
-  this.pointerIdentifier = pointer.pointerId !== undefined ?
-    // pointerId for pointer events, touch.indentifier for touch events
-    pointer.pointerId : pointer.identifier;
-
-  this.pointerDown( event, pointer );
-};
-
-proto.pointerDown = function( event, pointer ) {
-  this._bindPostStartEvents( event );
-  this.emitEvent( 'pointerDown', [ event, pointer ] );
+  this.pointerIdentifier =
+    pointer.pointerId !== undefined
+      ? // pointerId for pointer events, touch.indentifier for touch events
+        pointer.pointerId
+      : pointer.identifier;
+  this.pointerDown(event, pointer);
+};
+pointerProto.pointerDown = function (event, pointer) {
+  this._bindPostStartEvents(event);
+  this.emitEvent('pointerDown', [event, pointer]);
 };
-
 // hash of events to be bound after start event
-var postStartEvents = {
-  mousedown: [ 'mousemove', 'mouseup' ],
-  touchstart: [ 'touchmove', 'touchend', 'touchcancel' ],
-  pointerdown: [ 'pointermove', 'pointerup', 'pointercancel' ],
+const postStartEvents = {
+  mousedown: ['mousemove', 'mouseup'],
+  touchstart: ['touchmove', 'touchend', 'touchcancel'],
+  pointerdown: ['pointermove', 'pointerup', 'pointercancel'],
 };
-
-proto._bindPostStartEvents = function( event ) {
-  if ( !event ) {
+pointerProto._bindPostStartEvents = function (event) {
+  if (!event) {
     return;
   }
   // get proper events to match start event
-  var events = postStartEvents[ event.type ];
+  const events = postStartEvents[event.type];
   // bind events to node
-  events.forEach( function( eventName ) {
-    window.addEventListener( eventName, this );
-  }, this );
+  events.forEach(function (eventName) {
+    window.addEventListener(eventName, this);
+  }, this);
   // save these arguments
   this._boundPointerEvents = events;
 };
-
-proto._unbindPostStartEvents = function() {
+pointerProto._unbindPostStartEvents = function () {
   // check for _boundEvents, in case dragEnd triggered twice (old IE8 bug)
-  if ( !this._boundPointerEvents ) {
+  if (!this._boundPointerEvents) {
     return;
   }
-  this._boundPointerEvents.forEach( function( eventName ) {
-    window.removeEventListener( eventName, this );
-  }, this );
-
+  this._boundPointerEvents.forEach(function (eventName) {
+    window.removeEventListener(eventName, this);
+  }, this);
   delete this._boundPointerEvents;
 };
-
 // ----- move event ----- //
-
-proto.onmousemove = function( event ) {
-  this._pointerMove( event, event );
+pointerProto.onmousemove = function (event) {
+  this._pointerMove(event, event);
 };
-
-proto.onpointermove = function( event ) {
-  if ( event.pointerId == this.pointerIdentifier ) {
-    this._pointerMove( event, event );
+pointerProto.onpointermove = function (event) {
+  if (event.pointerId == this.pointerIdentifier) {
+    this._pointerMove(event, event);
   }
 };
-
-proto.ontouchmove = function( event ) {
-  var touch = this.getTouch( event.changedTouches );
-  if ( touch ) {
-    this._pointerMove( event, touch );
+pointerProto.ontouchmove = function (event) {
+  const touch = this.getTouch(event.changedTouches);
+  if (touch) {
+    this._pointerMove(event, touch);
   }
 };
-
 /**
  * pointer move
  * @param {Event} event
  * @param {Event or Touch} pointer
  * @private
  */
-proto._pointerMove = function( event, pointer ) {
-  this.pointerMove( event, pointer );
+pointerProto._pointerMove = function (event, pointer) {
+  this.pointerMove(event, pointer);
 };
-
 // public
-proto.pointerMove = function( event, pointer ) {
-  this.emitEvent( 'pointerMove', [ event, pointer ] );
+pointerProto.pointerMove = function (event, pointer) {
+  this.emitEvent('pointerMove', [event, pointer]);
 };
-
 // ----- end event ----- //
-
-
-proto.onmouseup = function( event ) {
-  this._pointerUp( event, event );
+pointerProto.onmouseup = function (event) {
+  this._pointerUp(event, event);
 };
-
-proto.onpointerup = function( event ) {
-  if ( event.pointerId == this.pointerIdentifier ) {
-    this._pointerUp( event, event );
+pointerProto.onpointerup = function (event) {
+  if (event.pointerId == this.pointerIdentifier) {
+    this._pointerUp(event, event);
   }
 };
-
-proto.ontouchend = function( event ) {
-  var touch = this.getTouch( event.changedTouches );
-  if ( touch ) {
-    this._pointerUp( event, touch );
+pointerProto.ontouchend = function (event) {
+  const touch = this.getTouch(event.changedTouches);
+  if (touch) {
+    this._pointerUp(event, touch);
   }
 };
-
 /**
  * pointer up
  * @param {Event} event
  * @param {Event or Touch} pointer
  * @private
  */
-proto._pointerUp = function( event, pointer ) {
+pointerProto._pointerUp = function (event, pointer) {
   this._pointerDone();
-  this.pointerUp( event, pointer );
+  this.pointerUp(event, pointer);
 };
-
 // public
-proto.pointerUp = function( event, pointer ) {
-  this.emitEvent( 'pointerUp', [ event, pointer ] );
+pointerProto.pointerUp = function (event, pointer) {
+  this.emitEvent('pointerUp', [event, pointer]);
 };
-
 // ----- pointer done ----- //
-
 // triggered on pointer up & pointer cancel
-proto._pointerDone = function() {
+pointerProto._pointerDone = function () {
   this._pointerReset();
   this._unbindPostStartEvents();
   this.pointerDone();
 };
-
-proto._pointerReset = function() {
+pointerProto._pointerReset = function () {
   // reset properties
   this.isPointerDown = false;
   delete this.pointerIdentifier;
 };
-
-proto.pointerDone = noop;
-
+pointerProto.pointerDone = noop;
 // ----- pointer cancel ----- //
-
-proto.onpointercancel = function( event ) {
-  if ( event.pointerId == this.pointerIdentifier ) {
-    this._pointerCancel( event, event );
+pointerProto.onpointercancel = function (event) {
+  if (event.pointerId == this.pointerIdentifier) {
+    this._pointerCancel(event, event);
   }
 };
-
-proto.ontouchcancel = function( event ) {
-  var touch = this.getTouch( event.changedTouches );
-  if ( touch ) {
-    this._pointerCancel( event, touch );
+pointerProto.ontouchcancel = function (event) {
+  const touch = this.getTouch(event.changedTouches);
+  if (touch) {
+    this._pointerCancel(event, touch);
   }
 };
-
 /**
  * pointer cancel
  * @param {Event} event
  * @param {Event or Touch} pointer
  * @private
  */
-proto._pointerCancel = function( event, pointer ) {
+pointerProto._pointerCancel = function (event, pointer) {
   this._pointerDone();
-  this.pointerCancel( event, pointer );
+  this.pointerCancel(event, pointer);
 };
-
 // public
-proto.pointerCancel = function( event, pointer ) {
-  this.emitEvent( 'pointerCancel', [ event, pointer ] );
+pointerProto.pointerCancel = function (event, pointer) {
+  this.emitEvent('pointerCancel', [event, pointer]);
 };
-
 // -----  ----- //
-
 // utility function for getting x/y coords from event
-Unipointer.getPointerPoint = function( pointer ) {
+Unipointer.getPointerPoint = function (pointer) {
   return {
     x: pointer.pageX,
-    y: pointer.pageY
+    y: pointer.pageY,
   };
 };
-
-// -----  ----- //
-
-return Unipointer;
-
-}));
-});
-
-var unidragger = createCommonjsModule(function (module) {
 /*!
  * Unidragger v2.4.0
  * Draggable base class
  * MIT license
  */
-
-/*jshint browser: true, unused: true, undef: true, strict: true */
-
-( function( window, factory ) {
-  // universal module definition
-  /*jshint strict: false */ /*globals define, module, require */
-
-  if ( module.exports ) {
-    // CommonJS
-    module.exports = factory(
-      window,
-      unipointer
-    );
-  } else {
-    // browser global
-    window.Unidragger = factory(
-      window,
-      window.Unipointer
-    );
-  }
-
-}( window, function factory( window, Unipointer ) {
-
-// -------------------------- Unidragger -------------------------- //
-
-function Unidragger() {}
-
+function Unidragger() { }
 // inherit Unipointer & EvEmitter
-var proto = Unidragger.prototype = Object.create( Unipointer.prototype );
-
+const draggerProto = (Unidragger.prototype = Object.create(Unipointer.prototype));
 // ----- bind start ----- //
-
-proto.bindHandles = function() {
-  this._bindHandles( true );
+draggerProto.bindHandles = function () {
+  this._bindHandles(true);
 };
-
-proto.unbindHandles = function() {
-  this._bindHandles( false );
+draggerProto.unbindHandles = function () {
+  this._bindHandles(false);
 };
-
 /**
  * Add or remove start event
  * @param {Boolean} isAdd
  */
-proto._bindHandles = function( isAdd ) {
+draggerProto._bindHandles = function (isAdd) {
   // munge isAdd, default to true
   isAdd = isAdd === undefined ? true : isAdd;
   // bind each handle
-  var bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
-  var touchAction = isAdd ? this._touchActionValue : '';
-  for ( var i=0; i < this.handles.length; i++ ) {
-    var handle = this.handles[i];
-    this._bindStartEvent( handle, isAdd );
-    handle[ bindMethod ]( 'click', this );
+  const bindMethod = isAdd ? 'addEventListener' : 'removeEventListener';
+  const touchAction = isAdd ? this._touchActionValue : '';
+  for (let i = 0; i < this.handles.length; i++) {
+    const handle = this.handles[i];
+    this._bindStartEvent(handle, isAdd);
+    handle[bindMethod]('click', this);
     // touch-action: none to override browser touch gestures. metafizzy/flickity#540
-    if ( window.PointerEvent ) {
+    if (window.PointerEvent) {
       handle.style.touchAction = touchAction;
     }
   }
 };
-
 // prototype so it can be overwriteable by Flickity
-proto._touchActionValue = 'none';
-
+draggerProto._touchActionValue = 'none';
 // ----- start event ----- //
-
 /**
  * pointer start
  * @param {Event} event
  * @param {Event or Touch} pointer
  */
-proto.pointerDown = function( event, pointer ) {
-  var isOkay = this.okayPointerDown( event );
-  if ( !isOkay ) {
+draggerProto.pointerDown = function (event, pointer) {
+  const isOkay = this.okayPointerDown(event);
+  if (!isOkay) {
     return;
   }
   // track start event position
@@ -2159,24 +1708,21 @@ proto.pointerDown = function( event, pointer ) {
     pageX: pointer.pageX,
     pageY: pointer.pageY,
   };
-
   event.preventDefault();
   this.pointerDownBlur();
   // bind move and end events
-  this._bindPostStartEvents( event );
-  this.emitEvent( 'pointerDown', [ event, pointer ] );
+  this._bindPostStartEvents(event);
+  this.emitEvent('pointerDown', [event, pointer]);
 };
-
 // nodes that have text fields
-var cursorNodes = {
+const cursorNodes = {
   TEXTAREA: true,
   INPUT: true,
   SELECT: true,
   OPTION: true,
 };
-
 // input types that do not have text fields
-var clickTypes = {
+const clickTypes = {
   radio: true,
   checkbox: true,
   button: true,
@@ -2184,193 +1730,152 @@ var clickTypes = {
   image: true,
   file: true,
 };
-
 // dismiss inputs with text fields. flickity#403, flickity#404
-proto.okayPointerDown = function( event ) {
-  var isCursorNode = cursorNodes[ event.target.nodeName ];
-  var isClickType = clickTypes[ event.target.type ];
-  var isOkay = !isCursorNode || isClickType;
-  if ( !isOkay ) {
+draggerProto.okayPointerDown = function (event) {
+  const isCursorNode = cursorNodes[event.target.nodeName];
+  const isClickType = clickTypes[event.target.type];
+  const isOkay = !isCursorNode || isClickType;
+  if (!isOkay) {
     this._pointerReset();
   }
   return isOkay;
 };
-
 // kludge to blur previously focused input
-proto.pointerDownBlur = function() {
-  var focused = document.activeElement;
+draggerProto.pointerDownBlur = function () {
+  const focused = document.activeElement;
   // do not blur body for IE10, metafizzy/flickity#117
-  var canBlur = focused && focused.blur && focused != document.body;
-  if ( canBlur ) {
+  const canBlur = focused && focused.blur && focused != document.body;
+  if (canBlur) {
     focused.blur();
   }
 };
-
 // ----- move event ----- //
-
 /**
  * drag move
  * @param {Event} event
  * @param {Event or Touch} pointer
  */
-proto.pointerMove = function( event, pointer ) {
-  var moveVector = this._dragPointerMove( event, pointer );
-  this.emitEvent( 'pointerMove', [ event, pointer, moveVector ] );
-  this._dragMove( event, pointer, moveVector );
+draggerProto.pointerMove = function (event, pointer) {
+  const moveVector = this._dragPointerMove(event, pointer);
+  this.emitEvent('pointerMove', [event, pointer, moveVector]);
+  this._dragMove(event, pointer, moveVector);
 };
-
 // base pointer move logic
-proto._dragPointerMove = function( event, pointer ) {
-  var moveVector = {
+draggerProto._dragPointerMove = function (event, pointer) {
+  const moveVector = {
     x: pointer.pageX - this.pointerDownPointer.pageX,
-    y: pointer.pageY - this.pointerDownPointer.pageY
+    y: pointer.pageY - this.pointerDownPointer.pageY,
   };
   // start drag if pointer has moved far enough to start drag
-  if ( !this.isDragging && this.hasDragStarted( moveVector ) ) {
-    this._dragStart( event, pointer );
+  if (!this.isDragging && this.hasDragStarted(moveVector)) {
+    this._dragStart(event, pointer);
   }
   return moveVector;
 };
-
 // condition if pointer has moved far enough to start drag
-proto.hasDragStarted = function( moveVector ) {
-  return Math.abs( moveVector.x ) > 3 || Math.abs( moveVector.y ) > 3;
+draggerProto.hasDragStarted = function (moveVector) {
+  return Math.abs(moveVector.x) > 3 || Math.abs(moveVector.y) > 3;
 };
-
 // ----- end event ----- //
-
 /**
  * pointer up
  * @param {Event} event
  * @param {Event or Touch} pointer
  */
-proto.pointerUp = function( event, pointer ) {
-  this.emitEvent( 'pointerUp', [ event, pointer ] );
-  this._dragPointerUp( event, pointer );
+draggerProto.pointerUp = function (event, pointer) {
+  this.emitEvent('pointerUp', [event, pointer]);
+  this._dragPointerUp(event, pointer);
 };
-
-proto._dragPointerUp = function( event, pointer ) {
-  if ( this.isDragging ) {
-    this._dragEnd( event, pointer );
-  } else {
+draggerProto._dragPointerUp = function (event, pointer) {
+  if (this.isDragging) {
+    this._dragEnd(event, pointer);
+  }
+  else {
     // pointer didn't move enough for drag to start
-    this._staticClick( event, pointer );
+    this._staticClick(event, pointer);
   }
 };
-
 // -------------------------- drag -------------------------- //
-
 // dragStart
-proto._dragStart = function( event, pointer ) {
+draggerProto._dragStart = function (event, pointer) {
   this.isDragging = true;
   // prevent clicks
   this.isPreventingClicks = true;
-  this.dragStart( event, pointer );
+  this.dragStart(event, pointer);
 };
-
-proto.dragStart = function( event, pointer ) {
-  this.emitEvent( 'dragStart', [ event, pointer ] );
+draggerProto.dragStart = function (event, pointer) {
+  this.emitEvent('dragStart', [event, pointer]);
 };
-
 // dragMove
-proto._dragMove = function( event, pointer, moveVector ) {
+draggerProto._dragMove = function (event, pointer, moveVector) {
   // do not drag if not dragging yet
-  if ( !this.isDragging ) {
+  if (!this.isDragging) {
     return;
   }
-
-  this.dragMove( event, pointer, moveVector );
+  this.dragMove(event, pointer, moveVector);
 };
-
-proto.dragMove = function( event, pointer, moveVector ) {
+draggerProto.dragMove = function (event, pointer, moveVector) {
   event.preventDefault();
-  this.emitEvent( 'dragMove', [ event, pointer, moveVector ] );
+  this.emitEvent('dragMove', [event, pointer, moveVector]);
 };
-
 // dragEnd
-proto._dragEnd = function( event, pointer ) {
+draggerProto._dragEnd = function (event, pointer) {
   // set flags
   this.isDragging = false;
   // re-enable clicking async
-  setTimeout( function() {
+  setTimeout(function () {
     delete this.isPreventingClicks;
-  }.bind( this ) );
-
-  this.dragEnd( event, pointer );
+  }.bind(this));
+  this.dragEnd(event, pointer);
 };
-
-proto.dragEnd = function( event, pointer ) {
-  this.emitEvent( 'dragEnd', [ event, pointer ] );
+draggerProto.dragEnd = function (event, pointer) {
+  this.emitEvent('dragEnd', [event, pointer]);
 };
-
 // ----- onclick ----- //
-
 // handle all clicks and prevent clicks when dragging
-proto.onclick = function( event ) {
-  if ( this.isPreventingClicks ) {
+draggerProto.onclick = function (event) {
+  if (this.isPreventingClicks) {
     event.preventDefault();
   }
 };
-
 // ----- staticClick ----- //
-
 // triggered after pointer down & up with no/tiny movement
-proto._staticClick = function( event, pointer ) {
+draggerProto._staticClick = function (event, pointer) {
   // ignore emulated mouse up clicks
-  if ( this.isIgnoringMouseUp && event.type == 'mouseup' ) {
+  if (this.isIgnoringMouseUp && event.type == 'mouseup') {
     return;
   }
-
-  this.staticClick( event, pointer );
-
+  this.staticClick(event, pointer);
   // set flag for emulated clicks 300ms after touchend
-  if ( event.type != 'mouseup' ) {
+  if (event.type != 'mouseup') {
     this.isIgnoringMouseUp = true;
     // reset flag after 300ms
-    setTimeout( function() {
+    setTimeout(function () {
       delete this.isIgnoringMouseUp;
-    }.bind( this ), 400 );
+    }.bind(this), 400);
   }
 };
-
-proto.staticClick = function( event, pointer ) {
-  this.emitEvent( 'staticClick', [ event, pointer ] );
+draggerProto.staticClick = function (event, pointer) {
+  this.emitEvent('staticClick', [event, pointer]);
 };
-
 // ----- utils ----- //
-
 Unidragger.getPointerPoint = Unipointer.getPointerPoint;
 
-// -----  ----- //
-
-return Unidragger;
-
-}));
-});
-
 // ----- defaults ----- //
-
 utils.extend(Flickity.defaults, {
   draggable: '>1',
   dragThreshold: 3,
 });
-
 // ----- create ----- //
-
 Flickity.createMethods.push('_createDrag');
-
 // -------------------------- drag prototype -------------------------- //
-
-var proto$7 = Flickity.prototype;
-utils.extend(proto$7, unidragger.prototype);
-proto$7._touchActionValue = 'pan-y';
-
+const proto$2 = Flickity.prototype;
+utils.extend(proto$2, Unidragger.prototype);
+proto$2._touchActionValue = 'pan-y';
 // --------------------------  -------------------------- //
-
-var isTouch = 'createTouch' in document;
-var isTouchmoveScrollCanceled = false;
-
-proto$7._createDrag = function () {
+const isTouch = 'createTouch' in document;
+let isTouchmoveScrollCanceled = false;
+proto$2._createDrag = function () {
   this.on('activate', this.onActivateDrag);
   this.on('uiChange', this._uiChangeDrag);
   this.on('deactivate', this.onDeactivateDrag);
@@ -2379,63 +1884,56 @@ proto$7._createDrag = function () {
   // HACK - add seemingly innocuous handler to fix iOS 10 scroll behavior
   // #457, RubaXa/Sortable#973
   if (isTouch && !isTouchmoveScrollCanceled) {
-    window.addEventListener('touchmove', function () {});
+    window.addEventListener('touchmove', function () { });
     isTouchmoveScrollCanceled = true;
   }
 };
-
-proto$7.onActivateDrag = function () {
+proto$2.onActivateDrag = function () {
   this.handles = [this.viewport];
   this.bindHandles();
   this.updateDraggable();
 };
-
-proto$7.onDeactivateDrag = function () {
+proto$2.onDeactivateDrag = function () {
   this.unbindHandles();
   this.element.classList.remove('is-draggable');
 };
-
-proto$7.updateDraggable = function () {
+proto$2.updateDraggable = function () {
   // disable dragging if less than 2 slides. #278
   if (this.options.draggable == '>1') {
     this.isDraggable = this.slides.length > 1;
-  } else {
+  }
+  else {
     this.isDraggable = this.options.draggable;
   }
   if (this.isDraggable) {
     this.element.classList.add('is-draggable');
-  } else {
+  }
+  else {
     this.element.classList.remove('is-draggable');
   }
 };
-
 // backwards compatibility
-proto$7.bindDrag = function () {
+proto$2.bindDrag = function () {
   this.options.draggable = true;
   this.updateDraggable();
 };
-
-proto$7.unbindDrag = function () {
+proto$2.unbindDrag = function () {
   this.options.draggable = false;
   this.updateDraggable();
 };
-
-proto$7._uiChangeDrag = function () {
+proto$2._uiChangeDrag = function () {
   delete this.isFreeScrolling;
 };
-
 // -------------------------- pointer events -------------------------- //
-
-proto$7.pointerDown = function (event, pointer) {
+proto$2.pointerDown = function (event, pointer) {
   if (!this.isDraggable) {
     this._pointerDownDefault(event, pointer);
     return;
   }
-  var isOkay = this.okayPointerDown(event);
+  const isOkay = this.okayPointerDown(event);
   if (!isOkay) {
     return;
   }
-
   this._pointerDownPreventDefault(event);
   this.pointerDownFocus(event);
   // blur
@@ -2443,19 +1941,16 @@ proto$7.pointerDown = function (event, pointer) {
     // do not blur if already focused
     this.pointerDownBlur();
   }
-
   // stop if it was moving
   this.dragX = this.x;
   this.viewport.classList.add('is-pointer-down');
   // track scrolling
   this.pointerDownScroll = getScrollPosition();
   window.addEventListener('scroll', this);
-
   this._pointerDownDefault(event, pointer);
 };
-
 // default pointerDown logic, used for staticClick
-proto$7._pointerDownDefault = function (event, pointer) {
+proto$2._pointerDownDefault = function (event, pointer) {
   // track start event position
   // Safari 9 overrides pageX and pageY. These values needs to be copied. #779
   this.pointerDownPointer = {
@@ -2466,52 +1961,42 @@ proto$7._pointerDownDefault = function (event, pointer) {
   this._bindPostStartEvents(event);
   this.dispatchEvent('pointerDown', event, [pointer]);
 };
-
-var focusNodes = {
+const focusNodes = {
   INPUT: true,
   TEXTAREA: true,
   SELECT: true,
 };
-
-proto$7.pointerDownFocus = function (event) {
-  var isFocusNode = focusNodes[event.target.nodeName];
+proto$2.pointerDownFocus = function (event) {
+  const isFocusNode = focusNodes[event.target.nodeName];
   if (!isFocusNode) {
     this.focus();
   }
 };
-
-proto$7._pointerDownPreventDefault = function (event) {
-  var isTouchStart = event.type == 'touchstart';
-  var isTouchPointer = event.pointerType == 'touch';
-  var isFocusNode = focusNodes[event.target.nodeName];
+proto$2._pointerDownPreventDefault = function (event) {
+  const isTouchStart = event.type == 'touchstart';
+  const isTouchPointer = event.pointerType == 'touch';
+  const isFocusNode = focusNodes[event.target.nodeName];
   if (!isTouchStart && !isTouchPointer && !isFocusNode) {
     event.preventDefault();
   }
 };
-
 // ----- move ----- //
-
-proto$7.hasDragStarted = function (moveVector) {
+proto$2.hasDragStarted = function (moveVector) {
   return Math.abs(moveVector.x) > this.options.dragThreshold;
 };
-
 // ----- up ----- //
-
-proto$7.pointerUp = function (event, pointer) {
+proto$2.pointerUp = function (event, pointer) {
   delete this.isTouchScrolling;
   this.viewport.classList.remove('is-pointer-down');
   this.dispatchEvent('pointerUp', event, [pointer]);
   this._dragPointerUp(event, pointer);
 };
-
-proto$7.pointerDone = function () {
+proto$2.pointerDone = function () {
   window.removeEventListener('scroll', this);
   delete this.pointerDownScroll;
 };
-
 // -------------------------- dragging -------------------------- //
-
-proto$7.dragStart = function (event, pointer) {
+proto$2.dragStart = function (event, pointer) {
   if (!this.isDraggable) {
     return;
   }
@@ -2520,46 +2005,36 @@ proto$7.dragStart = function (event, pointer) {
   window.removeEventListener('scroll', this);
   this.dispatchEvent('dragStart', event, [pointer]);
 };
-
-proto$7.pointerMove = function (event, pointer) {
-  var moveVector = this._dragPointerMove(event, pointer);
+proto$2.pointerMove = function (event, pointer) {
+  const moveVector = this._dragPointerMove(event, pointer);
   this.dispatchEvent('pointerMove', event, [pointer, moveVector]);
   this._dragMove(event, pointer, moveVector);
 };
-
-proto$7.dragMove = function (event, pointer, moveVector) {
+proto$2.dragMove = function (event, pointer, moveVector) {
   if (!this.isDraggable) {
     return;
   }
   event.preventDefault();
-
   this.previousDragX = this.dragX;
   // reverse if right-to-left
-  var direction = this.options.rightToLeft ? -1 : 1;
+  const direction = this.options.rightToLeft ? -1 : 1;
   if (this.options.wrapAround) {
     // wrap around move. #589
     moveVector.x = moveVector.x % this.slideableWidth;
   }
-  var dragX = this.dragStartPosition + moveVector.x * direction;
-
+  let dragX = this.dragStartPosition + moveVector.x * direction;
   if (!this.options.wrapAround && this.slides.length) {
     // slow drag
-    var originBound = Math.max(-this.slides[0].target, this.dragStartPosition);
+    const originBound = Math.max(-this.slides[0].target, this.dragStartPosition);
     dragX = dragX > originBound ? (dragX + originBound) * 0.5 : dragX;
-    var endBound = Math.min(
-      -this.getLastSlide().target,
-      this.dragStartPosition
-    );
+    const endBound = Math.min(-this.getLastSlide().target, this.dragStartPosition);
     dragX = dragX < endBound ? (dragX + endBound) * 0.5 : dragX;
   }
-
   this.dragX = dragX;
-
   this.dragMoveTime = new Date();
   this.dispatchEvent('dragMove', event, [pointer, moveVector]);
 };
-
-proto$7.dragEnd = function (event, pointer) {
+proto$2.dragEnd = function (event, pointer) {
   if (!this.isDraggable) {
     return;
   }
@@ -2567,17 +2042,17 @@ proto$7.dragEnd = function (event, pointer) {
     this.isFreeScrolling = true;
   }
   // set selectedIndex based on where flick will end up
-  var index = this.dragEndRestingSelect();
-
+  let index = this.dragEndRestingSelect();
   if (this.options.freeScroll && !this.options.wrapAround) {
     // if free-scroll & not wrap around
     // do not free-scroll if going outside of bounding slides
     // so bounding slides can attract slider, and keep it in bounds
-    var restingX = this.getRestingPosition();
+    const restingX = this.getRestingPosition();
     this.isFreeScrolling =
       -restingX > this.slides[0].target &&
-      -restingX < this.getLastSlide().target;
-  } else if (!this.options.freeScroll && index == this.selectedIndex) {
+        -restingX < this.getLastSlide().target;
+  }
+  else if (!this.options.freeScroll && index == this.selectedIndex) {
     // boost selection if selected index has not changed
     index += this.dragEndBoostSelect();
   }
@@ -2590,22 +2065,19 @@ proto$7.dragEnd = function (event, pointer) {
   delete this.isDragSelect;
   this.dispatchEvent('dragEnd', event, [pointer]);
 };
-
-proto$7.dragEndRestingSelect = function () {
-  var restingX = this.getRestingPosition();
+proto$2.dragEndRestingSelect = function () {
+  const restingX = this.getRestingPosition();
   // how far away from selected slide
-  var distance = Math.abs(this.getSlideDistance(-restingX, this.selectedIndex));
+  const distance = Math.abs(this.getSlideDistance(-restingX, this.selectedIndex));
   // get closet resting going up and going down
-  var positiveResting = this._getClosestResting(restingX, distance, 1);
-  var negativeResting = this._getClosestResting(restingX, distance, -1);
+  const positiveResting = this._getClosestResting(restingX, distance, 1);
+  const negativeResting = this._getClosestResting(restingX, distance, -1);
   // use closer resting for wrap-around
-  var index =
-    positiveResting.distance < negativeResting.distance
-      ? positiveResting.index
-      : negativeResting.index;
+  const index = positiveResting.distance < negativeResting.distance
+    ? positiveResting.index
+    : negativeResting.index;
   return index;
 };
-
 /**
  * given resting X and distance to selected cell
  * get the distance and index of the closest cell
@@ -2614,18 +2086,17 @@ proto$7.dragEndRestingSelect = function () {
  * @param {Integer} increment - +1 or -1, going up or down
  * @returns {Object} - { distance: {Number}, index: {Integer} }
  */
-proto$7._getClosestResting = function (restingX, distance, increment) {
-  var index = this.selectedIndex;
-  var minDistance = Infinity;
-  var condition =
-    this.options.contain && !this.options.wrapAround
-      ? // if contain, keep going if distance is equal to minDistance
-        function (d, md) {
-          return d <= md;
-        }
-      : function (d, md) {
-          return d < md;
-        };
+proto$2._getClosestResting = function (restingX, distance, increment) {
+  let index = this.selectedIndex;
+  let minDistance = Infinity;
+  const condition = this.options.contain && !this.options.wrapAround
+    ? // if contain, keep going if distance is equal to minDistance
+      function (d, md) {
+        return d <= md;
+      }
+    : function (d, md) {
+      return d < md;
+    };
   while (condition(distance, minDistance)) {
     // measure distance to next cell
     index += increment;
@@ -2642,109 +2113,95 @@ proto$7._getClosestResting = function (restingX, distance, increment) {
     index: index - increment,
   };
 };
-
 /**
  * measure distance between x and a slide target
  * @param {Number} x
  * @param {Integer} index - slide index
+ * @returns null or distance number
  */
-proto$7.getSlideDistance = function (x, index) {
-  var len = this.slides.length;
+proto$2.getSlideDistance = function (x, index) {
+  const len = this.slides.length;
   // wrap around if at least 2 slides
-  var isWrapAround = this.options.wrapAround && len > 1;
-  var slideIndex = isWrapAround ? utils.modulo(index, len) : index;
-  var slide = this.slides[slideIndex];
+  const isWrapAround = this.options.wrapAround && len > 1;
+  const slideIndex = isWrapAround ? utils.modulo(index, len) : index;
+  const slide = this.slides[slideIndex];
   if (!slide) {
     return null;
   }
   // add distance for wrap-around slides
-  var wrap = isWrapAround ? this.slideableWidth * Math.floor(index / len) : 0;
+  const wrap = isWrapAround ? this.slideableWidth * Math.floor(index / len) : 0;
   return x - (slide.target + wrap);
 };
-
-proto$7.dragEndBoostSelect = function () {
+proto$2.dragEndBoostSelect = function () {
   // do not boost if no previousDragX or dragMoveTime
-  if (
-    this.previousDragX === undefined ||
+  if (this.previousDragX === undefined ||
     !this.dragMoveTime ||
     // or if drag was held for 100 ms
-    new Date() - this.dragMoveTime > 100
-  ) {
+    new Date() - this.dragMoveTime > 100) {
     return 0;
   }
-
-  var distance = this.getSlideDistance(-this.dragX, this.selectedIndex);
-  var delta = this.previousDragX - this.dragX;
+  const distance = this.getSlideDistance(-this.dragX, this.selectedIndex);
+  const delta = this.previousDragX - this.dragX;
   if (distance > 0 && delta > 0) {
     // boost to next if moving towards the right, and positive velocity
     return 1;
-  } else if (distance < 0 && delta < 0) {
+  }
+  else if (distance < 0 && delta < 0) {
     // boost to previous if moving towards the left, and negative velocity
     return -1;
   }
   return 0;
 };
-
 // ----- staticClick ----- //
-
-proto$7.staticClick = function (event, pointer) {
+proto$2.staticClick = function (event, pointer) {
   // get clickedCell, if cell was clicked
-  var clickedCell = this.getParentCell(event.target);
-  var cellElem = clickedCell && clickedCell.element;
-  var cellIndex = clickedCell && this.cells.indexOf(clickedCell);
+  const clickedCell = this.getParentCell(event.target);
+  const cellElem = clickedCell && clickedCell.element;
+  const cellIndex = clickedCell && this.cells.indexOf(clickedCell);
   this.dispatchEvent('staticClick', event, [pointer, cellElem, cellIndex]);
 };
-
 // ----- scroll ----- //
-
-proto$7.onscroll = function () {
-  var scroll = getScrollPosition();
-  var scrollMoveX = this.pointerDownScroll.x - scroll.x;
-  var scrollMoveY = this.pointerDownScroll.y - scroll.y;
+proto$2.onscroll = function () {
+  const scroll = getScrollPosition();
+  const scrollMoveX = this.pointerDownScroll.x - scroll.x;
+  const scrollMoveY = this.pointerDownScroll.y - scroll.y;
   // cancel click/tap if scroll is too much
   if (Math.abs(scrollMoveX) > 3 || Math.abs(scrollMoveY) > 3) {
     this._pointerDone();
   }
 };
-
 // ----- utils ----- //
-
 function getScrollPosition() {
   return {
     x: window.pageXOffset,
     y: window.pageYOffset,
   };
 }
-
 // -----  ----- //
 
-var svgURI$1 = 'http://www.w3.org/2000/svg';
-
+const svgURI = 'http://www.w3.org/2000/svg';
 // -------------------------- PrevNextButton -------------------------- //
-
 function PrevNextButton(direction, parent) {
   this.direction = direction;
   this.parent = parent;
   this.parentElement = this.parent.element.shadowRoot || this.parent.element;
   this._create();
 }
-
-PrevNextButton.prototype = Object.create(unipointer.prototype);
-
+PrevNextButton.prototype = Object.create(Unipointer.prototype);
 PrevNextButton.prototype._create = function () {
   // properties
   this.isEnabled = true;
   this.isPrevious = this.direction == -1;
-  var leftDirection = this.parent.options.rightToLeft ? 1 : -1;
+  const leftDirection = this.parent.options.rightToLeft ? 1 : -1;
   this.isLeft = this.direction == leftDirection;
-
-  var button = (this.element = document.createElement('button'));
+  const button = (this.element = document.createElement('button'));
   button.className = 'flickity-button flickity-prev-next-button';
   button.part.add('navigation-button');
   if (this.isPrevious) {
     button.classList.add('previous');
     button.part.add('navigation-button--previous');
-  } else {
+  }
+  else {
     button.classList.add('next');
     button.part.add('navigation-button--next');
   }
@@ -2752,9 +2209,7 @@ PrevNextButton.prototype._create = function () {
   button.setAttribute('type', 'button');
   // init as disabled
   this.disable();
-
   button.setAttribute('aria-label', this.isPrevious ? 'Previous' : 'Next');
-
   const slot = document.createElement('slot');
   slot.name = this.isPrevious ? 'previous-icon' : 'next-icon';
   button.appendChild(slot);
@@ -2763,22 +2218,19 @@ PrevNextButton.prototype._create = function () {
       ele.removeAttribute('hidden');
     });
   });
-
   // create arrow
-  var svg = this.createSVG();
+  const svg = this.createSVG();
   slot.appendChild(svg);
   // events
   this.parent.on('select', this.update.bind(this));
   this.on('pointerDown', this.parent.childUIPointerDown.bind(this.parent));
 };
-
 PrevNextButton.prototype.activate = function () {
   this.bindStartEvent(this.element);
   this.element.addEventListener('click', this);
   // add to DOM
   this.parentElement.appendChild(this.element);
 };
-
 PrevNextButton.prototype.deactivate = function () {
   // remove from DOM
   this.parentElement.removeChild(this.element);
@@ -2786,14 +2238,13 @@ PrevNextButton.prototype.deactivate = function () {
   this.unbindStartEvent(this.element);
   this.element.removeEventListener('click', this);
 };
-
 PrevNextButton.prototype.createSVG = function () {
-  var svg = document.createElementNS(svgURI$1, 'svg');
+  const svg = document.createElementNS(svgURI, 'svg');
   svg.setAttribute('class', 'flickity-button-icon');
   svg.setAttribute('viewBox', '0 0 100 100');
   svg.part.add('navigation-icon');
-  var path = document.createElementNS(svgURI$1, 'path');
-  var pathMovements = getArrowMovements(this.parent.options.arrowShape);
+  const path = document.createElementNS(svgURI, 'path');
+  const pathMovements = getArrowMovements(this.parent.options.arrowShape);
   path.setAttribute('d', pathMovements);
   path.setAttribute('class', 'arrow');
   // rotate arrow
@@ -2803,7 +2254,6 @@ PrevNextButton.prototype.createSVG = function () {
   svg.appendChild(path);
   return svg;
 };
-
 // get SVG path movmement
 function getArrowMovements(shape) {
   // use shape as movement if string
@@ -2811,8 +2261,7 @@ function getArrowMovements(shape) {
     return shape;
   }
   // create movement string
-  return (
-    'M ' +
+  return ('M ' +
     shape.x0 +
     ',50' +
     ' L ' +
@@ -2834,23 +2283,18 @@ function getArrowMovements(shape) {
     shape.x1 +
     ',' +
     (50 - shape.y1) +
-    ' Z'
-  );
+    ' Z');
 }
-
 PrevNextButton.prototype.handleEvent = utils.handleEvent;
-
 PrevNextButton.prototype.onclick = function () {
   if (!this.isEnabled) {
     return;
   }
   this.parent.uiChange();
-  var method = this.isPrevious ? 'previous' : 'next';
+  const method = this.isPrevious ? 'previous' : 'next';
   this.parent[method]();
 };
-
 // -----  ----- //
-
 PrevNextButton.prototype.enable = function () {
   if (this.isEnabled) {
     return;
@@ -2858,7 +2302,6 @@ PrevNextButton.prototype.enable = function () {
   this.element.disabled = false;
   this.isEnabled = true;
 };
-
 PrevNextButton.prototype.disable = function () {
   if (!this.isEnabled) {
     return;
@@ -2866,28 +2309,24 @@ PrevNextButton.prototype.disable = function () {
   this.element.disabled = true;
   this.isEnabled = false;
 };
-
 PrevNextButton.prototype.update = function () {
   // index of first or last slide, if previous or next
-  var slides = this.parent.slides;
+  const slides = this.parent.slides;
   // enable is wrapAround and at least 2 slides
   if (this.parent.options.wrapAround && slides.length > 1) {
     this.enable();
     return;
   }
-  var lastIndex = slides.length ? slides.length - 1 : 0;
-  var boundIndex = this.isPrevious ? 0 : lastIndex;
-  var method = this.parent.selectedIndex == boundIndex ? 'disable' : 'enable';
+  const lastIndex = slides.length ? slides.length - 1 : 0;
+  const boundIndex = this.isPrevious ? 0 : lastIndex;
+  const method = this.parent.selectedIndex == boundIndex ? 'disable' : 'enable';
   this[method]();
 };
-
 PrevNextButton.prototype.destroy = function () {
   this.deactivate();
   this.allOff();
 };
-
 // -------------------------- Flickity prototype -------------------------- //
-
 utils.extend(Flickity.defaults, {
   prevNextButtons: true,
   arrowShape: {
@@ -2899,232 +2338,64 @@ utils.extend(Flickity.defaults, {
     x3: 30,
   },
 });
-
 Flickity.createMethods.push('_createPrevNextButtons');
-var proto$6 = Flickity.prototype;
-
-proto$6._createPrevNextButtons = function () {
+const proto$1 = Flickity.prototype;
+proto$1._createPrevNextButtons = function () {
   if (!this.options.prevNextButtons) {
     return;
   }
-
   this.prevButton = new PrevNextButton(-1, this);
   this.nextButton = new PrevNextButton(1, this);
-
   this.on('activate', this.activatePrevNextButtons);
 };
-
-proto$6.activatePrevNextButtons = function () {
+proto$1.activatePrevNextButtons = function () {
   this.prevButton.activate();
   this.nextButton.activate();
   this.on('deactivate', this.deactivatePrevNextButtons);
 };
-
-proto$6.deactivatePrevNextButtons = function () {
+proto$1.deactivatePrevNextButtons = function () {
   this.prevButton.deactivate();
   this.nextButton.deactivate();
   this.off('deactivate', this.deactivatePrevNextButtons);
 };
-
-// --------------------------  -------------------------- //
-
+// @ts-ignore
 Flickity.PrevNextButton = PrevNextButton;
 
-function PageDots(parent) {
+// -------------------------- Player -------------------------- //
+function Player(parent) {
   this.parent = parent;
-  this.parentElement = this.parent.element.shadowRoot || this.parent.element;
-  this._create();
+  this.state = 'stopped';
+  // visibility change event handler
+  this.onVisibilityChange = this.visibilityChange.bind(this);
+  this.onVisibilityPlay = this.visibilityPlay.bind(this);
 }
-
-PageDots.prototype = Object.create(unipointer.prototype);
-
-PageDots.prototype._create = function () {
-  // create holder element
-  this.holder = document.createElement('ol');
-  this.holder.className = 'flickity-page-dots';
-  this.holder.part.add('pagination');
-
-  // create dots, array of elements
-  this.dots = [];
-  // events
-  this.handleClick = this.onClick.bind(this);
-  this.on('pointerDown', this.parent.childUIPointerDown.bind(this.parent));
-};
-
-PageDots.prototype.activate = function () {
-  this.setDots();
-  this.holder.addEventListener('click', this.handleClick);
-  this.bindStartEvent(this.holder);
-  // add to DOM
-  this.parentElement.appendChild(this.holder);
-};
-
-PageDots.prototype.deactivate = function () {
-  this.holder.removeEventListener('click', this.handleClick);
-  this.unbindStartEvent(this.holder);
-  // remove from DOM
-  this.parentElement.removeChild(this.holder);
-};
-
-PageDots.prototype.setDots = function () {
-  // get difference between number of slides and number of dots
-  var delta = this.parent.slides.length - this.dots.length;
-  if (delta > 0) {
-    this.addDots(delta);
-  } else if (delta < 0) {
-    this.removeDots(-delta);
-  }
-};
-
-PageDots.prototype.addDots = function (count) {
-  var fragment = document.createDocumentFragment();
-  var newDots = [];
-  var length = this.dots.length;
-  var max = length + count;
-
-  for (var i = length; i < max; i++) {
-    var dot = document.createElement('li');
-    dot.classList.add('dot');
-    dot.part.add('pagination-item');
-    dot.setAttribute('aria-label', 'Page dot ' + (i + 1));
-    fragment.appendChild(dot);
-    newDots.push(dot);
-  }
-
-  this.holder.appendChild(fragment);
-  this.dots = this.dots.concat(newDots);
-};
-
-PageDots.prototype.removeDots = function (count) {
-  // remove from this.dots collection
-  var removeDots = this.dots.splice(this.dots.length - count, count);
-  // remove from DOM
-  removeDots.forEach(function (dot) {
-    this.holder.removeChild(dot);
-  }, this);
-};
-
-PageDots.prototype.updateSelected = function () {
-  // remove selected class on previous
-  if (this.selectedDot) {
-    this.selectedDot.classList.remove('is-selected');
-    this.selectedDot.part.remove('pagination-item--active');
-    this.selectedDot.removeAttribute('aria-current');
-  }
-  // don't proceed if no dots
-  if (!this.dots.length) {
-    return;
-  }
-  this.selectedDot = this.dots[this.parent.selectedIndex];
-  this.selectedDot.classList.add('is-selected');
-  this.selectedDot.part.add('pagination-item--active');
-  this.selectedDot.setAttribute('aria-current', 'step');
-};
-
-PageDots.prototype.onTap = PageDots.prototype.onClick = function (event) {
-  // old method name, backwards-compatible
-  var target = event.target;
-  // only care about dot clicks
-  if (target.nodeName != 'LI') {
-    return;
-  }
-
-  this.parent.uiChange();
-  var index = this.dots.indexOf(target);
-  this.parent.select(index);
-};
-
-PageDots.prototype.destroy = function () {
-  this.deactivate();
-  this.allOff();
-};
-
-Flickity.PageDots = PageDots;
-
-// -------------------------- Flickity -------------------------- //
-
-utils.extend(Flickity.defaults, {
-  pageDots: true,
-});
-
-Flickity.createMethods.push('_createPageDots');
-
-var proto$5 = Flickity.prototype;
-
-proto$5._createPageDots = function () {
-  if (!this.options.pageDots) {
-    return;
-  }
-  this.pageDots = new PageDots(this);
-  // events
-  this.on('activate', this.activatePageDots);
-  this.on('select', this.updateSelectedPageDots);
-  this.on('cellChange', this.updatePageDots);
-  this.on('resize', this.updatePageDots);
-  this.on('deactivate', this.deactivatePageDots);
-};
-
-proto$5.activatePageDots = function () {
-  this.pageDots.activate();
-};
-
-proto$5.updateSelectedPageDots = function () {
-  this.pageDots.updateSelected();
-};
-
-proto$5.updatePageDots = function () {
-  this.pageDots.setDots();
-};
-
-proto$5.deactivatePageDots = function () {
-  this.pageDots.deactivate();
-};
-
-// -----  ----- //
-
-Flickity.PageDots = PageDots;
-
-// -------------------------- Player -------------------------- //
-
-function Player(parent) {
-  this.parent = parent;
-  this.state = 'stopped';
-  // visibility change event handler
-  this.onVisibilityChange = this.visibilityChange.bind(this);
-  this.onVisibilityPlay = this.visibilityPlay.bind(this);
-}
-
-Player.prototype = Object.create(evEmitter.prototype);
-
+Player.prototype = Object.create(EvEmitter.prototype);
 // start play
 Player.prototype.play = function () {
   if (this.state == 'playing') {
     return;
   }
   // do not play if page is hidden, start playing when page is visible
-  var isPageHidden = document.hidden;
+  const isPageHidden = document.hidden;
   if (isPageHidden) {
     document.addEventListener('visibilitychange', this.onVisibilityPlay);
     return;
   }
-
   this.state = 'playing';
   // listen to visibility change
   document.addEventListener('visibilitychange', this.onVisibilityChange);
   // start ticking
   this.tick();
 };
-
 Player.prototype.tick = function () {
   // do not tick if not playing
   if (this.state != 'playing') {
     return;
   }
-
-  var time = this.parent.options.autoPlay;
+  let time = this.parent.options.autoPlay;
   // default to 3 seconds
   time = typeof time == 'number' ? time : 3000;
-  var _this = this;
+  const _this = this;
   // HACK: reset ticks if stopped and started within interval
   this.clear();
   this.timeout = setTimeout(function () {
@@ -3132,720 +2403,93 @@ Player.prototype.tick = function () {
     _this.tick();
   }, time);
 };
-
 Player.prototype.stop = function () {
   this.state = 'stopped';
   this.clear();
   // remove visibility change event
   document.removeEventListener('visibilitychange', this.onVisibilityChange);
 };
-
 Player.prototype.clear = function () {
   clearTimeout(this.timeout);
 };
-
 Player.prototype.pause = function () {
   if (this.state == 'playing') {
     this.state = 'paused';
     this.clear();
   }
 };
-
 Player.prototype.unpause = function () {
   // re-start play if paused
   if (this.state == 'paused') {
     this.play();
   }
 };
-
 // pause if page visibility is hidden, unpause if visible
 Player.prototype.visibilityChange = function () {
-  var isPageHidden = document.hidden;
+  const isPageHidden = document.hidden;
   this[isPageHidden ? 'pause' : 'unpause']();
 };
-
 Player.prototype.visibilityPlay = function () {
   this.play();
   document.removeEventListener('visibilitychange', this.onVisibilityPlay);
 };
-
 // -------------------------- Flickity -------------------------- //
-
 utils.extend(Flickity.defaults, {
   pauseAutoPlayOnHover: true,
 });
-
 Flickity.createMethods.push('_createPlayer');
-var proto$4 = Flickity.prototype;
-
-proto$4._createPlayer = function () {
+const proto = Flickity.prototype;
+proto._createPlayer = function () {
   this.player = new Player(this);
-
   this.on('activate', this.activatePlayer);
   this.on('uiChange', this.stopPlayer);
   this.on('pointerDown', this.stopPlayer);
   this.on('deactivate', this.deactivatePlayer);
 };
-
-proto$4.activatePlayer = function () {
+proto.activatePlayer = function () {
   if (!this.options.autoPlay) {
     return;
   }
   this.player.play();
   this.element.addEventListener('mouseenter', this);
 };
-
 // Player API, don't hate the ... thanks I know where the door is
-
-proto$4.playPlayer = function () {
+proto.playPlayer = function () {
   this.player.play();
 };
-
-proto$4.stopPlayer = function () {
+proto.stopPlayer = function () {
   this.player.stop();
 };
-
-proto$4.pausePlayer = function () {
+proto.pausePlayer = function () {
   this.player.pause();
 };
-
-proto$4.unpausePlayer = function () {
+proto.unpausePlayer = function () {
   this.player.unpause();
 };
-
-proto$4.deactivatePlayer = function () {
+proto.deactivatePlayer = function () {
   this.player.stop();
   this.element.removeEventListener('mouseenter', this);
 };
-
 // ----- mouseenter/leave ----- //
-
 // pause auto-play on hover
-proto$4.onmouseenter = function () {
+proto.onmouseenter = function () {
   if (!this.options.pauseAutoPlayOnHover) {
     return;
   }
   this.player.pause();
   this.element.addEventListener('mouseleave', this);
 };
-
 // resume auto-play on hover off
-proto$4.onmouseleave = function () {
+proto.onmouseleave = function () {
   this.player.unpause();
   this.element.removeEventListener('mouseleave', this);
 };
-
-// -----  ----- //
-
+// @ts-ignore
 Flickity.Player = Player;
 
-// append cells to a document fragment
-function getCellsFragment(cells) {
-  var fragment = document.createDocumentFragment();
-  cells.forEach(function (cell) {
-    fragment.appendChild(cell.element);
-  });
-  return fragment;
-}
-
-// -------------------------- add/remove cell prototype -------------------------- //
-
-var proto$3 = Flickity.prototype;
-
-/**
- * Insert, prepend, or append cells
- * @param {Element, Array, NodeList} elems
- * @param {Integer} index
- */
-proto$3.insert = function (elems, index) {
-  var cells = this._makeCells(elems);
-  if (!cells || !cells.length) {
-    return;
-  }
-  var len = this.cells.length;
-  // default to append
-  index = index === undefined ? len : index;
-  // add cells with document fragment
-  var fragment = getCellsFragment(cells);
-  // append to slider
-  var isAppend = index == len;
-  if (isAppend) {
-    this.slider.appendChild(fragment);
-  } else {
-    var insertCellElement = this.cells[index].element;
-    this.slider.insertBefore(fragment, insertCellElement);
-  }
-  // add to this.cells
-  if (index === 0) {
-    // prepend, add to start
-    this.cells = cells.concat(this.cells);
-  } else if (isAppend) {
-    // append, add to end
-    this.cells = this.cells.concat(cells);
-  } else {
-    // insert in this.cells
-    var endCells = this.cells.splice(index, len - index);
-    this.cells = this.cells.concat(cells).concat(endCells);
-  }
-
-  this._sizeCells(cells);
-  this.cellChange(index, true);
-};
-
-proto$3.append = function (elems) {
-  this.insert(elems, this.cells.length);
-};
-
-proto$3.prepend = function (elems) {
-  this.insert(elems, 0);
-};
-
-/**
- * Remove cells
- * @param {Element, Array, NodeList} elems
- */
-proto$3.remove = function (elems) {
-  var cells = this.getCells(elems);
-  if (!cells || !cells.length) {
-    return;
-  }
-
-  var minCellIndex = this.cells.length - 1;
-  // remove cells from collection & DOM
-  cells.forEach(function (cell) {
-    cell.remove();
-    var index = this.cells.indexOf(cell);
-    minCellIndex = Math.min(index, minCellIndex);
-    utils.removeFrom(this.cells, cell);
-  }, this);
-
-  this.cellChange(minCellIndex, true);
-};
-
-/**
- * logic to be run after a cell's size changes
- * @param {Element} elem - cell's element
- */
-proto$3.cellSizeChange = function (elem) {
-  var cell = this.getCell(elem);
-  if (!cell) {
-    return;
-  }
-  cell.getSize();
-
-  var index = this.cells.indexOf(cell);
-  this.cellChange(index);
-};
-
-/**
- * logic any time a cell is changed: added, removed, or size changed
- * @param {Integer} changedCellIndex - index of the changed cell, optional
- */
-proto$3.cellChange = function (changedCellIndex, isPositioningSlider) {
-  var prevSelectedElem = this.selectedElement;
-  this._positionCells(changedCellIndex);
-  this._getWrapShiftCells();
-  this.setGallerySize();
-  // update selectedIndex
-  // try to maintain position & select previous selected element
-  var cell = this.getCell(prevSelectedElem);
-  if (cell) {
-    this.selectedIndex = this.getCellSlideIndex(cell);
-  }
-  this.selectedIndex = Math.min(this.slides.length - 1, this.selectedIndex);
-
-  this.emitEvent('cellChange', [changedCellIndex]);
-  // position slider
-  this.select(this.selectedIndex);
-  // do not position slider after lazy load
-  if (isPositioningSlider) {
-    this.positionSliderAtSelected();
-  }
-};
-
-Flickity.createMethods.push('_createLazyload');
-var proto$2 = Flickity.prototype;
-
-proto$2._createLazyload = function () {
-  this.on('select', this.lazyLoad);
-};
-
-proto$2.lazyLoad = function () {
-  var lazyLoad = this.options.lazyLoad;
-  if (!lazyLoad) {
-    return;
-  }
-  // get adjacent cells, use lazyLoad option for adjacent count
-  var adjCount = typeof lazyLoad == 'number' ? lazyLoad : 0;
-  var cellElems = this.getAdjacentCellElements(adjCount);
-  // get lazy images in those cells
-  var lazyImages = [];
-  cellElems.forEach(function (cellElem) {
-    var lazyCellImages = getCellLazyImages(cellElem);
-    lazyImages = lazyImages.concat(lazyCellImages);
-  });
-  // load lazy images
-  lazyImages.forEach(function (img) {
-    new LazyLoader(img, this);
-  }, this);
-};
-
-function getCellLazyImages(cellElem) {
-  // check if cell element is lazy image
-  if (cellElem.nodeName == 'IMG') {
-    var lazyloadAttr = cellElem.getAttribute('data-flickity-lazyload');
-    var srcAttr = cellElem.getAttribute('data-flickity-lazyload-src');
-    var srcsetAttr = cellElem.getAttribute('data-flickity-lazyload-srcset');
-    if (lazyloadAttr || srcAttr || srcsetAttr) {
-      return [cellElem];
-    }
-  }
-  // select lazy images in cell
-  var lazySelector =
-    'img[data-flickity-lazyload], ' +
-    'img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]';
-  var imgs = cellElem.querySelectorAll(lazySelector);
-  return utils.makeArray(imgs);
-}
-
-// -------------------------- LazyLoader -------------------------- //
-
-/**
- * class to handle loading images
- */
-function LazyLoader(img, flickity) {
-  this.img = img;
-  this.flickity = flickity;
-  this.load();
-}
-
-LazyLoader.prototype.handleEvent = utils.handleEvent;
-
-LazyLoader.prototype.load = function () {
-  this.img.addEventListener('load', this);
-  this.img.addEventListener('error', this);
-  // get src & srcset
-  var src =
-    this.img.getAttribute('data-flickity-lazyload') ||
-    this.img.getAttribute('data-flickity-lazyload-src');
-  var srcset = this.img.getAttribute('data-flickity-lazyload-srcset');
-  // set src & serset
-  this.img.src = src;
-  if (srcset) {
-    this.img.setAttribute('srcset', srcset);
-  }
-  // remove attr
-  this.img.removeAttribute('data-flickity-lazyload');
-  this.img.removeAttribute('data-flickity-lazyload-src');
-  this.img.removeAttribute('data-flickity-lazyload-srcset');
-};
-
-LazyLoader.prototype.onload = function (event) {
-  this.complete(event, 'flickity-lazyloaded');
-};
-
-LazyLoader.prototype.onerror = function (event) {
-  this.complete(event, 'flickity-lazyerror');
-};
-
-LazyLoader.prototype.complete = function (event, className) {
-  // unbind events
-  this.img.removeEventListener('load', this);
-  this.img.removeEventListener('error', this);
-
-  var cell = this.flickity.getParentCell(this.img);
-  var cellElem = cell && cell.element;
-  this.flickity.cellSizeChange(cellElem);
-
-  this.img.classList.add(className);
-  this.flickity.dispatchEvent('lazyLoad', event, cellElem);
-};
-
-// -----  ----- //
-
-Flickity.LazyLoader = LazyLoader;
-
-Flickity.createMethods.push('_createFullscreen');
-var proto$1 = Flickity.prototype;
-
-proto$1._createFullscreen = function () {
-  this.isFullscreen = false;
-
-  if (!this.options.fullscreen) {
-    return;
-  }
-  // buttons
-  this.viewFullscreenButton = new FullscreenButton('view', this);
-  this.exitFullscreenButton = new FullscreenButton('exit', this);
-
-  this.on('activate', this._changeFullscreenActive);
-  this.on('deactivate', this._changeFullscreenActive);
-};
-
-// ----- activation ----- //
-
-proto$1._changeFullscreenActive = function () {
-  var childMethod = this.isActive ? 'appendChild' : 'removeChild';
-  this.element[childMethod](this.viewFullscreenButton.element);
-  this.element[childMethod](this.exitFullscreenButton.element);
-  // activate or deactivate buttons
-  var activeMethod = this.isActive ? 'activate' : 'deactivate';
-  this.viewFullscreenButton[activeMethod]();
-  this.exitFullscreenButton[activeMethod]();
-};
-
-// ----- view, exit, toggle ----- //
-
-proto$1.viewFullscreen = function () {
-  this._changeFullscreen(true);
-  this.focus();
-};
-
-proto$1.exitFullscreen = function () {
-  this._changeFullscreen(false);
-};
-
-proto$1._changeFullscreen = function (isView) {
-  if (this.isFullscreen == isView) {
-    return;
-  }
-  this.isFullscreen = isView;
-  var classMethod = isView ? 'add' : 'remove';
-  document.documentElement.classList[classMethod]('is-flickity-fullscreen');
-  this.element.classList[classMethod]('is-fullscreen');
-  this.resize();
-  // HACK extra reposition on fullscreen for images
-  if (this.isFullscreen) {
-    this.reposition();
-  }
-  this.dispatchEvent('fullscreenChange', null, [isView]);
-};
-
-proto$1.toggleFullscreen = function () {
-  this._changeFullscreen(!this.isFullscreen);
-};
-
-// ----- setGallerySize ----- //
-
-// overwrite so fullscreen cells are full height
-var setGallerySize = proto$1.setGallerySize;
-proto$1.setGallerySize = function () {
-  if (!this.options.setGallerySize) {
-    return;
-  }
-  if (this.isFullscreen) {
-    // remove height style on fullscreen
-    this.viewport.style.height = '';
-  } else {
-    // otherwise, do normal
-    setGallerySize.call(this);
-  }
-};
-
-// ----- keyboard ----- //
-
-// ESC key closes full screen
-Flickity.keyboardHandlers[27] = function () {
-  this.exitFullscreen();
-};
-
-// ----- FullscreenButton ----- //
-
-function FullscreenButton(name, flickity) {
-  this.name = name;
-  this.createButton();
-  this.createIcon();
-  // events
-  // trigger viewFullscreen or exitFullscreen on click
-  this.onClick = function () {
-    flickity[name + 'Fullscreen']();
-  };
-  this.clickHandler = this.onClick.bind(this);
-}
-
-FullscreenButton.prototype.createButton = function () {
-  var element = (this.element = document.createElement('button'));
-  element.className =
-    'flickity-button flickity-fullscreen-button ' +
-    'flickity-fullscreen-button-' +
-    this.name;
-  // prevent button from submitting form
-  element.setAttribute('type', 'button');
-  // set label
-  var label = capitalize(this.name + ' full-screen');
-  element.setAttribute('aria-label', label);
-  element.title = label;
-};
-
-function capitalize(text) {
-  return text[0].toUpperCase() + text.slice(1);
-}
-
-var svgURI = 'http://www.w3.org/2000/svg';
-
-var pathDirections = {
-  view: 'M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z',
-  exit: 'M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z',
-};
-
-FullscreenButton.prototype.createIcon = function () {
-  var svg = document.createElementNS(svgURI, 'svg');
-  svg.setAttribute('class', 'flickity-button-icon');
-  svg.setAttribute('viewBox', '0 0 32 32');
-  // path & direction
-  var path = document.createElementNS(svgURI, 'path');
-  var direction = pathDirections[this.name];
-  path.setAttribute('d', direction);
-  // put it together
-  svg.appendChild(path);
-  this.element.appendChild(svg);
-};
-
-FullscreenButton.prototype.activate = function () {
-  this.element.addEventListener('click', this.clickHandler);
-};
-
-FullscreenButton.prototype.deactivate = function () {
-  this.element.removeEventListener('click', this.clickHandler);
-};
-
-Flickity.FullscreenButton = FullscreenButton;
-
-var Slide = Flickity.Slide;
-
-var slideUpdateTarget = Slide.prototype.updateTarget;
-Slide.prototype.updateTarget = function () {
-  slideUpdateTarget.apply(this, arguments);
-  if (!this.parent.options.fade) {
-    return;
-  }
-  // position cells at selected target
-  var slideTargetX = this.target - this.x;
-  var firstCellX = this.cells[0].x;
-  this.cells.forEach(function (cell) {
-    var targetX = cell.x - firstCellX - slideTargetX;
-    cell.renderPosition(targetX);
-  });
-};
-
-Slide.prototype.setOpacity = function (alpha) {
-  this.cells.forEach(function (cell) {
-    cell.element.style.opacity = alpha;
-  });
-};
-
-// ---- Flickity ---- //
-
-var proto = Flickity.prototype;
-
-Flickity.createMethods.push('_createFade');
-
-proto._createFade = function () {
-  this.fadeIndex = this.selectedIndex;
-  this.prevSelectedIndex = this.selectedIndex;
-  this.on('select', this.onSelectFade);
-  this.on('dragEnd', this.onDragEndFade);
-  this.on('settle', this.onSettleFade);
-  this.on('activate', this.onActivateFade);
-  this.on('deactivate', this.onDeactivateFade);
-};
-
-var updateSlides = proto.updateSlides;
-proto.updateSlides = function () {
-  updateSlides.apply(this, arguments);
-  if (!this.options.fade) {
-    return;
-  }
-  // set initial opacity
-  this.slides.forEach(function (slide, i) {
-    var alpha = i == this.selectedIndex ? 1 : 0;
-    slide.setOpacity(alpha);
-  }, this);
-};
-
-/* ---- events ---- */
-
-proto.onSelectFade = function () {
-  // in case of resize, keep fadeIndex within current count
-  this.fadeIndex = Math.min(this.prevSelectedIndex, this.slides.length - 1);
-  this.prevSelectedIndex = this.selectedIndex;
-};
-
-proto.onSettleFade = function () {
-  delete this.didDragEnd;
-  if (!this.options.fade) {
-    return;
-  }
-  // set full and 0 opacity on selected & faded slides
-  this.selectedSlide.setOpacity(1);
-  var fadedSlide = this.slides[this.fadeIndex];
-  if (fadedSlide && this.fadeIndex != this.selectedIndex) {
-    this.slides[this.fadeIndex].setOpacity(0);
-  }
-};
-
-proto.onDragEndFade = function () {
-  // set flag
-  this.didDragEnd = true;
-};
-
-proto.onActivateFade = function () {
-  if (this.options.fade) {
-    this.element.classList.add('is-fade');
-  }
-};
-
-proto.onDeactivateFade = function () {
-  if (!this.options.fade) {
-    return;
-  }
-  this.element.classList.remove('is-fade');
-  // reset opacity
-  this.slides.forEach(function (slide) {
-    slide.setOpacity('');
-  });
-};
-
-/* ---- position & fading ---- */
-
-var positionSlider = proto.positionSlider;
-proto.positionSlider = function () {
-  if (!this.options.fade) {
-    positionSlider.apply(this, arguments);
-    return;
-  }
-
-  this.fadeSlides();
-  this.dispatchScrollEvent();
-};
-
-var positionSliderAtSelected = proto.positionSliderAtSelected;
-proto.positionSliderAtSelected = function () {
-  if (this.options.fade) {
-    // position fade slider at origin
-    this.setTranslateX(0);
-  }
-  positionSliderAtSelected.apply(this, arguments);
-};
-
-proto.fadeSlides = function () {
-  if (this.slides.length < 2) {
-    return;
-  }
-  // get slides to fade-in & fade-out
-  var indexes = this.getFadeIndexes();
-  var fadeSlideA = this.slides[indexes.a];
-  var fadeSlideB = this.slides[indexes.b];
-  var distance = this.wrapDifference(fadeSlideA.target, fadeSlideB.target);
-  var progress = this.wrapDifference(fadeSlideA.target, -this.x);
-  progress = progress / distance;
-
-  fadeSlideA.setOpacity(1 - progress);
-  fadeSlideB.setOpacity(progress);
-
-  // hide previous slide
-  var fadeHideIndex = indexes.a;
-  if (this.isDragging) {
-    fadeHideIndex = progress > 0.5 ? indexes.a : indexes.b;
-  }
-  var isNewHideIndex =
-    this.fadeHideIndex != undefined &&
-    this.fadeHideIndex != fadeHideIndex &&
-    this.fadeHideIndex != indexes.a &&
-    this.fadeHideIndex != indexes.b;
-  if (isNewHideIndex) {
-    // new fadeHideSlide set, hide previous
-    this.slides[this.fadeHideIndex].setOpacity(0);
-  }
-  this.fadeHideIndex = fadeHideIndex;
-};
-
-proto.getFadeIndexes = function () {
-  if (!this.isDragging && !this.didDragEnd) {
-    return {
-      a: this.fadeIndex,
-      b: this.selectedIndex,
-    };
-  }
-  if (this.options.wrapAround) {
-    return this.getFadeDragWrapIndexes();
-  } else {
-    return this.getFadeDragLimitIndexes();
-  }
-};
-
-proto.getFadeDragWrapIndexes = function () {
-  var distances = this.slides.map(function (slide, i) {
-    return this.getSlideDistance(-this.x, i);
-  }, this);
-  var absDistances = distances.map(function (distance) {
-    return Math.abs(distance);
-  });
-  var minDistance = Math.min.apply(Math, absDistances);
-  var closestIndex = absDistances.indexOf(minDistance);
-  var distance = distances[closestIndex];
-  var len = this.slides.length;
-
-  var delta = distance >= 0 ? 1 : -1;
-  return {
-    a: closestIndex,
-    b: utils.modulo(closestIndex + delta, len),
-  };
-};
-
-proto.getFadeDragLimitIndexes = function () {
-  // calculate closest previous slide
-  var dragIndex = 0;
-  for (var i = 0; i < this.slides.length - 1; i++) {
-    var slide = this.slides[i];
-    if (-this.x < slide.target) {
-      break;
-    }
-    dragIndex = i;
-  }
-  return {
-    a: dragIndex,
-    b: dragIndex + 1,
-  };
-};
-
-proto.wrapDifference = function (a, b) {
-  var diff = b - a;
-
-  if (!this.options.wrapAround) {
-    return diff;
-  }
-
-  var diffPlus = diff + this.slideableWidth;
-  var diffMinus = diff - this.slideableWidth;
-  if (Math.abs(diffPlus) < Math.abs(diff)) {
-    diff = diffPlus;
-  }
-  if (Math.abs(diffMinus) < Math.abs(diff)) {
-    diff = diffMinus;
-  }
-  return diff;
-};
-
-// ---- wrapAround ---- //
-
-var _getWrapShiftCells = proto._getWrapShiftCells;
-proto._getWrapShiftCells = function () {
-  if (!this.options.fade) {
-    _getWrapShiftCells.apply(this, arguments);
-  }
-};
-
-var shiftWrapCells = proto.shiftWrapCells;
-proto.shiftWrapCells = function () {
-  if (!this.options.fade) {
-    shiftWrapCells.apply(this, arguments);
-  }
-};
-
 const flickity = Flickity;
 
-const slidesCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--dot-color:#ccc;--dot-color-active:var(--nano-color-primary, #007495);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:white;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:white;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:white;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:opacity 0.2s;opacity:0;max-width:100vw}:host([ready]){opacity:1}.slideshow{max-height:100%;min-height:inherit;height:inherit;position:relative}.slideshow.not-ready{width:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.not-ready .flickity-container{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.flickity-container.slides-ready{min-height:inherit;max-height:inherit;height:inherit;width:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.flickity-button-icon{fill:var(--navbtns-icon-color)}.flickity-button:disabled .flickity-button-icon{fill:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button{inset-block-start:50%;inline-size:44px;block-size:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{inset-inline-start:10px}.flickity-prev-next-button.next{inset-inline-end:10px}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{position:absolute;inline-size:100%;inset-block-end:10px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;z-index:4}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;inline-size:10px;block-size:10px;margin-block:0;margin-inline:8px;border-radius:50%;cursor:pointer;background:var(--dot-color)}.flickity-page-dots .dot.is-selected{opacity:1;background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:rgba(0, 0, 0, 0.9);-webkit-padding-after:35px;padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";
+const slidesCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{--dot-color:#ccc;--dot-color-active:var(--nano-color-primary, #007495);--navbtns-icon-color:var(--dot-color-active);--navbtns-bg-color:white;--navbtns-icon-color-disabled:var(--dot-color-active);--navbtns-bg-color-disabled:white;--fsbtn-icon-color:var(--dot-color-active);--fsbtn-bg-color:white;display:block;-webkit-user-select:none;user-select:none;overflow:hidden;transition:opacity 0.2s;opacity:0;max-inline-size:100vw}:host([ready]){opacity:1}.slideshow{max-block-size:100%;min-block-size:inherit;block-size:inherit;position:relative}.slideshow.not-ready{inline-size:100%;overflow:hidden}.flickity-container{opacity:0;transition:opacity 0.2s;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;block-size:-moz-fit-content;block-size:fit-content}.not-ready .flickity-container{inline-size:-moz-fit-content;inline-size:fit-content;block-size:-moz-fit-content;block-size:fit-content}.flickity-container.slides-ready{min-block-size:inherit;max-block-size:inherit;block-size:inherit;inline-size:auto}[hidden]{display:none !important}.ui-extras{pointer-events:none;position:absolute;block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0}.ui-extras *{pointer-events:all}/*! Flickity v2.2.1\nhttps://flickity.metafizzy.co\n---------------------------------------------- */.flickity-enabled{position:relative;opacity:1}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;min-block-size:100%;flex:1}.flickity-slider{position:absolute;inline-size:100%;block-size:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{position:absolute;background:var(--navbtns-bg-color);border:none;color:#333;opacity:0.75}.flickity-button:hover{opacity:1;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:0.6}.flickity-button:disabled{opacity:0.3;cursor:auto;pointer-events:none;background:var(--navbtns-bg-color-disabled)}.flickity-button-icon{fill:var(--navbtns-icon-color)}.flickity-button:disabled .flickity-button-icon{fill:var(--navbtns-icon-color-disabled)}.flickity-prev-next-button{inset-block-start:50%;inline-size:44px;block-size:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{inset-inline-start:10px}.flickity-prev-next-button.next{inset-inline-end:10px}.flickity-rtl .flickity-prev-next-button.previous{inset-inline:auto 10px}.flickity-rtl .flickity-prev-next-button.next{inset-inline:10px auto}.flickity-prev-next-button .flickity-button-icon{position:absolute;inset-inline-start:20%;inset-block-start:20%;inline-size:60%;block-size:60%}.flickity-page-dots{position:absolute;inline-size:100%;inset-block-end:10px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;z-index:4}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;inline-size:10px;block-size:10px;margin-block:0;margin-inline:8px;border-radius:50%;cursor:pointer;background:var(--dot-color)}.flickity-page-dots .dot.is-selected{opacity:1;background:var(--dot-color-active)}.flickity-enabled.is-fullscreen{position:fixed;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;background:rgba(0, 0, 0, 0.9);padding-block-end:35px;z-index:100}.flickity-enabled.is-fullscreen .flickity-page-dots{inset-block-end:45px}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;inset-inline-end:10px;inset-block-start:10px;inline-size:24px;block-size:24px;border-radius:4px;background:var(--fsbtn-bg-color);fill:var(--fsbtn-icon-color)}.flickity-rtl .flickity-fullscreen-button{inset-inline:10px auto}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;inline-size:16px;block-size:16px;inset-inline-start:4px;inset-block-start:4px}.flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0}.flickity-enabled.is-fade .flickity-slider ::slotted(.is-selected){pointer-events:auto;z-index:1}";
 
 const modulo = (num, div) => {
   return ((num % div) + div) % div;
@@ -3870,6 +2514,10 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     this.flickity = new Promise((resolve) => {
       this.readyflickity = resolve;
     });
+    this.hasFullScreenModule = false;
+    this.hasLazyLoadModule = false;
+    this.hasDotsModule = false;
+    this.hasFadeModule = false;
     this.parallax = async () => {
       const flkty = await this.flickity;
       const cells = flkty.cells;
@@ -3916,7 +2564,8 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   async optionsChanged() {
     if (this.flickityReady) {
       const flickity = await this.getflickity();
-      Object.assign(flickity.options, this.options);
+      const newOpts = Object.assign(flickity.options, this.options);
+      await this.loadFlickityModules(newOpts);
       await this.update();
     }
   }
@@ -3927,11 +2576,13 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   }
   async pagerChanged() {
     const dots = this._getRoot().querySelector('.flickity-page-dots');
-    dots.hidden = !this.pager;
+    if (dots)
+      dots.hidden = !this.pager;
   }
   async fullscreenBtnChanged() {
     const btn = this._getRoot().querySelector('.flickity-fullscreen-button');
-    btn.hidden = !this.fullscreenbtn;
+    if (btn)
+      btn.hidden = !this.fullscreenbtn;
   }
   async fullscreenChanged(_, oldFs) {
     const flickity = await this.getflickity();
@@ -4136,8 +2787,27 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     }
     this.didInit = false;
   }
+  async loadFlickityModules(opts) {
+    if (!this.hasFullScreenModule && opts.fullscreen) {
+      await import('./fullscreen.js');
+      this.hasFullScreenModule = true;
+    }
+    if (!this.hasLazyLoadModule && opts.lazyLoad) {
+      await import('./lazyload.js');
+      this.hasLazyLoadModule = true;
+    }
+    if (!this.hasDotsModule && opts.pageDots) {
+      await import('./page-dots.js');
+      this.hasDotsModule = true;
+    }
+    if (!this.hasFadeModule && opts.fade) {
+      await import('./fade.js');
+      this.hasFadeModule = true;
+    }
+  }
   async initflickity() {
     const finalOptions = this.normalizeOptions();
+    await this.loadFlickityModules(finalOptions);
     // init flickity core
     await waitForSlides(this.host);
     this.flickityEl =
@@ -4178,10 +2848,10 @@ const Slides = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       cellSelector: 'nano-slide',
       contain: true,
       prevNextButtons: true,
-      fullscreen: true,
+      fullscreen: this.fullscreen,
       accessibility: true,
       imagesLoaded: true,
-      pageDots: true,
+      pageDots: this.pager,
     };
     if (this.animation === 'fade') {
       flickityOptions.fade = true;
@@ -4341,6 +3011,6 @@ function defineCustomElement$1() {
 const NanoSlides = Slides;
 const defineCustomElement = defineCustomElement$1;
 
-export { NanoSlides, defineCustomElement };
+export { Flickity as F, NanoSlides, Unipointer as U, defineCustomElement, utils as u };
 
 //# sourceMappingURL=nano-slides.js.map