@iris.interactive/handcook 7.2.2-beta → 8.0.0-alpha.2

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

@@ -11,85 +11,4 @@
  * @author      Lucas ROCHE
  * @date        21/02/2022 17:30
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-import ElementEnum from "../../enumerators/element.enum";
-import "./collapse.component.scss";
-import Collapse from "bootstrap/js/src/collapse";
-
-export class HcCollapse {
-
-	showEvent;
-	shownEvent;
-	hideEvent;
-	hiddenEvent;
-
-	constructor(elements = ElementEnum.collapse, type = "collapse") {
-		this.createEvent();
-		const collapseElementList = [].slice.call(document.querySelectorAll(elements));
-		const collapseList = collapseElementList.map(function (collapseElement) {
-			const parent = collapseElement.getAttribute('data-hc-collapse-parent');
-			let option = {
-				toggle: false
-			};
-			if (parent !== null) {
-				option.parent = parent;
-			}
-			return new Collapse(collapseElement, option);
-		});
-		collapseList.map(function (collapse) {
-			document.querySelectorAll(`[data-hc-collapse-trigger="${collapse._element.getAttribute("data-hc-collapse")}"]`).forEach(trigger => {
-				const handleTriggerAction = (e) => {
-					e.preventDefault();
-					collapse.toggle();
-				};
-				trigger.addEventListener('click', handleTriggerAction);
-				trigger.addEventListener('keydown', (e) => {
-					if (e.which == 13 ) {
-						handleTriggerAction(e);
-					}
-				});
-			});
-		});
-		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');
-					}
-					triggerEl.setAttribute('aria-expanded', 'false');
-				});
-				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');
-					}
-					triggerEl.setAttribute('aria-expanded', 'true');
-				});
-				trigger.dispatchEvent(this.showEvent);
-			});
-			trigger.addEventListener('shown.bs.collapse', (e) => {
-				trigger.dispatchEvent(this.shownEvent);
-			});
-		});
-	}
-
-	createEvent() {
-		this.showEvent = new Event("show.hc.collapse");
-		this.shownEvent = new Event("shown.hc.collapse");
-		this.hideEvent = new Event("hide.hc.collapse");
-		this.hiddenEvent = new Event("hidden.hc.collapse");
-	}
-
-}
-
-const hc_collapse = function (trigger) {
-	return new HcCollapse(trigger);
-};
-export default hc_collapse;
+ */import e from"../../enumerators/element.enum";import"./collapse.component.scss";import t from"bootstrap/js/src/collapse";export class HcCollapse{showEvent;shownEvent;hideEvent;hiddenEvent;constructor(s=e.collapse,l="collapse"){for(let e of(this.createEvent(),[].slice.call(document.querySelectorAll(s)).map(e=>{let s=e.getAttribute("data-hc-collapse-parent"),l={toggle:!1};return null!==s&&(l.parent=s),new t(e,l)}).map(e=>{for(let t of document.querySelectorAll(`[data-hc-collapse-trigger="${e._element.getAttribute("data-hc-collapse")}"]`)){let s=t=>{t.preventDefault(),e.toggle()};t.addEventListener("click",s),t.addEventListener("keydown",e=>{13===e.which&&s(e)})}}),document.querySelectorAll("[data-hc-collapse-trigger]"))){let t=document.querySelectorAll(`[data-hc-collapse-trigger="${e.getAttribute("id")}"]`);e.addEventListener("hide.bs.collapse",s=>{for(let e of t)e.classList.contains("active")&&e.classList.remove("active"),e.setAttribute("aria-expanded","false");e.dispatchEvent(this.hideEvent)}),e.addEventListener("hidden.bs.collapse",t=>{e.dispatchEvent(this.hiddenEvent)}),e.addEventListener("show.bs.collapse",s=>{for(let e of t)e.classList.contains("active")||e.classList.add("active"),e.setAttribute("aria-expanded","true");e.dispatchEvent(this.showEvent)}),e.addEventListener("shown.bs.collapse",t=>{e.dispatchEvent(this.shownEvent)})}}createEvent(){this.showEvent=new Event("show.hc.collapse"),this.shownEvent=new Event("shown.hc.collapse"),this.hideEvent=new Event("hide.hc.collapse"),this.hiddenEvent=new Event("hidden.hc.collapse")}}let hc_collapse=e=>new HcCollapse(e);export default hc_collapse;

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

