bs5-lightbox - npm Package Compare versions

Comparing version 1.2.3 to 1.2.4

bs5-lightbox.esm.js

@@ -78,5 +78,3 @@ /**
 		const isEmbed = regex.test(src);
-		console.log(isEmbed);
 		const isImg = /\.(png|jpe?g|gif|svg|webp)/.test(src);
-		console.log(isImg)
 		return isEmbed || !isImg;
@@ -89,3 +87,3 @@ }
 			src = src.replace(/\/$/, '');
-			let inner = `<img src="${src}" class="d-block w-100" />`;
+			let inner = `<img src="${src}" class="d-block w-100 position-relative" style="z-index: 1;" onload="this.previousSibling.remove()"/>`;
 			let attributes = '';
@@ -102,3 +100,4 @@ const instagramEmbed = this.#getInstagramEmbed(src);
 			}
-			return `<div class="carousel-item ${!i ? 'active' : ''}">${inner}</div>`
+			const spinner = `<div class="position-absolute top-50 start-50 translate-middle text-white"><div class="spinner-border" style="width: 3rem; height: 3rem;" role="status"></div></div>`;
+			return `<div class="carousel-item ${!i ? 'active' : ''}">${spinner}${inner}</div>`
 		}).join('');
@@ -137,3 +136,3 @@ const controlsHtml = this.sources.length < 2 ? '' : `
 				<div class="modal-dialog modal-dialog-centered modal-xl">
-					<div class="modal-content border-0">
+					<div class="modal-content border-0 bg-transparent">
 						<div class="modal-body p-0">
@@ -140,0 +139,0 @@ <button type="button" class="btn-close position-absolute top-0 end-0 p-3" data-bs-dismiss="modal" aria-label="Close" style="z-index: 2;"></button>

package.json

 {
   "name": "bs5-lightbox",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "author": {
@@ -5,0 +5,0 @@ "name": "Travis Aaron Wagner",

README.md

@@ -6,2 +6,4 @@ # Lightbox for Bootstrap 5
 
+Documentation: https://trvswgnr.github.io/bs5-lightbox/
+
 ## Installation
@@ -8,0 +10,0 @@ ##### Install with NPM:

No alert changes

Improved metrics

Total package byte prevSize

15694

increased by1.95%

Number of lines in readme file

42

increased by5%

Worsened metrics

Lines of code

154

decreased by-0.65%

No dependency changes