@nanoporetech-digital/components 7.4.4 → 7.5.0

package/dist/collection/components/slides/lib/js/prev-next-button.js

@@ -4,186 +4,187 @@
 import Flickity from "./flickity";
 import { Unipointer } from "./utils/gestures";
 import { utils } from "./utils/utils";
-('use strict');
-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._create = function () {
-    // properties
-    this.isEnabled = true;
-    this.isPrevious = this.direction == -1;
-    const leftDirection = this.parent.options.rightToLeft ? 1 : -1;
-    this.isLeft = this.direction == leftDirection;
-    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');
+export default () => {
+    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();
     }
-    else {
-        button.classList.add('next');
-        button.part.add('navigation-button--next');
-    }
-    // prevent button from submitting form http://stackoverflow.com/a/10836076/182183
-    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);
-    slot.addEventListener('slotchange', () => {
-        slot.assignedElements({ flatten: true }).forEach((ele) => {
-            ele.removeAttribute('hidden');
+    PrevNextButton.prototype = Object.create(Unipointer.prototype);
+    PrevNextButton.prototype._create = function () {
+        // properties
+        this.isEnabled = true;
+        this.isPrevious = this.direction == -1;
+        const leftDirection = this.parent.options.rightToLeft ? 1 : -1;
+        this.isLeft = this.direction == leftDirection;
+        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 {
+            button.classList.add('next');
+            button.part.add('navigation-button--next');
+        }
+        // prevent button from submitting form http://stackoverflow.com/a/10836076/182183
+        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);
+        slot.addEventListener('slotchange', () => {
+            slot.assignedElements({ flatten: true }).forEach((ele) => {
+                ele.removeAttribute('hidden');
+            });
         });
-    });
-    // create arrow
-    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);
-    // click events
-    this.unbindStartEvent(this.element);
-    this.element.removeEventListener('click', this);
-};
-PrevNextButton.prototype.createSVG = function () {
-    const svg = document.createElementNS(svgURI, 'svg');
-    svg.setAttribute('class', 'flickity-button-icon');
-    svg.setAttribute('viewBox', '0 0 100 100');
-    svg.part.add('navigation-icon');
-    const path = document.createElementNS(svgURI, 'path');
-    const pathMovements = getArrowMovements(this.parent.options.arrowShape);
-    path.setAttribute('d', pathMovements);
-    path.setAttribute('class', 'arrow');
-    // rotate arrow
-    if (!this.isLeft) {
-        path.setAttribute('transform', 'translate(100, 100) rotate(180) ');
-    }
-    svg.appendChild(path);
-    return svg;
-};
-// get SVG path movmement
-function getArrowMovements(shape) {
-    // use shape as movement if string
-    if (typeof shape == 'string') {
-        return shape;
-    }
-    // create movement string
-    return ('M ' +
-        shape.x0 +
-        ',50' +
-        ' L ' +
-        shape.x1 +
-        ',' +
-        (shape.y1 + 50) +
-        ' L ' +
-        shape.x2 +
-        ',' +
-        (shape.y2 + 50) +
-        ' L ' +
-        shape.x3 +
-        ',50 ' +
-        ' L ' +
-        shape.x2 +
-        ',' +
-        (50 - shape.y2) +
-        ' L ' +
-        shape.x1 +
-        ',' +
-        (50 - shape.y1) +
-        ' Z');
-}
-PrevNextButton.prototype.handleEvent = utils.handleEvent;
-PrevNextButton.prototype.onclick = function () {
-    if (!this.isEnabled) {
-        return;
-    }
-    this.parent.uiChange();
-    const method = this.isPrevious ? 'previous' : 'next';
-    this.parent[method]();
-};
-// -----  ----- //
-PrevNextButton.prototype.enable = function () {
-    if (this.isEnabled) {
-        return;
+        // create arrow
+        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);
+        // click events
+        this.unbindStartEvent(this.element);
+        this.element.removeEventListener('click', this);
+    };
+    PrevNextButton.prototype.createSVG = function () {
+        const svg = document.createElementNS(svgURI, 'svg');
+        svg.setAttribute('class', 'flickity-button-icon');
+        svg.setAttribute('viewBox', '0 0 100 100');
+        svg.part.add('navigation-icon');
+        const path = document.createElementNS(svgURI, 'path');
+        const pathMovements = getArrowMovements(this.parent.options.arrowShape);
+        path.setAttribute('d', pathMovements);
+        path.setAttribute('class', 'arrow');
+        // rotate arrow
+        if (!this.isLeft) {
+            path.setAttribute('transform', 'translate(100, 100) rotate(180) ');
+        }
+        svg.appendChild(path);
+        return svg;
+    };
+    // get SVG path movmement
+    function getArrowMovements(shape) {
+        // use shape as movement if string
+        if (typeof shape == 'string') {
+            return shape;
+        }
+        // create movement string
+        return ('M ' +
+            shape.x0 +
+            ',50' +
+            ' L ' +
+            shape.x1 +
+            ',' +
+            (shape.y1 + 50) +
+            ' L ' +
+            shape.x2 +
+            ',' +
+            (shape.y2 + 50) +
+            ' L ' +
+            shape.x3 +
+            ',50 ' +
+            ' L ' +
+            shape.x2 +
+            ',' +
+            (50 - shape.y2) +
+            ' L ' +
+            shape.x1 +
+            ',' +
+            (50 - shape.y1) +
+            ' Z');
     }
