vistaview 0.10.18 → 0.10.20

package/README.md

@@ -373,15 +373,21 @@ function Gallery() {
 
 ```svelte
 <script>
-import { VistaView } from 'vistaview/svelte';
+import { useVistaView } from 'vistaview/svelte';
 import 'vistaview/style.css';
+
+const id = 'gallery-' + Math.random().toString(36).slice(2);
+const vista = useVistaView({
+  elements: `#${id} a`,
+});
 </script>
 
-<VistaView selector="> a">
-  <a href="/full.jpg">
-    <img src="/thumb.jpg" alt="Photo" />
+<div id={id}>
+  <a href="/images/full.jpg">
+    <img src="/images/thumb.jpg" alt="Photo" />
   </a>
-</VistaView>
+  <button on:click={() => vista.open(0)}>Open Gallery</button>
+</div>
 ```
 
 ## Accessibility

package/dist/react.js

@@ -1,12 +1,10 @@
 "use client";
-import { t as v, u as I, s as g, i as w } from "./web-D29dUeNW.js";
-import { useRef as l, useEffect as a, useCallback as t, useId as y, useImperativeHandle as x } from "react";
-import { vistaView as m } from "./vistaview.js";
-import { mergeProps as V } from "solid-js";
-var $ = /* @__PURE__ */ v("<div>");
-function P(o) {
-  const r = l(null);
-  return a(() => (r.current = m(o), () => {
+import { jsx as v } from "react/jsx-runtime";
+import { useRef as s, useEffect as a, useCallback as t, useId as I, useImperativeHandle as g } from "react";
+import { vistaView as d } from "./vistaview.js";
+function V(c) {
+  const r = s(null);
+  return a(() => (r.current = d(c), () => {
     var e;
     (e = r.current) == null || e.destroy(), r.current = null;
   }), []), {
@@ -52,32 +50,20 @@ function P(o) {
     }, [])
   };
 }
-function _({
-  children: o,
-  selector: r = "> a",
-  options: e,
-  id: n,
-  ref: p,
-  ...d
-}) {
-  const i = l(null), s = l(null), f = y(), c = n || `vvw-gallery-${f.replace(/:/g, "")}`;
-  return x(p, () => s.current, []), a(() => {
+function z({ children: c, selector: r = "> a", options: e, id: n, ref: m, ...f }) {
+  const i = s(null), u = s(null), p = I(), o = n || `vvw-gallery-${p.replace(/:/g, "")}`;
+  return g(m, () => u.current, []), a(() => {
     if (i.current)
-      return s.current = m({
+      return u.current = d({
         ...e,
-        elements: `#${c} ${r}`
+        elements: `#${o} ${r}`
       }), () => {
-        var u;
-        (u = s.current) == null || u.destroy(), s.current = null;
+        var l;
+        (l = u.current) == null || l.destroy(), u.current = null;
       };
-  }, [c, r]), (() => {
-    var u = $();
-    return I(i, u), g(u, V(d, {
-      id: c
-    }), !1), w(u, o), u;
-  })();
+  }, [o, r]), /* @__PURE__ */ v("div", { ref: i, ...f, id: o, children: c });
 }
 export {
-  _ as VistaView,
-  P as useVistaView
+  z as VistaView,
+  V as useVistaView
 };

package/dist/solid.js

