@iris.interactive/handcook 7.1.1-beta → 8.0.0-alpha.1

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

@@ -1,317 +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      Lucas ROCHE
- * @date        22/02/2022 17:21
- * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-import ElementEnum from "../../enumerators/element.enum";
-import Swiper from "swiper/bundle";
-import "swiper/css";
-import "swiper/css/effect-fade";
-
-export class HcSlider {
-
-    slider;
-    instances = [];
-
-    breakpoints = [{
-        name: "medium",
-        value: 651
-    },
-        {
-            name: "large",
-            value: 1001
-        },
-        {
-            name: "xlarge",
-            value: 1454
-        }];
-
-    // Options
-    options = {};
-
-    // Events
-    initEvent;
-
-    /**
-     * @param elements
-     */
-    constructor(elements = ElementEnum.slider) {
-        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);
-        });
-    }
-
-    setOptions() {
-        const attr = this.slider.getAttribute('data-hc-slider-autoplay');
-        if (attr !== null) {
-            this.options['autoplay'] = {
-                delay: attr
-            }
-        }
-
-        let breakpointOptions = {};
-
-        let breakpointKeyConfig = [
-            {
-                'hcKey': 'gap',
-                'libKey': 'spaceBetween',
-                'callback': 'parseFloat'
-            },
-            {
-                'hcKey': 'slides-per-view',
-                'libKey': 'slidesPerView',
-                'callback': 'parseFloat'
-            },
-            {
-                'hcKey': 'no-swipe',
-                'libKey': 'allowTouchMove',
-                'callback': 'parseReverseBool'
-            }
-        ];
-
-        breakpointKeyConfig.map(config => {
-            let defaultVal = this.slider.getAttribute(`data-hc-slider-${config.hcKey}`);
-            if (defaultVal !== null) {
-                if ( config.callback === 'parseReverseBool' ) {
-                    defaultVal = defaultVal !== 'true';
-                }
-                if ( config.callback === 'parseBool' ) {
-                    defaultVal = defaultVal === 'true';
-                }
-                if ( config.callback === 'parseFloat' ) {
-                    defaultVal = parseFloat(defaultVal);
-                }
-                this.options[config.libKey] = defaultVal;
-            }
-        });
-
-        this.breakpoints.forEach(breakpoint => {
-            let breakpointOptionsConfig = {};
-            breakpointKeyConfig.map(config => {
-                let val = this.slider.getAttribute(`data-hc-slider-${config.hcKey}-${breakpoint.name}`);
-                if (val !== null) {
-                    if (config.callback === 'parseReverseBool') {
-                        val = val !== 'true';
-                    }
-                    if (config.callback === 'parseBool') {
-                        val = val === 'true';
-                    }
-                    if (config.callback === 'parseFloat') {
-                        val = parseFloat(val);
-                    }
-                    breakpointOptionsConfig[config.libKey] = val;
-                }
-            });
-
-            if ( Object.getOwnPropertyNames(breakpointOptionsConfig).length > 0 ) {
-                breakpointOptions[breakpoint.value] = breakpointOptionsConfig;
-            }
-        });
-
-        this.options.breakpoints = breakpointOptions;
-
-        const freeMode = this.slider.getAttribute('data-hc-slider-free-mode');
-        if (freeMode !== null) {
-            this.options['freeMode'] = {
-                enabled: true
-            }
-        }
-
-        if (this.slider.hasAttribute('data-hc-slider-pagination')) {
-            this.options['pagination'] = {
-                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',
-                bulletActiveClass: 'hc-slider-pagination-bullet-active'
-            };
-        }
-        if (this.slider.hasAttribute('data-hc-slider-arrows')) {
-            const suffix = this.slider.getAttribute('data-hc-slider-arrows');
-            const wrapperElement = this.slider.hasAttribute('data-hc-slider-arrows-wrapper') ? '.hc-slider-buttons' : null;
-            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,
-                wrapperEl: wrapperElement,
-                disabledClass: `hc-slider-button-disabled${suffix}`,
-                hiddenClass: `hc-slider-button-hidden${suffix}`
-            };
-        }
-
-        if (this.slider.hasAttribute('data-hc-slider-fade-effect')) {
-            this.options['effect'] = 'fade';
-            this.options['fadeEffect'] = {
-                crossFade: true
-            };
-        }
-
-        if (this.slider.hasAttribute('data-hc-slider-infinite')) {
-            this.options['loop'] = true;
-        }
-
-        if (this.slider.hasAttribute('data-hc-slider-disable-mousewheel')) {
-            this.options['mousewheel'] = false;
-        }
-
-        if (this.slider.hasAttribute('data-hc-slider-lazy')) {
-            this.options['lazy'] = {
-                enabled: true,
-                checkInView: true,
-                loadPrevNext: true,
-                elementClass: 'hc-slider-lazy',
-                loadedClass: 'hc-slider-lazy-loaded',
-                loadingClass: 'hc-slider-lazy-loading',
-                preloaderClass: 'hc-slider-lazy-preloader',
-            };
-        }
-
-        this.options['watchOverflow'] = true;
-    }
-
-    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 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
-            // 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.options.navigation !== false) {
-
-                const prevEl = this.slider.querySelectorAll(this.options.navigation.prevEl);
-                const nextEl = this.slider.querySelectorAll(this.options.navigation.nextEl);
-
-                if (this.slider.hasAttribute('data-hc-slider-arrows-wrapper') && prevEl.length === 0 && nextEl.length === 0) {
-                    const buttonsWrapper = document.createElement("div");
-                    const buttonPrev = document.createElement("div");
-                    const buttonNext = document.createElement("div");
-
-                    buttonPrev.classList.add(this.options.navigation.prevEl.substr(1));
-                    buttonNext.classList.add(this.options.navigation.nextEl.substr(1));
-                    buttonsWrapper.classList.add(this.options.navigation.wrapperEl.substr(1));
-
-                    buttonsWrapper.appendChild(buttonPrev);
-                    buttonsWrapper.appendChild(buttonNext);
-
-                    this.slider.prepend(buttonsWrapper);
-                } else {
-                    if (!this.slider.hasAttribute('data-hc-slider-arrow-prev') && prevEl.length === 0) {
-                        const buttonPrev = document.createElement("div");
-                        buttonPrev.classList.add(this.options.navigation.prevEl.substr(1));
-                        this.slider.appendChild(buttonPrev);
-                    }
-
-                    if (!this.slider.hasAttribute('data-hc-slider-arrow-next') && nextEl.length === 0) {
-                        const buttonNext = document.createElement("div");
-                        buttonNext.classList.add(this.options.navigation.nextEl.substr(1));
-                        this.slider.appendChild(buttonNext);
-                    }
-                }
-            }
-        }
-    }
-
-    initOptions() {
-        this.options = {
-            slidesPerView: "auto",
-            pagination: false,
-            navigation: false,
-            mousewheel: {
-                forceToAxis: true,
-            },
-            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) => {
-
-                    // layout
-                    swiper.$el.find('.swiper-wrapper').addClass('hc-slider-wrapper');
-                    swiper.$el.addClass('hc-slider-initialized');
-
-                    // slide item
-                    swiper.$el.find('.swiper-slide').addClass('hc-slider-slide');
-                    swiper.$el.find('.swiper-slide-active').addClass('hc-slider-slide-active');
-                    swiper.$el.find('.swiper-slide-next').addClass('hc-slider-slide-next');
-                    swiper.$el.find('.swiper-slide-prev').addClass('hc-slider-slide-prev');
-
-                    if (swiper.isLocked) {
-                        swiper.$el.addClass('hc-slider-lock');
-                    }
-
-                    this.slider.dispatchEvent(this.initEvent);
-                },
-                slideChangeTransitionEnd: (swiper) => {
-
-                    // slide item
-                    swiper.$el.find('.swiper-slide')
-                        .removeClass('hc-slider-slide-active')
-                        .removeClass('hc-slider-slide-next')
-                        .removeClass('hc-slider-slide-prev');
-                    swiper.$el.find('.swiper-slide-active').addClass('hc-slider-slide-active');
-                    swiper.$el.find('.swiper-slide-next').addClass('hc-slider-slide-next');
-                    swiper.$el.find('.swiper-slide-prev').addClass('hc-slider-slide-prev');
-                }
-            },
-            breakpoints: {}
-        };
-    }
-}
-
-const hc_slider = function (trigger) {
-    return new HcSlider(trigger);
-}
-export default hc_slider;
+import e from"../../enumerators/element.enum";import i from"swiper/bundle";import"swiper/css";import"swiper/css/effect-fade";export class HcSlider{slider;instances=[];breakpoints=[{name:"medium",value:651},{name:"large",value:1001},{name:"xlarge",value:1454}];options={};initEvent;constructor(s=e.slider){document.querySelectorAll(s).forEach(e=>{this.initEvent=new Event("init.hc.slider"),this.initOptions(),this.slider=e,this.setOptions(),this.buildDom();let s=new i(e,this.options);this.instances.push(s)})}setOptions(){let e=this.slider.getAttribute("data-hc-slider-autoplay");null!==e&&(this.options.autoplay={delay:e});let i={},s=[{hcKey:"gap",libKey:"spaceBetween",callback:"parseFloat"},{hcKey:"slides-per-view",libKey:"slidesPerView",callback:"parseFloat"},{hcKey:"no-swipe",libKey:"allowTouchMove",callback:"parseReverseBool"}];if(s.map(e=>{let i=this.slider.getAttribute(`data-hc-slider-${e.hcKey}`);null!==i&&("parseReverseBool"===e.callback&&(i="true"!==i),"parseBool"===e.callback&&(i="true"===i),"parseFloat"===e.callback&&(i=parseFloat(i)),this.options[e.libKey]=i)}),this.breakpoints.forEach(e=>{let t={};s.map(i=>{let s=this.slider.getAttribute(`data-hc-slider-${i.hcKey}-${e.name}`);null!==s&&("parseReverseBool"===i.callback&&(s="true"!==s),"parseBool"===i.callback&&(s="true"===s),"parseFloat"===i.callback&&(s=parseFloat(s)),t[i.libKey]=s)}),Object.getOwnPropertyNames(t).length>0&&(i[e.value]=t)}),this.options.breakpoints=i,null!==this.slider.getAttribute("data-hc-slider-free-mode")&&(this.options.freeMode={enabled:!0}),this.slider.hasAttribute("data-hc-slider-pagination")&&(this.options.pagination={el:".hc-slider-pagination",type:"bullets",clickable:!0,dynamicBullets:!1,bulletClass:"hc-slider-pagination-bullet",clickableClass:"hc-slider-pagination-clickable",currentClass:"hc-slider-pagination-current",bulletActiveClass:"hc-slider-pagination-bullet-active"}),this.slider.hasAttribute("data-hc-slider-arrows")){let e=this.slider.getAttribute("data-hc-slider-arrows"),i=this.slider.hasAttribute("data-hc-slider-arrows-wrapper")?".hc-slider-buttons":null,s=this.slider.hasAttribute("data-hc-slider-arrow-prev")?this.slider.getAttribute("data-hc-slider-arrow-prev"):`.hc-slider-button-prev${e}`,t=this.slider.hasAttribute("data-hc-slider-arrow-next")?this.slider.getAttribute("data-hc-slider-arrow-next"):`.hc-slider-button-next${e}`;this.options.navigation={prevEl:s,nextEl:t,wrapperEl:i,disabledClass:`hc-slider-button-disabled${e}`,hiddenClass:`hc-slider-button-hidden${e}`}}this.slider.hasAttribute("data-hc-slider-fade-effect")&&(this.options.effect="fade",this.options.fadeEffect={crossFade:!0}),this.slider.hasAttribute("data-hc-slider-infinite")&&(this.options.loop=!0),this.slider.hasAttribute("data-hc-slider-disable-mousewheel")&&(this.options.mousewheel=!1),this.slider.hasAttribute("data-hc-slider-lazy")&&(this.options.lazy={enabled:!0,checkInView:!0,loadPrevNext:!0,elementClass:"hc-slider-lazy",loadedClass:"hc-slider-lazy-loaded",loadingClass:"hc-slider-lazy-loading",preloaderClass:"hc-slider-lazy-preloader"}),this.options.watchOverflow=!0}buildDom(){if(0===this.slider.querySelectorAll(".swiper-wrapper").length){let e=[].slice.call(this.slider.children);e.forEach(e=>{e.classList.add("swiper-slide")});let i=document.createElement("div");if(i.classList.add("swiper-wrapper"),e.forEach(e=>{i.appendChild(e)}),this.slider.appendChild(i),!1!==this.options.pagination&&0===this.slider.querySelectorAll(this.options.pagination.el).length){let e=document.createElement("div");e.classList.add(this.options.pagination.el.substr(1)),this.slider.appendChild(e)}if(!1!==this.options.navigation){let e=this.slider.querySelectorAll(this.options.navigation.prevEl),i=this.slider.querySelectorAll(this.options.navigation.nextEl);if(this.slider.hasAttribute("data-hc-slider-arrows-wrapper")&&0===e.length&&0===i.length){let e=document.createElement("div"),i=document.createElement("div"),s=document.createElement("div");i.classList.add(this.options.navigation.prevEl.substr(1)),s.classList.add(this.options.navigation.nextEl.substr(1)),e.classList.add(this.options.navigation.wrapperEl.substr(1)),e.appendChild(i),e.appendChild(s),this.slider.appendChild(e)}else{if(!this.slider.hasAttribute("data-hc-slider-arrow-prev")&&0===e.length){let e=document.createElement("div");e.classList.add(this.options.navigation.prevEl.substr(1)),this.slider.appendChild(e)}if(!this.slider.hasAttribute("data-hc-slider-arrow-next")&&0===i.length){let e=document.createElement("div");e.classList.add(this.options.navigation.nextEl.substr(1)),this.slider.appendChild(e)}}}}}initOptions(){this.options={slidesPerView:"auto",pagination:!1,navigation:!1,mousewheel:{forceToAxis:!0},grabCursor:!0,loop:!1,watchSlidesProgress:!0,on:{init:e=>{e.$el.find(".swiper-wrapper").addClass("hc-slider-wrapper"),e.$el.addClass("hc-slider-initialized"),e.$el.find(".swiper-slide").addClass("hc-slider-slide"),e.$el.find(".swiper-slide-active").addClass("hc-slider-slide-active"),e.$el.find(".swiper-slide-next").addClass("hc-slider-slide-next"),e.$el.find(".swiper-slide-prev").addClass("hc-slider-slide-prev"),e.isLocked&&e.$el.addClass("hc-slider-lock"),this.slider.dispatchEvent(this.initEvent)},slideChangeTransitionEnd:e=>{e.$el.find(".swiper-slide").removeClass("hc-slider-slide-active").removeClass("hc-slider-slide-next").removeClass("hc-slider-slide-prev"),e.$el.find(".swiper-slide-active").addClass("hc-slider-slide-active"),e.$el.find(".swiper-slide-next").addClass("hc-slider-slide-next"),e.$el.find(".swiper-slide-prev").addClass("hc-slider-slide-prev")}},breakpoints:{}}}}let hc_slider=function(e){return new HcSlider(e)};export default hc_slider;

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

