@openeuropa/bcl-theme-default 0.23.0 → 0.24.0

package/js/oe-bcl-default.esm.js

@@ -2415,17 +2415,15 @@ const EVENT_CLICK_DATA_API$3 = `click${EVENT_KEY$8}${DATA_API_KEY$4}`;
 class Gallery extends BaseComponent {
   constructor(element, config) {
     super(element);
-    this._carousel = SelectorEngine.findOne(CAROUSEL_SELECTOR, this._element);
-    this._carouselPager = SelectorEngine.findOne(CAROUSEL_PAGER_SELECTOR, this._element);
-    this._carouselStartIndex = element.getAttribute('data-gallery-start');
-    this._carouselActiveItem = SelectorEngine.find(CAROUSEL_ITEM_SELECTOR, this._carousel)[this._carouselStartIndex];
-    this._carouselPager.textContent = Number(this._carouselStartIndex) + 1;
-    this._modal = SelectorEngine.findOne(MODAL_SELECTOR, this._element);
-    this._config = this._getConfig(config);
-
-    this._addEventListeners();
-
-    this._carouselLazyLoad(this._carouselActiveItem);
+    this.carousel = SelectorEngine.findOne(CAROUSEL_SELECTOR, this.element);
+    this.carouselPager = SelectorEngine.findOne(CAROUSEL_PAGER_SELECTOR, this.element);
+    this.carouselStartIndex = element.getAttribute('data-gallery-start');
+    this.carouselActiveItem = SelectorEngine.find(CAROUSEL_ITEM_SELECTOR, this.carousel)[this.carouselStartIndex];
+    this.carouselPager.textContent = Number(this.carouselStartIndex) + 1;
+    this.modal = SelectorEngine.findOne(MODAL_SELECTOR, this.element);
+    this.config = this.getConfig(config);
+    this.addEventListeners();
+    this.carouselLazyLoad(this.carouselActiveItem);
   } // Getters
 
 
@@ -2435,19 +2433,18 @@ class Gallery extends BaseComponent {
 
 
   setSlide(event) {
-    const slideFrom = SelectorEngine.findOne(CAROUSEL_ACTIVE_SELECTOR, this._carousel);
+    const slideFrom = SelectorEngine.findOne(CAROUSEL_ACTIVE_SELECTOR, this.carousel);
     const slideTo = event.relatedTarget;
-
-    this._carouselLazyLoad(slideTo);
-
-    this._carouselPager.textContent = event.to + 1;
+    this.carouselLazyLoad(slideTo);
+    this.carouselPager.textContent = event.to + 1;
     this.stopVideo(slideFrom);
   }
 
   stopSlide() {
-    const currentSlide = SelectorEngine.findOne(CAROUSEL_ACTIVE_SELECTOR, this._carousel);
+    const currentSlide = SelectorEngine.findOne(CAROUSEL_ACTIVE_SELECTOR, this.carousel);
     this.stopVideo(currentSlide);
-  }
+  } // eslint-disable-next-line class-methods-use-this
+
 
   stopVideo(slide) {
     const iframe = SelectorEngine.findOne('iframe', slide);
@@ -2459,9 +2456,10 @@ class Gallery extends BaseComponent {
       video.pause();
     }
   } // Private
+  // eslint-disable-next-line class-methods-use-this
 
 
-  _carouselLazyLoad(slide) {
+  carouselLazyLoad(slide) {
     const media = SelectorEngine.findOne('[data-src]', slide);
 
     if (media && !media.src) {
@@ -2469,18 +2467,18 @@ class Gallery extends BaseComponent {
     }
   }
 
-  _getConfig(config) {
+  getConfig(config) {
     config = { ...Default$8,
-      ...Manipulator.getDataAttributes(this._element),
+      ...Manipulator.getDataAttributes(this.element),
       ...(typeof config === 'object' ? config : {})
     };
     typeCheckConfig(NAME$9, config, DefaultType$8);
     return config;
   }
 
-  _addEventListeners() {
-    EventHandler.on(this._carousel, CAROUSEL_EVENT, event => this.setSlide(event));
-    EventHandler.on(this._modal, EVENT_MODAL_HIDE$1, event => this.stopSlide(event));
+  addEventListeners() {
+    EventHandler.on(this.carousel, CAROUSEL_EVENT, event => this.setSlide(event));
+    EventHandler.on(this.modal, EVENT_MODAL_HIDE$1, event => this.stopSlide(event));
   } // Static
 
 
@@ -2495,6 +2493,7 @@ class Gallery extends BaseComponent {
     } = data;
 
     if (typeof config === 'object') {
+      // eslint-disable-next-line no-unused-vars
       _config = { ..._config,
         ...config
       };
@@ -2502,7 +2501,7 @@ class Gallery extends BaseComponent {
   }
 
   static jQueryInterface(config) {
-    return this.each(function () {
+    return this.each(function jInterface() {
       const data = Gallery.getOrCreateInstance(this);
 
       if (typeof config !== 'string') {
@@ -2525,7 +2524,7 @@ class Gallery extends BaseComponent {
  */
 
 
-EventHandler.on(document, EVENT_CLICK_DATA_API$3, THUMBNAIL_SELECTOR, function (event) {
+EventHandler.on(document, EVENT_CLICK_DATA_API$3, THUMBNAIL_SELECTOR, event => {
   const gallery = event.target.closest('div.bcl-gallery');
   const firstSlide = event.target.parentNode.getAttribute('data-bs-slide-to');
   gallery.dataset.galleryStart = firstSlide;