@@ -1,53 +1,493 @@
-import { t as y, u as I, s as x, i as V } from "./web-D29dUeNW.js";
-import { onCleanup as m, createSignal as $, onMount as z, mergeProps as C } from "solid-js";
-import { vistaView as p } from "./vistaview.js";
-var a = /* @__PURE__ */ y("<div>");
-function P(t) {
-  const r = p(t);
-  return m(() => {
-    r == null || r.destroy();
+import { untrack as L, createRenderEffect as g, sharedConfig as h, onCleanup as N, createSignal as M, onMount as x, mergeProps as k } from "solid-js";
+import { vistaView as O } from "./vistaview.js";
+const R = [
+  "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"
+], V = /* @__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",
+  ...R
+]), D = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), j = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  className: "class",
+  htmlFor: "for"
+}), B = /* @__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 F(i, e) {
+  const t = B[i];
+  return typeof t == "object" ? t[e] ? t.$ : void 0 : t;
+}
+const _ = /* @__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 U(i, e, t) {
+  let l = t.length, n = e.length, o = l, f = 0, s = 0, r = e[n - 1].nextSibling, c = null;
+  for (; f < n || s < o; ) {
+    if (e[f] === t[s]) {
+      f++, s++;
+      continue;
+    }
+    for (; e[n - 1] === t[o - 1]; )
+      n--, o--;
+    if (n === f) {
+      const a = o < l ? s ? t[s - 1].nextSibling : t[o - s] : r;
+      for (; s < o; ) i.insertBefore(t[s++], a);
+    } else if (o === s)
+      for (; f < n; )
+        (!c || !c.has(e[f])) && e[f].remove(), f++;
+    else if (e[f] === t[o - 1] && t[s] === e[n - 1]) {
+      const a = e[--n].nextSibling;
+      i.insertBefore(t[s++], e[f++].nextSibling), i.insertBefore(t[--o], a), e[n] = t[o];
+    } else {
+      if (!c) {
+        c = /* @__PURE__ */ new Map();
+        let d = s;
+        for (; d < o; ) c.set(t[d], d++);
+      }
+      const a = c.get(e[f]);
+      if (a != null)
+        if (s < a && a < o) {
+          let d = f, u = 1, y;
+          for (; ++d < n && d < o && !((y = c.get(e[d])) == null || y !== a + u); )
+            u++;
+          if (u > a - s) {
+            const $ = e[f];
+            for (; s < a; ) i.insertBefore(t[s++], $);
+          } else i.replaceChild(t[s++], e[f++]);
+        } else f++;
+      else e[f++].remove();
+    }
+  }
+}
+const T = "_$DX_DELEGATE";
+function H(i, e, t, l) {
+  let n;
+  const o = () => {
+    const s = document.createElement("template");
+    return s.innerHTML = i, s.content.firstChild;
+  }, f = () => (n || (n = o())).cloneNode(!0);
+  return f.cloneNode = f, f;
+}
+function G(i, e = window.document) {
+  const t = e[T] || (e[T] = /* @__PURE__ */ new Set());
+  for (let l = 0, n = i.length; l < n; l++) {
+    const o = i[l];
+    t.has(o) || (t.add(o), e.addEventListener(o, Z));
+  }
+}
+function A(i, e, t) {
+  m(i) || (t == null ? i.removeAttribute(e) : i.setAttribute(e, t));
+}
+function z(i, e, t) {
+  m(i) || (t ? i.setAttribute(e, "") : i.removeAttribute(e));
+}
+function K(i, e) {
+  m(i) || (e == null ? i.removeAttribute("class") : i.className = e);
+}
+function p(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 n = t[0];
+    i.addEventListener(e, t[0] = (o) => n.call(i, t[1], o));
+  } else i.addEventListener(e, t, typeof t != "function" && t);
+}
+function q(i, e, t = {}) {
+  const l = Object.keys(e || {}), n = Object.keys(t);
+  let o, f;
+  for (o = 0, f = n.length; o < f; o++) {
+    const s = n[o];
+    !s || s === "undefined" || e[s] || (C(i, s, !1), delete t[s]);
+  }
+  for (o = 0, f = l.length; o < f; o++) {
+    const s = l[o], r = !!e[s];
+    !s || s === "undefined" || t[s] === r || !r || (C(i, s, !0), t[s] = r);
+  }
+  return t;
+}
+function W(i, e, t) {
+  if (!e) return t ? A(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 n, o;
+  for (o in t)
+    e[o] == null && l.removeProperty(o), delete t[o];
+  for (o in e)
+    n = e[o], n !== t[o] && (l.setProperty(o, n), t[o] = n);
+  return t;
+}
+function X(i, e = {}, t, l) {
+  const n = {};
+  return g(() => typeof e.ref == "function" && S(e.ref, i)), g(() => J(i, e, t, !0, n, !0)), n;
+}
+function S(i, e, t) {
+  return L(() => i(e, t));
+}
+function Y(i, e, t, l) {
+  if (typeof e != "function") return w(i, e, l, t);
+  g((n) => w(i, e(), n, t), l);
+}
+function J(i, e, t, l, n = {}, o = !1) {
+  e || (e = {});
+  for (const f in n)
+    if (!(f in e)) {
+      if (f === "children") continue;
+      n[f] = I(i, f, null, n[f], t, o, e);
+    }
+  for (const f in e) {
+    if (f === "children")
+      continue;
+    const s = e[f];
+    n[f] = I(i, f, s, n[f], t, o, e);
+  }
+}
+function m(i) {
+  return !!h.context && !h.done && (!i || i.isConnected);
+}
+function Q(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 n = 0, o = l.length; n < o; n++) i.classList.toggle(l[n], t);
+}
+function I(i, e, t, l, n, o, f) {
+  let s, r, c, a, d;
+  if (e === "style") return W(i, t, l);
+  if (e === "classList") return q(i, t, l);
+  if (t === l) return l;
+  if (e === "ref")
+    o || t(i);
+  else if (e.slice(0, 3) === "on:") {
+    const u = e.slice(3);
+    l && i.removeEventListener(u, l, typeof l != "function" && l), t && i.addEventListener(u, t, typeof t != "function" && t);
+  } else if (e.slice(0, 10) === "oncapture:") {
+    const u = e.slice(10);
+    l && i.removeEventListener(u, l, !0), t && i.addEventListener(u, t, !0);
+  } else if (e.slice(0, 2) === "on") {
+    const u = e.slice(2).toLowerCase(), y = _.has(u);
+    if (!y && l) {
+      const $ = Array.isArray(l) ? l[0] : l;
+      i.removeEventListener(u, $);
+    }
+    (y || t) && (p(i, u, t, y), y && G([u]));
+  } else if (e.slice(0, 5) === "attr:")
+    A(i, e.slice(5), t);
+  else if (e.slice(0, 5) === "bool:")
+    z(i, e.slice(5), t);
+  else if ((d = e.slice(0, 5) === "prop:") || (c = D.has(e)) || (a = F(e, i.tagName)) || (r = V.has(e)) || (s = i.nodeName.includes("-") || "is" in f)) {
+    if (d)
+      e = e.slice(5), r = !0;
+    else if (m(i)) return t;
+    e === "class" || e === "className" ? K(i, t) : s && !r && !c ? i[Q(e)] = t : i[a || e] = t;
+  } else
+    A(i, j[e] || e, t);
+  return t;
+}
+function Z(i) {
+  if (h.registry && h.events && h.events.find(([r, c]) => c === i))
+    return;
+  let e = i.target;
+  const t = `$$${i.type}`, l = i.target, n = i.currentTarget, o = (r) => Object.defineProperty(i, "target", {
+    configurable: !0,
+    value: r
+  }), f = () => {
+    const r = e[t];
+    if (r && !e.disabled) {
+      const c = e[`${t}Data`];
+      if (c !== void 0 ? r.call(e, c, i) : r.call(e, i), i.cancelBubble) return;
+    }
+    return e.host && typeof e.host != "string" && !e.host._$host && e.contains(i.target) && o(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 r = i.composedPath();
+    o(r[0]);
+    for (let c = 0; c < r.length - 2 && (e = r[c], !!f()); c++) {
+      if (e._$host) {
+        e = e._$host, s();
+        break;
+      }
+      if (e.parentNode === n)
+        break;
+    }
+  } else s();
+  o(l);
+}
+function w(i, e, t, l, n) {
+  const o = m(i);
+  if (o) {
+    !t && (t = [...i.childNodes]);
+    let s = [];
+    for (let r = 0; r < t.length; r++) {
+      const c = t[r];
+      c.nodeType === 8 && c.data.slice(0, 2) === "!$" ? c.remove() : s.push(c);
+    }
+    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 (o || 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 (o) return t;
+    t = b(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 = [], r = t && Array.isArray(t);
+      if (E(s, e, t, n))
+        return g(() => t = w(i, s, t, l, !0)), () => t;
+      if (o)
+        return s.length ? t = [...i.childNodes] : t;
+      s.length === 0 ? t = b(i, t, l) : r ? t.length === 0 ? P(i, s, l) : U(i, t, s) : (t && b(i), P(i, s)), t = s;
+    } else if (e.nodeType) {
+      if (o && e.parentNode) return t = e;
+      Array.isArray(t) ? b(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 n = !1;
+  for (let o = 0, f = e.length; o < f; o++) {
+    let s = e[o], r = t && t[i.length], c;
+    if (!(s == null || s === !0 || s === !1)) if ((c = typeof s) == "object" && s.nodeType)
+      i.push(s);
+    else if (Array.isArray(s))
+      n = E(i, s, r) || n;
+    else if (c === "function")
+      if (l) {
+        for (; typeof s == "function"; ) s = s();
+        n = E(i, Array.isArray(s) ? s : [s], Array.isArray(r) ? r : [r]) || n;
+      } else
+        i.push(s), n = !0;
+    else {
+      const a = String(s);
+      r && r.nodeType === 3 && r.data === a ? i.push(r) : i.push(document.createTextNode(a));
+    }
+  }
+  return n;
+}
+function P(i, e, t = null) {
+  for (let l = 0, n = e.length; l < n; l++) i.insertBefore(e[l], t);
+}
+function b(i, e, t, l) {
+  if (t === void 0) return i.textContent = "";
+  const n = l || document.createTextNode("");
+  if (e.length) {
+    let o = !1;
+    for (let f = e.length - 1; f >= 0; f--) {
+      const s = e[f];
+      if (n !== s) {
+        const r = s.parentNode === i;
+        !o && !f ? r ? i.replaceChild(n, s) : i.insertBefore(n, t) : r && s.remove();
+      } else o = !0;
+    }
+  } else i.insertBefore(n, t);
+  return [n];
+}
+var v = /* @__PURE__ */ H("<div>");
+function ie(i) {
+  const e = O(i);
+  return N(() => {
+    e == null || e.destroy();
   }), {
-    open: (e = 0) => r == null ? void 0 : r.open(e),
-    close: () => (r == null ? void 0 : r.close()) ?? Promise.resolve(),
-    reset: () => r == null ? void 0 : r.reset(),
-    next: () => r == null ? void 0 : r.next(),
-    prev: () => r == null ? void 0 : r.prev(),
-    zoomIn: () => r == null ? void 0 : r.zoomIn(),
-    zoomOut: () => r == null ? void 0 : r.zoomOut(),
-    getCurrentIndex: () => (r == null ? void 0 : r.getCurrentIndex()) ?? -1,
-    view: (e) => r == null ? void 0 : r.view(e),
-    destroy: () => r == null ? void 0 : r.destroy()
+    open: (t = 0) => e == null ? void 0 : e.open(t),
+    close: () => (e == null ? void 0 : e.close()) ?? Promise.resolve(),
+    reset: () => e == null ? void 0 : e.reset(),
+    next: () => e == null ? void 0 : e.next(),
+    prev: () => e == null ? void 0 : e.prev(),
+    zoomIn: () => e == null ? void 0 : e.zoomIn(),
+    zoomOut: () => e == null ? void 0 : e.zoomOut(),
+    getCurrentIndex: () => (e == null ? void 0 : e.getCurrentIndex()) ?? -1,
+    view: (t) => e == null ? void 0 : e.view(t),
+    destroy: () => e == null ? void 0 : e.destroy()
   };
 }
-function S(t) {
-  const [r, e] = $(null);
-  let s;
+function se(i) {
+  const [e, t] = M(null);
+  let l;
   const {
-    selector: d = "> a",
-    options: v,
-    ref: l,
-    id: f,
-    children: g,
-    ...i
-  } = t, u = f || `vvw-gallery-${Math.random().toString(36).substr(2, 9)}`;
-  return z(() => {
-    if (!s) return;
-    const o = p({
-      ...v,
-      elements: `#${u} ${d}`
+    selector: n = "> a",
+    options: o,
+    ref: f,
+    id: s,
+    children: r,
+    ...c
+  } = i, a = s || `vvw-gallery-${Math.random().toString(36).substr(2, 9)}`;
+  return x(() => {
+    if (!l) return;
+    const d = O({
+      ...o,
+      elements: `#${a} ${n}`
     });
-    o && (e(o), l == null || l(o));
-  }), m(() => {
-    var o;
-    (o = r()) == null || o.destroy();
+    d && (t(d), f == null || f(d));
+  }), N(() => {
+    var d;
+    (d = e()) == null || d.destroy();
   }), (() => {
-    var o = a();
-    return I((w) => s = w, o), x(o, C(i, {
-      id: u
-    }), !1), V(o, g), o;
+    var d = v();
+    return S((u) => l = u, d), X(d, k(c, {
+      id: a
+    }), !1), Y(d, r), d;
   })();
 }
 export {
-  S as VistaView,
-  P as useVistaView
+  se as VistaView,
+  ie as useVistaView
 };

package/dist/svelte.d.ts

@@ -1,8 +1,3 @@
-import { VistaParamsNeo, VistaInterface, VistaOpt } from './vistaview';
+import { VistaParamsNeo, VistaInterface } from './vistaview';
 export declare function useVistaView(options: VistaParamsNeo): VistaInterface;
-export interface VistaViewProps extends VistaOpt {
-    selector?: string;
-    ref?: VistaInterface;
-}
-export { default as VistaView } from './VistaView.svelte';
 //# sourceMappingURL=svelte.d.ts.map

package/dist/svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../src/svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,wBAAgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CA8BpE;AAED,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB;AAED,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../src/svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElE,wBAAgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CA8BpE"}