@@ -1,59 +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      Lucas ROCHE
- * @date        28/01/2022 14:27
- * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- * @deprecated  5.0.17
- */
-import ElementEnum from "../../enumerators/element.enum";
-import SmoothScrollEnum from "../../enumerators/smooth-scroll.enum";
-
-export class HcSmoothScroll {
-	constructor(triggerAttribute = ElementEnum.scrollSmooth, durationAnimation = 1000) {
-		document.querySelectorAll(triggerAttribute).forEach(trigger => {
-			trigger.addEventListener('click', (e) => {
-				e.preventDefault();
-				const target = (e.currentTarget.getAttribute('href') != null) ? document.querySelector(e.currentTarget.getAttribute('href')) : document.querySelector(e.currentTarget.dataset.hcSmoothScrollHref);
-				const shift = (e.currentTarget.getAttribute(SmoothScrollEnum.attrShift) !== null) ? e.currentTarget.getAttribute(SmoothScrollEnum.attrShift) : 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) {
-		return t * t * t
-	}
-
-	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) => {
-				const currentTime = timestamp || new Date().getTime();
-				this.scrollToElem(startTime, currentTime, duration, scrollEndElemTop, startScrollOffset);
-			})
-		}
-	}
-}
-
-const hc_smooth_scroll = function (trigger, durationAnimation) {
-	new HcSmoothScroll(trigger, durationAnimation);
-}
-export default hc_smooth_scroll;
+import e from"../../enumerators/element.enum";import t from"../../enumerators/smooth-scroll.enum";export class HcSmoothScroll{constructor(r=e.scrollSmooth,o=1e3){document.querySelectorAll(r).forEach(e=>{e.addEventListener("click",e=>{e.preventDefault();let r=null!=e.currentTarget.getAttribute("href")?document.querySelector(e.currentTarget.getAttribute("href")):document.querySelector(e.currentTarget.dataset.hcSmoothScrollHref),l=null!==e.currentTarget.getAttribute(t.attrShift)?e.currentTarget.getAttribute(t.attrShift):0;requestAnimationFrame(e=>{let t=e||new Date().getTime(),c=window.pageYOffset,n=r.getBoundingClientRect().top-l;this.scrollToElem(t,t,o,n,c)})})})}easeInCubic(e){return e*e*e}scrollToElem(e,t,r,o,l){let c=t-e,n=c/r;n=Math.min(n,1);let u=this.easeInCubic(n);window.scroll(0,l+o*u),c<r&&requestAnimationFrame(t=>{let c=t||new Date().getTime();this.scrollToElem(e,c,r,o,l)})}}let hc_smooth_scroll=function(e,t){new HcSmoothScroll(e,t)};export default hc_smooth_scroll;

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

