@nanoporetech-digital/components 5.5.0 → 5.5.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.5.1](https://git.oxfordnanolabs.local/Digital/nano-components/compare/v5.5.0...v5.5.1) (2023-09-29)
+
+
+### Bug Fixes
+
+* **slides:** remove stencil applied hidden attribute to slotted next/prev buttons ([9a9ff09](https://git.oxfordnanolabs.local/Digital/nano-components/commits/9a9ff0925d4b47cdd6c5a5367f273e1466d2478f))
+* **slides:** wrap around slides not being adjusted during parallax animation ([feadf52](https://git.oxfordnanolabs.local/Digital/nano-components/commits/feadf52a14802b98ca1e4df6d2aae8670e6b927d))
+
+
+
+
+
 # [5.5.0](https://git.oxfordnanolabs.local/Digital/nano-components/compare/v5.4.2...v5.5.0) (2023-09-28)
 
 

package/dist/cjs/nano-slides.cjs.entry.js

@@ -2762,6 +2762,11 @@ PrevNextButton.prototype._create = function () {
   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
   var svg = this.createSVG();
@@ -3871,22 +3876,21 @@ const Slides = class {
       const flkty = await this.flickity;
       flkty.cells.forEach((el, i) => {
         const cell = el;
+        let flkX = flkty.x;
         const shiftedPos = cell.x + flkty.slideableWidth * cell.shift;
         const ele = this.childrenEles[i];
-        let flkX = flkty.x;
         if (flkty.options.wrapAround && flkty.cells.length > 1) {
           flkX = modulo(flkX, flkty.slideableWidth);
           flkX = flkX - flkty.slideableWidth;
         }
         let x = ((cell.target + flkX) * -1) / 3;
         if (cell.shift < 0) {
-          x = x + Math.abs(shiftedPos);
+          x = x + Math.abs(shiftedPos) * 1.3333;
         }
         else if (cell.shift > 0) {
           x = ((cell.target + (flkX + shiftedPos)) * -1) / 3;
         }
         ele.style.transform = 'translate3d(' + x + 'px, 0, 0)';
-        // 'translateX(' + x + 'px)';
       });
     };
     this.handleFullscreen = (isFullScreen) => {
@@ -4069,9 +4073,7 @@ const Slides = class {
       this.options = { autoPlay: time };
     setTimeout(() => flickity.playPlayer());
   }
-  /**
-   * Stop auto play.
-   */
+  /** Stop auto play. */
   async stopAutoplay() {
     const flickity = await this.getflickity();
     flickity.stopPlayer();