-    this.element.disabled = false;
-    this.isEnabled = true;
-};
-PrevNextButton.prototype.disable = function () {
-    if (!this.isEnabled) {
-        return;
-    }
-    this.element.disabled = true;
-    this.isEnabled = false;
-};
-PrevNextButton.prototype.update = function () {
-    // index of first or last slide, if previous or next
-    const slides = this.parent.slides;
-    // enable is wrapAround and at least 2 slides
-    if (this.parent.options.wrapAround && slides.length > 1) {
-        this.enable();
-        return;
-    }
-    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: {
-        x0: 10,
-        x1: 60,
-        y1: 50,
-        x2: 70,
-        y2: 40,
-        x3: 30,
-    },
-});
-Flickity.createMethods.push('_createPrevNextButtons');
-const proto = Flickity.prototype;
-proto._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.activatePrevNextButtons = function () {
-    this.prevButton.activate();
-    this.nextButton.activate();
-    this.on('deactivate', this.deactivatePrevNextButtons);
-};
-proto.deactivatePrevNextButtons = function () {
-    this.prevButton.deactivate();
-    this.nextButton.deactivate();
-    this.off('deactivate', this.deactivatePrevNextButtons);
+    PrevNextButton.prototype.handleEvent = utils.handleEvent;
+    PrevNextButton.prototype.onclick = function () {
+        if (!this.isEnabled) {
+            return;
+        }
+        this.parent.uiChange();
+        const method = this.isPrevious ? 'previous' : 'next';
+        this.parent[method]();
+    };
+    // -----  ----- //
+    PrevNextButton.prototype.enable = function () {
+        if (this.isEnabled) {
+            return;
+        }
+        this.element.disabled = false;
+        this.isEnabled = true;
+    };
+    PrevNextButton.prototype.disable = function () {
+        if (!this.isEnabled) {
+            return;
+        }
+        this.element.disabled = true;
+        this.isEnabled = false;
+    };
+    PrevNextButton.prototype.update = function () {
+        // index of first or last slide, if previous or next
+        const slides = this.parent.slides;
+        // enable is wrapAround and at least 2 slides
+        if (this.parent.options.wrapAround && slides.length > 1) {
+            this.enable();
+            return;
+        }
+        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: {
+            x0: 10,
+            x1: 60,
+            y1: 50,
+            x2: 70,
+            y2: 40,
+            x3: 30,
+        },
+    });
+    Flickity.createMethods.push('_createPrevNextButtons');
+    const proto = Flickity.prototype;
+    proto._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.activatePrevNextButtons = function () {
+        this.prevButton.activate();
+        this.nextButton.activate();
+        this.on('deactivate', this.deactivatePrevNextButtons);
+    };
+    proto.deactivatePrevNextButtons = function () {
+        this.prevButton.deactivate();
+        this.nextButton.deactivate();
+        this.off('deactivate', this.deactivatePrevNextButtons);
+    };
+    // @ts-ignore
+    Flickity.PrevNextButton = PrevNextButton;
 };
