@nanoporetech-digital/components 5.10.0 → 5.11.1

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

@@ -0,0 +1,166 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+/**
+ * Fizzy UI utils v2.0.7
+ * MIT license
+ */
+/*jshint browser: true, undef: true, unused: true, strict: true */
+export const utils = {};
+// ----- extend ----- //
+// extends objects
+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;
+};
+// ----- makeArray ----- //
+const arraySlice = Array.prototype.slice;
+// turn element or nodeList into an array
+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) {
+    return [];
+  }
+  const isArrayLike = typeof obj == 'object' && typeof obj.length == 'number';
+  if (isArrayLike) {
+    // convert nodeList to array
+    return arraySlice.call(obj);
+  }
+  // array of single index
+  return [obj];
+};
+// ----- getParent ----- //
+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);
+  }
+  return elem;
+};
+// ----- handleEvent ----- //
+// enable .ontype to trigger from .addEventListener( elem, 'type' )
+utils.handleEvent = function (event) {
+  const method = 'on' + event.type;
+  if (this[method]) {
+    this[method](event);
+  }
+};
+// ----- filterFindElements ----- //
+utils.filterFindElements = function (elems, selector) {
+  // make array of elems
+  elems = utils.makeArray(elems);
+  const ffElems = [];
+  elems.forEach(function (elem) {
+    // check that elem is an actual element
+    if (!(elem instanceof HTMLElement)) {
+      return;
+    }
+    // add elem if no selector
+    if (!selector) {
+      ffElems.push(elem);
+      return;
+    }
+    // filter & find items if we have a selector
+    // filter
+    if (elem.matches(selector)) {
+      ffElems.push(elem);
+    }
+    // find children
+    const childElems = elem.querySelectorAll(selector);
+    // concat childElems to filterFound array
+    for (let i = 0; i < childElems.length; i++) {
+      ffElems.push(childElems[i]);
+    }
+  });
+  return ffElems;
+};
+// ----- debounceMethod ----- //
+utils.debounceMethod = function (_class, methodName, threshold) {
+  threshold = threshold || 100;
+  // original method
+  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);
+  };
+};
+const console = 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 () {
+    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) {
+        // log error, do not initialize
+        if (console) {
+          console.error('Error parsing ' + dataAttr + ' on ' + elem.className + ': ' + error);
+        }
+        return;
+      }
+      // initialize
+      // @ts-ignore
+      const instance = new WidgetClass(elem, options);
+    });
+  });
+};
+//# sourceMappingURL=utils.js.map

package/dist/collection/components/slides/lib/js/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/slides/lib/js/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Fizzy UI utils v2.0.7\n * MIT license\n */\n\n/*jshint browser: true, undef: true, unused: true, strict: true */\n\nexport const utils: any = {};\n\n// ----- extend ----- //\n\n// extends objects\nutils.extend = function (a, b) {\n  for (const prop in b) {\n    a[prop] = b[prop];\n  }\n  return a;\n};\n\n// ----- docReady ----- //\n\nutils.docReady = function (callback) {\n  const readyState = document.readyState;\n  if (readyState == 'complete' || readyState == 'interactive') {\n    // do async to allow for other scripts to run. metafizzy/flickity#441\n    setTimeout(callback);\n  } else {\n    document.addEventListener('DOMContentLoaded', callback);\n  }\n};\n\n// ----- toDashed ----- //\n\nutils.toDashed = function (str) {\n  return str\n    .replace(/(.)([A-Z])/g, function (_match, $1, $2) {\n      return $1 + '-' + $2;\n    })\n    .toLowerCase();\n};\n\n// ----- modulo ----- //\n\nutils.modulo = function (num, div) {\n  return ((num % div) + div) % div;\n};\n\n// ----- makeArray ----- //\n\nconst arraySlice = Array.prototype.slice;\n\n// turn element or nodeList into an array\nutils.makeArray = function (obj) {\n  if (Array.isArray(obj)) {\n    // use object if already an array\n    return obj;\n  }\n  // return empty array if undefined or null. #6\n  if (obj === null || obj === undefined) {\n    return [];\n  }\n\n  const isArrayLike = typeof obj == 'object' && typeof obj.length == 'number';\n  if (isArrayLike) {\n    // convert nodeList to array\n    return arraySlice.call(obj);\n  }\n\n  // array of single index\n  return [obj];\n};\n\n// ----- getParent ----- //\n\nutils.getParent = function (elem: HTMLElement, selector: string) {\n  while (elem.parentNode && elem != document.body) {\n    elem = elem.parentElement;\n    if (elem.matches(selector)) {\n      return elem;\n    }\n  }\n};\n\n// ----- getQueryElement ----- //\n\n// use element as selector string\nutils.getQueryElement = function (elem) {\n  if (typeof elem == 'string') {\n    return document.querySelector(elem);\n  }\n  return elem;\n};\n\n// ----- handleEvent ----- //\n\n// enable .ontype to trigger from .addEventListener( elem, 'type' )\nutils.handleEvent = function (event) {\n  const method = 'on' + event.type;\n  if (this[method]) {\n    this[method](event);\n  }\n};\n\n// ----- filterFindElements ----- //\n\nutils.filterFindElements = function (elems, selector) {\n  // make array of elems\n  elems = utils.makeArray(elems);\n  const ffElems = [];\n\n  elems.forEach(function (elem: HTMLElement) {\n    // check that elem is an actual element\n    if (!(elem instanceof HTMLElement)) {\n      return;\n    }\n    // add elem if no selector\n    if (!selector) {\n      ffElems.push(elem);\n      return;\n    }\n    // filter & find items if we have a selector\n    // filter\n    if (elem.matches(selector)) {\n      ffElems.push(elem);\n    }\n    // find children\n    const childElems = elem.querySelectorAll(selector);\n    // concat childElems to filterFound array\n    for (let i = 0; i < childElems.length; i++) {\n      ffElems.push(childElems[i]);\n    }\n  });\n\n  return ffElems;\n};\n\n// ----- debounceMethod ----- //\n\nutils.debounceMethod = function (_class, methodName, threshold) {\n  threshold = threshold || 100;\n  // original method\n  const method = _class.prototype[methodName];\n  const timeoutName = methodName + 'Timeout';\n\n  _class.prototype[methodName] = function (...args) {\n    const timeout = this[timeoutName];\n    clearTimeout(timeout);\n\n    const _this = this;\n    this[timeoutName] = setTimeout(function () {\n      method.apply(_this, args);\n      delete _this[timeoutName];\n    }, threshold);\n  };\n};\n\nconst console = window.console;\n/**\n * allow user to initialize classes via [data-namespace] or .js-namespace class\n * htmlInit( Widget, 'widgetName' )\n * options are parsed from data-namespace-options\n */\nutils.htmlInit = function (WidgetClass, namespace) {\n  utils.docReady(function () {\n    const dashedNamespace = utils.toDashed(namespace);\n    const dataAttr = 'data-' + dashedNamespace;\n    const dataAttrElems = document.querySelectorAll('[' + dataAttr + ']');\n    const jsDashElems = document.querySelectorAll('.js-' + dashedNamespace);\n    const elems = utils\n      .makeArray(dataAttrElems)\n      .concat(utils.makeArray(jsDashElems));\n    const dataOptionsAttr = dataAttr + '-options';\n\n    elems.forEach(function (elem) {\n      const attr =\n        elem.getAttribute(dataAttr) || elem.getAttribute(dataOptionsAttr);\n      let options;\n      try {\n        options = attr && JSON.parse(attr);\n      } catch (error) {\n        // log error, do not initialize\n        if (console) {\n          console.error(\n            'Error parsing ' + dataAttr + ' on ' + elem.className + ': ' + error\n          );\n        }\n        return;\n      }\n      // initialize\n      // @ts-ignore\n      const instance = new WidgetClass(elem, options);\n    });\n  });\n};\n"]}