@@ -13,7 +13,7 @@
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
  */
 
-@import "~bootstrap/scss/functions";
-@import "~bootstrap/scss/variables";
-@import "~bootstrap/scss/mixins";
-@import "~bootstrap/scss/transitions";
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/transitions";

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

@@ -11,71 +11,4 @@
  * @author      Lucas ROCHE
  * @date        21/02/2022 10:14
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-
-import ElementEnum from "../../enumerators/element.enum";
-import tippy, {hideAll} from "tippy.js";
-import "tippy.js/dist/tippy.css";
-import "./dropdown.component.scss";
-
-export class HcDropdown {
-
-	showEvent;
-	shownEvent;
-	hideEvent;
-	hiddenEvent;
-
-	constructor(elements = ElementEnum.dropdown) {
-
-		window.hc_dropdown = window.hc_dropdown || [];
-
-		this.createEvent();
-		document.querySelectorAll(elements).forEach(element => {
-
-			const template = document.querySelector(element.dataset.hcDropdownMenu);
-			const tippyObject = tippy(element, {
-				trigger: 'click',
-				allowHTML: true,
-				content: template.innerHTML,
-				arrow: false,
-				placement: "bottom",
-				theme: "dropdown",
-				interactive: true,
-				onShow: (instance) => {
-					instance.reference.dispatchEvent(this.showEvent)
-				},
-				onShown: (instance) => {
-					instance.reference.dispatchEvent(this.shownEvent)
-				},
-				onHide: (instance) => {
-					instance.reference.dispatchEvent(this.hideEvent)
-				},
-				onHidden: (instance) => {
-					instance.reference.dispatchEvent(this.hiddenEvent)
-				},
-			});
-			window.hc_dropdown.push(tippyObject);
-		});
-	}
-
-	static hideAll() {
-		if (window.hc_dropdown !== undefined) {
-			window.hc_dropdown.forEach( instance => {
-				instance.hide();
-			} )
-		}
-	}
-
-	createEvent() {
-		this.showEvent = new Event('show.hc.dropdown');
-		this.shownEvent = new Event('shown.hc.dropdown');
-		this.hideEvent = new Event('hide.hc.dropdown');
-		this.hiddenEvent = new Event('hidden.hc.dropdown');
-	}
-}
-
-const hc_dropdown = function (trigger) {
-	return new HcDropdown(trigger);
-}
-export default hc_dropdown;
+ */import e,{hideAll as n}from"tippy.js";import o from"../../enumerators/element.enum";import"tippy.js/dist/tippy.css";import"./dropdown.component.scss";export class HcDropdown{showEvent;shownEvent;hideEvent;hiddenEvent;constructor(n=o.dropdown){for(let o of(window.hc_dropdown=window.hc_dropdown||[],this.createEvent(),n)){let n=document.querySelector(o.dataset.hcDropdownMenu),t=e(o,{trigger:"click",allowHTML:!0,content:n.innerHTML,arrow:!1,placement:"bottom",theme:"dropdown",interactive:!0,onShow:e=>{e.reference.dispatchEvent(this.showEvent)},onShown:e=>{e.reference.dispatchEvent(this.shownEvent)},onHide:e=>{e.reference.dispatchEvent(this.hideEvent)},onHidden:e=>{e.reference.dispatchEvent(this.hiddenEvent)}});window.hc_dropdown.push(t)}}static hideAll(){if(void 0!==window.hc_dropdown)for(let e of window.hc_dropdown)e.hide()}createEvent(){this.showEvent=new Event("show.hc.dropdown"),this.shownEvent=new Event("shown.hc.dropdown"),this.hideEvent=new Event("hide.hc.dropdown"),this.hiddenEvent=new Event("hidden.hc.dropdown")}}let hc_dropdown=e=>new HcDropdown(e);export default hc_dropdown;

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

