@ecl/ec-component-gallery - npm Package Compare versions

Comparing version 2.34.0 to 2.35.0

ec-component-gallery.js

@@ -366,2 +366,3 @@ import createFocusTrap from 'focus-trap';
     this.selectedItem = selectedItem;
+    const embeddedVideo = selectedItem.dataset.eclGalleryItemEmbedSrc;
     const video = queryOne('video', selectedItem);
@@ -371,3 +372,18 @@ let mediaElement = null;
     // Update media
-    if (video != null) {
+    if (embeddedVideo != null) {
+      // Media is a embedded video
+      mediaElement = document.createElement('div');
+      mediaElement.classList.add('ecl-gallery__slider-embed');
+
+      let mediaIframe = null;
+      mediaIframe = document.createElement('iframe');
+      mediaIframe.setAttribute('src', embeddedVideo);
+      mediaIframe.setAttribute('frameBorder', '0');
+
+      if (this.overlayMedia) {
+        mediaElement.appendChild(mediaIframe);
+        this.overlayMedia.innerHTML = '';
+        this.overlayMedia.appendChild(mediaElement);
+      }
+    } else if (video != null) {
       // Media is a video
@@ -428,2 +444,34 @@ mediaElement = document.createElement('video');
 
+    // Update counter
+    this.overlayCounterCurrent.innerHTML =
+      +selectedItem.getAttribute('data-ecl-gallery-item-id') + 1;
+    this.overlayCounterMax.innerHTML = this.galleryItems.length;
+
+    // Update share link
+    const shareHref = this.selectedItem.getAttribute(
+      'data-ecl-gallery-item-share'
+    );
+    if (shareHref != null) {
+      this.overlayShare.href = shareHref;
+      this.overlayShare.hidden = false;
+    } else {
+      this.overlayShare.hidden = true;
+    }
+
+    // Update download link
+    if (embeddedVideo != null) {
+      this.overlayDownload.hidden = true;
+    } else {
+      this.overlayDownload.href = this.selectedItem.href;
+      this.overlayDownload.hidden = false;
+    }
+
+    // Update meta
+    const meta = queryOne(this.metaSelector, selectedItem);
+    this.overlayMeta.innerHTML = meta.innerHTML;
+
+    // Update description
+    const description = queryOne(this.descriptionSelector, selectedItem);
+    this.overlayDescription.innerHTML = description.innerHTML;
+
     // Limit image height (fix for FF and IE)
@@ -446,21 +494,2 @@ const maxHeight =
     }
-
-    // Update counter
-    this.overlayCounterCurrent.innerHTML =
-      +selectedItem.getAttribute('data-ecl-gallery-item-id') + 1;
-    this.overlayCounterMax.innerHTML = this.galleryItems.length;
-
-    // Update links
-    this.overlayDownload.href = this.selectedItem.href;
-    this.overlayShare.href = this.selectedItem.getAttribute(
-      'data-ecl-gallery-item-share'
-    );
-
-    // Update meta
-    const meta = queryOne(this.metaSelector, selectedItem);
-    this.overlayMeta.innerHTML = meta.innerHTML;
-
-    // Update description
-    const description = queryOne(this.descriptionSelector, selectedItem);
-    this.overlayDescription.innerHTML = description.innerHTML;
   }
@@ -491,2 +520,6 @@
 
+    // Remove iframe
+    const embeddedVideo = queryOne('iframe', this.overlayMedia);
+    if (embeddedVideo) embeddedVideo.remove();
+
     // Stop video
@@ -493,0 +526,0 @@ const video = queryOne('video', this.selectedItem);

package.json

@@ -5,3 +5,3 @@ {
   "license": "EUPL-1.1",
-  "version": "2.34.0",
+  "version": "2.35.0",
   "description": "ECL Gallery",
@@ -13,8 +13,8 @@ "main": "ec-component-gallery.js",
   "dependencies": {
-    "@ecl/ec-base": "^2.34.0",
+    "@ecl/ec-base": "^2.35.0",
     "focus-trap": "5.1.0"
   },
   "devDependencies": {
-    "@ecl/ec-specs-gallery": "^2.34.0",
-    "@ecl/ec-utility-disablescroll": "^2.34.0"
+    "@ecl/ec-specs-gallery": "^2.35.0",
+    "@ecl/ec-utility-disablescroll": "^2.35.0"
   },
@@ -37,3 +37,3 @@ "publishConfig": {
   ],
-  "gitHead": "5e0fb9083cb539d92b262e61f45c5160668f0e7f"
+  "gitHead": "c688d0c807379f15363f50276d3f96ee376efcdc"
 }

No alert changes

Improved metrics

Total package byte prevSize

42764

increased by2.89%

Lines of code

565

increased by5.41%

Dependency changes

• Updated@ecl/ec-base@^2.35.0