vistaview 0.10.16 → 0.10.17

package/README.md

@@ -344,7 +344,7 @@ VistaView provides official bindings for popular frameworks:
 
 - **React** — `useVistaView` hook and `<VistaView>` component
 - **Vue 3** — `useVistaView` composable and `<VistaView>` component
-- **Svelte** — `useVistaView` hook and `createVistaView` action
+- **Svelte** — `useVistaView` hook and `<VistaView>` component
 - **Solid** — `useVistaView` hook and `createVistaView` directive
 - **Angular** — Manual setup example
 - **Vanilla JS** — Works out of the box
@@ -369,6 +369,21 @@ function Gallery() {
 }
 ```
 
+### Quick Example (Svelte)
+
+```svelte
+<script>
+import { VistaView } from 'vistaview/svelte';
+import 'vistaview/style.css';
+</script>
+
+<VistaView selector="> a">
+  <a href="/full.jpg">
+    <img src="/thumb.jpg" alt="Photo" />
+  </a>
+</VistaView>
+```
+
 ## Accessibility
 
 VistaView is built with accessibility in mind:

package/dist/VistaView.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/react.d.ts

@@ -1,11 +1,10 @@
 import { ReactNode } from 'react';
 import { VistaParamsNeo, VistaInterface, VistaOpt } from './vistaview';
 export declare function useVistaView(options: VistaParamsNeo): VistaInterface;
-export interface VistaViewProps extends VistaOpt {
+export interface VistaViewProps {
     children: ReactNode;
-    className?: string;
-    id?: string;
     selector?: string;
+    options?: VistaOpt;
 }
-export declare const VistaView: import('react').ForwardRefExoticComponent<VistaViewProps & import('react').RefAttributes<VistaInterface>>;
+export declare const VistaView: import('react').ForwardRefExoticComponent<VistaViewProps & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<VistaInterface>>;
 //# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5E,wBAAgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CAuBpE;AAED,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,2GA6BrB,CAAC"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5E,wBAAgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CAuBpE;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,4JA6BrB,CAAC"}

package/dist/react.js

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

package/dist/solid.d.ts

@@ -1,9 +1,13 @@
 import { VistaParamsNeo, VistaInterface, VistaOpt } from './vistaview';
 export declare function useVistaView(options: VistaParamsNeo): VistaInterface;
-export interface VistaViewOptions extends VistaOpt {
-    id?: string;
+export interface VistaViewProps {
     selector?: string;
+    options?: VistaOpt;
     ref?: (instance: VistaInterface) => void;
 }
-export declare function createVistaView(element: HTMLElement, options: VistaViewOptions): void;
+export declare function VistaView(props: VistaViewProps & {
+    children: any;
+    id?: string;
+    [key: string]: any;
+}): import("solid-js").JSX.Element;
 //# sourceMappingURL=solid.d.ts.map

package/dist/solid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../src/solid.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5E,wBAAgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CAmBpE;AAED,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,QAmB9E"}
+{"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../src/solid.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAIhC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5E,wBAAgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc,CAmBpE;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,kCA8BnG"}

package/dist/solid.js

@@ -1,35 +1,53 @@
-import { onCleanup as d, onMount as p } from "solid-js";
-import { vistaView as u } from "./vistaview.js";
-function y(t) {
-  const o = u(t);
-  return d(() => {
-    o == null || o.destroy();
+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();
   }), {
-    open: (r = 0) => o == null ? void 0 : o.open(r),
-    close: () => (o == null ? void 0 : o.close()) ?? Promise.resolve(),
-    reset: () => o == null ? void 0 : o.reset(),
-    next: () => o == null ? void 0 : o.next(),
-    prev: () => o == null ? void 0 : o.prev(),
-    zoomIn: () => o == null ? void 0 : o.zoomIn(),
-    zoomOut: () => o == null ? void 0 : o.zoomOut(),
-    getCurrentIndex: () => (o == null ? void 0 : o.getCurrentIndex()) ?? -1,
-    view: (r) => o == null ? void 0 : o.view(r),
-    destroy: () => o == null ? void 0 : o.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()
   };
 }
-function g(t, o) {
-  const { selector: r = "> a", ref: l, ...v } = o, m = o.id || `vvw-gallery-${Math.random().toString(36).slice(2)}`;
-  t.id = m, p(() => {
-    const e = u({
+function S(t) {
+  const [r, e] = $(null);
+  let s;
+  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: `#${m} ${r}`
+      elements: `#${u} ${d}`
     });
-    l && e && l(e), d(() => {
-      e == null || e.destroy();
-    });
-  });
+    o && (e(o), l == null || l(o));
+  }), m(() => {
+    var o;
+    (o = r()) == null || o.destroy();
+  }), (() => {
+    var o = a();
+    return I((w) => s = w, o), x(o, C(i, {
+      id: u
+    }), !1), V(o, g), o;
+  })();
 }
 export {
-  g as createVistaView,
-  y as useVistaView
+  S as VistaView,
+  P as useVistaView
 };

package/dist/svelte.d.ts

@@ -1,12 +1,8 @@
 import { VistaParamsNeo, VistaInterface, VistaOpt } from './vistaview';
 export declare function useVistaView(options: VistaParamsNeo): VistaInterface;
 export interface VistaViewProps extends VistaOpt {
-    id?: string;
-    class?: string;
     selector?: string;
     ref?: VistaInterface;
 }
-export declare function createVistaView(node: HTMLElement, params: VistaViewProps): {
-    destroy(): void;
-};
+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,CAmBpE;AAED,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc;;EA0BxE"}
+{"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"}