@@ -11,51 +11,4 @@
  * @author      Lucas ROCHE
  * @date        22/02/2022 14:16
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-
-import LazyLoad from "vanilla-lazyload";
-
-export class HcLazyload {
-
-	static instance;
-
-	constructor(options = {}) {
-		options = Object.assign({
-			elements_selector: '[data-hc-src], [data-hc-bg], [data-hc-bg-hidpi], [data-hc-srcset]',
-			data_src: 'hc-src',
-			data_bg: 'hc-bg',
-			data_bg_hidpi: 'hc-bg-hidpi',
-			data_srcset: 'hc-srcset'
-		}, options);
-
-		this.lazyLoadInstance = new LazyLoad(options);
-	}
-
-	static getInstance(options = {}) {
-		if (!HcLazyload.instance) {
-			HcLazyload.instance = new HcLazyload(options);
-		}
-		return HcLazyload.instance.lazyLoadInstance;
-	}
-
-	static update(options = {}) {
-		const instance = HcLazyload.getInstance(options);
-		if (instance && typeof instance.update === 'function') {
-			instance.update();
-		}
-	}
-
-	static loadAll(options = {}) {
-		const instance = HcLazyload.getInstance(options);
-		if (instance && typeof instance.loadAll === 'function') {
-			instance.loadAll();
-		}
-	}
-}
-
-const hc_lazyload = function (options = {}) {
-	return HcLazyload.getInstance(options);
-}
-
-export default hc_lazyload;
+ */import a from"vanilla-lazyload";export class HcLazyload{static instance;constructor(t={}){let c=Object.assign({elements_selector:"[data-hc-src], [data-hc-bg], [data-hc-bg-hidpi], [data-hc-srcset]",data_src:"hc-src",data_bg:"hc-bg",data_bg_hidpi:"hc-bg-hidpi",data_srcset:"hc-srcset"},t);this.lazyLoadInstance=new a(c)}static getInstance(a={}){return HcLazyload.instance||(HcLazyload.instance=new HcLazyload(a)),HcLazyload.instance.lazyLoadInstance}static update(a={}){let t=HcLazyload.getInstance(a);t&&"function"==typeof t.update&&t.update()}static loadAll(a={}){let t=HcLazyload.getInstance(a);t&&"function"==typeof t.loadAll&&t.loadAll()}}let hc_lazyload=(a={})=>HcLazyload.getInstance(a);export default hc_lazyload;

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

