@iris.interactive/handcook 2.6.13 → 2.6.16

package/README.md

@@ -1,5 +1,5 @@
 # Welcome to HandCook 👨‍🍳
-![Version](https://img.shields.io/badge/version-2.6.3-blue.svg?cacheSeconds=2592000)
+![Version](https://img.shields.io/badge/version-2.6.16-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.6.13",
+  "version": "2.6.16",
   "description": "The web cooking by IRIS Interactive",
   "main": "./public/scripts/index.js",
   "scripts": {
@@ -35,7 +35,7 @@
   "dependencies": {
     "@fancyapps/ui": "^4.0.22",
     "bootstrap": "^5.1.3",
-    "swiper": "^8.0.6",
+    "swiper": "8.0.6",
     "tippy.js": "^6.3.7",
     "vanilla-lazyload": "^17.6.1"
   }

package/public/index.html

@@ -375,6 +375,26 @@
                                 <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
                             </div>
                         </div>
+                        <div style="position: relative">
+                            <div data-hc-slider data-hc-slider-arrows data-hc-slider-arrow-prev=".button-prev-test">
+                                <div>
+                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                </div>
+                                <div>
+                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                </div>
+                                <div>
+                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                </div>
+                                <div>
+                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                </div>
+                                <div>
+                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                </div>
+                            </div>
+                            <a href="#" class="button-prev-test">Bouton precedent de test</a>
+                        </div>
                     </div>
                 </div>
             </article>

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

@@ -46,13 +46,24 @@ export class HcCollapse {
 			});
 		});
 		document.querySelectorAll('[data-hc-collapse]').forEach(trigger => {
+			const triggerEls = document.querySelectorAll(`[data-hc-collapse-trigger="${trigger.getAttribute('id')}"]`);
 			trigger.addEventListener('hide.bs.collapse', (e) => {
+				triggerEls.forEach(triggerEl => {
+					if (triggerEl.classList.contains('active')) {
+						triggerEl.classList.remove('active');
+					}
+				});
 				trigger.dispatchEvent(this.hideEvent);
 			});
 			trigger.addEventListener('hidden.bs.collapse', (e) => {
 				trigger.dispatchEvent(this.hiddenEvent);
 			});
 			trigger.addEventListener('show.bs.collapse', (e) => {
+				triggerEls.forEach(triggerEl => {
+					if (!triggerEl.classList.contains('active')) {
+						triggerEl.classList.add('active');
+					}
+				});
 				trigger.dispatchEvent(this.showEvent);
 			});
 			trigger.addEventListener('shown.bs.collapse', (e) => {
@@ -73,4 +84,4 @@ export class HcCollapse {
 const hc_collapse = function (trigger) {
 	return new HcCollapse(trigger);
 };
-export default hc_collapse;
+export default hc_collapse;

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

@@ -27,23 +27,19 @@ export class HcModal {
 	constructor(elements = ElementEnum.modal, overrideOptions = {}) {
 		this.createEvent();
 		document.querySelectorAll(elements).forEach(element => {
-			Fancybox.bind(element);
-			element.addEventListener('click', (e) => {
-				e.preventDefault();
-				this.initOptions();
-				Object.assign(this.options, overrideOptions);
-				this.options.src = this.options.src != '' ? this.options.src : (e.currentTarget.hasAttribute('href') ? e.currentTarget.getAttribute('href') : (e.currentTarget.hasAttribute('data-hc-src') ? e.currentTarget.dataset.hcSrc : ''));
-				this.options.parentEl = this.options.parentEl !== null ? document.querySelector(this.options.parentEl) : (e.currentTarget.hasAttribute('data-hc-modal-parent') ? document.querySelector(e.currentTarget.getAttribute('data-hc-modal-parent')) : '');
-				Fancybox.show([this.options], {
-					on: {
-						reveal: () => {
-							document.dispatchEvent(this.showEvent);
-						},
-						closing: () => {
-							document.dispatchEvent(this.hideEvent);
-						}
+			this.initOptions();
+			Object.assign(this.options, overrideOptions);
+			this.options.src = this.options.src != '' ? this.options.src : (element.hasAttribute('href') ? element.getAttribute('href') : (element.hasAttribute('data-hc-src') ? element.dataset.hcSrc : ''));
+			this.options.parentEl = this.options.parentEl !== null ? document.querySelector(this.options.parentEl) : (element.hasAttribute('data-hc-modal-parent') ? document.querySelector(element.getAttribute('data-hc-modal-parent')) : '');
+			Fancybox.bind(elements, this.options, {
+				on: {
+					reveal: () => {
+						document.dispatchEvent(this.showEvent);
+					},
+					closing: () => {
+						document.dispatchEvent(this.hideEvent);
 					}
-				});
+				}
 			});
 		});
 	}

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

@@ -22,6 +22,19 @@ export class HcSlider {
 	slider;
 	instances = [];
 
+	breakpoints = [{
+		name: "medium",
+		value: 650
+	},
+		{
+			name: "large",
+			value: 1000
+		},
+		{
+			name: "xlarge",
+			value: 1453
+		}];
+
 	// Options
 	options = {};
 
@@ -54,32 +67,21 @@ export class HcSlider {
 			this.options['slidesPerView'] = parseFloat(slidesPerView);
 		}
 
-		const gapMedium = this.slider.getAttribute('data-hc-slider-gap-medium');
-		const slidesPerViewMedium = this.slider.getAttribute('data-hc-slider-slides-per-view-medium');
-		if (gapMedium !== null) {
-			this.options['breakpoints'][650]['spaceBetween'] = parseFloat(gapMedium);
-		}
-		if (slidesPerViewMedium !== null) {
-			this.options['breakpoints'][650]['slidesPerView'] = parseFloat(slidesPerViewMedium);
-		}
-
-		const gapLarge = this.slider.getAttribute('data-hc-slider-gap-large');
-		const slidesPerViewLarge = this.slider.getAttribute('data-hc-slider-slides-per-view-large');
-		if (gapLarge !== null) {
-			this.options['breakpoints']['1000']['spaceBetween'] = parseFloat(gapLarge);
-		}
-		if (slidesPerViewLarge !== null) {
-			this.options['breakpoints']['1000']['slidesPerView'] = parseFloat(slidesPerViewLarge);
-		}
-
-		const gapXlarge = this.slider.getAttribute('data-hc-slider-gap-xlarge');
-		const slidesPerViewXlarge = this.slider.getAttribute('data-hc-slider-slides-per-view-xlarge');
-		if (gapXlarge !== null) {
-			this.options['breakpoints']['1453']['spaceBetween'] = parseFloat(gapXlarge);
-		}
-		if (slidesPerViewXlarge !== null) {
-			this.options['breakpoints']['1453']['slidesPerView'] = parseFloat(slidesPerViewXlarge);
-		}
+		let breakpointOptions = {};
+		this.breakpoints.forEach(breakpoint => {
+			const gap = this.slider.getAttribute(`data-hc-slider-gap-${breakpoint.name}`);
+			const slidesPerView = this.slider.getAttribute(`data-hc-slider-slides-per-view-${breakpoint.name}`);
+			if (gap !== null || slidesPerView !== null) {
+				breakpointOptions[breakpoint.value] = {};
+				if (gap !== null) {
+					breakpointOptions[breakpoint.value]['spaceBetween'] = parseFloat(gap);
+				}
+				if (slidesPerView !== null) {
+					breakpointOptions[breakpoint.value]['slidesPerView'] = parseFloat(slidesPerView);
+				}
+			}
+		});
+		this.options.breakpoints = breakpointOptions;
 
 		const freeMode = this.slider.getAttribute('data-hc-slider-free-mode');
 		if (freeMode !== null) {
@@ -87,6 +89,29 @@ export class HcSlider {
 				enabled: true
 			}
 		}
+
+		if (this.slider.hasAttribute('data-hc-slider-pagination')) {
+			this.options['pagination'] = {
+				el: '.hc-slider-pagination',
+				type: 'bullets',
+				clickable: true,
+				bulletClass: 'hc-slider-pagination-bullet',
+				clickableClass: 'hc-slider-pagination-clickable',
+				currentClass: 'hc-slider-pagination-current',
+				bulletActiveClass: 'hc-slider-pagination-bullet-active'
+			};
+		}
+		if (this.slider.hasAttribute('data-hc-slider-arrows')) {
+			const suffix = this.slider.getAttribute('data-hc-slider-arrows');
+			const prevElement = this.slider.hasAttribute('data-hc-slider-arrow-prev') ? this.slider.getAttribute('data-hc-slider-arrow-prev') : `.hc-slider-button-prev${suffix}`;
+			const nextElement = this.slider.hasAttribute('data-hc-slider-arrow-next') ? this.slider.getAttribute('data-hc-slider-arrow-next') : `.hc-slider-button-next${suffix}`;
+			this.options['navigation'] = {
+				prevEl: prevElement,
+				nextEl: nextElement,
+				disabledClass: `hc-slider-button-disabled${suffix}`,
+				hiddenClass: `hc-slider-button-hidden${suffix}`
+			};
+		}
 	}
 
 	buildDom() {
@@ -107,38 +132,35 @@ export class HcSlider {
 		this.slider.appendChild(wrapperElement);
 
 		// On ajout les différentes div utile en fonction des options passées
-		if (this.slider.hasAttribute('data-hc-slider-pagination')) {
-
-			const paginationElement = document.createElement("div");
-			paginationElement.classList.add("hc-slider-pagination");
-			this.slider.appendChild(paginationElement);
-
-			this.options['pagination'] = {
-				el: '.hc-slider-pagination',
-				type: 'bullets',
-				clickable: true,
-				bulletClass: 'hc-slider-pagination-bullet',
-				clickableClass: 'hc-slider-pagination-clickable',
-				currentClass: 'hc-slider-pagination-current',
-				bulletActiveClass: 'hc-slider-pagination-bullet-active'
-			};
+		// et si les elements n'existent pas déjà
+		if (this.options.pagination !== false) {
+
+			const el = this.slider.querySelectorAll(this.options.pagination.el);
+			if (el.length === 0) {
+				const paginationElement = document.createElement("div");
+				paginationElement.classList.add(this.options.pagination.el.substr(1));
+				this.slider.appendChild(paginationElement);
+			}
 		}
-		if (this.slider.hasAttribute('data-hc-slider-arrows')) {
-
-			const buttonPrev = document.createElement("div");
-			buttonPrev.classList.add("hc-slider-button-prev");
-			this.slider.appendChild(buttonPrev);
-
-			const buttonNext = document.createElement("div");
-			buttonNext.classList.add("hc-slider-button-next");
-			this.slider.appendChild(buttonNext);
+		if (this.options.navigation !== false) {
+
+			if (!this.slider.hasAttribute('data-hc-slider-arrow-prev')) {
+				const prevEl = this.slider.querySelectorAll(this.options.navigation.prevEl);
+				if (prevEl.length === 0) {
+					const buttonPrev = document.createElement("div");
+					buttonPrev.classList.add(this.options.navigation.prevEl.substr(1));
+					this.slider.appendChild(buttonPrev);
+				}
+			}
 
-			this.options['navigation'] = {
-				nextEl: '.hc-slider-button-next',
-				prevEl: '.hc-slider-button-prev',
-				disabledClass: 'hc-slider-button-disabled',
-				hiddenClass: 'hc-slider-button-hidden',
-			};
+			if (!this.slider.hasAttribute('data-hc-slider-arrow-next')) {
+				const nextEl = this.slider.querySelectorAll(this.options.navigation.nextEl);
+				if (nextEl.length === 0) {
+					const buttonNext = document.createElement("div");
+					buttonNext.classList.add(this.options.navigation.nextEl.substr(1));
+					this.slider.appendChild(buttonNext);
+				}
+			}
 		}
 	}
 
@@ -177,11 +199,7 @@ export class HcSlider {
 					swiper.$el.find('.swiper-slide-prev').addClass('hc-slider-slide-prev');
 				}
 			},
-			breakpoints: {
-				650: {},
-				1000: {},
-				1453: {},
-			}
+			breakpoints: {}
 		};
 	}
 }

package/public/scripts/components/smooth-scroll/smooth-scroll.component.js

@@ -12,29 +12,24 @@
  * @date        28/01/2022 14:27
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
  */
-
 import ElementEnum from "../../enumerators/element.enum";
 
 export class HcSmoothScroll {
-
 	constructor(triggerAttribute = ElementEnum.scrollSmooth, durationAnimation = 1000) {
-
-		document.addEventListener('click', (e) => {
-			if(e.target && e.target.hasAttribute(ElementEnum.scrollSmooth)) {
+		document.querySelectorAll(triggerAttribute).forEach(trigger => {
+			trigger.addEventListener('click', (e) => {
 				e.preventDefault();
-				const target = (e.target.getAttribute('href') != '') ? document.querySelector(e.target.getAttribute('href')) : document.querySelector(e.target.dataset.href);
-				const shift = (e.target.dataset.shift !== undefined) ? e.target.dataset.shift : 0;
+				const target = (e.currentTarget.getAttribute('href') != '') ? document.querySelector(e.currentTarget.getAttribute('href')) : document.querySelector(e.currentTarget.dataset.hcSmoothScrollHref);
+				const shift = (e.currentTarget.dataset.hcSmoothScrollShift !== undefined) ? e.currentTarget.dataset.hcSmoothScrollShift : 0;
 				const anim = requestAnimationFrame((timestamp) => {
 					const stamp = timestamp || new Date().getTime();
 					const start = stamp;
-
 					const startScrollOffset = window.pageYOffset;
 					const scrollEndElemTop = target.getBoundingClientRect().top - shift;
-
 					this.scrollToElem(start, stamp, durationAnimation, scrollEndElemTop, startScrollOffset);
 				})
-			}
-		});
+			});
+		})
 	}
 
 	easeInCubic(t) {
@@ -44,11 +39,8 @@ export class HcSmoothScroll {
 	scrollToElem(startTime, currentTime, duration, scrollEndElemTop, startScrollOffset) {
 		const runtime = currentTime - startTime;
 		let progress = runtime / duration;
-
 		progress = Math.min(progress, 1);
-
 		const ease = this.easeInCubic(progress);
-
 		window.scroll(0, startScrollOffset + (scrollEndElemTop * ease));
 		if (runtime < duration) {
 			requestAnimationFrame((timestamp) => {
@@ -59,7 +51,7 @@ export class HcSmoothScroll {
 	}
 }
 
-const hc_smooth_scroll = function(trigger, options) {
-	new HcSmoothScroll(trigger, options);
+const hc_smooth_scroll = function (trigger, durationAnimation) {
+	new HcSmoothScroll(trigger, durationAnimation);
 }
 export default hc_smooth_scroll;

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

@@ -16,7 +16,7 @@
 export default class ElementEnum {
 	static tooltip = '[data-hc-tooltip], [data-hc-popover]';
 	static popover = '[data-hc-popover]';
-	static scrollSmooth = 'data-hc-smooth-scroll';
+	static scrollSmooth = '[data-hc-smooth-scroll]';
 	static modal = '[data-hc-modal]';
 	static lightbox = '[data-hc-lightbox]';
 	static dropdown = '[data-hc-dropdown]';

package/public/scripts/handcook.js

@@ -1,39 +1 @@
-/*
- * IRIS Interactive
- *
- * NOTICE OF LICENSE
- *
- * This source file is no subject to a specific license
- * but it belongs to the company IRIS Interactive.
- * You can contact IRIS Interactive at the following
- * address: contact@iris-interactive.fr
- *
- * @author      Fabien SERRA
- * @date        25/02/2022 12:04
- * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-import hc_tooltip from '@package_script/components/tooltip/tooltip.component';
-import hc_smooth_scroll from "@package_script/components/smooth-scroll/smooth-scroll.component";
-import hc_modal from "@package_script/components/modal/modal.component";
-import hc_lightbox from "@package_script/components/lightbox/lightbox.component";
-import hc_dropdown from "@package_script/components/dropdown/dropdown.component";
-import hc_collapse from "@package_script/components/collapse/collapse.component";
-import hc_lazyload from "@package_script/components/lazyload/lazyload.component";
-import hc_tab from "@package_script/components/tab/tab.component";
-import hc_toggle from "@package_script/components/toggle/toggle.component";
-import hc_slider from "@package_script/components/slider/slider.component";
-
-const Handcook = {
-	hc_tooltip,
-	hc_smooth_scroll,
-	hc_modal,
-	hc_lightbox,
-	hc_dropdown,
-	hc_collapse,
-	hc_lazyload,
-	hc_tab,
-	hc_toggle,
-	hc_slider,
-}
-export default Handcook;
+import hc_tooltip from"@package_script/components/tooltip/tooltip.component";import hc_smooth_scroll from"@package_script/components/smooth-scroll/smooth-scroll.component";import hc_modal from"@package_script/components/modal/modal.component";import hc_lightbox from"@package_script/components/lightbox/lightbox.component";import hc_dropdown from"@package_script/components/dropdown/dropdown.component";import hc_collapse from"@package_script/components/collapse/collapse.component";import hc_lazyload from"@package_script/components/lazyload/lazyload.component";import hc_tab from"@package_script/components/tab/tab.component";import hc_toggle from"@package_script/components/toggle/toggle.component";import hc_slider from"@package_script/components/slider/slider.component";const Handcook={hc_tooltip:hc_tooltip,hc_smooth_scroll:hc_smooth_scroll,hc_modal:hc_modal,hc_lightbox:hc_lightbox,hc_dropdown:hc_dropdown,hc_collapse:hc_collapse,hc_lazyload:hc_lazyload,hc_tab:hc_tab,hc_toggle:hc_toggle,hc_slider:hc_slider};export default Handcook;

package/public/styles/scss/style.css

@@ -11,68 +11,7 @@
  * @author      Lucas ROCHE
  * @date        27/01/2022 14:32
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-/* Layout
-/ ================================================== */
-/* Gutter
-/ ================================================== */
-/* Margin
-/ ================================================== */
-/* Margin
-/ ================================================== */
-/* Breakpoint
-/ ================================================== */
-/* Global
-/ ================================================== */
-/* Notifications
-/ ================================================== */
-/* Difficulty
-/ ================================================== */
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-/* Main gutter
-/ ================================================== */
-/* Breakpoints
-/* ============================================= */
-/* display flex
-/* ============================================= */
-/* Hover - TODO
-/* ============================================= */
-/* Touch
-/* ============================================= */
-/* Clear
-/* ============================================= */
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-/* Transition
-/* ============================================= */
-/* Hover
-/* ============================================= */
-/* Ellipsis
-/* ============================================= */
-/*  Adaptive height block
-/* ============================================= */
-/* Line clamp
-/* ============================================= */
-/* Object fit
-/* ============================================= */
-/* Linear Gradient
-/* ============================================= */
-/* fit-content
-/* ============================================= */
-/* stretched-link
-/* ============================================= */
-/* sr-only
-/* ============================================= */
-/*!
+ *//*!
  * IRIS Interactive
  *
  * NOTICE OF LICENSE
@@ -85,102 +24,4 @@
  * @author      Lucas ROCHE
  * @date        28/01/2022 07:41
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-/* Font icon
-/* ============================================= */
-/* Font size
-/* ============================================= */
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-/* Utils classes
-/* ============================================= */
-.stretched-link:before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  pointer-events: auto;
-  content: "";
-  background-color: transparent;
-}
-
-/* ============================================= */
-.list-flex {
-  display: flex;
-  flex-wrap: wrap;
-  margin-bottom: 0;
-}
-.list-flex > * {
-  list-style-type: none;
-  margin: 0 10px 10px 0;
-}
-.list-flex > *:last-child {
-  margin-right: 0;
-}
-
-/* Animations
-/* ============================================= */
-@-webkit-keyframes loader {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loader {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-/* Sr-only
-/* ============================================= */
-.sr-only {
-  clip: rect(0, 0, 0, 0);
-  border-width: 0;
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
-/* Text with icon before
-/* ============================================= */
-.text-icon {
-  display: inline-flex;
-  align-items: center;
-}
-.text-icon:before {
-  margin-right: 5px;
-}
-.text-icon:after {
-  margin-left: 5px;
-}
-
-/* Block with img animated on hover
-/* ============================================= */
-.hover-item img {
-  transition: 0.2s ease;
-  will-change: transform;
-}
-.hover-item:hover img {
-  transform: scale(1.02);
-}
-
-/* Opening
-/* ============================================= */
-.is-opened {
-  color: #009e55;
-}
-
-.soon-closed {
-  color: #ff890e;
-}
-
-.is-closed {
-  color: #f33;
-}
+ */.stretched-link:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:transparent}.list-flex{display:flex;flex-wrap:wrap;margin-bottom:0}.list-flex>*{list-style-type:none;margin:0 10px 10px 0}.list-flex>:last-child{margin-right:0}@-webkit-keyframes loader{100%{transform:rotate(360deg)}}@keyframes loader{100%{transform:rotate(360deg)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-icon{display:inline-flex;align-items:center}.text-icon:before{margin-right:5px}.text-icon:after{margin-left:5px}.hover-item img{transition:.2s ease;will-change:transform}.hover-item:hover img{transform:scale(1.02)}.is-opened{color:#009e55}.soon-closed{color:#ff890e}.is-closed{color:#f33}

package/public/styles/style.css

@@ -12,66 +12,6 @@
  * @date        27/01/2022 14:32
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
  */
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-/* Layout
-/ ================================================== */
-/* Gutter
-/ ================================================== */
-/* Margin
-/ ================================================== */
-/* Margin
-/ ================================================== */
-/* Breakpoint
-/ ================================================== */
-/* Global
-/ ================================================== */
-/* Notifications
-/ ================================================== */
-/* Difficulty
-/ ================================================== */
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-/* Main gutter
-/ ================================================== */
-/* Breakpoints
-/* ============================================= */
-/* display flex
-/* ============================================= */
-/* Hover
-/* ============================================= */
-/* Touch
-/* ============================================= */
-/* Clear
-/* ============================================= */
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-/* Transition
-/* ============================================= */
-/* Animate
-/* ============================================= */
-/* Ellipsis
-/* ============================================= */
-/*  Adaptive height block
-/* ============================================= */
-/* Line clamp
-/* ============================================= */
-/* Object fit
-/* ============================================= */
-/* Linear Gradient
-/* ============================================= */
-/* fit-content
-/* ============================================= */
-/* stretched-link
-/* ============================================= */
-/* sr-only
-/* ============================================= */
 /*!
  * IRIS Interactive
  *
@@ -85,109 +25,4 @@
  * @author      Lucas ROCHE
  * @date        28/01/2022 07:41
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-/* Font icon
-/* ============================================= */
-/* Font size
-/* ============================================= */
-/*
-  * Created by IRIS Interactive
-  * User : IRIS Interactive
-*/
-/* Utils classes
-/* ============================================= */
-.stretched-link:before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  pointer-events: auto;
-  content: "";
-  background-color: transparent;
-}
-
-/* ============================================= */
-.list-flex {
-  display: flex;
-  flex-wrap: wrap;
-  margin-bottom: 0;
-}
-.list-flex > * {
-  list-style-type: none;
-  margin: 0 10px 10px 0;
-}
-.list-flex > *:last-child {
-  margin-right: 0;
-}
-
-/* Animations
-/* ============================================= */
-@-webkit-keyframes loader {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loader {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-/* Sr-only
-/* ============================================= */
-.sr-only {
-  clip: rect(0, 0, 0, 0);
-  border-width: 0;
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
-/* Text with icon before
-/* ============================================= */
-.text-icon {
-  display: inline-flex;
-  align-items: center;
-}
-.text-icon:before {
-  margin-right: 5px;
-}
-.text-icon:after {
-  margin-left: 5px;
-}
-
-/* Block with img animated on hover
-/* ============================================= */
-.hover-item img {
-  transition: 0.2s ease;
-  will-change: transform;
-}
-.hover-item:hover img {
-  transform: scale(1.02);
-}
-
-/* Opening
-/* ============================================= */
-.is-opened {
-  color: #009e55;
-}
-
-.soon-closed {
-  color: #ff890e;
-}
-
-.is-closed {
-  color: #f33;
-}
-
-/* Font
-/* ============================================= */
-.fi--color:before,
-.fi-color:after {
-  color: var(--iris--icon--color);
-}
+ */.stretched-link:before{background-color:transparent;bottom:0;content:"";left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:1}.list-flex{display:flex;flex-wrap:wrap;margin-bottom:0}.list-flex>*{list-style-type:none;margin:0 10px 10px 0}.list-flex>:last-child{margin-right:0}@-webkit-keyframes loader{to{transform:rotate(1turn)}}@keyframes loader{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-icon{align-items:center;display:inline-flex}.text-icon:before{margin-right:5px}.text-icon:after{margin-left:5px}.hover-item img{transition:.2s ease;will-change:transform}.hover-item:hover img{transform:scale(1.02)}.is-opened{color:#009e55}.soon-closed{color:#ff890e}.is-closed{color:#f33}.fi--color:before,.fi-color:after{color:var(--iris--icon--color)}