@iris.interactive/handcook 2.10.34 → 2.10.36

package/README.md

@@ -1,5 +1,5 @@
 # Welcome to HandCook 👨‍🍳
-![Version](https://img.shields.io/badge/version-2.10.34-blue.svg?cacheSeconds=2592000)
+![Version](https://img.shields.io/badge/version-2.10.35-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.10.34",
+  "version": "2.10.36",
   "description": "The web cooking by IRIS Interactive",
   "main": "./public/scripts/index.js",
   "scripts": {

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

@@ -9,7 +9,9 @@ export class HcScrollspy {
 		document.querySelectorAll(elements).forEach(element => {
 			const navElement = document.querySelector(element.dataset.hcScrollspy);
 			const shift = element.getAttribute('data-hc-scrollspy-shift') !== null ? parseInt(element.getAttribute('data-hc-scrollspy-shift')) : 0;
-			this.activeItem(navElement, ElementEnum.scrollSmooth, shift);
+			if (navElement !== null) {
+				this.activeItem(navElement, ElementEnum.scrollSmooth, shift);
+			}
 		});
 	}
 

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

@@ -135,6 +135,7 @@ export class HcSlider {
                 el: '.hc-slider-pagination',
                 type: 'bullets',
                 clickable: true,
+                dynamicBullets: false,
                 bulletClass: 'hc-slider-pagination-bullet',
                 clickableClass: 'hc-slider-pagination-clickable',
                 currentClass: 'hc-slider-pagination-current',
@@ -193,6 +194,10 @@ export class HcSlider {
             // et si les elements n'existent pas déjà
             if (this.options.pagination !== false) {
 
+                if(items.length >= 8 ){
+                    this.options.pagination.dynamicBullets = true;
+                }
+
                 const el = this.slider.querySelectorAll(this.options.pagination.el);
                 if (el.length === 0) {
                     const paginationElement = document.createElement("div");
@@ -282,4 +287,4 @@ export class HcSlider {
 const hc_slider = function (trigger) {
     return new HcSlider(trigger);
 }
-export default hc_slider;
+export default hc_slider;

package/public/styles/scss/_variables.scss

@@ -120,6 +120,7 @@ $customer-bottom-bar-height: var(--iris--customer-bottom-bar--height, 60px);
 
 //Icon
 $icon-color: var(--iris--icon--color);
+$icon-font-size: 20px;
 
 
 //Rank