vistaview 0.10.16 → 0.10.17

package/dist/vue.d.ts

@@ -1,38 +1,25 @@
 import { PropType } from 'vue';
 import { VistaParamsNeo, VistaInterface, VistaOpt } from './vistaview';
 export declare function useVistaView(options: VistaParamsNeo): VistaInterface;
-export interface VistaViewProps extends VistaOpt {
-    id?: string;
-    class?: string;
+export interface VistaViewProps {
     selector?: string;
+    options?: VistaOpt;
 }
 export declare const VistaView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    id: StringConstructor;
-    class: StringConstructor;
     selector: {
         type: StringConstructor;
         default: string;
     };
-    elements: StringConstructor;
-    extensions: PropType<VistaParamsNeo["extensions"]>;
-    closeOnScroll: BooleanConstructor;
-    history: BooleanConstructor;
+    options: PropType<VistaOpt>;
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    id: StringConstructor;
-    class: StringConstructor;
     selector: {
         type: StringConstructor;
         default: string;
     };
-    elements: StringConstructor;
-    extensions: PropType<VistaParamsNeo["extensions"]>;
-    closeOnScroll: BooleanConstructor;
-    history: BooleanConstructor;
+    options: PropType<VistaOpt>;
 }>> & Readonly<{}>, {
     selector: string;
-    closeOnScroll: boolean;
-    history: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=vue.d.ts.map

package/dist/vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../src/vue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5E,wBAAgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CAwBpE;AAED,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,SAAS;;;;;;;;gBAUG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;;;;;;;;;;;;;gBAAtC,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;;;;;;;4EA0C7D,CAAC"}
+{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../src/vue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAErF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5E,wBAAgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CAwBpE;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,SAAS;;;;;aAQC,QAAQ,CAAC,QAAQ,CAAC;;;;;;;;aAAlB,QAAQ,CAAC,QAAQ,CAAC;;;4EAsCvC,CAAC"}

package/dist/vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as g, ref as s, onMounted as n, onUnmounted as v, h as p } from "vue";
-import { vistaView as f } from "./vistaview.js";
-function V(r) {
+import { defineComponent as i, ref as v, onMounted as f, onUnmounted as p, h as w } from "vue";
+import { vistaView as g } from "./vistaview.js";
+function n(t) {
   let e = null;
-  return n(() => {
-    e = f(r);
-  }), v(() => {
+  return f(() => {
+    e = g(t);
+  }), p(() => {
     e == null || e.destroy(), e = null;
   }), {
-    open: (l) => e == null ? void 0 : e.open(l),
+    open: (o) => e == null ? void 0 : e.open(o),
     close: () => (e == null ? void 0 : e.close()) ?? Promise.resolve(),
     reset: () => e == null ? void 0 : e.reset(),
     next: () => e == null ? void 0 : e.next(),
@@ -15,55 +15,49 @@ function V(r) {
     zoomIn: () => e == null ? void 0 : e.zoomIn(),
     zoomOut: () => e == null ? void 0 : e.zoomOut(),
     getCurrentIndex: () => (e == null ? void 0 : e.getCurrentIndex()) ?? -1,
-    view: (l) => e == null ? void 0 : e.view(l),
+    view: (o) => e == null ? void 0 : e.view(o),
     destroy: () => e == null ? void 0 : e.destroy()
   };
 }
-const x = g({
+const x = i({
   name: "VistaView",
+  inheritAttrs: !1,
   props: {
-    id: String,
-    class: String,
     selector: {
       type: String,
       default: "> a"
     },
-    elements: String,
-    extensions: Array,
-    closeOnScroll: Boolean,
-    history: Boolean
+    options: Object
   },
-  setup(r, { slots: e, expose: l }) {
-    const u = s(null), t = s(null), d = r.id || `vvw-gallery-${Math.random().toString(36).substr(2, 9)}`;
-    return n(() => {
-      if (!u.value) return;
-      const { id: o, class: y, selector: i, ...m } = r;
-      t.value = f({
-        ...m,
-        elements: m.elements || `#${d} ${i}`
-      });
-    }), v(() => {
-      var o;
-      (o = t.value) == null || o.destroy(), t.value = null;
-    }), l({
+  setup(t, { slots: e, expose: o, attrs: l }) {
+    const d = v(null), u = v(null), m = l.id || `vvw-gallery-${Math.random().toString(36).substr(2, 9)}`;
+    return f(() => {
+      d.value && (u.value = g({
+        ...t.options,
+        elements: `#${m} ${t.selector}`
+      }));
+    }), p(() => {
+      var r;
+      (r = u.value) == null || r.destroy(), u.value = null;
+    }), o({
       get instance() {
-        return t.value;
+        return u.value;
       }
     }), () => {
-      var o;
-      return p(
+      var r;
+      return w(
         "div",
         {
-          ref: u,
-          id: d,
-          class: r.class
+          ref: d,
+          ...l,
+          id: m
         },
-        (o = e.default) == null ? void 0 : o.call(e)
+        (r = e.default) == null ? void 0 : r.call(e)
       );
     };
   }
 });
 export {
   x as VistaView,
-  V as useVistaView
+  n as useVistaView
 };

package/dist/web-D29dUeNW.js

@@ -0,0 +1,448 @@
+import { untrack as I, createRenderEffect as g, sharedConfig as h } from "solid-js";
+const L = [
+  "allowfullscreen",
+  "async",
+  "alpha",
+  "autofocus",
+  "autoplay",
+  "checked",
+  "controls",
+  "default",
+  "disabled",
+  "formnovalidate",
+  "hidden",
+  "indeterminate",
+  "inert",
+  "ismap",
+  "loop",
+  "multiple",
+  "muted",
+  "nomodule",
+  "novalidate",
+  "open",
+  "playsinline",
+  "readonly",
+  "required",
+  "reversed",
+  "seamless",
+  "selected",
+  "adauctionheaders",
+  "browsingtopics",
+  "credentialless",
+  "defaultchecked",
+  "defaultmuted",
+  "defaultselected",
+  "defer",
+  "disablepictureinpicture",
+  "disableremoteplayback",
+  "preservespitch",
+  "shadowrootclonable",
+  "shadowrootcustomelementregistry",
+  "shadowrootdelegatesfocus",
+  "shadowrootserializable",
+  "sharedstoragewritable"
+], O = /* @__PURE__ */ new Set([
+  "className",
+  "value",
+  "readOnly",
+  "noValidate",
+  "formNoValidate",
+  "isMap",
+  "noModule",
+  "playsInline",
+  "adAuctionHeaders",
+  "allowFullscreen",
+  "browsingTopics",
+  "defaultChecked",
+  "defaultMuted",
+  "defaultSelected",
+  "disablePictureInPicture",
+  "disableRemotePlayback",
+  "preservesPitch",
+  "shadowRootClonable",
+  "shadowRootCustomElementRegistry",
+  "shadowRootDelegatesFocus",
+  "shadowRootSerializable",
+  "sharedStorageWritable",
+  ...L
+]), S = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), M = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  className: "class",
+  htmlFor: "for"
+}), k = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  class: "className",
+  novalidate: {
+    $: "noValidate",
+    FORM: 1
+  },
+  formnovalidate: {
+    $: "formNoValidate",
+    BUTTON: 1,
+    INPUT: 1
+  },
+  ismap: {
+    $: "isMap",
+    IMG: 1
+  },
+  nomodule: {
+    $: "noModule",
+    SCRIPT: 1
+  },
+  playsinline: {
+    $: "playsInline",
+    VIDEO: 1
+  },
+  readonly: {
+    $: "readOnly",
+    INPUT: 1,
+    TEXTAREA: 1
+  },
+  adauctionheaders: {
+    $: "adAuctionHeaders",
+    IFRAME: 1
+  },
+  allowfullscreen: {
+    $: "allowFullscreen",
+    IFRAME: 1
+  },
+  browsingtopics: {
+    $: "browsingTopics",
+    IMG: 1
+  },
+  defaultchecked: {
+    $: "defaultChecked",
+    INPUT: 1
+  },
+  defaultmuted: {
+    $: "defaultMuted",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  defaultselected: {
+    $: "defaultSelected",
+    OPTION: 1
+  },
+  disablepictureinpicture: {
+    $: "disablePictureInPicture",
+    VIDEO: 1
+  },
+  disableremoteplayback: {
+    $: "disableRemotePlayback",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  preservespitch: {
+    $: "preservesPitch",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  shadowrootclonable: {
+    $: "shadowRootClonable",
+    TEMPLATE: 1
+  },
+  shadowrootdelegatesfocus: {
+    $: "shadowRootDelegatesFocus",
+    TEMPLATE: 1
+  },
+  shadowrootserializable: {
+    $: "shadowRootSerializable",
+    TEMPLATE: 1
+  },
+  sharedstoragewritable: {
+    $: "sharedStorageWritable",
+    IFRAME: 1,
+    IMG: 1
+  }
+});
+function x(i, e) {
+  const t = k[i];
+  return typeof t == "object" ? t[e] ? t.$ : void 0 : t;
+}
+const R = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
+function D(i, e, t) {
+  let l = t.length, o = e.length, n = l, f = 0, s = 0, c = e[o - 1].nextSibling, r = null;
+  for (; f < o || s < n; ) {
+    if (e[f] === t[s]) {
+      f++, s++;
+      continue;
+    }
+    for (; e[o - 1] === t[n - 1]; )
+      o--, n--;
+    if (o === f) {
+      const a = n < l ? s ? t[s - 1].nextSibling : t[n - s] : c;
+      for (; s < n; ) i.insertBefore(t[s++], a);
+    } else if (n === s)
+      for (; f < o; )
+        (!r || !r.has(e[f])) && e[f].remove(), f++;
+    else if (e[f] === t[n - 1] && t[s] === e[o - 1]) {
+      const a = e[--o].nextSibling;
+      i.insertBefore(t[s++], e[f++].nextSibling), i.insertBefore(t[--n], a), e[o] = t[n];
+    } else {
+      if (!r) {
+        r = /* @__PURE__ */ new Map();
+        let u = s;
+        for (; u < n; ) r.set(t[u], u++);
+      }
+      const a = r.get(e[f]);
+      if (a != null)
+        if (s < a && a < n) {
+          let u = f, d = 1, y;
+          for (; ++u < o && u < n && !((y = r.get(e[u])) == null || y !== a + d); )
+            d++;
+          if (d > a - s) {
+            const A = e[f];
+            for (; s < a; ) i.insertBefore(t[s++], A);
+          } else i.replaceChild(t[s++], e[f++]);
+        } else f++;
+      else e[f++].remove();
+    }
+  }
+}
+const T = "_$DX_DELEGATE";
+function X(i, e, t, l) {
+  let o;
+  const n = () => {
+    const s = document.createElement("template");
+    return s.innerHTML = i, s.content.firstChild;
+  }, f = () => (o || (o = n())).cloneNode(!0);
+  return f.cloneNode = f, f;
+}
+function V(i, e = window.document) {
+  const t = e[T] || (e[T] = /* @__PURE__ */ new Set());
+  for (let l = 0, o = i.length; l < o; l++) {
+    const n = i[l];
+    t.has(n) || (t.add(n), e.addEventListener(n, q));
+  }
+}
+function $(i, e, t) {
+  b(i) || (t == null ? i.removeAttribute(e) : i.setAttribute(e, t));
+}
+function j(i, e, t) {
+  b(i) || (t ? i.setAttribute(e, "") : i.removeAttribute(e));
+}
+function B(i, e) {
+  b(i) || (e == null ? i.removeAttribute("class") : i.className = e);
+}
+function F(i, e, t, l) {
+  if (l)
+    Array.isArray(t) ? (i[`$$${e}`] = t[0], i[`$$${e}Data`] = t[1]) : i[`$$${e}`] = t;
+  else if (Array.isArray(t)) {
+    const o = t[0];
+    i.addEventListener(e, t[0] = (n) => o.call(i, t[1], n));
+  } else i.addEventListener(e, t, typeof t != "function" && t);
+}
+function U(i, e, t = {}) {
+  const l = Object.keys(e || {}), o = Object.keys(t);
+  let n, f;
+  for (n = 0, f = o.length; n < f; n++) {
+    const s = o[n];
+    !s || s === "undefined" || e[s] || (C(i, s, !1), delete t[s]);
+  }
+  for (n = 0, f = l.length; n < f; n++) {
+    const s = l[n], c = !!e[s];
+    !s || s === "undefined" || t[s] === c || !c || (C(i, s, !0), t[s] = c);
+  }
+  return t;
+}
+function _(i, e, t) {
+  if (!e) return t ? $(i, "style") : e;
+  const l = i.style;
+  if (typeof e == "string") return l.cssText = e;
+  typeof t == "string" && (l.cssText = t = void 0), t || (t = {}), e || (e = {});
+  let o, n;
+  for (n in t)
+    e[n] == null && l.removeProperty(n), delete t[n];
+  for (n in e)
+    o = e[n], o !== t[n] && (l.setProperty(n, o), t[n] = o);
+  return t;
+}
+function Y(i, e = {}, t, l) {
+  const o = {};
+  return g(() => typeof e.ref == "function" && H(e.ref, i)), g(() => G(i, e, t, !0, o, !0)), o;
+}
+function H(i, e, t) {
+  return I(() => i(e, t));
+}
+function z(i, e, t, l) {
+  if (typeof e != "function") return w(i, e, l, t);
+  g((o) => w(i, e(), o, t), l);
+}
+function G(i, e, t, l, o = {}, n = !1) {
+  e || (e = {});
+  for (const f in o)
+    if (!(f in e)) {
+      if (f === "children") continue;
+      o[f] = P(i, f, null, o[f], t, n, e);
+    }
+  for (const f in e) {
+    if (f === "children")
+      continue;
+    const s = e[f];
+    o[f] = P(i, f, s, o[f], t, n, e);
+  }
+}
+function b(i) {
+  return !!h.context && !h.done && (!i || i.isConnected);
+}
+function K(i) {
+  return i.toLowerCase().replace(/-([a-z])/g, (e, t) => t.toUpperCase());
+}
+function C(i, e, t) {
+  const l = e.trim().split(/\s+/);
+  for (let o = 0, n = l.length; o < n; o++) i.classList.toggle(l[o], t);
+}
+function P(i, e, t, l, o, n, f) {
+  let s, c, r, a, u;
+  if (e === "style") return _(i, t, l);
+  if (e === "classList") return U(i, t, l);
+  if (t === l) return l;
+  if (e === "ref")
+    n || t(i);
+  else if (e.slice(0, 3) === "on:") {
+    const d = e.slice(3);
+    l && i.removeEventListener(d, l, typeof l != "function" && l), t && i.addEventListener(d, t, typeof t != "function" && t);
+  } else if (e.slice(0, 10) === "oncapture:") {
+    const d = e.slice(10);
+    l && i.removeEventListener(d, l, !0), t && i.addEventListener(d, t, !0);
+  } else if (e.slice(0, 2) === "on") {
+    const d = e.slice(2).toLowerCase(), y = R.has(d);
+    if (!y && l) {
+      const A = Array.isArray(l) ? l[0] : l;
+      i.removeEventListener(d, A);
+    }
+    (y || t) && (F(i, d, t, y), y && V([d]));
+  } else if (e.slice(0, 5) === "attr:")
+    $(i, e.slice(5), t);
+  else if (e.slice(0, 5) === "bool:")
+    j(i, e.slice(5), t);
+  else if ((u = e.slice(0, 5) === "prop:") || (r = S.has(e)) || (a = x(e, i.tagName)) || (c = O.has(e)) || (s = i.nodeName.includes("-") || "is" in f)) {
+    if (u)
+      e = e.slice(5), c = !0;
+    else if (b(i)) return t;
+    e === "class" || e === "className" ? B(i, t) : s && !c && !r ? i[K(e)] = t : i[a || e] = t;
+  } else
+    $(i, M[e] || e, t);
+  return t;
+}
+function q(i) {
+  if (h.registry && h.events && h.events.find(([c, r]) => r === i))
+    return;
+  let e = i.target;
+  const t = `$$${i.type}`, l = i.target, o = i.currentTarget, n = (c) => Object.defineProperty(i, "target", {
+    configurable: !0,
+    value: c
+  }), f = () => {
+    const c = e[t];
+    if (c && !e.disabled) {
+      const r = e[`${t}Data`];
+      if (r !== void 0 ? c.call(e, r, i) : c.call(e, i), i.cancelBubble) return;
+    }
+    return e.host && typeof e.host != "string" && !e.host._$host && e.contains(i.target) && n(e.host), !0;
+  }, s = () => {
+    for (; f() && (e = e._$host || e.parentNode || e.host); ) ;
+  };
+  if (Object.defineProperty(i, "currentTarget", {
+    configurable: !0,
+    get() {
+      return e || document;
+    }
+  }), h.registry && !h.done && (h.done = _$HY.done = !0), i.composedPath) {
+    const c = i.composedPath();
+    n(c[0]);
+    for (let r = 0; r < c.length - 2 && (e = c[r], !!f()); r++) {
+      if (e._$host) {
+        e = e._$host, s();
+        break;
+      }
+      if (e.parentNode === o)
+        break;
+    }
+  } else s();
+  n(l);
+}
+function w(i, e, t, l, o) {
+  const n = b(i);
+  if (n) {
+    !t && (t = [...i.childNodes]);
+    let s = [];
+    for (let c = 0; c < t.length; c++) {
+      const r = t[c];
+      r.nodeType === 8 && r.data.slice(0, 2) === "!$" ? r.remove() : s.push(r);
+    }
+    t = s;
+  }
+  for (; typeof t == "function"; ) t = t();
+  if (e === t) return t;
+  const f = typeof e;
+  if (i = i, f === "string" || f === "number") {
+    if (n || f === "number" && (e = e.toString(), e === t))
+      return t;
+    t !== "" && typeof t == "string" ? t = i.firstChild.data = e : t = i.textContent = e;
+  } else if (e == null || f === "boolean") {
+    if (n) return t;
+    t = m(i, t, l);
+  } else {
+    if (f === "function")
+      return g(() => {
+        let s = e();
+        for (; typeof s == "function"; ) s = s();
+        t = w(i, s, t, l);
+      }), () => t;
+    if (Array.isArray(e)) {
+      const s = [], c = t && Array.isArray(t);
+      if (E(s, e, t, o))
+        return g(() => t = w(i, s, t, l, !0)), () => t;
+      if (n)
+        return s.length ? t = [...i.childNodes] : t;
+      s.length === 0 ? t = m(i, t, l) : c ? t.length === 0 ? N(i, s, l) : D(i, t, s) : (t && m(i), N(i, s)), t = s;
+    } else if (e.nodeType) {
+      if (n && e.parentNode) return t = e;
+      Array.isArray(t) ? m(i, t, null, e) : t == null || t === "" || !i.firstChild ? i.appendChild(e) : i.replaceChild(e, i.firstChild), t = e;
+    }
+  }
+  return t;
+}
+function E(i, e, t, l) {
+  let o = !1;
+  for (let n = 0, f = e.length; n < f; n++) {
+    let s = e[n], c = t && t[i.length], r;
+    if (!(s == null || s === !0 || s === !1)) if ((r = typeof s) == "object" && s.nodeType)
+      i.push(s);
+    else if (Array.isArray(s))
+      o = E(i, s, c) || o;
+    else if (r === "function")
+      if (l) {
+        for (; typeof s == "function"; ) s = s();
+        o = E(i, Array.isArray(s) ? s : [s], Array.isArray(c) ? c : [c]) || o;
+      } else
+        i.push(s), o = !0;
+    else {
+      const a = String(s);
+      c && c.nodeType === 3 && c.data === a ? i.push(c) : i.push(document.createTextNode(a));
+    }
+  }
+  return o;
+}
+function N(i, e, t = null) {
+  for (let l = 0, o = e.length; l < o; l++) i.insertBefore(e[l], t);
+}
+function m(i, e, t, l) {
+  if (t === void 0) return i.textContent = "";
+  const o = l || document.createTextNode("");
+  if (e.length) {
+    let n = !1;
+    for (let f = e.length - 1; f >= 0; f--) {
+      const s = e[f];
+      if (o !== s) {
+        const c = s.parentNode === i;
+        !n && !f ? c ? i.replaceChild(o, s) : i.insertBefore(o, t) : c && s.remove();
+      } else n = !0;
+    }
+  } else i.insertBefore(o, t);
+  return [o];
+}
+export {
+  z as i,
+  Y as s,
+  X as t,
+  H as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vistaview",
-  "version": "0.10.16",
+  "version": "0.10.17",
   "description": "A lightweight, zero-dependency image lightbox library with smooth animations and touch support",
   "keywords": [
     "image",
@@ -83,6 +83,7 @@
     "*.{js,ts,css,json,md}": "prettier --write"
   },
   "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@types/react": "^19.2.7",
     "@types/trusted-types": "^2.0.7",
     "husky": "^9.1.7",
@@ -94,6 +95,7 @@
     "typescript": "~5.9.3",
     "vite": "^6.4.1",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-solid": "^2.11.10",
     "vue": "^3.5.25"
   },
   "repository": {