@iris.interactive/handcook 2.10.0 → 2.10.1

package/README.md

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

package/public/index.html

@@ -406,7 +406,7 @@
                             <a href="#" class="button-prev-test">Bouton precedent de test</a>
                         </div>
                         <div style="position: relative">
-                            <div data-hc-slider data-hc-slider-arrows data-hc-slider-arrow-prev=".button-prev-test" data-hc-slider-no-swipe="true" data-hc-slider-no-swipe-medium="false">
+                            <div data-hc-slider data-hc-slider-slides-per-view="1" data-hc-slider-slides-per-view-large="2" data-hc-slider-arrows data-hc-slider-arrow-prev=".button-prev-test" data-hc-slider-no-swipe="true" data-hc-slider-no-swipe-medium="false">
                                 <div>
                                     <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
                                 </div>

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

@@ -96,22 +96,29 @@ export class HcSlider {
                 }
 				this.options[config.libKey] = defaultVal;
 			}
-            this.breakpoints.forEach(breakpoint => {
-                breakpointOptions[breakpoint.value] = {};
+        });
+
+        this.breakpoints.forEach(breakpoint => {
+            let breakpointOptionsConfig = {};
+            breakpointKeyConfig.map(config => {
                 let val = this.slider.getAttribute(`data-hc-slider-${config.hcKey}-${breakpoint.name}`);
                 if (val !== null) {
-                    if ( config.callback === 'parseReverseBool' ) {
+                    if (config.callback === 'parseReverseBool') {
                         val = val !== 'true';
                     }
-                    if ( config.callback === 'parseBool' ) {
+                    if (config.callback === 'parseBool') {
                         val = val === 'true';
                     }
-                    if ( config.callback === 'parseFloat' ) {
+                    if (config.callback === 'parseFloat') {
                         val = parseFloat(val);
                     }
-                    breakpointOptions[breakpoint.value][config.libKey] = val;
+                    breakpointOptionsConfig[config.libKey] = val;
                 }
             });
+
+            if ( Object.getOwnPropertyNames(breakpointOptionsConfig).length > 0 ) {
+                breakpointOptions[breakpoint.value] = breakpointOptionsConfig;
+            }
         });
 
         this.options.breakpoints = breakpointOptions;