-// @ts-ignore
-Flickity.PrevNextButton = PrevNextButton;
 //# sourceMappingURL=prev-next-button.js.map

package/dist/collection/components/slides/lib/js/prev-next-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"prev-next-button.js","sourceRoot":"","sources":["../../../../../../src/components/slides/lib/js/prev-next-button.ts"],"names":[],"mappings":"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","sourcesContent":["import Flickity from './flickity';\nimport { Unipointer } from './utils/gestures';\nimport { utils } from './utils/utils';\n\n('use strict');\n\nconst svgURI = 'http://www.w3.org/2000/svg';\n\n// -------------------------- PrevNextButton -------------------------- //\n\nfunction PrevNextButton(direction, parent) {\n  this.direction = direction;\n  this.parent = parent;\n  this.parentElement = this.parent.element.shadowRoot || this.parent.element;\n  this._create();\n}\n\nPrevNextButton.prototype = Object.create(Unipointer.prototype);\n\nPrevNextButton.prototype._create = function () {\n  // properties\n  this.isEnabled = true;\n  this.isPrevious = this.direction == -1;\n  const leftDirection = this.parent.options.rightToLeft ? 1 : -1;\n  this.isLeft = this.direction == leftDirection;\n\n  const button = (this.element = document.createElement('button'));\n  button.className = 'flickity-button flickity-prev-next-button';\n  button.part.add('navigation-button');\n  if (this.isPrevious) {\n    button.classList.add('previous');\n    button.part.add('navigation-button--previous');\n  } else {\n    button.classList.add('next');\n    button.part.add('navigation-button--next');\n  }\n  // prevent button from submitting form http://stackoverflow.com/a/10836076/182183\n  button.setAttribute('type', 'button');\n  // init as disabled\n  this.disable();\n\n  button.setAttribute('aria-label', this.isPrevious ? 'Previous' : 'Next');\n\n  const slot = document.createElement('slot');\n  slot.name = this.isPrevious ? 'previous-icon' : 'next-icon';\n  button.appendChild(slot);\n  slot.addEventListener('slotchange', () => {\n    slot.assignedElements({ flatten: true }).forEach((ele) => {\n      ele.removeAttribute('hidden');\n    });\n  });\n\n  // create arrow\n  const svg = this.createSVG();\n  slot.appendChild(svg);\n  // events\n  this.parent.on('select', this.update.bind(this));\n  this.on('pointerDown', this.parent.childUIPointerDown.bind(this.parent));\n};\n\nPrevNextButton.prototype.activate = function () {\n  this.bindStartEvent(this.element);\n  this.element.addEventListener('click', this);\n  // add to DOM\n  this.parentElement.appendChild(this.element);\n};\n\nPrevNextButton.prototype.deactivate = function () {\n  // remove from DOM\n  this.parentElement.removeChild(this.element);\n  // click events\n  this.unbindStartEvent(this.element);\n  this.element.removeEventListener('click', this);\n};\n\nPrevNextButton.prototype.createSVG = function () {\n  const svg = document.createElementNS(svgURI, 'svg');\n  svg.setAttribute('class', 'flickity-button-icon');\n  svg.setAttribute('viewBox', '0 0 100 100');\n  svg.part.add('navigation-icon');\n  const path = document.createElementNS(svgURI, 'path');\n  const pathMovements = getArrowMovements(this.parent.options.arrowShape);\n  path.setAttribute('d', pathMovements);\n  path.setAttribute('class', 'arrow');\n  // rotate arrow\n  if (!this.isLeft) {\n    path.setAttribute('transform', 'translate(100, 100) rotate(180) ');\n  }\n  svg.appendChild(path);\n  return svg;\n};\n\n// get SVG path movmement\nfunction getArrowMovements(shape) {\n  // use shape as movement if string\n  if (typeof shape == 'string') {\n    return shape;\n  }\n  // create movement string\n  return (\n    'M ' +\n    shape.x0 +\n    ',50' +\n    ' L ' +\n    shape.x1 +\n    ',' +\n    (shape.y1 + 50) +\n    ' L ' +\n    shape.x2 +\n    ',' +\n    (shape.y2 + 50) +\n    ' L ' +\n    shape.x3 +\n    ',50 ' +\n    ' L ' +\n    shape.x2 +\n    ',' +\n    (50 - shape.y2) +\n    ' L ' +\n    shape.x1 +\n    ',' +\n    (50 - shape.y1) +\n    ' Z'\n  );\n}\n\nPrevNextButton.prototype.handleEvent = utils.handleEvent;\n\nPrevNextButton.prototype.onclick = function () {\n  if (!this.isEnabled) {\n    return;\n  }\n  this.parent.uiChange();\n  const method = this.isPrevious ? 'previous' : 'next';\n  this.parent[method]();\n};\n\n// -----  ----- //\n\nPrevNextButton.prototype.enable = function () {\n  if (this.isEnabled) {\n    return;\n  }\n  this.element.disabled = false;\n  this.isEnabled = true;\n};\n\nPrevNextButton.prototype.disable = function () {\n  if (!this.isEnabled) {\n    return;\n  }\n  this.element.disabled = true;\n  this.isEnabled = false;\n};\n\nPrevNextButton.prototype.update = function () {\n  // index of first or last slide, if previous or next\n  const slides = this.parent.slides;\n  // enable is wrapAround and at least 2 slides\n  if (this.parent.options.wrapAround && slides.length > 1) {\n    this.enable();\n    return;\n  }\n  const lastIndex = slides.length ? slides.length - 1 : 0;\n  const boundIndex = this.isPrevious ? 0 : lastIndex;\n  const method = this.parent.selectedIndex == boundIndex ? 'disable' : 'enable';\n  this[method]();\n};\n\nPrevNextButton.prototype.destroy = function () {\n  this.deactivate();\n  this.allOff();\n};\n\n// -------------------------- Flickity prototype -------------------------- //\n\nutils.extend(Flickity.defaults, {\n  prevNextButtons: true,\n  arrowShape: {\n    x0: 10,\n    x1: 60,\n    y1: 50,\n    x2: 70,\n    y2: 40,\n    x3: 30,\n  },\n});\n\nFlickity.createMethods.push('_createPrevNextButtons');\nconst proto = Flickity.prototype;\n\nproto._createPrevNextButtons = function () {\n  if (!this.options.prevNextButtons) {\n    return;\n  }\n\n  this.prevButton = new PrevNextButton(-1, this);\n  this.nextButton = new PrevNextButton(1, this);\n\n  this.on('activate', this.activatePrevNextButtons);\n};\n\nproto.activatePrevNextButtons = function () {\n  this.prevButton.activate();\n  this.nextButton.activate();\n  this.on('deactivate', this.deactivatePrevNextButtons);\n};\n\nproto.deactivatePrevNextButtons = function () {\n  this.prevButton.deactivate();\n  this.nextButton.deactivate();\n  this.off('deactivate', this.deactivatePrevNextButtons);\n};\n\n// @ts-ignore\nFlickity.PrevNextButton = PrevNextButton;\n"]}
+{"version":3,"file":"prev-next-button.js","sourceRoot":"","sources":["../../../../../../src/components/slides/lib/js/prev-next-button.ts"],"names":[],"mappings":"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","sourcesContent":["import Flickity from './flickity';\nimport { Unipointer } from './utils/gestures';\nimport { utils } from './utils/utils';\n\nexport default () => {\n  const svgURI = 'http://www.w3.org/2000/svg';\n\n  // -------------------------- PrevNextButton -------------------------- //\n\n  function PrevNextButton(direction, parent) {\n    this.direction = direction;\n    this.parent = parent;\n    this.parentElement = this.parent.element.shadowRoot || this.parent.element;\n    this._create();\n  }\n\n  PrevNextButton.prototype = Object.create(Unipointer.prototype);\n\n  PrevNextButton.prototype._create = function () {\n    // properties\n    this.isEnabled = true;\n    this.isPrevious = this.direction == -1;\n    const leftDirection = this.parent.options.rightToLeft ? 1 : -1;\n    this.isLeft = this.direction == leftDirection;\n\n    const button = (this.element = document.createElement('button'));\n    button.className = 'flickity-button flickity-prev-next-button';\n    button.part.add('navigation-button');\n    if (this.isPrevious) {\n      button.classList.add('previous');\n      button.part.add('navigation-button--previous');\n    } else {\n      button.classList.add('next');\n      button.part.add('navigation-button--next');\n    }\n    // prevent button from submitting form http://stackoverflow.com/a/10836076/182183\n    button.setAttribute('type', 'button');\n    // init as disabled\n    this.disable();\n\n    button.setAttribute('aria-label', this.isPrevious ? 'Previous' : 'Next');\n\n    const slot = document.createElement('slot');\n    slot.name = this.isPrevious ? 'previous-icon' : 'next-icon';\n    button.appendChild(slot);\n    slot.addEventListener('slotchange', () => {\n      slot.assignedElements({ flatten: true }).forEach((ele) => {\n        ele.removeAttribute('hidden');\n      });\n    });\n\n    // create arrow\n    const svg = this.createSVG();\n    slot.appendChild(svg);\n    // events\n    this.parent.on('select', this.update.bind(this));\n    this.on('pointerDown', this.parent.childUIPointerDown.bind(this.parent));\n  };\n\n  PrevNextButton.prototype.activate = function () {\n    this.bindStartEvent(this.element);\n    this.element.addEventListener('click', this);\n    // add to DOM\n    this.parentElement.appendChild(this.element);\n  };\n\n  PrevNextButton.prototype.deactivate = function () {\n    // remove from DOM\n    this.parentElement.removeChild(this.element);\n    // click events\n    this.unbindStartEvent(this.element);\n    this.element.removeEventListener('click', this);\n  };\n\n  PrevNextButton.prototype.createSVG = function () {\n    const svg = document.createElementNS(svgURI, 'svg');\n    svg.setAttribute('class', 'flickity-button-icon');\n    svg.setAttribute('viewBox', '0 0 100 100');\n    svg.part.add('navigation-icon');\n    const path = document.createElementNS(svgURI, 'path');\n    const pathMovements = getArrowMovements(this.parent.options.arrowShape);\n    path.setAttribute('d', pathMovements);\n    path.setAttribute('class', 'arrow');\n    // rotate arrow\n    if (!this.isLeft) {\n      path.setAttribute('transform', 'translate(100, 100) rotate(180) ');\n    }\n    svg.appendChild(path);\n    return svg;\n  };\n\n  // get SVG path movmement\n  function getArrowMovements(shape) {\n    // use shape as movement if string\n    if (typeof shape == 'string') {\n      return shape;\n    }\n    // create movement string\n    return (\n      'M ' +\n      shape.x0 +\n      ',50' +\n      ' L ' +\n      shape.x1 +\n      ',' +\n      (shape.y1 + 50) +\n      ' L ' +\n      shape.x2 +\n      ',' +\n      (shape.y2 + 50) +\n      ' L ' +\n      shape.x3 +\n      ',50 ' +\n      ' L ' +\n      shape.x2 +\n      ',' +\n      (50 - shape.y2) +\n      ' L ' +\n      shape.x1 +\n      ',' +\n      (50 - shape.y1) +\n      ' Z'\n    );\n  }\n\n  PrevNextButton.prototype.handleEvent = utils.handleEvent;\n\n  PrevNextButton.prototype.onclick = function () {\n    if (!this.isEnabled) {\n      return;\n    }\n    this.parent.uiChange();\n    const method = this.isPrevious ? 'previous' : 'next';\n    this.parent[method]();\n  };\n\n  // -----  ----- //\n\n  PrevNextButton.prototype.enable = function () {\n    if (this.isEnabled) {\n      return;\n    }\n    this.element.disabled = false;\n    this.isEnabled = true;\n  };\n\n  PrevNextButton.prototype.disable = function () {\n    if (!this.isEnabled) {\n      return;\n    }\n    this.element.disabled = true;\n    this.isEnabled = false;\n  };\n\n  PrevNextButton.prototype.update = function () {\n    // index of first or last slide, if previous or next\n    const slides = this.parent.slides;\n    // enable is wrapAround and at least 2 slides\n    if (this.parent.options.wrapAround && slides.length > 1) {\n      this.enable();\n      return;\n    }\n    const lastIndex = slides.length ? slides.length - 1 : 0;\n    const boundIndex = this.isPrevious ? 0 : lastIndex;\n    const method =\n      this.parent.selectedIndex == boundIndex ? 'disable' : 'enable';\n    this[method]();\n  };\n\n  PrevNextButton.prototype.destroy = function () {\n    this.deactivate();\n    this.allOff();\n  };\n\n  // -------------------------- Flickity prototype -------------------------- //\n\n  utils.extend(Flickity.defaults, {\n    prevNextButtons: true,\n    arrowShape: {\n      x0: 10,\n      x1: 60,\n      y1: 50,\n      x2: 70,\n      y2: 40,\n      x3: 30,\n    },\n  });\n\n  Flickity.createMethods.push('_createPrevNextButtons');\n  const proto = Flickity.prototype;\n\n  proto._createPrevNextButtons = function () {\n    if (!this.options.prevNextButtons) {\n      return;\n    }\n\n    this.prevButton = new PrevNextButton(-1, this);\n    this.nextButton = new PrevNextButton(1, this);\n\n    this.on('activate', this.activatePrevNextButtons);\n  };\n\n  proto.activatePrevNextButtons = function () {\n    this.prevButton.activate();\n    this.nextButton.activate();\n    this.on('deactivate', this.deactivatePrevNextButtons);\n  };\n\n  proto.deactivatePrevNextButtons = function () {\n    this.prevButton.deactivate();\n    this.nextButton.deactivate();\n    this.off('deactivate', this.deactivatePrevNextButtons);\n  };\n\n  // @ts-ignore\n  Flickity.PrevNextButton = PrevNextButton;\n};\n"]}