@@ -11,81 +11,4 @@
  * @author      Lucas ROCHE
  * @date        21/02/2022 09:57
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-import {Fancybox} from "@fancyapps/ui";
-import '@fancyapps/ui/dist/fancybox.css';
-import "./lightbox.component.scss";
-import ElementEnum from "../../enumerators/element.enum";
-
-export class HcLightbox {
-
-	constructor(elements = ElementEnum.lightbox, options = {}) {
-		if (elements === ElementEnum.lightbox) {
-			Object.assign(options, {
-				groupAttr: ElementEnum.lightboxAttr,
-				l10n: this.getTranslation()
-			});
-		}
-		Fancybox.bind(elements, options);
-
-		this.attachEventToShowButton();
-	}
-
-	attachEventToShowButton() {
-		document.querySelectorAll("[data-hc-lightbox-show]").forEach(trigger => {
-			trigger.addEventListener('click', (e) => {
-				e.preventDefault();
-				document.querySelector(trigger.getAttribute('href') + ' img').click();
-			});
-		})
-	}
-
-	getTranslation() {
-		const lang = document.querySelector('html')?.getAttribute('lang');
-
-		if ( typeof lang == "string" && lang.indexOf('fr-FR') !== false) {
-			return {
-				CLOSE: "Fermer",
-				NEXT: "Suivant",
-				PREV: "Précédent",
-				MODAL: "Vous pouvez fermer la modal avec la touche echap",
-				ERROR: "Quelque chose c'est mal passé. Merci d'essayer plus tard\n",
-				IMAGE_ERROR: "Image introuvable",
-				ELEMENT_NOT_FOUND: "Élement HTML introuvable",
-				AJAX_NOT_FOUND: "Erreur de chargement AJAX : Introuvable",
-				AJAX_FORBIDDEN: "Erreur de chargement AJAX : Interdit",
-				IFRAME_ERROR: "Erreur du chargement de la page",
-				TOGGLE_ZOOM: "Zoome/dezoome",
-				TOGGLE_THUMBS: "Affiche/cache les miniatures",
-				TOGGLE_SLIDESHOW: "Active/désactive le défilement automatique",
-				TOGGLE_FULLSCREEN: "Bascule le mode plein écran",
-				DOWNLOAD: "Télécharger",
-			};
-		}
-
-		return {
-			CLOSE: "Close",
-			NEXT: "Next",
-			PREV: "Previous",
-			MODAL: "You can close this modal content with the ESC key",
-			ERROR: "Something Went Wrong, Please Try Again Later",
-			IMAGE_ERROR: "Image Not Found",
-			ELEMENT_NOT_FOUND: "HTML Element Not Found",
-			AJAX_NOT_FOUND: "Error Loading AJAX : Not Found",
-			AJAX_FORBIDDEN: "Error Loading AJAX : Forbidden",
-			IFRAME_ERROR: "Error Loading Page",
-			TOGGLE_ZOOM: "Toggle zoom level",
-			TOGGLE_THUMBS: "Toggle thumbnails",
-			TOGGLE_SLIDESHOW: "Toggle slideshow",
-			TOGGLE_FULLSCREEN: "Toggle full-screen mode",
-			DOWNLOAD: "Download",
-		};
-	}
-}
-
-const hc_lightbox = function (trigger = ElementEnum.lightbox, options = {}) {
-	return new HcLightbox(trigger, options);
-}
-
-export default hc_lightbox;
+ */import{Fancybox as e}from"@fancyapps/ui";import"@fancyapps/ui/dist/fancybox.css";import"./lightbox.component.scss";import t from"../../enumerators/element.enum";export class HcLightbox{constructor(o=t.lightbox,r={}){o===t.lightbox&&Object.assign(r,{groupAttr:t.lightboxAttr,l10n:this.getTranslation()}),e.bind(o,r),this.attachEventToShowButton()}attachEventToShowButton(){for(let e of document.querySelectorAll("[data-hc-lightbox-show]"))e.addEventListener("click",t=>{t.preventDefault(),document.querySelector(`${e.getAttribute("href")} img`).click()})}getTranslation(){let e=document.querySelector("html")?.getAttribute("lang");return"string"==typeof e&&!1!==e.indexOf("fr-FR")?{CLOSE:"Fermer",NEXT:"Suivant",PREV:"Pr\xe9c\xe9dent",MODAL:"Vous pouvez fermer la modal avec la touche echap",ERROR:"Quelque chose c'est mal pass\xe9. Merci d'essayer plus tard\n",IMAGE_ERROR:"Image introuvable",ELEMENT_NOT_FOUND:"\xc9lement HTML introuvable",AJAX_NOT_FOUND:"Erreur de chargement AJAX : Introuvable",AJAX_FORBIDDEN:"Erreur de chargement AJAX : Interdit",IFRAME_ERROR:"Erreur du chargement de la page",TOGGLE_ZOOM:"Zoome/dezoome",TOGGLE_THUMBS:"Affiche/cache les miniatures",TOGGLE_SLIDESHOW:"Active/d\xe9sactive le d\xe9filement automatique",TOGGLE_FULLSCREEN:"Bascule le mode plein \xe9cran",DOWNLOAD:"T\xe9l\xe9charger"}:{CLOSE:"Close",NEXT:"Next",PREV:"Previous",MODAL:"You can close this modal content with the ESC key",ERROR:"Something Went Wrong, Please Try Again Later",IMAGE_ERROR:"Image Not Found",ELEMENT_NOT_FOUND:"HTML Element Not Found",AJAX_NOT_FOUND:"Error Loading AJAX : Not Found",AJAX_FORBIDDEN:"Error Loading AJAX : Forbidden",IFRAME_ERROR:"Error Loading Page",TOGGLE_ZOOM:"Toggle zoom level",TOGGLE_THUMBS:"Toggle thumbnails",TOGGLE_SLIDESHOW:"Toggle slideshow",TOGGLE_FULLSCREEN:"Toggle full-screen mode",DOWNLOAD:"Download"}}}let hc_lightbox=(e=t.lightbox,o={})=>new HcLightbox(e,o);export default hc_lightbox;

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