package/dist/collection/components/slides/slides.css

@@ -37,7 +37,7 @@
   overflow: hidden;
   transition: opacity 0.2s;
   opacity: 0;
-  max-width: 100vw;
+  max-inline-size: 100vw;
 }
 
 :host([ready]) {
@@ -45,13 +45,13 @@
 }
 
 .slideshow {
-  max-height: 100%;
-  min-height: inherit;
-  height: inherit;
+  max-block-size: 100%;
+  min-block-size: inherit;
+  block-size: inherit;
   position: relative;
 }
 .slideshow.not-ready {
-  width: 100%;
+  inline-size: 100%;
   overflow: hidden;
 }
 
@@ -59,22 +59,22 @@
   opacity: 0;
   transition: opacity 0.2s;
   display: flex;
-  width: -moz-fit-content;
-  width: fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
+  inline-size: -moz-fit-content;
+  inline-size: fit-content;
+  block-size: -moz-fit-content;
+  block-size: fit-content;
 }
 .not-ready .flickity-container {
-  width: -moz-fit-content;
-  width: fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
+  inline-size: -moz-fit-content;
+  inline-size: fit-content;
+  block-size: -moz-fit-content;
+  block-size: fit-content;
 }
 .flickity-container.slides-ready {
-  min-height: inherit;
-  max-height: inherit;
-  height: inherit;
-  width: auto;
+  min-block-size: inherit;
+  max-block-size: inherit;
+  block-size: inherit;
+  inline-size: auto;
 }
 
 [hidden] {
@@ -249,8 +249,7 @@ https://flickity.metafizzy.co
   inline-size: 100%;
   block-size: 100%;
   background: rgba(0, 0, 0, 0.9);
-  -webkit-padding-after: 35px;
-          padding-block-end: 35px;
+  padding-block-end: 35px;
   z-index: 100;
 }
 

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

@@ -34,6 +34,10 @@ export class Slides {
     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;
@@ -80,7 +84,8 @@ export class Slides {
   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();
     }
   }
@@ -91,11 +96,13 @@ export class Slides {
   }
   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();
@@ -300,8 +307,27 @@ export class Slides {
     }
     this.didInit = false;
   }
