@iris.interactive/handcook 7.1.5-beta → 7.2.0-beta

package/README.md

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

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

@@ -181,31 +181,21 @@ export class HcSlider {
     buildDom() {
         // Si le DOM n'est pas créé correctement, on le fait
         if (this.slider.querySelectorAll('.swiper-wrapper').length === 0) {
-            // On récupère les enfants de slider
-            const items = Array.from(this.slider.children);
-
-            // On crée l'élément <ul> qui va contenir les <li>
-            const wrapperElement = document.createElement("ul");
-            wrapperElement.classList.add("not-list-style", "swiper-wrapper");
-
-            // On transforme chaque enfant en <li>, en leur appliquant les classes et attributs, puis on les ajoute au <ul>
+            // On recupère les slide items (element de DOM enfant de premier niveau)
+            // et on leur ajoute la classe des slide item
+            const items = [].slice.call(this.slider.children);
             items.forEach(item => {
-                // Créer un nouvel élément <li>
-                const newItem = document.createElement("li");
-
-                // Copier les classes et attributs de l'ancien élément
-                newItem.classList.add(...item.classList, "swiper-slide");
-                newItem.setAttribute("aria-roledescription", "slide");
-
-                // Copier le contenu de l'ancien élément dans le nouveau
-                newItem.innerHTML = item.innerHTML;
-
-                // Ajouter le nouvel élément <li> au <ul>
-                wrapperElement.appendChild(newItem);
+                item.classList.add('swiper-slide');
+                item.setAttribute('aria-roledescription', 'slide');
             });
 
-            // On vide le slider et on insère le wrapper <ul> contenant les <li>
-            this.slider.innerHTML = "";
+            // On ajoute la classe swiper a notre slider,
+            // on crée la div wrapper et on insére les slider item dedans
+            const wrapperElement = document.createElement("div");
+            wrapperElement.classList.add("swiper-wrapper");
+            items.forEach(item => {
+                wrapperElement.appendChild(item);
+            });
             this.slider.appendChild(wrapperElement);
 
             // On ajout les différentes div utile en fonction des options passées