@@ -11,73 +11,4 @@
  * @author      Lucas ROCHE
  * @date        01/02/2022 11:01
  * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-import ElementEnum from "../../enumerators/element.enum";
-import {Fancybox} from "@fancyapps/ui";
-import '@fancyapps/ui/dist/fancybox.css';
-import './modal.component.scss';
-
-export class HcModal {
-
-	showEvent;
-	hideEvent;
-	options = {};
-
-	constructor(elements = ElementEnum.modal, overrideOptions = {}) {
-		this.createEvent();
-		document.querySelectorAll(elements).forEach(element => {
-			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-src') ? element.dataset.src : ''));
-			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')) : '');
-			this.options.autoFocus = element.hasAttribute('data-hc-modal-autofocus') ? true : false;
-
-			const item = `${ElementEnum.modal}[${element.hasAttribute('data-src') ? 'data-src' : 'href'}="${this.options.src}"]`;
-			Fancybox.bind(item, Object.assign(this.options, {
-				on: {
-					done: () => {
-						document.dispatchEvent(this.showEvent);
-					},
-					closing: () => {
-						document.dispatchEvent(this.hideEvent);
-					}
-				}
-			}));
-		});
-
-		document.querySelectorAll(ElementEnum.modalClose).forEach(element => {
-			element.addEventListener('click', (e) => {
-				e.preventDefault();
-				const all = e.currentTarget.dataset.hcModalClose === "" ? true : e.currentTarget.dataset.hcModalClose;
-				HcModal.close(all);
-			});
-		});
-	}
-
-	static show(options) {
-		Fancybox.show([options]);
-	}
-
-	static close(all) {
-		Fancybox.close(all);
-	}
-
-	initOptions() {
-		this.options = {
-			src: '',
-			type: 'inline',
-			parentEl: null
-		};
-	}
-
-	createEvent() {
-		this.showEvent = new Event("show.hc.modal");
-		this.hideEvent = new Event("hide.hc.modal");
-	}
-}
-
-const hc_modal = function (trigger, options) {
-	return new HcModal(trigger, options);
-}
-export default hc_modal;
+ */import{Fancybox as t}from"@fancyapps/ui";import e from"../../enumerators/element.enum";import"@fancyapps/ui/dist/fancybox.css";import"./modal.component.scss";export class HcModal{showEvent;hideEvent;options={};constructor(o=e.modal,s={}){for(let a of(this.createEvent(),o)){this.initOptions(),Object.assign(this.options,s),this.options.src=""!==this.options.src?this.options.src:a.hasAttribute("href")?a.getAttribute("href"):a.hasAttribute("data-src")?a.dataset.src:"",this.options.parentEl=null!==this.options.parentEl?document.querySelector(this.options.parentEl):a.hasAttribute("data-hc-modal-parent")?document.querySelector(a.getAttribute("data-hc-modal-parent")):"",this.options.autoFocus=!!a.hasAttribute("data-hc-modal-autofocus");let o=`${e.modal}[${a.hasAttribute("data-src")?"data-src":"href"}="${this.options.src}"]`;t.bind(o,Object.assign(this.options,{on:{done:()=>{document.dispatchEvent(this.showEvent)},closing:()=>{document.dispatchEvent(this.hideEvent)}}}))}for(let t of e.modalClose)t.addEventListener("click",t=>{t.preventDefault();let e=""===t.currentTarget.dataset.hcModalClose||t.currentTarget.dataset.hcModalClose;HcModal.close(e)})}static show(e){t.show([e])}static close(e){t.close(e)}initOptions(){this.options={src:"",type:"inline",parentEl:null}}createEvent(){this.showEvent=new Event("show.hc.modal"),this.hideEvent=new Event("hide.hc.modal")}}let hc_modal=(t,e)=>new HcModal(t,e);export default hc_modal;

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

