@iris.interactive/handcook 7.0.11 → 7.0.12

package/README.md

@@ -1,5 +1,5 @@
 # Welcome to HandCook 👨‍🍳
-![Version](https://img.shields.io/badge/version-7.0.11-blue.svg?cacheSeconds=2592000)
+![Version](https://img.shields.io/badge/version-7.0.12-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,6 +30,7 @@
     "/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",
@@ -37,10 +38,15 @@
     "/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.0.11",
+  "version": "7.0.12",
   "description": "The web cooking by IRIS Interactive",
   "main": "./public/scripts/index.js",
   "scripts": {
@@ -32,8 +32,8 @@
     "sass-loader": "11.1.1"
   },
   "dependencies": {
-    "@nats-io/nats-core": "^3.0.0-27",
     "@fancyapps/ui": "^4.0.22",
+    "@nats-io/nats-core": "^3.0.0-27",
     "bootstrap": "^5.1.3",
     "swiper": "8.0.6",
     "tippy.js": "^6.3.7",

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

@@ -39,15 +39,9 @@ export class HcCollapse {
 		});
 		collapseList.map(function (collapse) {
 			document.querySelectorAll(`[data-hc-collapse-trigger="${collapse._element.getAttribute("data-hc-collapse")}"]`).forEach(trigger => {
-				const handleTriggerAction = (e) => {
+				trigger.addEventListener('click', function (e) {
 					e.preventDefault();
 					collapse.toggle();
-				};
-				trigger.addEventListener('click', handleTriggerAction);
-				trigger.addEventListener('keydown', (e) => {
-					if (e.which == 13 ) {
-						handleTriggerAction(e);
-					}
 				});
 			});
 		});
@@ -58,7 +52,6 @@ export class HcCollapse {
 					if (triggerEl.classList.contains('active')) {
 						triggerEl.classList.remove('active');
 					}
-					triggerEl.setAttribute('aria-expanded', 'false');
 				});
 				trigger.dispatchEvent(this.hideEvent);
 			});
@@ -70,7 +63,6 @@ export class HcCollapse {
 					if (!triggerEl.classList.contains('active')) {
 						triggerEl.classList.add('active');
 					}
-					triggerEl.setAttribute('aria-expanded', 'true');
 				});
 				trigger.dispatchEvent(this.showEvent);
 			});

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

@@ -0,0 +1,51 @@
+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/components/slider/slider.component.js

@@ -198,7 +198,6 @@ export class HcSlider {
             const items = [].slice.call(this.slider.children);
             items.forEach(item => {
                 item.classList.add('swiper-slide');
-                item.setAttribute('aria-roledescription', 'slide');
             });
 
             // On ajoute la classe swiper a notre slider,
@@ -238,7 +237,7 @@ export class HcSlider {
                     buttonsWrapper.appendChild(buttonPrev);
                     buttonsWrapper.appendChild(buttonNext);
 
-                    this.slider.prepend(buttonsWrapper);
+                    this.slider.appendChild(buttonsWrapper);
                 } else {
                     if (!this.slider.hasAttribute('data-hc-slider-arrow-prev') && prevEl.length === 0) {
                         const buttonPrev = document.createElement("div");
@@ -267,14 +266,6 @@ export class HcSlider {
             grabCursor: true,
             loop: false,
             watchSlidesProgress: true,
-            a11y: {
-                prevSlideMessage: IRISCollectionTheme.translate.slider.prevSlideMessage ?? 'Slide précédente',
-                nextSlideMessage: IRISCollectionTheme.translate.slider.nextSlideMessage ?? 'Slide suivante',
-                firstSlideMessage: IRISCollectionTheme.translate.slider.firstSlideMessage ?? 'Vous êtes sur la première slide',
-                lastSlideMessage: IRISCollectionTheme.translate.slider.lastSlideMessage ?? 'Vous avez atteint la dernière slide',
-                paginationBulletMessage: IRISCollectionTheme.translate.slider.paginationBulletMessage ?? 'Aller sur la slide {{index}}',
-                slideLabelMessage: IRISCollectionTheme.translate.slider.slideLabelMessage ?? 'Slide {{index}} sur {{slidesLength}}',
-            },
             on: {
                 init: (swiper) => {
 

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

@@ -40,14 +40,14 @@ export class HcTooltip {
 		document.querySelectorAll(elements).forEach(element => {
 			let options = {};
 			Object.assign(options, this.defaultOptions, overrideOptions);
-			options.trigger = options.trigger != '' ? options.trigger : (element.hasAttribute(TooltipEnum.attrPopover) ? "click focus" : "mouseenter focus");
+			options.trigger = options.trigger != '' ? options.trigger : (element.hasAttribute(TooltipEnum.attrPopover) ? "click" : "mouseenter");
 			options.content = options.content != '' ? options.content : (element.hasAttribute(TooltipEnum.attrContent) ? element.getAttribute(TooltipEnum.attrContent) : '');
 			options.placement = options.placement != '' ? options.placement : (element.hasAttribute(TooltipEnum.attrPlacement) ? element.getAttribute(TooltipEnum.attrPlacement) : 'bottom');
 			options.interactive = options.interactive != '' ? options.interactive : (element.hasAttribute(TooltipEnum.attrInteractive) ? element.getAttribute(TooltipEnum.attrInteractive) : false);
 			let backgroundColor = element.hasAttribute(TooltipEnum.attrBackgroundColor) ? element.getAttribute(TooltipEnum.attrBackgroundColor) : '';
 			let color = element.hasAttribute(TooltipEnum.attrColor) ? element.getAttribute(TooltipEnum.attrColor) : '';
 			let fontSize = element.hasAttribute(TooltipEnum.attrFontSize) ? element.getAttribute(TooltipEnum.attrFontSize) : '';
-			if (options.trigger.indexOf('click') !== -1) {
+			if (options.trigger === 'click') {
 				element.addEventListener('click', (e) => {
 					e.preventDefault();
 				});

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,11 @@
+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

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

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

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

package/public/styles/scss/_variables.scss

@@ -608,7 +608,3 @@ $c-medium: #1f70e3;
 $c-intermediate: #ff890e;
 $c-hard: #ef5350;
 $c-veryhard: #000;
-
-/* Grey
-/ ================================================== */
-$c-grey: #757575

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

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

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

@@ -169,7 +169,9 @@
         @include transition;
     }
 
-    &:visited {
+    &:visited,
+    &:focus,
+    &:focus-within {
         color: $button-color;
         background-color: $button-background-color;
         background-image: $button-background-image;
@@ -178,7 +180,7 @@
         border: $button-border;
     }
 
-    @include hover-focus {
+    @include hover {
         color: $button-color-hover;
         background-color: $button-background-color-hover;
         border: $button-border-hover;
@@ -226,7 +228,9 @@
         @include transition;
     }
 
-    &:visited {
+    &:visited,
+    &:focus,
+    &:focus-within {
         color: $secondary-button-color;
         background-color: $secondary-button-background-color;
         background-image: $secondary-button-background-image;
@@ -235,7 +239,7 @@
         border: $secondary-button-border;
     }
 
-    @include hover-focus {
+    @include hover {
         color: $secondary-button-color-hover;
         background-color: $secondary-button-background-color-hover;
         border: $secondary-button-border-hover;