@iris.interactive/handcook 2.9.39 → 2.9.41

package/README.md

@@ -1,5 +1,5 @@
 # Welcome to HandCook 👨‍🍳
-![Version](https://img.shields.io/badge/version-2.9.39-blue.svg?cacheSeconds=2592000)
+![Version](https://img.shields.io/badge/version-2.9.41-blue.svg?cacheSeconds=2592000)
 ![Prerequisite](https://img.shields.io/badge/node-%3E%3D%2012.14.0-blue.svg)
 [![License: UNLICENSED](https://img.shields.io/badge/License-UNLICENSED-yellow.svg)](#)
 [![Twitter: captain\_iris](https://img.shields.io/twitter/follow/captain\_iris.svg?style=social)](https://twitter.com/captain\_iris)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iris.interactive/handcook",
-  "version": "2.9.39",
+  "version": "2.9.41",
   "description": "The web cooking by IRIS Interactive",
   "main": "./public/scripts/index.js",
   "scripts": {

package/public/index.html

@@ -150,7 +150,7 @@
                 </ul>
             </nav>
         </aside>
-        <section data-hc-scrollspy="#scrollspy-nav">
+        <section data-hc-scrollspy="#scrollspy-nav" data-hc-scroll-reveal-parent>
             <article id="scroll-smooth">
                 <div class="navbar"
                      style="position: sticky; top: 0; height: 50px; display: flex; align-items: center; gap: 40px; background-color: #fff; padding: 0 20px;" id="scroll-smooth-nav">
@@ -427,6 +427,12 @@
                 <div style="height: 300px; background: #000"></div>
                 <div style="height: 300px; background: #000"></div>
                 <div style="height: 300px; background: #000"></div>
+                <div style="height: 300px; background: #000"></div>
+                <div style="height: 300px; background: #000"></div>
+                <div style="height: 300px; background: #000"></div>
+                <div style="height: 300px; background: #000"></div>
+                <div style="height: 300px; background: #000"></div>
+                <div style="height: 300px; background: #000"></div>
             </article>
         </section>
     </main>

package/public/scripts/components/slider/slider.component.js

@@ -120,6 +120,11 @@ export class HcSlider {
 				crossFade: true
 			};
 		}
+
+		if (this.slider.hasAttribute('data-hc-slider-infinite')) {
+			this.options['loop'] = true;
+		}
+
 		this.options['watchOverflow'] = true;
 	}