@iris.interactive/handcook 7.1.1 → 7.1.3-beta

package/README.md

@@ -1,5 +1,5 @@
 # Welcome to HandCook 👨‍🍳
-![Version](https://img.shields.io/badge/version-7.1.1-blue.svg?cacheSeconds=2592000)
+![Version](https://img.shields.io/badge/version-7.1.3-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/mix-manifest.json

@@ -30,7 +30,6 @@
     "/public/scripts/components/scroll-reveal/scroll-reveal.component.js": "/public/scripts/components/scroll-reveal/scroll-reveal.component.js",
     "/public/scripts/components/scroll-reveal/scroll-reveal.component.scss": "/public/scripts/components/scroll-reveal/scroll-reveal.component.scss",
     "/public/scripts/components/scrollspy/scrollspy.component.js": "/public/scripts/components/scrollspy/scrollspy.component.js",
-    "/public/scripts/components/share/share.component.js": "/public/scripts/components/share/share.component.js",
     "/public/scripts/components/slider/slider.component.js": "/public/scripts/components/slider/slider.component.js",
     "/public/scripts/components/smooth-scroll/smooth-scroll.component.js": "/public/scripts/components/smooth-scroll/smooth-scroll.component.js",
     "/public/scripts/components/tab/tab.component.js": "/public/scripts/components/tab/tab.component.js",
@@ -38,15 +37,10 @@
     "/public/scripts/components/toggle/toggle.component.js": "/public/scripts/components/toggle/toggle.component.js",
     "/public/scripts/components/tooltip/tooltip.component.js": "/public/scripts/components/tooltip/tooltip.component.js",
     "/public/scripts/enumerators/element.enum.js": "/public/scripts/enumerators/element.enum.js",
-    "/public/scripts/enumerators/share.enum.js": "/public/scripts/enumerators/share.enum.js",
     "/public/scripts/enumerators/smooth-scroll.enum.js": "/public/scripts/enumerators/smooth-scroll.enum.js",
     "/public/scripts/enumerators/tooltip.enum.js": "/public/scripts/enumerators/tooltip.enum.js",
     "/public/scripts/handcook.js": "/public/scripts/handcook.js",
     "/public/scripts/index.js.LICENSE.txt": "/public/scripts/index.js.LICENSE.txt",
-    "/public/scripts/support/cookie.support.js": "/public/scripts/support/cookie.support.js",
-    "/public/scripts/support/hash.support.js": "/public/scripts/support/hash.support.js",
-    "/public/scripts/support/toggle-html.support.js": "/public/scripts/support/toggle-html.support.js",
-    "/public/scripts/support/wrap-select.support.js": "/public/scripts/support/wrap-select.support.js",
     "/public/styles/scss/_utils.scss": "/public/styles/scss/_utils.scss",
     "/public/styles/scss/_variables.scss": "/public/styles/scss/_variables.scss",
     "/public/styles/scss/handcook.scss": "/public/styles/scss/handcook.scss",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iris.interactive/handcook",
-  "version": "7.1.1",
+  "version": "7.1.3-beta",
   "description": "The web cooking by IRIS Interactive",
   "main": "./public/scripts/index.js",
   "scripts": {
@@ -32,8 +32,8 @@
     "sass-loader": "11.1.1"
   },
   "dependencies": {
-    "@fancyapps/ui": "^4.0.22",
     "@nats-io/nats-core": "^3.0.0-27",
+    "@fancyapps/ui": "^4.0.22",
     "bootstrap": "^5.1.3",
     "swiper": "8.0.6",
     "tippy.js": "^6.3.7",

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

@@ -193,21 +193,31 @@ export class HcSlider {
     buildDom() {
         // Si le DOM n'est pas créé correctement, on le fait
         if (this.slider.querySelectorAll('.swiper-wrapper').length === 0) {
-            // 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 => {
-                item.classList.add('swiper-slide');
-                item.setAttribute('aria-roledescription', 'slide');
-            });
+            // On récupère les enfants de slider
+            const items = Array.from(this.slider.children);
 
-            // 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");
+            // 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>
             items.forEach(item => {
-                wrapperElement.appendChild(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);
             });
+
+            // On vide le slider et on insère le wrapper <ul> contenant les <li>
+            this.slider.innerHTML = "";
             this.slider.appendChild(wrapperElement);
 
             // On ajout les différentes div utile en fonction des options passées

package/public/styles/scss/mixins/_mixin-layout.scss

@@ -58,15 +58,15 @@
 /* Hover
 /* ============================================= */
 @mixin hover {
-    @media (hover: hover) and (pointer: fine) {
+    body.iris-hover & {
         &:hover {
             @content;
         }
     }
 }
 
-@mixin hover-focus {
-    @media (hover: hover) and (pointer: fine) {
+@mixin hover-focus() {
+    body.iris-hover & {
         &:hover,
         &:focus {
             @content;
@@ -74,8 +74,8 @@
     }
 }
 
-@mixin hover-focus-active {
-    @media (hover: hover) and (pointer: fine) {
+@mixin hover-focus-active() {
+    body.iris-hover & {
         &:hover,
         &:focus,
         &:active {
@@ -84,8 +84,8 @@
     }
 }
 
-@mixin hover-focus-visited {
-    @media (hover: hover) and (pointer: fine) {
+@mixin hover-focus-visited() {
+    body.iris-hover & {
         &:hover,
         &:focus,
         &:visited {

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

@@ -1,51 +0,0 @@
-import ShareEnum from "../../enumerators/share.enum";
-
-export default class ShareComponent {
-
-    constructor() {
-    }
-
-    static manageDisplayOfShareButtons() {
-
-        if (navigator.share && window.matchMedia('(max-width: 1024px)').matches) {
-            $(ShareEnum.shareMobile).removeClass('hidden');
-            $(ShareEnum.shareDesktop).addClass('hidden');
-        } else {
-            $(ShareEnum.shareMobile).addClass('hidden');
-            $(ShareEnum.shareDesktop).removeClass('hidden');
-        }
-    }
-
-    static sharePage() {
-        let shareButton = $('[data-share="mobile"]');
-
-        shareButton.on('click', event => {
-            event.preventDefault();
-
-            if (navigator.share) {
-                navigator.share({
-                    title: document.title,
-                    url: window.location.href
-                })
-            } else {
-                // fallback
-            }
-        });
-    }
-
-    static shareOnWhatsappWeb() {
-
-        $(ShareEnum.shareWhatsappService).on('click', function (e) {
-            e.preventDefault();
-            window.open('https://web.whatsapp.com/send?text='+$(location).attr('href'), '_blank');
-        })
-    }
-
-    static shareOnMessengerWeb() {
-
-        $(ShareEnum.shareMessengerService).on('click', function (e) {
-            e.preventDefault();
-            window.open('http://www.facebook.com/dialog/send?app_id=702473707947207&link='+$(location).attr('href')+'&redirect_uri='+$(location).attr('href'), '_blank');
-        })
-    }
-}

package/public/scripts/enumerators/share.enum.js

@@ -1,6 +0,0 @@
-export default class ShareEnum {
-	static shareDesktop = '[data-share="desktop"]';
-	static shareMobile = '[data-share="mobile"]';
-	static shareWhatsappService = '[data-share-service="whatsapp"]';
-	static shareMessengerService = '[data-share-service="messenger"]';
-}

package/public/scripts/support/cookie.support.js

@@ -1,22 +0,0 @@
-export function getCookie(cname) {
-    let name = cname + "=";
-    let decodedCookie = decodeURIComponent(document.cookie);
-    let ca = decodedCookie.split(';');
-    for(let i = 0; i <ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) == ' ') {
-            c = c.substring(1);
-        }
-        if (c.indexOf(name) == 0) {
-            return c.substring(name.length, c.length);
-        }
-    }
-    return "";
-}
-
-export function setCookie(cname, cvalue, exdays) {
-    const d = new Date();
-    d.setTime(d.getTime() + (exdays*24*60*60*1000));
-    let expires = "expires="+ d.toUTCString();
-    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
-}

package/public/scripts/support/hash.support.js

@@ -1,11 +0,0 @@
-String.prototype.hashCode = function() {
-    var hash = 0, i, chr;
-    if (this.length === 0) return hash;
-    for (i = 0; i < this.length; i++) {
-        chr   = this.charCodeAt(i);
-        hash  = ((hash << 5) - hash) + chr;
-        hash |= 0; // Convert to 32bit integer
-    }
-    return hash;
-};
-

package/public/scripts/support/toggle-html.support.js

@@ -1,5 +0,0 @@
-jQuery.fn.extend({
-    toggleHtml: function (a, b) {
-        return this.html(this.html() == b ? a : b);
-    }
-});

package/public/scripts/support/wrap-select.support.js

@@ -1,3 +0,0 @@
-export default function wrapSelect() {
-    $('select:not([class*="lightpick"])').parent().not('.form__select').children('select').wrap('<div class="form__select"></div>');
-}