@@ -1,82 +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      Lucas ROCHE
- * @date        22/02/2022 14:34
- * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-import ElementEnum from "../../enumerators/element.enum";
-import "./tab.component.scss";
-import Tab from "bootstrap/js/src/tab";
-
-export class HcTab {
-
-	showEvent;
-	shownEvent;
-	hideEvent;
-	hiddenEvent;
-
-	constructor(elements = ElementEnum.tab) {
-		this.createEvent();
-		this.buildDOM();
-		const triggerTabList = [].slice.call(document.querySelectorAll(elements))
-		triggerTabList.forEach(function (triggerEl) {
-			const tabTrigger = new Tab(triggerEl);
-
-			triggerEl.addEventListener('click', function (event) {
-				event.preventDefault()
-				tabTrigger.show()
-			})
-		});
-		document.querySelectorAll(elements).forEach(trigger => {
-			trigger.addEventListener('hide.bs.tab', (e) => {
-				trigger.dispatchEvent(this.hideEvent);
-			});
-			trigger.addEventListener('show.bs.tab', (e) => {
-				trigger.dispatchEvent(this.showEvent);
-			});
-			trigger.addEventListener('shown.bs.tab', (e) => {
-				trigger.dispatchEvent(this.shownEvent);
-			});
-			trigger.addEventListener('hidden.bs.tab', (e) => {
-				trigger.dispatchEvent(this.hiddenEvent);
-			});
-		});
-	}
-
-	buildDOM() {
-		document.querySelectorAll("[data-hc-tab-wrapper]").forEach(wrapper => {
-			if (!wrapper.classList.contains("nav")) {
-				wrapper.classList.add("nav")
-			}
-		});
-	}
-
-	createEvent() {
-		this.showEvent = new Event("show.hc.tab");
-		this.shownEvent = new Event("shown.hc.tab");
-		this.hideEvent = new Event("hide.hc.tab");
-		this.hiddenEvent = new Event("hidden.hc.tab");
-	}
-
-	static show(trigger) {
-		var triggerTabList = [].slice.call(document.querySelectorAll(trigger));
-		triggerTabList.forEach(function (triggerEl) {
-			var tabTrigger = new Tab(triggerEl)
-			tabTrigger.show();
-		});
-	}
-}
-
-const hc_tab = function (trigger) {
-	return new HcTab(trigger);
-}
-export default hc_tab;
+import t from"../../enumerators/element.enum";import"./tab.component.scss";import e from"bootstrap/js/src/tab";export class HcTab{showEvent;shownEvent;hideEvent;hiddenEvent;constructor(n=t.tab){this.createEvent(),this.buildDOM(),[].slice.call(document.querySelectorAll(n)).forEach(function(t){let n=new e(t);t.addEventListener("click",function(t){t.preventDefault(),n.show()})}),document.querySelectorAll(n).forEach(t=>{t.addEventListener("hide.bs.tab",e=>{t.dispatchEvent(this.hideEvent)}),t.addEventListener("show.bs.tab",e=>{t.dispatchEvent(this.showEvent)}),t.addEventListener("shown.bs.tab",e=>{t.dispatchEvent(this.shownEvent)}),t.addEventListener("hidden.bs.tab",e=>{t.dispatchEvent(this.hiddenEvent)})})}buildDOM(){document.querySelectorAll("[data-hc-tab-wrapper]").forEach(t=>{!t.classList.contains("nav")&&t.classList.add("nav")})}createEvent(){this.showEvent=new Event("show.hc.tab"),this.shownEvent=new Event("shown.hc.tab"),this.hideEvent=new Event("hide.hc.tab"),this.hiddenEvent=new Event("hidden.hc.tab")}static show(t){[].slice.call(document.querySelectorAll(t)).forEach(function(t){new e(t).show()})}}let hc_tab=function(t){return new HcTab(t)};export default hc_tab;

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