@@ -11,52 +11,4 @@
  * @author      Nicolas PAYS
  * @date        10/10/2024 14:30
  * @copyright   Copyright (c) 2002-2024 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
- */
-
-import {wsconnect} from "@nats-io/nats-core";
-
-export class HcNats {
-    static server = 'wss://nats.iris-interactive.fr:443';
-
-    constructor() {
-    }
-
-    static async initialize() {
-        try {
-            window.natsConnection = await wsconnect({
-                servers: this.server,
-                name: 'IrisNatsSender',
-                user: "irisinteractive",
-                pass: "2G4cF4**#*72zBe5%HAmPc89"
-            });
-        } catch (_err) {
-            console.log(`error connecting to ${JSON.stringify(_err)}`);
-        }
-    }
-
-    async publishMessage(subject, content) {
-        try {
-            if( window.natsConnection === undefined ) {
-                await HcNats.initialize();
-            }
-
-            const message = {
-                lat: window.IRISCollectionTheme.coordinates.latitude,
-                long: window.IRISCollectionTheme.coordinates.longitude,
-                blogName : window.IRISCollectionTheme.blogInfos.blogName,
-                blogUrl : window.IRISCollectionTheme.blogInfos.blogUrl,
-                content: content
-            }
-
-            window.natsConnection.publish(subject, JSON.stringify(message));
-        } catch (_err) {
-            console.log(`error messaging to ${JSON.stringify(_err)}`);
-        }
-
-    }
-}
-
-const hc_nats = function () {
-    return new HcNats();
-}
-export default hc_nats;
+ */import{wsconnect as t}from"@nats-io/nats-core";export class HcNats{static server="wss://nats.iris-interactive.fr:443";static async initialize(){try{window.natsConnection=await t({servers:HcNats.server,name:"IrisNatsSender",user:"irisinteractive",pass:"2G4cF4**#*72zBe5%HAmPc89"})}catch(t){console.log(`error connecting to ${JSON.stringify(t)}`)}}async publishMessage(t,e){try{void 0===window.natsConnection&&await HcNats.initialize();let n={lat:window.IRISCollectionTheme.coordinates.latitude,long:window.IRISCollectionTheme.coordinates.longitude,blogName:window.IRISCollectionTheme.blogInfos.blogName,blogUrl:window.IRISCollectionTheme.blogInfos.blogUrl,content:e};window.natsConnection.publish(t,JSON.stringify(n))}catch(t){console.log(`error messaging to ${JSON.stringify(t)}`)}}}let hc_nats=()=>new HcNats;export default hc_nats;

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

