@nanoporetech-digital/components 8.12.0 → 8.12.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "8.12.0",
+  "version": "8.12.2",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -60,7 +60,7 @@
     "smart-array-filter": "^4.0.2",
     "stencil-wormhole": "3.2.1",
     "tyqs": "^0.1.3",
-    "@nanoporetech-digital/style": "8.12.0"
+    "@nanoporetech-digital/style": "8.12.2"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.22.1",

package/dist/cjs/page-dots-Db7Ce8kX.js

@@ -1,139 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-'use strict';
-
-var nanoSlides_entry = require('./nano-slides-C2K7j1yc.js');
-require('./index-DGttnXif.js');
-require('./renderer-jVpDRMfV.js');
-
-// -------------------------- PageDots -------------------------- //
-function PageDots(parent) {
-    this.parent = parent;
-    this.parentElement = this.parent.element.shadowRoot || this.parent.element;
-    this.containingEl = this.parentElement.parentNode || this.parentElement;
-    this._create();
-}
-PageDots.prototype = Object.create(nanoSlides_entry.Unipointer.prototype);
-PageDots.prototype._create = function () {
-    // create holder element
-    this.holder = document.createElement('div');
-    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.containingEl.appendChild(this.holder);
-};
-PageDots.prototype.deactivate = function () {
-    this.holder.removeEventListener('click', this.handleClick);
-    this.unbindStartEvent(this.holder);
-    // remove from DOM
-    this.containingEl.removeChild(this.holder);
-};
-PageDots.prototype.setDots = function () {
-    // get difference between number of slides and number of dots
-    const 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) {
-    const fragment = document.createDocumentFragment();
-    const newDots = [];
-    const length = this.dots.length;
-    const max = length + count;
-    for (let i = length; i < max; i++) {
-        const dot = document.createElement('button');
-        dot.classList.add('dot');
-        dot.innerText = `Go to slide ${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
-    const 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
-    const target = event.target;
-    // only care about dot clicks
-    if (target.nodeName != 'BUTTON') {
-        return;
-    }
-    this.parent.uiChange();
-    const index = this.dots.indexOf(target);
-    this.parent.select(index);
-};
-PageDots.prototype.destroy = function () {
-    this.deactivate();
-    this.allOff();
-};
-// @ts-ignore
-nanoSlides_entry.Flickity.PageDots = PageDots;
-// -------------------------- Flickity -------------------------- //
-nanoSlides_entry.utils.extend(nanoSlides_entry.Flickity.defaults, {
-    pageDots: true,
-});
-nanoSlides_entry.Flickity.createMethods.push('_createPageDots');
-const proto = nanoSlides_entry.Flickity.prototype;
-proto._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.activatePageDots = function () {
-    this.pageDots.activate();
-};
-proto.updateSelectedPageDots = function () {
-    this.pageDots.updateSelected();
-};
-proto.updatePageDots = function () {
-    this.pageDots.setDots();
-};
-proto.deactivatePageDots = function () {
-    this.pageDots.deactivate();
-};
-// @ts-ignore
-nanoSlides_entry.Flickity.PageDots = PageDots;

package/dist/collection/components/slides/lib/js/page-dots.js

@@ -1,136 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-import Flickity from "./flickity";
-import { Unipointer } from "./utils/gestures";
-import { utils } from "./utils/utils";
-// -------------------------- PageDots -------------------------- //
-function PageDots(parent) {
-    this.parent = parent;
-    this.parentElement = this.parent.element.shadowRoot || this.parent.element;
-    this.containingEl = this.parentElement.parentNode || this.parentElement;
-    this._create();
-}
-PageDots.prototype = Object.create(Unipointer.prototype);
-PageDots.prototype._create = function () {
-    // create holder element
-    this.holder = document.createElement('div');
-    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.containingEl.appendChild(this.holder);
-};
-PageDots.prototype.deactivate = function () {
-    this.holder.removeEventListener('click', this.handleClick);
-    this.unbindStartEvent(this.holder);
-    // remove from DOM
-    this.containingEl.removeChild(this.holder);
-};
-PageDots.prototype.setDots = function () {
-    // get difference between number of slides and number of dots
-    const 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) {
-    const fragment = document.createDocumentFragment();
-    const newDots = [];
-    const length = this.dots.length;
-    const max = length + count;
-    for (let i = length; i < max; i++) {
-        const dot = document.createElement('button');
-        dot.classList.add('dot');
-        dot.innerText = `Go to slide ${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
-    const 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
-    const target = event.target;
-    // only care about dot clicks
-    if (target.nodeName != 'BUTTON') {
-        return;
-    }
-    this.parent.uiChange();
-    const index = this.dots.indexOf(target);
-    this.parent.select(index);
-};
-PageDots.prototype.destroy = function () {
-    this.deactivate();
-    this.allOff();
-};
-// @ts-ignore
-Flickity.PageDots = PageDots;
-// -------------------------- Flickity -------------------------- //
-utils.extend(Flickity.defaults, {
-    pageDots: true,
-});
-Flickity.createMethods.push('_createPageDots');
-const proto = Flickity.prototype;
-proto._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.activatePageDots = function () {
-    this.pageDots.activate();
-};
-proto.updateSelectedPageDots = function () {
-    this.pageDots.updateSelected();
-};
-proto.updatePageDots = function () {
-    this.pageDots.setDots();
-};
-proto.deactivatePageDots = function () {
-    this.pageDots.deactivate();
-};
-// @ts-ignore
-Flickity.PageDots = PageDots;

package/dist/components/page-dots.js

@@ -1,135 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-import { F as Flickity, u as utils, U as Unipointer } from './slides.js';
-
-// -------------------------- PageDots -------------------------- //
-function PageDots(parent) {
-    this.parent = parent;
-    this.parentElement = this.parent.element.shadowRoot || this.parent.element;
-    this.containingEl = this.parentElement.parentNode || this.parentElement;
-    this._create();
-}
-PageDots.prototype = Object.create(Unipointer.prototype);
-PageDots.prototype._create = function () {
-    // create holder element
-    this.holder = document.createElement('div');
-    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.containingEl.appendChild(this.holder);
-};
-PageDots.prototype.deactivate = function () {
-    this.holder.removeEventListener('click', this.handleClick);
-    this.unbindStartEvent(this.holder);
-    // remove from DOM
-    this.containingEl.removeChild(this.holder);
-};
-PageDots.prototype.setDots = function () {
-    // get difference between number of slides and number of dots
-    const 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) {
-    const fragment = document.createDocumentFragment();
-    const newDots = [];
-    const length = this.dots.length;
-    const max = length + count;
-    for (let i = length; i < max; i++) {
-        const dot = document.createElement('button');
-        dot.classList.add('dot');
-        dot.innerText = `Go to slide ${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
-    const 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
-    const target = event.target;
-    // only care about dot clicks
-    if (target.nodeName != 'BUTTON') {
-        return;
-    }
-    this.parent.uiChange();
-    const index = this.dots.indexOf(target);
-    this.parent.select(index);
-};
-PageDots.prototype.destroy = function () {
-    this.deactivate();
-    this.allOff();
-};
-// @ts-ignore
-Flickity.PageDots = PageDots;
-// -------------------------- Flickity -------------------------- //
-utils.extend(Flickity.defaults, {
-    pageDots: true,
-});
-Flickity.createMethods.push('_createPageDots');
-const proto = Flickity.prototype;
-proto._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.activatePageDots = function () {
-    this.pageDots.activate();
-};
-proto.updateSelectedPageDots = function () {
-    this.pageDots.updateSelected();
-};
-proto.updatePageDots = function () {
-    this.pageDots.setDots();
-};
-proto.deactivatePageDots = function () {
-    this.pageDots.deactivate();
-};
-// @ts-ignore
-Flickity.PageDots = PageDots;

package/dist/esm/page-dots-Ckyic5vY.js

@@ -1,137 +0,0 @@
-/*!
- * Custom elements for Nanopore-Digital Web applications
- */
-import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-BU8CjO-X.js';
-import './index-BM3Om9WE.js';
-import './renderer-DpNDfhNy.js';
-
-// -------------------------- PageDots -------------------------- //
-function PageDots(parent) {
-    this.parent = parent;
-    this.parentElement = this.parent.element.shadowRoot || this.parent.element;
-    this.containingEl = this.parentElement.parentNode || this.parentElement;
-    this._create();
-}
-PageDots.prototype = Object.create(Unipointer.prototype);
-PageDots.prototype._create = function () {
-    // create holder element
-    this.holder = document.createElement('div');
-    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.containingEl.appendChild(this.holder);
-};
-PageDots.prototype.deactivate = function () {
-    this.holder.removeEventListener('click', this.handleClick);
-    this.unbindStartEvent(this.holder);
-    // remove from DOM
-    this.containingEl.removeChild(this.holder);
-};
-PageDots.prototype.setDots = function () {
-    // get difference between number of slides and number of dots
-    const 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) {
-    const fragment = document.createDocumentFragment();
-    const newDots = [];
-    const length = this.dots.length;
-    const max = length + count;
-    for (let i = length; i < max; i++) {
-        const dot = document.createElement('button');
-        dot.classList.add('dot');
-        dot.innerText = `Go to slide ${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
-    const 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
-    const target = event.target;
-    // only care about dot clicks
-    if (target.nodeName != 'BUTTON') {
-        return;
-    }
-    this.parent.uiChange();
-    const index = this.dots.indexOf(target);
-    this.parent.select(index);
-};
-PageDots.prototype.destroy = function () {
-    this.deactivate();
-    this.allOff();
-};
-// @ts-ignore
-Flickity.PageDots = PageDots;
-// -------------------------- Flickity -------------------------- //
-utils.extend(Flickity.defaults, {
-    pageDots: true,
-});
-Flickity.createMethods.push('_createPageDots');
-const proto = Flickity.prototype;
-proto._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.activatePageDots = function () {
-    this.pageDots.activate();
-};
-proto.updateSelectedPageDots = function () {
-    this.pageDots.updateSelected();
-};
-proto.updatePageDots = function () {
-    this.pageDots.setDots();
-};
-proto.deactivatePageDots = function () {
-    this.pageDots.deactivate();
-};
-// @ts-ignore
-Flickity.PageDots = PageDots;