@iris.interactive/handcook 2.10.35 → 4.0.0

package/README.md

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

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

@@ -39,18 +39,21 @@ export class HcSlider {
     // Options
     options = {};
 
+    // Events
+    initEvent;
+
     /**
      * @param elements
      */
     constructor(elements = ElementEnum.slider) {
-        this.initOptions();
         document.querySelectorAll(elements).forEach(element => {
+            this.initEvent = new Event("init.hc.slider");
+            this.initOptions();
             this.slider = element;
             this.setOptions();
             this.buildDom();
             const instance = new Swiper(element, this.options);
             this.instances.push(instance);
-            this.initOptions();
         });
     }
 
@@ -135,6 +138,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 +197,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");
@@ -261,6 +269,8 @@ export class HcSlider {
                     if (swiper.isLocked) {
                         swiper.$el.addClass('hc-slider-lock');
                     }
+
+                    this.slider.dispatchEvent(this.initEvent);
                 },
                 slideChangeTransitionEnd: (swiper) => {
 
@@ -282,4 +292,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