+  async loadFlickityModules(opts) {
+    if (!this.hasFullScreenModule && opts.fullscreen) {
+      await import('./lib/js/fullscreen');
+      this.hasFullScreenModule = true;
+    }
+    if (!this.hasLazyLoadModule && opts.lazyLoad) {
+      await import('./lib/js/lazyload');
+      this.hasLazyLoadModule = true;
+    }
+    if (!this.hasDotsModule && opts.pageDots) {
+      await import('./lib/js/page-dots');
+      this.hasDotsModule = true;
+    }
+    if (!this.hasFadeModule && opts.fade) {
+      await import('./lib/js/fade');
+      this.hasFadeModule = true;
+    }
+  }
   async initflickity() {
     const finalOptions = this.normalizeOptions();
+    await this.loadFlickityModules(finalOptions);
     // init flickity core
     await waitForSlides(this.host);
     this.flickityEl =
@@ -342,10 +368,10 @@ export class Slides {
       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;

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

@@ -1 +1 @@
-{"version":3,"file":"slides.js","sourceRoot":"","sources":["../../../src/components/slides/slides.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  h,\n  Host,\n  Watch,\n  Method,\n  State,\n  Build,\n} from '@stencil/core';\nimport { flickity } from './lib/js';\nimport type {\n  FlickityOptions,\n  FlickityEvents,\n  Flickity,\n  DragEvent,\n  SlideAnimation,\n  FlickityCell,\n} from '../../interface';\n\nconst modulo = (num, div) => {\n  return ((num % div) + div) % div;\n};\n\n/**\n * The Slides component is a multi-section container. Each section can be swiped or dragged between.\n * It contains any number of Slide components.\n *\n * Uses [Flickity](https://flickity.metafizzy.co/) under the hood.\n *\n * @part base - Wrapper around slides and additional ui elements.\n * @part slide-container - Wraps all slide elements.\n * @part slide-viewport - The visible, scrollable area around slide elements.\n * @part navigation-button - Next / previous navigation buttons.\n * @part navigation-button--next - the next navigation button.\n * @part navigation-button--previous - The previous navigation button.\n * @part navigation-icon - The chevron / arrow icon within a navigation button.\n * @part pagination - Wraps pagination indicators.\n * @part pagination-item - A pagination indicator.\n * @part pagination-item--active - The current, active pagination indicator.\n *\n * @slot - default slot of nano-slide components.\n * @slot ui - An absolutely positioned element that will be placed over the slider. Any custom ui can be housed here.\n * @slot next-icon - Optional next icon to use instead of the default.\n * @slot previous-icon - Optional previous icon to use instead of the default.\n */\n@Component({\n  tag: 'nano-slides',\n  styleUrl: 'slides.scss',\n  shadow: true,\n})\nexport class Slides implements ComponentInterface {\n  private flickityEl: HTMLElement;\n  private flickityReady = false;\n  private mutationO?: MutationObserver;\n  private resizeO?: ResizeObserver;\n  private readyflickity!: (slider: Flickity) => void;\n  private flickity: Promise<Flickity> = new Promise((resolve) => {\n    this.readyflickity = resolve;\n  });\n  private syncflickity?: Flickity;\n  private childrenEles: NodeList;\n\n  @State() iCurrentSlide: number;\n  @State() slidesReady: boolean;\n  @State() didInit = false;\n\n  @Element() host!: HTMLNanoSlidesElement;\n\n  /**\n   * Options to pass to the flickity instance.\n   * See https://flickity.metafizzy.co/options.html for valid options\n   */\n  @Prop({ mutable: true }) options: FlickityOptions = {};\n\n  @Watch('options')\n  async optionsChanged() {\n    if (this.flickityReady) {\n      const flickity = await this.getflickity();\n      Object.assign(flickity.options, this.options);\n      await this.update();\n    }\n  }\n\n  /** If `true`, show the next / prev buttons. */\n  @Prop() navbtns = false;\n\n  @Watch('navbtns')\n  async navbtnsChanged() {\n    Array.from(\n      this._getRoot().querySelectorAll('.flickity-prev-next-button')\n    ).forEach((btn) => {\n      (btn as HTMLElement).hidden = !this.navbtns;\n    });\n  }\n\n  /** If `true`, show the pagination. */\n  @Prop() pager = false;\n\n  @Watch('pager')\n  async pagerChanged() {\n    const dots = this._getRoot().querySelector(\n      '.flickity-page-dots'\n    ) as HTMLElement;\n    dots.hidden = !this.pager;\n  }\n\n  /** If `true`, show a fullscreen button. */\n  @Prop() fullscreenbtn = false;\n\n  @Watch('fullscreenbtn')\n  async fullscreenBtnChanged() {\n    const btn = this._getRoot().querySelector(\n      '.flickity-fullscreen-button'\n    ) as HTMLElement;\n    btn.hidden = !this.fullscreenbtn;\n  }\n\n  /** If `true`, make the slider fullscreen. */\n  @Prop({ reflect: true, mutable: true }) fullscreen = false;\n\n  @Watch('fullscreen')\n  async fullscreenChanged(_?, oldFs?: boolean) {\n    const flickity = await this.getflickity();\n    if (this.fullscreen) flickity.viewFullscreen();\n    else if (typeof oldFs !== 'undefined') flickity.exitFullscreen();\n  }\n\n  /** Animation presets or your own custom animation function; called every frame during scroll */\n  @Prop({ reflect: true }) animation: SlideAnimation = 'scroll';\n\n  @Watch('animation')\n  async animationChange(_?, oldAnim?: SlideAnimation) {\n    const [flkty, slides] = await Promise.all([\n      this.getflickity(),\n      waitForSlides(this.host),\n    ]);\n\n    // clear old stuff\n    slides.forEach((slide) => {\n      slide.style['left'] = undefined;\n    });\n\n    if (oldAnim === 'parallax') {\n      flkty.off('scroll', this.parallax);\n      slides.forEach((_, i) => {\n        if (this.childrenEles && this.childrenEles[i])\n          (this.childrenEles[i] as HTMLElement).style['transform'] = undefined;\n      });\n      this.update();\n    }\n    // was a custom animation\n    if (typeof oldAnim === 'function') {\n      flkty.off('scroll', oldAnim);\n    }\n\n    // is a custom animation\n    if (typeof this.animation === 'function') {\n      this.options = { fade: false, percentPosition: true };\n      flkty.on('scroll', this.animation);\n      return;\n    }\n\n    // setup new stuff\n    switch (this.animation) {\n      case 'fade':\n        this.options = { fade: true, percentPosition: true };\n        break;\n      case 'parallax':\n        this.options = { fade: false, percentPosition: true };\n        flkty.on('scroll', this.parallax);\n        break;\n      default:\n        this.options = { fade: false, percentPosition: true };\n        break;\n    }\n  }\n\n  /** Zero-based index of the selected cell. */\n  @Prop({ reflect: true, mutable: true }) currentSlide: number = 0;\n\n  @Watch('currentSlide')\n  currentSlideChange() {\n    if (this.currentSlide !== this.iCurrentSlide)\n      this.slideTo(this.currentSlide);\n  }\n\n  @Watch('iCurrentSlide')\n  internalSlideChange() {\n    this.currentSlide = this.iCurrentSlide;\n  }\n\n  /** time duration, in ms, to automatically advance slides */\n  @Prop() autoplay: string | false | number = false;\n\n  @Watch('autoplay')\n  async autoPlayChange() {\n    await this.stopAutoplay();\n    if (this.autoplay) {\n      if (typeof this.autoplay === 'string')\n        this.autoplay = parseInt(this.autoplay);\n      if (this.autoplay > 0) this.startAutoplay(this.autoplay as number);\n    }\n  }\n\n  /** @internal */\n  @Prop({ reflect: true, mutable: true }) ready = false;\n\n  /** Emitted after component initialisation. */\n  @Event() nanoSlidesDidLoad!: EventEmitter<void>;\n\n  /** Emitted after flickity initialisation. */\n  @Event() nanoSlidesReady!: EventEmitter<void>;\n\n  /** Emitted when a slide is selected, even on the same slide. */\n  @Event() nanoSlidesSelect!: EventEmitter<number>;\n\n  /** Emitted when the selected slide is changed. */\n  @Event() nanoSlidesChange!: EventEmitter<number>;\n\n  /** Emitted when the slider moves. */\n  @Event() nanoSlidesScroll!: EventEmitter<number>;\n\n  /** Emitted when the slide transition has finished. */\n  @Event() nanoSlidesTransitionEnd!: EventEmitter<number>;\n\n  /** Emitted when the slider starts actively being moved. */\n  @Event() nanoSlidesDragStart!: EventEmitter<DragEvent>;\n\n  /** Emitted when the slider is being dragged. */\n  @Event() nanoSlidesDragMove!: EventEmitter<DragEvent>;\n\n  /** Emitted when the slider has finished being dragged. */\n  @Event() nanoSlidesDragEnd!: EventEmitter<DragEvent>;\n\n  /** Emitted when the user taps/clicks on the slide's container. */\n  @Event() nanoSlidesTap!: EventEmitter<DragEvent>;\n\n  /** Emitted when the user taps/clicks on the slide's container. */\n  @Event() nanoSlidesFullscreenChange!: EventEmitter<boolean>;\n\n  /**\n   * Update the underlying flickity implementation. Call this if you've added or removed\n   * child slides.\n   */\n  @Method()\n  async update() {\n    const [flickity] = await Promise.all([\n      this.getflickity(),\n      waitForSlides(this.host),\n    ]);\n    this.childrenEles = this.host.querySelectorAll('nano-slide > *');\n    flickity.reloadCells();\n    flickity.resize();\n    flickity.reposition();\n  }\n\n  /**\n   * Force flickity to update its height (when adaptiveHeight is enabled) for the duration\n   * equal to 'speed' parameter.\n   *\n   * @param speed The transition duration (in ms).\n   */\n  @Method()\n  async updateAutoHeight(speed?: number) {\n    const vp = document.querySelector('.flickity-viewport') as HTMLElement;\n    if (vp) vp.style.transition = speed + 'ms';\n  }\n\n  /**\n   * Transition to the specified slide.\n   *\n   * @param index The index of the slide to transition to.\n   * @param instant Immediately view the selected slide without animation.\n   */\n  @Method()\n  async slideTo(index: number, instant?: boolean) {\n    const flickity = await this.getflickity();\n    flickity.select(index, instant);\n  }\n\n  /**\n   * Transition to the next slide.\n   *\n   * @param instant The transition duration (in ms).\n   * @param wrap If true, the first slide will be selected if at the last slide.\n   */\n  @Method()\n  async slideNext(instant?: boolean, wrap?: boolean) {\n    const flickity = await this.getflickity();\n    flickity.next(wrap, instant);\n  }\n\n  /**\n   * Transition to the previous slide.\n   *\n   * @param instant The transition duration (in ms).\n   * @param wrap If true, the last slide will be selected if at the first slide.\n   */\n  @Method()\n  async slidePrev(instant?: boolean, wrap?: boolean) {\n    const flickity = await this.getflickity();\n    flickity.previous(instant, wrap);\n  }\n\n  /** Get the index of the active slide. */\n  @Method()\n  async getActiveIndex() {\n    const flickity = await this.getflickity();\n    return flickity.selectedIndex;\n  }\n\n  /** Get the total number of slides. */\n  @Method()\n  async length() {\n    const flickity = await this.getflickity();\n    return flickity.slides.length;\n  }\n\n  /** Get whether or not the current slide is the last slide. */\n  @Method()\n  async isEnd() {\n    const flickity = await this.getflickity();\n    return flickity.selectedIndex === flickity.slides.length - 1;\n  }\n\n  /** Get whether or not the current slide is the first slide. */\n  @Method()\n  async isBeginning() {\n    const flickity = await this.getflickity();\n    return flickity.selectedIndex === 0;\n  }\n\n  /**\n   * Start auto play.\n   * @param time - optional time duration to show slides\n   */\n  @Method()\n  async startAutoplay(time?: number) {\n    const flickity = await this.getflickity();\n    if (time) this.options = { autoPlay: time };\n    setTimeout(() => flickity.playPlayer());\n  }\n\n  /** Stop auto play. */\n  @Method()\n  async stopAutoplay() {\n    const flickity = await this.getflickity();\n    flickity.stopPlayer();\n  }\n\n  /**\n   * Lock or unlock the ability to slide to the next slide.\n   *\n   * @param lock If `true`, disable swiping\n   */\n  @Method()\n  async lockSwipes(lock: boolean) {\n    const flickity = await this.getflickity();\n    flickity.options.draggable = !lock;\n    flickity.updateDraggable();\n  }\n\n  /**\n   * Get the flickity instance.\n   * Use this to access the full flickity API.\n   * See https://flickity.metafizzy.co/ for all API options.\n   */\n  @Method()\n  async getflickity() {\n    return this.flickity;\n  }\n\n  /**\n   * Hard destroy / create.\n   * Certain flickity options, you will require the instance to be re-initialised\n   */\n  @Method()\n  async reload() {\n    this.destroyflickity();\n    setTimeout(() => this.initflickity(), 20);\n  }\n\n  private _getRoot() {\n    return this.host.shadowRoot ? this.host.shadowRoot : this.host;\n  }\n\n  private parallax = async () => {\n    const flkty = await this.flickity;\n    const cells = flkty.cells as unknown as FlickityCell[];\n\n    cells.forEach((cell) => {\n      const ele = cell.element.children[0] as HTMLElement;\n\n      let flkX = flkty.x;\n      if (flkty.options.wrapAround && flkty.cells.length > 1) {\n        flkX = modulo(flkX, flkty.slideableWidth);\n        flkX = flkX - flkty.slideableWidth;\n      }\n\n      let x = ((cell.target + flkX) * -1) / 3;\n      if (cell.shift < 0) {\n        x = ((cell.target - flkty.slideableWidth + flkX) * -1) / 3;\n      } else if (cell.shift > 0) {\n        x = ((cell.target + (flkX + flkty.slideableWidth)) * -1) / 3;\n      }\n      ele.style.transform = 'translate3d(' + x + 'px, 0, 0)';\n\n      const animAmount = ((x * 3) / cell.size.width) * 100;\n      cell.element.style.setProperty(\n        '--animation-amount',\n        animAmount.toString()\n      );\n    });\n  };\n\n  private handleFullscreen = (isFullScreen: boolean) => {\n    this.fullscreen = isFullScreen;\n    this.nanoSlidesFullscreenChange.emit(isFullScreen);\n  };\n\n  private handleSlideSelect = (slide: number) => {\n    this.iCurrentSlide = slide;\n    this.nanoSlidesSelect.emit(slide);\n  };\n\n  private destroyflickity() {\n    /**\n     * We need to synchronously destroy\n     * flickity otherwise it is possible\n     * that it will be left in a\n     * destroyed state if connectedCallback\n     * is called multiple times\n     */\n    const flickity = this.syncflickity;\n\n    if (flickity !== undefined) {\n      flickity.destroy();\n      this.flickity = new Promise((resolve) => {\n        this.readyflickity = resolve;\n      });\n      this.flickityReady = false;\n      this.syncflickity = undefined;\n      this.ready = false;\n    }\n    this.didInit = false;\n  }\n\n  private async initflickity() {\n    const finalOptions = this.normalizeOptions();\n\n    // init flickity core\n    await waitForSlides(this.host);\n\n    this.flickityEl =\n      this.flickityEl || this._getRoot().querySelector('.flickity-container');\n\n    if (!this.flickityEl) return;\n\n    this.slidesReady = true;\n\n    if (this.flickityEl.classList.contains('flickity-enabled')) {\n      this.destroyflickity();\n    }\n\n    this.flickityEl.style.height =\n      this.flickityEl.getBoundingClientRect().height + 'px';\n\n    setTimeout(() => {\n      this.flickityEl.style.height = '';\n      const flick = new flickity(this.flickityEl, finalOptions) as Flickity;\n      this.flickityReady = true;\n      this.syncflickity = flick;\n\n      this.animationChange();\n      this.navbtnsChanged();\n      this.pagerChanged();\n      this.fullscreenChanged();\n      this.fullscreenBtnChanged();\n\n      this.readyflickity(flick);\n      this.ready = true;\n\n      if (!window['ResizeObserver']) return;\n\n      // just boots and braces to make sure it's the correct size oninit\n      const ro = (this.resizeO = new ResizeObserver(() => {\n        flick.resize();\n        // this.resizeO.disconnect();\n      }));\n      ro.observe(this.host);\n    }, 100);\n  }\n\n  private normalizeOptions(): FlickityOptions {\n    // Base options, can be changed\n    const flickityOptions: FlickityOptions = {\n      cellSelector: 'nano-slide',\n      contain: true,\n      prevNextButtons: true,\n      fullscreen: true,\n      accessibility: true,\n      imagesLoaded: true,\n      pageDots: true,\n    };\n\n    if (this.animation === 'fade') {\n      flickityOptions.fade = true;\n    }\n    if (this.currentSlide > 0) {\n      flickityOptions.initialIndex = this.currentSlide;\n    }\n    if (this.autoplay) {\n      if (typeof this.autoplay === 'string')\n        this.autoplay = parseInt(this.autoplay);\n      if (this.autoplay > 0) flickityOptions.autoPlay = this.autoplay as number;\n    }\n\n    // Keep the event options separate, we dont want users\n    // overwriting these\n    const eventOptions: FlickityEvents = {\n      ready: () => {\n        setTimeout(() => {\n          this.nanoSlidesReady.emit();\n        }, 20);\n      },\n      select: this.handleSlideSelect,\n      change: this.nanoSlidesChange.emit,\n      scroll: this.nanoSlidesScroll.emit,\n      settle: this.nanoSlidesTransitionEnd.emit,\n      dragStart: this.nanoSlidesDragStart.emit,\n      dragMove: this.nanoSlidesDragMove.emit,\n      dragEnd: this.nanoSlidesDragEnd.emit,\n      staticClick: this.nanoSlidesTap.emit,\n      fullscreenChange: this.handleFullscreen,\n    };\n\n    const customEvents =\n      !!this.options && !!this.options.on ? this.options.on : {};\n    // merge \"on\" event listeners, while giving our event listeners priority\n    const mergedEventOptions = { on: { ...customEvents, ...eventOptions } };\n    // Merge the base, user options, and events together then pass to flickity\n    // @ts-ignore\n    return { ...flickityOptions, ...mergedEventOptions, ...this.options };\n  }\n\n  componentDidLoad() {\n    if (\n      Build.isBrowser &&\n      typeof window !== 'undefined' &&\n      (window as any).MutationObserver\n    ) {\n      const mut = (this.mutationO = new MutationObserver(\n        (e: MutationRecord[]) => {\n          if (\n            e[0].addedNodes[0] &&\n            e[0].addedNodes[0].nodeName.toLowerCase() === 'nano-slide' &&\n            this.flickityReady\n          ) {\n            this.update();\n          }\n        }\n      ));\n\n      mut.observe(this.host, {\n        childList: true,\n        subtree: true,\n      });\n    }\n  }\n\n  componentWillLoad() {\n    this.nanoSlidesDidLoad.emit();\n\n    if (!this.didInit) {\n      this.didInit = true;\n      this.initflickity();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.mutationO) {\n      this.mutationO.disconnect();\n      this.mutationO = undefined;\n    }\n    if (this.resizeO) this.resizeO.disconnect();\n    this.destroyflickity();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            slideshow: true,\n            ready: this.ready,\n            'not-ready': !this.ready,\n          }}\n          part=\"base\"\n        >\n          <div\n            ref={(div) => (this.flickityEl = div)}\n            class={{\n              'flickity-container': true,\n              'slides-ready': this.slidesReady,\n              'slides-not-ready': !this.slidesReady,\n            }}\n            part=\"slide-container\"\n          >\n            <slot />\n          </div>\n          <div class=\"ui-extras\">\n            <slot name=\"ui\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nconst waitForSlides = (host: HTMLElement): Promise<HTMLNanoSlideElement[]> => {\n  const allSlides = Array.from(host.querySelectorAll('nano-slide'));\n  let toLoadSlides = allSlides.filter(\n    (ele: HTMLNanoSlideElement) => !ele.ready\n  );\n\n  if (!toLoadSlides.length) return Promise.resolve(allSlides);\n\n  return new Promise((resolve) => {\n    const slideResolver = (ev: CustomEvent) => {\n      toLoadSlides = toLoadSlides.filter((ele) => ele !== ev.target);\n      if (!toLoadSlides.length) {\n        resolve(allSlides);\n        host.removeEventListener('nanoSlideReady', slideResolver);\n        host.removeEventListener('nano-slide-ready', slideResolver);\n      }\n    };\n    host.addEventListener('nanoSlideReady', slideResolver);\n    // fallback for vue who can't handle camelcase event names\n    host.addEventListener('nano-slide-ready', slideResolver);\n  });\n};\n"]}
+{"version":3,"file":"slides.js","sourceRoot":"","sources":["../../../src/components/slides/slides.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  h,\n  Host,\n  Watch,\n  Method,\n  State,\n  Build,\n} from '@stencil/core';\nimport { flickity } from './lib/js';\nimport type {\n  FlickityOptions,\n  FlickityEvents,\n  Flickity,\n  DragEvent,\n  SlideAnimation,\n  FlickityCell,\n} from '../../interface';\n\nconst modulo = (num, div) => {\n  return ((num % div) + div) % div;\n};\n\n/**\n * The Slides component is a multi-section container. Each section can be swiped or dragged between.\n * It contains any number of Slide components.\n *\n * Uses [Flickity](https://flickity.metafizzy.co/) under the hood.\n *\n * @part base - Wrapper around slides and additional ui elements.\n * @part slide-container - Wraps all slide elements.\n * @part slide-viewport - The visible, scrollable area around slide elements.\n * @part navigation-button - Next / previous navigation buttons.\n * @part navigation-button--next - the next navigation button.\n * @part navigation-button--previous - The previous navigation button.\n * @part navigation-icon - The chevron / arrow icon within a navigation button.\n * @part pagination - Wraps pagination indicators.\n * @part pagination-item - A pagination indicator.\n * @part pagination-item--active - The current, active pagination indicator.\n *\n * @slot - default slot of nano-slide components.\n * @slot ui - An absolutely positioned element that will be placed over the slider. Any custom ui can be housed here.\n * @slot next-icon - Optional next icon to use instead of the default.\n * @slot previous-icon - Optional previous icon to use instead of the default.\n */\n@Component({\n  tag: 'nano-slides',\n  styleUrl: 'slides.scss',\n  shadow: true,\n})\nexport class Slides implements ComponentInterface {\n  private flickityEl: HTMLElement;\n  private flickityReady = false;\n  private mutationO?: MutationObserver;\n  private resizeO?: ResizeObserver;\n  private readyflickity!: (slider: Flickity) => void;\n  private flickity: Promise<Flickity> = new Promise((resolve) => {\n    this.readyflickity = resolve;\n  });\n  private syncflickity?: Flickity;\n  private childrenEles: NodeList;\n  private hasFullScreenModule = false;\n  private hasLazyLoadModule = false;\n  private hasDotsModule = false;\n  private hasFadeModule = false;\n\n  @State() iCurrentSlide: number;\n  @State() slidesReady: boolean;\n  @State() didInit = false;\n\n  @Element() host!: HTMLNanoSlidesElement;\n\n  /**\n   * Options to pass to the flickity instance.\n   * See https://flickity.metafizzy.co/options.html for valid options\n   */\n  @Prop({ mutable: true }) options: FlickityOptions = {};\n\n  @Watch('options')\n  async optionsChanged() {\n    if (this.flickityReady) {\n      const flickity = await this.getflickity();\n      const newOpts = Object.assign(flickity.options, this.options);\n\n      await this.loadFlickityModules(newOpts);\n      await this.update();\n    }\n  }\n\n  /** If `true`, show the next / prev buttons. */\n  @Prop() navbtns = false;\n\n  @Watch('navbtns')\n  async navbtnsChanged() {\n    Array.from(\n      this._getRoot().querySelectorAll('.flickity-prev-next-button')\n    ).forEach((btn) => {\n      (btn as HTMLElement).hidden = !this.navbtns;\n    });\n  }\n\n  /** If `true`, show the pagination. */\n  @Prop() pager = false;\n\n  @Watch('pager')\n  async pagerChanged() {\n    const dots = this._getRoot().querySelector(\n      '.flickity-page-dots'\n    ) as HTMLElement;\n    if (dots) dots.hidden = !this.pager;\n  }\n\n  /** If `true`, show a fullscreen button. */\n  @Prop() fullscreenbtn = false;\n\n  @Watch('fullscreenbtn')\n  async fullscreenBtnChanged() {\n    const btn = this._getRoot().querySelector(\n      '.flickity-fullscreen-button'\n    ) as HTMLElement;\n    if (btn) btn.hidden = !this.fullscreenbtn;\n  }\n\n  /** If `true`, make the slider fullscreen. */\n  @Prop({ reflect: true, mutable: true }) fullscreen = false;\n\n  @Watch('fullscreen')\n  async fullscreenChanged(_?, oldFs?: boolean) {\n    const flickity = await this.getflickity();\n    if (this.fullscreen) flickity.viewFullscreen();\n    else if (typeof oldFs !== 'undefined') flickity.exitFullscreen();\n  }\n\n  /** Animation presets or your own custom animation function; called every frame during scroll */\n  @Prop({ reflect: true }) animation: SlideAnimation = 'scroll';\n\n  @Watch('animation')\n  async animationChange(_?, oldAnim?: SlideAnimation) {\n    const [flkty, slides] = await Promise.all([\n      this.getflickity(),\n      waitForSlides(this.host),\n    ]);\n\n    // clear old stuff\n    slides.forEach((slide) => {\n      slide.style['left'] = undefined;\n    });\n\n    if (oldAnim === 'parallax') {\n      flkty.off('scroll', this.parallax);\n      slides.forEach((_, i) => {\n        if (this.childrenEles && this.childrenEles[i])\n          (this.childrenEles[i] as HTMLElement).style['transform'] = undefined;\n      });\n      this.update();\n    }\n    // was a custom animation\n    if (typeof oldAnim === 'function') {\n      flkty.off('scroll', oldAnim);\n    }\n\n    // is a custom animation\n    if (typeof this.animation === 'function') {\n      this.options = { fade: false, percentPosition: true };\n      flkty.on('scroll', this.animation);\n      return;\n    }\n\n    // setup new stuff\n    switch (this.animation) {\n      case 'fade':\n        this.options = { fade: true, percentPosition: true };\n        break;\n      case 'parallax':\n        this.options = { fade: false, percentPosition: true };\n        flkty.on('scroll', this.parallax);\n        break;\n      default:\n        this.options = { fade: false, percentPosition: true };\n        break;\n    }\n  }\n\n  /** Zero-based index of the selected cell. */\n  @Prop({ reflect: true, mutable: true }) currentSlide: number = 0;\n\n  @Watch('currentSlide')\n  currentSlideChange() {\n    if (this.currentSlide !== this.iCurrentSlide)\n      this.slideTo(this.currentSlide);\n  }\n\n  @Watch('iCurrentSlide')\n  internalSlideChange() {\n    this.currentSlide = this.iCurrentSlide;\n  }\n\n  /** time duration, in ms, to automatically advance slides */\n  @Prop() autoplay: string | false | number = false;\n\n  @Watch('autoplay')\n  async autoPlayChange() {\n    await this.stopAutoplay();\n    if (this.autoplay) {\n      if (typeof this.autoplay === 'string')\n        this.autoplay = parseInt(this.autoplay);\n      if (this.autoplay > 0) this.startAutoplay(this.autoplay as number);\n    }\n  }\n\n  /** @internal */\n  @Prop({ reflect: true, mutable: true }) ready = false;\n\n  /** Emitted after component initialisation. */\n  @Event() nanoSlidesDidLoad!: EventEmitter<void>;\n\n  /** Emitted after flickity initialisation. */\n  @Event() nanoSlidesReady!: EventEmitter<void>;\n\n  /** Emitted when a slide is selected, even on the same slide. */\n  @Event() nanoSlidesSelect!: EventEmitter<number>;\n\n  /** Emitted when the selected slide is changed. */\n  @Event() nanoSlidesChange!: EventEmitter<number>;\n\n  /** Emitted when the slider moves. */\n  @Event() nanoSlidesScroll!: EventEmitter<number>;\n\n  /** Emitted when the slide transition has finished. */\n  @Event() nanoSlidesTransitionEnd!: EventEmitter<number>;\n\n  /** Emitted when the slider starts actively being moved. */\n  @Event() nanoSlidesDragStart!: EventEmitter<DragEvent>;\n\n  /** Emitted when the slider is being dragged. */\n  @Event() nanoSlidesDragMove!: EventEmitter<DragEvent>;\n\n  /** Emitted when the slider has finished being dragged. */\n  @Event() nanoSlidesDragEnd!: EventEmitter<DragEvent>;\n\n  /** Emitted when the user taps/clicks on the slide's container. */\n  @Event() nanoSlidesTap!: EventEmitter<DragEvent>;\n\n  /** Emitted when the user taps/clicks on the slide's container. */\n  @Event() nanoSlidesFullscreenChange!: EventEmitter<boolean>;\n\n  /**\n   * Update the underlying flickity implementation. Call this if you've added or removed\n   * child slides.\n   */\n  @Method()\n  async update() {\n    const [flickity] = await Promise.all([\n      this.getflickity(),\n      waitForSlides(this.host),\n    ]);\n    this.childrenEles = this.host.querySelectorAll('nano-slide > *');\n    flickity.reloadCells();\n    flickity.resize();\n    flickity.reposition();\n  }\n\n  /**\n   * Force flickity to update its height (when adaptiveHeight is enabled) for the duration\n   * equal to 'speed' parameter.\n   *\n   * @param speed The transition duration (in ms).\n   */\n  @Method()\n  async updateAutoHeight(speed?: number) {\n    const vp = document.querySelector('.flickity-viewport') as HTMLElement;\n    if (vp) vp.style.transition = speed + 'ms';\n  }\n\n  /**\n   * Transition to the specified slide.\n   *\n   * @param index The index of the slide to transition to.\n   * @param instant Immediately view the selected slide without animation.\n   */\n  @Method()\n  async slideTo(index: number, instant?: boolean) {\n    const flickity = await this.getflickity();\n    flickity.select(index, instant);\n  }\n\n  /**\n   * Transition to the next slide.\n   *\n   * @param instant The transition duration (in ms).\n   * @param wrap If true, the first slide will be selected if at the last slide.\n   */\n  @Method()\n  async slideNext(instant?: boolean, wrap?: boolean) {\n    const flickity = await this.getflickity();\n    flickity.next(wrap, instant);\n  }\n\n  /**\n   * Transition to the previous slide.\n   *\n   * @param instant The transition duration (in ms).\n   * @param wrap If true, the last slide will be selected if at the first slide.\n   */\n  @Method()\n  async slidePrev(instant?: boolean, wrap?: boolean) {\n    const flickity = await this.getflickity();\n    flickity.previous(instant, wrap);\n  }\n\n  /** Get the index of the active slide. */\n  @Method()\n  async getActiveIndex() {\n    const flickity = await this.getflickity();\n    return flickity.selectedIndex;\n  }\n\n  /** Get the total number of slides. */\n  @Method()\n  async length() {\n    const flickity = await this.getflickity();\n    return flickity.slides.length;\n  }\n\n  /** Get whether or not the current slide is the last slide. */\n  @Method()\n  async isEnd() {\n    const flickity = await this.getflickity();\n    return flickity.selectedIndex === flickity.slides.length - 1;\n  }\n\n  /** Get whether or not the current slide is the first slide. */\n  @Method()\n  async isBeginning() {\n    const flickity = await this.getflickity();\n    return flickity.selectedIndex === 0;\n  }\n\n  /**\n   * Start auto play.\n   * @param time - optional time duration to show slides\n   */\n  @Method()\n  async startAutoplay(time?: number) {\n    const flickity = await this.getflickity();\n    if (time) this.options = { autoPlay: time };\n    setTimeout(() => flickity.playPlayer());\n  }\n\n  /** Stop auto play. */\n  @Method()\n  async stopAutoplay() {\n    const flickity = await this.getflickity();\n    flickity.stopPlayer();\n  }\n\n  /**\n   * Lock or unlock the ability to slide to the next slide.\n   *\n   * @param lock If `true`, disable swiping\n   */\n  @Method()\n  async lockSwipes(lock: boolean) {\n    const flickity = await this.getflickity();\n    flickity.options.draggable = !lock;\n    flickity.updateDraggable();\n  }\n\n  /**\n   * Get the flickity instance.\n   * Use this to access the full flickity API.\n   * See https://flickity.metafizzy.co/ for all API options.\n   */\n  @Method()\n  async getflickity() {\n    return this.flickity;\n  }\n\n  /**\n   * Hard destroy / create.\n   * Certain flickity options, you will require the instance to be re-initialised\n   */\n  @Method()\n  async reload() {\n    this.destroyflickity();\n    setTimeout(() => this.initflickity(), 20);\n  }\n\n  private _getRoot() {\n    return this.host.shadowRoot ? this.host.shadowRoot : this.host;\n  }\n\n  private parallax = async () => {\n    const flkty = await this.flickity;\n    const cells = flkty.cells as unknown as FlickityCell[];\n\n    cells.forEach((cell) => {\n      const ele = cell.element.children[0] as HTMLElement;\n\n      let flkX = flkty.x;\n      if (flkty.options.wrapAround && flkty.cells.length > 1) {\n        flkX = modulo(flkX, flkty.slideableWidth);\n        flkX = flkX - flkty.slideableWidth;\n      }\n\n      let x = ((cell.target + flkX) * -1) / 3;\n      if (cell.shift < 0) {\n        x = ((cell.target - flkty.slideableWidth + flkX) * -1) / 3;\n      } else if (cell.shift > 0) {\n        x = ((cell.target + (flkX + flkty.slideableWidth)) * -1) / 3;\n      }\n      ele.style.transform = 'translate3d(' + x + 'px, 0, 0)';\n\n      const animAmount = ((x * 3) / cell.size.width) * 100;\n      cell.element.style.setProperty(\n        '--animation-amount',\n        animAmount.toString()\n      );\n    });\n  };\n\n  private handleFullscreen = (isFullScreen: boolean) => {\n    this.fullscreen = isFullScreen;\n    this.nanoSlidesFullscreenChange.emit(isFullScreen);\n  };\n\n  private handleSlideSelect = (slide: number) => {\n    this.iCurrentSlide = slide;\n    this.nanoSlidesSelect.emit(slide);\n  };\n\n  private destroyflickity() {\n    /**\n     * We need to synchronously destroy\n     * flickity otherwise it is possible\n     * that it will be left in a\n     * destroyed state if connectedCallback\n     * is called multiple times\n     */\n    const flickity = this.syncflickity;\n\n    if (flickity !== undefined) {\n      flickity.destroy();\n      this.flickity = new Promise((resolve) => {\n        this.readyflickity = resolve;\n      });\n      this.flickityReady = false;\n      this.syncflickity = undefined;\n      this.ready = false;\n    }\n    this.didInit = false;\n  }\n\n  private async loadFlickityModules(opts: FlickityOptions) {\n    if (!this.hasFullScreenModule && opts.fullscreen) {\n      await import('./lib/js/fullscreen');\n      this.hasFullScreenModule = true;\n    }\n    if (!this.hasLazyLoadModule && opts.lazyLoad) {\n      await import('./lib/js/lazyload');\n      this.hasLazyLoadModule = true;\n    }\n    if (!this.hasDotsModule && opts.pageDots) {\n      await import('./lib/js/page-dots');\n      this.hasDotsModule = true;\n    }\n    if (!this.hasFadeModule && opts.fade) {\n      await import('./lib/js/fade');\n      this.hasFadeModule = true;\n    }\n  }\n\n  private async initflickity() {\n    const finalOptions = this.normalizeOptions();\n    await this.loadFlickityModules(finalOptions);\n\n    // init flickity core\n    await waitForSlides(this.host);\n\n    this.flickityEl =\n      this.flickityEl || this._getRoot().querySelector('.flickity-container');\n\n    if (!this.flickityEl) return;\n\n    this.slidesReady = true;\n\n    if (this.flickityEl.classList.contains('flickity-enabled')) {\n      this.destroyflickity();\n    }\n\n    this.flickityEl.style.height =\n      this.flickityEl.getBoundingClientRect().height + 'px';\n\n    setTimeout(() => {\n      this.flickityEl.style.height = '';\n      const flick = new flickity(this.flickityEl, finalOptions) as Flickity;\n      this.flickityReady = true;\n      this.syncflickity = flick;\n\n      this.animationChange();\n      this.navbtnsChanged();\n      this.pagerChanged();\n      this.fullscreenChanged();\n      this.fullscreenBtnChanged();\n\n      this.readyflickity(flick);\n      this.ready = true;\n\n      if (!window['ResizeObserver']) return;\n\n      // just boots and braces to make sure it's the correct size oninit\n      const ro = (this.resizeO = new ResizeObserver(() => {\n        flick.resize();\n        // this.resizeO.disconnect();\n      }));\n      ro.observe(this.host);\n    }, 100);\n  }\n\n  private normalizeOptions(): FlickityOptions {\n    // Base options, can be changed\n    const flickityOptions: FlickityOptions = {\n      cellSelector: 'nano-slide',\n      contain: true,\n      prevNextButtons: true,\n      fullscreen: this.fullscreen,\n      accessibility: true,\n      imagesLoaded: true,\n      pageDots: this.pager,\n    };\n\n    if (this.animation === 'fade') {\n      flickityOptions.fade = true;\n    }\n    if (this.currentSlide > 0) {\n      flickityOptions.initialIndex = this.currentSlide;\n    }\n    if (this.autoplay) {\n      if (typeof this.autoplay === 'string')\n        this.autoplay = parseInt(this.autoplay);\n      if (this.autoplay > 0) flickityOptions.autoPlay = this.autoplay as number;\n    }\n\n    // Keep the event options separate, we dont want users\n    // overwriting these\n    const eventOptions: FlickityEvents = {\n      ready: () => {\n        setTimeout(() => {\n          this.nanoSlidesReady.emit();\n        }, 20);\n      },\n      select: this.handleSlideSelect,\n      change: this.nanoSlidesChange.emit,\n      scroll: this.nanoSlidesScroll.emit,\n      settle: this.nanoSlidesTransitionEnd.emit,\n      dragStart: this.nanoSlidesDragStart.emit,\n      dragMove: this.nanoSlidesDragMove.emit,\n      dragEnd: this.nanoSlidesDragEnd.emit,\n      staticClick: this.nanoSlidesTap.emit,\n      fullscreenChange: this.handleFullscreen,\n    };\n\n    const customEvents =\n      !!this.options && !!this.options.on ? this.options.on : {};\n    // merge \"on\" event listeners, while giving our event listeners priority\n    const mergedEventOptions = { on: { ...customEvents, ...eventOptions } };\n    // Merge the base, user options, and events together then pass to flickity\n    // @ts-ignore\n    return { ...flickityOptions, ...mergedEventOptions, ...this.options };\n  }\n\n  componentDidLoad() {\n    if (\n      Build.isBrowser &&\n      typeof window !== 'undefined' &&\n      (window as any).MutationObserver\n    ) {\n      const mut = (this.mutationO = new MutationObserver(\n        (e: MutationRecord[]) => {\n          if (\n            e[0].addedNodes[0] &&\n            e[0].addedNodes[0].nodeName.toLowerCase() === 'nano-slide' &&\n            this.flickityReady\n          ) {\n            this.update();\n          }\n        }\n      ));\n\n      mut.observe(this.host, {\n        childList: true,\n        subtree: true,\n      });\n    }\n  }\n\n  componentWillLoad() {\n    this.nanoSlidesDidLoad.emit();\n\n    if (!this.didInit) {\n      this.didInit = true;\n      this.initflickity();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.mutationO) {\n      this.mutationO.disconnect();\n      this.mutationO = undefined;\n    }\n    if (this.resizeO) this.resizeO.disconnect();\n    this.destroyflickity();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            slideshow: true,\n            ready: this.ready,\n            'not-ready': !this.ready,\n          }}\n          part=\"base\"\n        >\n          <div\n            ref={(div) => (this.flickityEl = div)}\n            class={{\n              'flickity-container': true,\n              'slides-ready': this.slidesReady,\n              'slides-not-ready': !this.slidesReady,\n            }}\n            part=\"slide-container\"\n          >\n            <slot />\n          </div>\n          <div class=\"ui-extras\">\n            <slot name=\"ui\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nconst waitForSlides = (host: HTMLElement): Promise<HTMLNanoSlideElement[]> => {\n  const allSlides = Array.from(host.querySelectorAll('nano-slide'));\n  let toLoadSlides = allSlides.filter(\n    (ele: HTMLNanoSlideElement) => !ele.ready\n  );\n\n  if (!toLoadSlides.length) return Promise.resolve(allSlides);\n\n  return new Promise((resolve) => {\n    const slideResolver = (ev: CustomEvent) => {\n      toLoadSlides = toLoadSlides.filter((ele) => ele !== ev.target);\n      if (!toLoadSlides.length) {\n        resolve(allSlides);\n        host.removeEventListener('nanoSlideReady', slideResolver);\n        host.removeEventListener('nano-slide-ready', slideResolver);\n      }\n    };\n    host.addEventListener('nanoSlideReady', slideResolver);\n    // fallback for vue who can't handle camelcase event names\n    host.addEventListener('nano-slide-ready', slideResolver);\n  });\n};\n"]}

package/dist/collection/components/spinner/spinner.css

@@ -144,8 +144,7 @@
 .spinner__text {
   text-align: center;
   position: relative;
-  -webkit-margin-before: 0.5em;
-          margin-block-start: 0.5em;
+  margin-block-start: 0.5em;
 }
 @keyframes spin {
   0% {

package/dist/collection/components/sticker/sticker.js

@@ -266,7 +266,8 @@ export class Sticker {
   }
   /** offset is part of the public API but we also use it to manipulate trigger points */
   setOffset() {
-    this.trigger.setAttribute('style', '');
+    if (this.trigger)
+      this.trigger.setAttribute('style', '');
     let v, h, _v, _h;
     const sticker = this.isRootSticker || this.stickToEle ? this.sticker : this.host;
     if (!sticker)