@tmpreltorem/image - npm Package Compare versions

Comparing version 1.0.1 to 1.0.3

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";var b=Object.defineProperty;var y=(r,e,t)=>e in r?b(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var n=(r,e,t)=>(y(r,typeof e!="symbol"?e+"":e,t),t);var v=Object.defineProperty,c=(r,e,t)=>e in r?v(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,u=(r,e,t)=>(c(r,typeof e!="symbol"?e+"":e,t),t);class w{constructor(){u(this,"version"),u(this,"instance"),u(this,"attributes")}init(){}destroy(){}match(e){return!1}build({index:e,slide:t,config:i}){return Promise.resolve(!1)}cssStyle(){return""}assets(){return{}}}class x extends w{constructor(t={}){super();n(this,"name","image");n(this,"type","slide");n(this,"options");n(this,"defaults",{maxWidth:"100vw"});this.options={...this.defaults,...t}}match(t){let i=!1;return t.match(/\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/)!==null&&(i=!0),i}build({index:t,slide:i,config:a}){return new Promise((h,o)=>{var g;const l=i.querySelector(".gl-media");let s=new Image,p="gl-slide-title-"+t;const m=(a==null?void 0:a.width)||this.options.maxWidth;s.addEventListener("load",()=>h(!0),!1),s.addEventListener("error",()=>o("There was an error loading the image"),!1),s.src=a.url,s.alt="",a!=null&&a.alt&&(s.alt=a.alt),a!=null&&a.title&&s.setAttribute("aria-labelledby",p);let d=`<figure class="gl-figure" style="--gl-image-max-width: ${m};">`;d+="</figure>",l==null||l.style.setProperty("--gl-image-max-width",m),l==null||l.insertAdjacentHTML("beforeend",d),(g=l==null?void 0:l.querySelector(".gl-figure"))==null||g.insertAdjacentElement("afterbegin",s)})}cssStyle(){return`
+"use strict";var b=Object.defineProperty;var y=(r,e,t)=>e in r?b(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var n=(r,e,t)=>(y(r,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var v=Object.defineProperty,c=(r,e,t)=>e in r?v(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,u=(r,e,t)=>(c(r,typeof e!="symbol"?e+"":e,t),t);class w{constructor(){u(this,"version"),u(this,"instance"),u(this,"attributes")}init(){}destroy(){}match(e){return!1}build({index:e,slide:t,config:i}){return Promise.resolve(!1)}cssStyle(){return""}assets(){return{}}}class f extends w{constructor(t={}){super();n(this,"name","image");n(this,"type","slide");n(this,"options");n(this,"defaults",{maxWidth:"100vw"});this.options={...this.defaults,...t}}match(t){let i=!1;return t.match(/\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/)!==null&&(i=!0),i}build({index:t,slide:i,config:a}){return new Promise((o,h)=>{var d;const l=i.querySelector(".gl-media");let s=new Image,p="gl-slide-title-"+t;const m=(a==null?void 0:a.width)||this.options.maxWidth;s.addEventListener("load",()=>o(!0),!1),s.addEventListener("error",()=>h("There was an error loading the image"),!1),s.src=a.url,s.alt="",a!=null&&a.alt&&(s.alt=a.alt),a!=null&&a.title&&s.setAttribute("aria-labelledby",p);let g=`<figure class="gl-figure" style="--gl-image-max-width: ${m};">`;g+="</figure>",l==null||l.style.setProperty("--gl-image-max-width",m),l==null||l.insertAdjacentHTML("beforeend",g),(d=l==null?void 0:l.querySelector(".gl-figure"))==null||d.insertAdjacentElement("afterbegin",s)})}cssStyle(){return`
             .gl-figure {
@@ -17,2 +17,2 @@ margin: 0;
             }
-        `}}module.exports=x;
+        `}}exports.DragNavigation=f;

dist/index.d.ts

 import type { BuildParams } from 'glightbox-plugin';
 import { GLightboxPlugin } from 'glightbox-plugin';
 
-export declare interface ImageOptions {
-    maxWidth?: string;
-    matchFn?: Function;
-}
-
-declare class ImageSlide extends GLightboxPlugin {
+export declare class DragNavigation extends GLightboxPlugin {
     name: string;
@@ -19,4 +14,8 @@ type: string;
 }
-export default ImageSlide;
 
+declare interface ImageOptions {
+    maxWidth?: string;
+    matchFn?: Function;
+}
+
 export { }

dist/index.es.js

 var b = Object.defineProperty;
-var y = (r, e, t) => e in r ? b(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var n = (r, e, t) => (y(r, typeof e != "symbol" ? e + "" : e, t), t);
-var v = Object.defineProperty, w = (r, e, t) => e in r ? v(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, u = (r, e, t) => (w(r, typeof e != "symbol" ? e + "" : e, t), t);
+var v = (r, e, t) => e in r ? b(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var n = (r, e, t) => (v(r, typeof e != "symbol" ? e + "" : e, t), t);
+var y = Object.defineProperty, w = (r, e, t) => e in r ? y(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, u = (r, e, t) => (w(r, typeof e != "symbol" ? e + "" : e, t), t);
 class c {
@@ -69,3 +69,3 @@ constructor() {
     return new Promise((h, o) => {
-      var g;
+      var d;
       const l = i.querySelector(".gl-media");
@@ -75,4 +75,4 @@ let s = new Image(), p = "gl-slide-title-" + t;
       s.addEventListener("load", () => h(!0), !1), s.addEventListener("error", () => o("There was an error loading the image"), !1), s.src = a.url, s.alt = "", a != null && a.alt && (s.alt = a.alt), a != null && a.title && s.setAttribute("aria-labelledby", p);
-      let d = `<figure class="gl-figure" style="--gl-image-max-width: ${m};">`;
-      d += "</figure>", l == null || l.style.setProperty("--gl-image-max-width", m), l == null || l.insertAdjacentHTML("beforeend", d), (g = l == null ? void 0 : l.querySelector(".gl-figure")) == null || g.insertAdjacentElement("afterbegin", s);
+      let g = `<figure class="gl-figure" style="--gl-image-max-width: ${m};">`;
+      g += "</figure>", l == null || l.style.setProperty("--gl-image-max-width", m), l == null || l.insertAdjacentHTML("beforeend", g), (d = l == null ? void 0 : l.querySelector(".gl-figure")) == null || d.insertAdjacentElement("afterbegin", s);
     });
@@ -101,3 +101,3 @@ }
 export {
-  f as default
+  f as DragNavigation
 };

dist/index.umd.js

@@ -1,2 +0,2 @@
-(function(r,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(r=typeof globalThis<"u"?globalThis:r||self,r.ImageSlidePlugin=e())})(this,function(){"use strict";var v=Object.defineProperty;var w=(r,e,s)=>e in r?v(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s;var m=(r,e,s)=>(w(r,typeof e!="symbol"?e+"":e,s),s);var r=Object.defineProperty,e=(n,l,t)=>l in n?r(n,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[l]=t,s=(n,l,t)=>(e(n,typeof l!="symbol"?l+"":l,t),t);class p{constructor(){s(this,"version"),s(this,"instance"),s(this,"attributes")}init(){}destroy(){}match(l){return!1}build({index:l,slide:t,config:d}){return Promise.resolve(!1)}cssStyle(){return""}assets(){return{}}}class f extends p{constructor(t={}){super();m(this,"name","image");m(this,"type","slide");m(this,"options");m(this,"defaults",{maxWidth:"100vw"});this.options={...this.defaults,...t}}match(t){let d=!1;return t.match(/\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/)!==null&&(d=!0),d}build({index:t,slide:d,config:i}){return new Promise((b,y)=>{var h;const a=d.querySelector(".gl-media");let u=new Image,c="gl-slide-title-"+t;const o=(i==null?void 0:i.width)||this.options.maxWidth;u.addEventListener("load",()=>b(!0),!1),u.addEventListener("error",()=>y("There was an error loading the image"),!1),u.src=i.url,u.alt="",i!=null&&i.alt&&(u.alt=i.alt),i!=null&&i.title&&u.setAttribute("aria-labelledby",c);let g=`<figure class="gl-figure" style="--gl-image-max-width: ${o};">`;g+="</figure>",a==null||a.style.setProperty("--gl-image-max-width",o),a==null||a.insertAdjacentHTML("beforeend",g),(h=a==null?void 0:a.querySelector(".gl-figure"))==null||h.insertAdjacentElement("afterbegin",u)})}cssStyle(){return`
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.ImageSlidePlugin={}))})(this,function(t){"use strict";var w=Object.defineProperty;var x=(t,e,s)=>e in t?w(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var m=(t,e,s)=>(x(t,typeof e!="symbol"?e+"":e,s),s);var e=Object.defineProperty,s=(n,l,r)=>l in n?e(n,l,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[l]=r,o=(n,l,r)=>(s(n,typeof l!="symbol"?l+"":l,r),r);class f{constructor(){o(this,"version"),o(this,"instance"),o(this,"attributes")}init(){}destroy(){}match(l){return!1}build({index:l,slide:r,config:d}){return Promise.resolve(!1)}cssStyle(){return""}assets(){return{}}}class b extends f{constructor(r={}){super();m(this,"name","image");m(this,"type","slide");m(this,"options");m(this,"defaults",{maxWidth:"100vw"});this.options={...this.defaults,...r}}match(r){let d=!1;return r.match(/\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/)!==null&&(d=!0),d}build({index:r,slide:d,config:i}){return new Promise((y,v)=>{var p;const a=d.querySelector(".gl-media");let u=new Image,c="gl-slide-title-"+r;const g=(i==null?void 0:i.width)||this.options.maxWidth;u.addEventListener("load",()=>y(!0),!1),u.addEventListener("error",()=>v("There was an error loading the image"),!1),u.src=i.url,u.alt="",i!=null&&i.alt&&(u.alt=i.alt),i!=null&&i.title&&u.setAttribute("aria-labelledby",c);let h=`<figure class="gl-figure" style="--gl-image-max-width: ${g};">`;h+="</figure>",a==null||a.style.setProperty("--gl-image-max-width",g),a==null||a.insertAdjacentHTML("beforeend",h),(p=a==null?void 0:a.querySelector(".gl-figure"))==null||p.insertAdjacentElement("afterbegin",u)})}cssStyle(){return`
             .gl-figure {
@@ -17,2 +17,2 @@ margin: 0;
             }
-        `}}return f});
+        `}}t.DragNavigation=b,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@tmpreltorem/image",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Add support for displaying images in the lightbox",
@@ -5,0 +5,0 @@ "type": "module",

No alert changes

Improved metrics

Total package byte prevSize

9319

1.48%

No dependency changes