package/dist/collection/components/slides/slides.js

@@ -447,10 +447,10 @@ export class Slides {
             select: this.handleSlideSelect,
             change: this.nanoSlidesChange.emit,
             scroll: this.nanoSlidesScroll.emit,
-            settle: this.nanoSlidesTransitionEnd.emit,
-            dragStart: this.nanoSlidesDragStart.emit,
-            dragMove: this.nanoSlidesDragMove.emit,
-            dragEnd: this.nanoSlidesDragEnd.emit,
+            settle: () => requestAnimationFrame(() => this.nanoSlidesTransitionEnd.emit()),
+            dragStart: () => requestAnimationFrame(() => this.nanoSlidesDragStart.emit()),
+            dragMove: () => requestAnimationFrame(() => this.nanoSlidesDragMove.emit()),
+            dragEnd: () => requestAnimationFrame(() => this.nanoSlidesDragEnd.emit()),
             staticClick: this.nanoSlidesTap.emit,
             fullscreenChange: this.handleFullscreen,
         };
@@ -497,15 +497,15 @@ export class Slides {
         this.destroyflickity();
     }
     render() {
-        return (h(Host, { key: '984cdb5e6e920f4887e6002634fef0df2849b14d' }, h("div", { key: 'ff35fedc4e325bacfabbb254dbce68c8b43bfc2d', class: {
+        return (h(Host, { key: '9e97a224eef505b29bf19db52c901ba85c058f54' }, h("div", { key: 'e3b0778a1b68bf78fe52abc32c74f30e278a00e4', class: {
                 slideshow: true,
                 ready: this.ready,
                 'not-ready': !this.ready,
-            }, part: "base" }, h("div", { key: '5cb1962388d7bec963441ff6b6ff0cc57de138a8', ref: (div) => (this.flickityEl = div), class: {
+            }, part: "base" }, h("div", { key: 'da56ec590908be9a10be1fc41bbf83fa3216e674', ref: (div) => (this.flickityEl = div), class: {
                 'flickity-container': true,
                 'slides-ready': this.slidesReady,
                 'slides-not-ready': !this.slidesReady,
-            }, part: "slide-container" }, h("slot", { key: 'a99f63ac2cb5101f76883c67f78e0d83ca3124d4' })), h("div", { key: '5757cabd9881eb9e153999aafe1ff7e3fd957b02', class: "ui-extras" }, h("slot", { key: '6c10bea0e9ede5c30d617f74c6f871cccf9bebdd', name: "ui" })))));
+            }, part: "slide-container" }, h("slot", { key: '12d359c67d1f30245e7aef788018697b0c0b94ee' })), h("div", { key: '8a0a0190ea93acb5ba932b353baa6cbbae33547b', class: "ui-extras" }, h("slot", { key: 'fddc2df69c989ac09e5908a8953783b9ae32d3ba', name: "ui" })))));
     }
     static get is() { return "nano-slides"; }
     static get encapsulation() { return "shadow"; }