@@ -1,51 +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      Lucas ROCHE
- * @date        22/02/2022 16:50
- * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-
-import ElementEnum from "../../enumerators/element.enum";
-
-export class HcToggle {
-
-	constructor(elements = ElementEnum.toggle) {
-		document.querySelectorAll(elements).forEach(element => {
-			element.addEventListener('click', (e) => {
-				e.preventDefault();
-				const attribute = e.currentTarget.dataset.hcToggleAttribute;
-				const value = e.currentTarget.dataset.hcToggleValue;
-				const targets = e.currentTarget.getAttribute("href") ? e.currentTarget.getAttribute("href") : e.currentTarget.dataset.hcToggleTarget;
-				document.querySelectorAll(targets).forEach(target => {
-					if (target.getAttribute(attribute) !== null && target.getAttribute(attribute).indexOf(value) !== -1) {
-						if (attribute === "class") {
-							target.classList.remove(value);
-						} else {
-							target.removeAttribute(attribute);
-						}
-					} else {
-						if (attribute === "class") {
-							target.classList.add(value);
-						} else {
-							target.setAttribute(attribute, value);
-						}
-					}
-				});
-			});
-		});
-	}
-}
-
-const hc_toggle = function (trigger) {
-	return new HcToggle(trigger);
-}
-export default hc_toggle;
+import e from"../../enumerators/element.enum";export class HcToggle{constructor(t=e.toggle){document.querySelectorAll(t).forEach(e=>{e.addEventListener("click",e=>{e.preventDefault();let t=e.currentTarget.dataset.hcToggleAttribute,r=e.currentTarget.dataset.hcToggleValue,c=e.currentTarget.getAttribute("href")?e.currentTarget.getAttribute("href"):e.currentTarget.dataset.hcToggleTarget;document.querySelectorAll(c).forEach(e=>{null!==e.getAttribute(t)&&-1!==e.getAttribute(t).indexOf(r)?"class"===t?e.classList.remove(r):e.removeAttribute(t):"class"===t?e.classList.add(r):e.setAttribute(t,r)})})})}}let hc_toggle=function(e){return new HcToggle(e)};export default hc_toggle;

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