@@ -1,88 +1 @@
-import ElementEnum from "../../enumerators/element.enum";
-import './overlay.component.scss';
-
-export class HcOverlay {
-
-	showEvent;
-	hideEvent;
-
-	constructor(elements = ElementEnum.overlay) {
-		const HcOverlay = this;
-		document.querySelectorAll(elements).forEach(element => {
-			HcOverlay.createEvent(element);
-
-			//Init class
-			element.classList.add('hc-overlay-init');
-
-			//Open triggers
-			document.querySelectorAll('[data-hc-overlay-trigger]').forEach(open => {
-				open.addEventListener('click', (e) => {
-					let target = e.currentTarget.getAttribute('data-hc-overlay-trigger') ? e.currentTarget.getAttribute('data-hc-overlay-trigger'):e.currentTarget.getAttribute('href') ? e.currentTarget.getAttribute('href').substring(1):null;
-					HcOverlay.show(document.getElementById(target));
-				});
-			});
-
-			//Close triggers
-			document.querySelectorAll('[data-hc-overlay-close]').forEach(close => {
-				close.addEventListener('click', (e) => {
-					e.preventDefault();
-					let closeTarget = e.currentTarget.getAttribute('data-hc-overlay-close');
-					if (closeTarget) {
-						HcOverlay.close(document.getElementById(closeTarget));
-					}
-				});
-			});
-
-			//Close all overlays on background click
-			document.querySelectorAll('[data-hc-overlay-background]').forEach(background => {
-				background.addEventListener('click', (e) => {
-					console.log('click');
-					e.preventDefault();
-					document.querySelectorAll(ElementEnum.overlay).forEach(overlay => {
-						HcOverlay.close(overlay);
-					})
-				});
-			});
-
-			//Close all overlays on escape key
-			document.onkeyup = function(event) {
-				if (event.key === 'Escape') {
-					document.querySelectorAll(ElementEnum.overlay).forEach(overlay => {
-						HcOverlay.close(overlay);
-					})
-				}
-			}
-		});
-	}
-
-	show(element) {
-		element.classList.add('hc-overlay-show');
-		document.body.classList.add('hc-overlay-lock');
-		document.dispatchEvent(this.showEvent);
-	}
-
-	close(element) {
-		element.classList.remove('hc-overlay-show');
-		document.body.classList.remove('hc-overlay-lock');
-		document.dispatchEvent(this.hideEvent);
-	}
-
-	createEvent(element) {
-		this.showEvent = new CustomEvent("show.hc.overlay", {
-			detail: {
-				element
-			}
-		});
-
-		this.hideEvent = new CustomEvent("hide.hc.overlay", {
-			detail: {
-				element
-			}
-		});
-	}
-}
-
-const hc_overlay = function (elements) {
-	return new HcOverlay(elements);
-}
-export default hc_overlay;
+import e from"../../enumerators/element.enum";import"./overlay.component.scss";export class HcOverlay{showEvent;hideEvent;constructor(t=e.overlay){for(let r of t){for(let e of(this.createEvent(r),r.classList.add("hc-overlay-init"),r.querySelectorAll("[data-hc-overlay-trigger]")))e.addEventListener("click",e=>{let t=e.currentTarget.getAttribute("data-hc-overlay-trigger")?e.currentTarget.getAttribute("data-hc-overlay-trigger"):e.currentTarget.getAttribute("href")?e.currentTarget.getAttribute("href").substring(1):null;this.show(document.getElementById(t))});for(let e of r.querySelectorAll("[data-hc-overlay-close]"))e.addEventListener("click",e=>{e.preventDefault();let t=e.currentTarget.getAttribute("data-hc-overlay-close");t&&this.close(document.getElementById(t))});for(let t of r.querySelectorAll("[data-hc-overlay-background]"))t.addEventListener("click",t=>{for(let r of(console.log("click"),t.preventDefault(),document.querySelectorAll(e.overlay)))this.close(r)});document.onkeyup=t=>{if("Escape"===t.key)for(let t of document.querySelectorAll(e.overlay))this.close(t)}}}show(e){e.classList.add("hc-overlay-show"),document.body.classList.add("hc-overlay-lock"),document.dispatchEvent(this.showEvent)}close(e){e.classList.remove("hc-overlay-show"),document.body.classList.remove("hc-overlay-lock"),document.dispatchEvent(this.hideEvent)}createEvent(e){this.showEvent=new CustomEvent("show.hc.overlay",{detail:{element:e}}),this.hideEvent=new CustomEvent("hide.hc.overlay",{detail:{element:e}})}}let hc_overlay=e=>new HcOverlay(e);export default hc_overlay;