@@ -1,119 +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      Lucas ROCHE
- * @date        28/01/2022 14:52
- * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-
-import tippy from "tippy.js";
-import "tippy.js/dist/tippy.css"
-import ElementEnum from "../../enumerators/element.enum";
-import TooltipEnum from "../../enumerators/tooltip.enum";
-
-export class HcTooltip {
-
-	showEvent;
-	shownEvent;
-	hideEvent;
-	hiddenEvent;
-
-	instances = [];
-	defaultOptions = {
-		placement: '',
-		content: '',
-		trigger: '',
-		interactive: false,
-		allowHTML: true
-	};
-
-	constructor(elements = ElementEnum.tooltip, overrideOptions = {}) {
-		this.createEvent();
-		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.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) {
-				element.addEventListener('click', (e) => {
-					e.preventDefault();
-				});
-			} else {
-				options.touch = false;
-			}
-			options.onShow = (instance) => {
-				if (backgroundColor) {
-					instance.popper.querySelector('.tippy-box').style.setProperty('--iris--tooltip--background-color', backgroundColor);
-				}
-				if (color) {
-					instance.popper.querySelector('.tippy-box').style.setProperty('--iris--tooltip--color', color);
-				}
-				if (fontSize) {
-					instance.popper.querySelector('.tippy-box').style.setProperty('--iris--tooltip--font-size', fontSize);
-				}
-
-				instance.reference.dispatchEvent(this.showEvent);
-			}
-			options.onShown = (instance) => {
-				instance.reference.dispatchEvent(this.shownEvent);
-			}
-			options.onHide = (instance) => {
-				instance.reference.dispatchEvent(this.hideEvent);
-			}
-			options.onHidden = (instance) => {
-				instance.reference.dispatchEvent(this.hiddenEvent);
-			}
-			const instance = tippy(element, options);
-			this.instances.push(instance);
-		});
-	}
-
-	createEvent() {
-		this.showEvent = new Event('show.hc.tooltip');
-		this.shownEvent = new Event('shown.hc.tooltip');
-		this.hideEvent = new Event('hide.hc.tooltip');
-		this.hiddenEvent = new Event('hidden.hc.tooltip');
-	}
-
-	show() {
-		this.instances.forEach(instance => {
-			instance.show();
-		})
-	}
-
-	hide() {
-		this.instances.forEach(instance => {
-			instance.hide();
-		})
-	}
-
-	disable() {
-		this.instances.forEach(instance => {
-			instance.disable();
-		})
-	}
-
-	enable() {
-		this.instances.forEach(instance => {
-			instance.enable();
-		})
-	}
-}
-
-const hc_tooltip = function (trigger, options) {
-	return new HcTooltip(trigger, options);
-}
-export default hc_tooltip;
+import t from"tippy.js";import"tippy.js/dist/tippy.css";import e from"../../enumerators/element.enum";import i from"../../enumerators/tooltip.enum";export class HcTooltip{showEvent;shownEvent;hideEvent;hiddenEvent;instances=[];defaultOptions={placement:"",content:"",trigger:"",interactive:!1,allowHTML:!0};constructor(o=e.tooltip,r={}){this.createEvent(),document.querySelectorAll(o).forEach(e=>{let o={};Object.assign(o,this.defaultOptions,r),o.trigger=""!=o.trigger?o.trigger:e.hasAttribute(i.attrPopover)?"click":"mouseenter",o.content=""!=o.content?o.content:e.hasAttribute(i.attrContent)?e.getAttribute(i.attrContent):"",o.placement=""!=o.placement?o.placement:e.hasAttribute(i.attrPlacement)?e.getAttribute(i.attrPlacement):"bottom",o.interactive=""!=o.interactive?o.interactive:!!e.hasAttribute(i.attrInteractive)&&e.getAttribute(i.attrInteractive);let n=e.hasAttribute(i.attrBackgroundColor)?e.getAttribute(i.attrBackgroundColor):"",s=e.hasAttribute(i.attrColor)?e.getAttribute(i.attrColor):"",c=e.hasAttribute(i.attrFontSize)?e.getAttribute(i.attrFontSize):"";"click"===o.trigger?e.addEventListener("click",t=>{t.preventDefault()}):o.touch=!1,o.onShow=t=>{n&&t.popper.querySelector(".tippy-box").style.setProperty("--iris--tooltip--background-color",n),s&&t.popper.querySelector(".tippy-box").style.setProperty("--iris--tooltip--color",s),c&&t.popper.querySelector(".tippy-box").style.setProperty("--iris--tooltip--font-size",c),t.reference.dispatchEvent(this.showEvent)},o.onShown=t=>{t.reference.dispatchEvent(this.shownEvent)},o.onHide=t=>{t.reference.dispatchEvent(this.hideEvent)},o.onHidden=t=>{t.reference.dispatchEvent(this.hiddenEvent)};let a=t(e,o);this.instances.push(a)})}createEvent(){this.showEvent=new Event("show.hc.tooltip"),this.shownEvent=new Event("shown.hc.tooltip"),this.hideEvent=new Event("hide.hc.tooltip"),this.hiddenEvent=new Event("hidden.hc.tooltip")}show(){this.instances.forEach(t=>{t.show()})}hide(){this.instances.forEach(t=>{t.hide()})}disable(){this.instances.forEach(t=>{t.disable()})}enable(){this.instances.forEach(t=>{t.enable()})}}let hc_tooltip=function(t,e){return new HcTooltip(t,e)};export default hc_tooltip;