vistaview 0.2.0 → 0.3.2

package/README.md

@@ -24,10 +24,10 @@ npm install vistaview
 
 ```html
 <div id="gallery">
-  <a href="/images/photo1-full.jpg" data-vistaview-width="1920" data-vistaview-height="1080">
+  <a href="/images/photo1-full.jpg">
     <img src="/images/photo1-thumb.jpg" alt="Photo 1" />
   </a>
-  <a href="/images/photo2-full.jpg" data-vistaview-width="1280" data-vistaview-height="720">
+  <a href="/images/photo2-full.jpg">
     <img src="/images/photo2-thumb.jpg" alt="Photo 2" />
   </a>
 </div>
@@ -37,7 +37,7 @@ npm install vistaview
   import 'vistaview/style.css';
 
   vistaView({
-    parent: document.getElementById('gallery'),
+    elements: '#gallery a',
   });
 </script>
 ```
@@ -46,13 +46,7 @@ npm install vistaview
 
 ```html
 <div id="gallery">
-  <img
-    src="/images/thumb1.jpg"
-    data-vistaview-src="/images/full1.jpg"
-    data-vistaview-width="1920"
-    data-vistaview-height="1080"
-    alt="Photo 1"
-  />
+  <img src="/images/thumb1.jpg" data-vistaview-src="/images/full1.jpg" alt="Photo 1" />
 </div>
 ```
 
@@ -77,8 +71,8 @@ vistaView({
 ```js
 vistaView({
   elements: [
-    { src: '/images/photo1.jpg', width: 1920, height: 1080, alt: 'Photo 1' },
-    { src: '/images/photo2.jpg', width: 1280, height: 720, alt: 'Photo 2' },
+    { src: '/images/photo1.jpg', thumb: '/images/thumb1.jpg', alt: 'Photo 1' },
+    { src: '/images/photo2.jpg', thumb: '/images/thumb2.jpg', alt: 'Photo 2' },
   ],
 });
 ```
@@ -86,10 +80,11 @@ vistaView({
 ## Options
 
 ```ts
+import { vistaView, vistaViewDownload } from 'vistaview'
+
 vistaView({
-  // Required: specify either parent OR elements
-  parent: HTMLElement, // Container element with images/anchors
-  elements: string | NodeList | VistaViewImage[], // Selector, NodeList, or array of images
+  // Required: specify elements (string selector, NodeList, or array)
+  elements: string | NodeList | VistaViewImage[],
 
   // Optional configuration
   animationDurationBase: 333, // Base animation duration in ms (default: 333)
@@ -97,17 +92,30 @@ vistaView({
   detectReducedMotion: true, // Respect prefers-reduced-motion (default: true)
   zoomStep: 500, // Pixels to zoom per step (default: 500)
   maxZoomLevel: 2, // Maximum zoom multiplier (default: 2)
-  touchSpeedThreshold: 1, // Swipe speed threshold for navigation (default: 1)
+  touchSpeedThreshold: 0.7, // Swipe speed threshold for navigation (default: 0.7)
+  preloads: 1, // Number of adjacent images to preload on each side (default: 1)
+  keyboardListeners: true, // Enable keyboard navigation (default: true)
 
   // Control placement (defaults shown)
   controls: {
     topLeft: ['indexDisplay'],
-    topRight: ['zoomIn', 'zoomOut', getDownloadButton(), 'close'],
+    topRight: ['zoomIn', 'zoomOut', vistaViewDownload(), 'close'],
     topCenter: [],
     bottomLeft: [],
     bottomCenter: ['description'],
     bottomRight: [],
   },
+
+  // Events
+  onOpen: (data) => {},      // Called when lightbox opens
+  onClose: (data) => {},     // Called when lightbox closes
+  onImageView: (data) => {}, // Called when viewing an image (including on open)
+
+  // Custom behavior functions (advanced)
+  initFunction: (vistaView) => {},       // Custom initialization
+  setupFunction: (data) => {},           // Custom setup when navigating
+  transitionFunction: (data) => image,   // Custom transition animation
+  closeFunction: (vistaView) => {},      // Custom cleanup on close
 });
 ```
 
@@ -118,7 +126,7 @@ vistaView({
 | `indexDisplay`        | Shows current image index (e.g., "1 / 5") |
 | `zoomIn`              | Zoom into the image                       |
 | `zoomOut`             | Zoom out of the image                     |
-| `getDownloadButton()` | Download the current image                |
+| `vistaViewDownload()` | Download the current image                |
 | `close`               | Close the lightbox                        |
 | `description`         | Shows the image alt text                  |
 
@@ -127,15 +135,15 @@ vistaView({
 Controls are merged with defaults—only the positions you specify are replaced. Provide an object with `name`, `icon`, and `onClick`:
 
 ```js
-import { vistaView, getDownloadButton } from 'vistaview';
+import { vistaView, vistaViewDownload } from 'vistaview';
 
 vistaView({
-  parent: document.getElementById('gallery'),
+  elements: '#gallery a',
   controls: {
     topRight: [
       'zoomIn',
       'zoomOut',
-      getDownloadButton(), // Example: Built-in download helper
+      vistaViewDownload(), // Example: Built-in download helper
       {
         name: 'share',
         icon: '<svg>...</svg>',
@@ -149,6 +157,39 @@ vistaView({
 });
 ```
 
+## Exported Types & Functions
+
+VistaView exports all types for TypeScript users, plus default behavior functions for customization:
+
+```ts
+import {
+  vistaView,
+  vistaViewDownload,
+  DefaultOptions,
+  // Default behavior functions (can be used as starting points)
+  defaultInit,
+  defaultSetup,
+  defaultTransition,
+  defaultClose,
+  setTouchActions,
+  removeTouchActions,
+} from 'vistaview';
+
+import type {
+  VistaViewParams, // Full options including `elements`
+  VistaViewOptions, // Base options (without `elements`)
+  VistaViewImage, // Image object: { src, alt?, thumb? }
+  VistaViewImageIndexed, // Image with index and DOM references
+  VistaViewInterface, // Return type from vistaView()
+  VistaViewData, // Data passed to events/functions
+  VistaViewSetupFunction, // Type for setupFunction
+  VistaViewTransitionFunction, // Type for transitionFunction
+  VistaViewCloseFunction, // Type for closeFunction
+  VistaViewInitFunction, // Type for initFunction
+  VistaViewCustomControl, // Custom control definition
+} from 'vistaview';
+```
+
 ## Styling
 
 VistaView uses CSS custom properties for easy theming:
@@ -165,13 +206,11 @@ VistaView uses CSS custom properties for easy theming:
 
 ## Data Attributes
 
-| Attribute                 | Description                                |
-| ------------------------- | ------------------------------------------ |
-| `data-vistaview-src`      | Full-size image URL (for `<img>` elements) |
-| `data-vistaview-width`    | Full-size image width in pixels            |
-| `data-vistaview-height`   | Full-size image height in pixels           |
-| `data-vistaview-alt`      | Alt text for the image                     |
-| `data-vistaview-smallsrc` | Thumbnail URL (optional)                   |
+| Attribute              | Description                                |
+| ---------------------- | ------------------------------------------ |
+| `data-vistaview-src`   | Full-size image URL (for `<img>` elements) |
+| `data-vistaview-alt`   | Alt text for the image                     |
+| `data-vistaview-thumb` | Thumbnail URL (optional)                   |
 
 ## Keyboard Navigation
 
@@ -191,22 +230,33 @@ VistaView works in all modern browsers (Chrome, Firefox, Safari, Edge).
 
 VistaView provides official bindings for popular frameworks:
 
-```tsx
-// React
-import { useVistaView, VistaView } from 'vistaview/react';
+- **React** — `useVistaView` hook and `<VistaView>` component
+- **Vue 3** — `useVistaView` composable and `<VistaView>` component
+- **Svelte** — `useVistaView` hook
+- **Solid** — `useVistaView` hook and `<VistaView>` component
+- **Angular** — Manual setup example
+- **Vanilla JS** — Works out of the box
 
-// Vue
-import { useVistaView } from 'vistaview/vue';
+👉 **[See full framework integration guide](./framework-integration.md)**
 
-// Svelte
-import { useVistaView } from 'vistaview/svelte';
+### Quick Example (React)
 
-// Solid
-import { useVistaView } from 'vistaview/solid';
+```tsx
+import { useVistaView } from 'vistaview/react';
+import 'vistaview/style.css';
+
+function Gallery() {
+  const { open, close, next, prev } = useVistaView({ elements: '#gallery a' });
+  return (
+    <div id="gallery">
+      <a href="/full.jpg">
+        <img src="/thumb.jpg" alt="Photo" />
+      </a>
+    </div>
+  );
+}
 ```
 
-See [framework-integration.md](./framework-integration.md) for detailed examples.
-
 ## License
 
 MIT

package/dist/lib/components.d.ts

@@ -1,4 +1,8 @@
-import { VistaViewCustomControl, VistaViewImage, VistaViewOptions } from './vista-view';
-export declare function getDownloadButton(): VistaViewCustomControl;
-export declare function vistaViewComponent(elements: VistaViewImage[], controls: VistaViewOptions['controls']): string;
+import { VistaViewCustomControl, VistaViewImageIndexed, VistaViewOptions } from './types';
+export declare function vistaViewDownload(): VistaViewCustomControl;
+export declare function vistaViewItem(el: VistaViewImageIndexed, positionalIndex?: number): HTMLDivElement;
+export declare function vistaViewComponent({ controls, isReducedMotion, }: {
+    controls: VistaViewOptions['controls'];
+    isReducedMotion: boolean;
+}): DocumentFragment;
 //# sourceMappingURL=components.d.ts.map

package/dist/lib/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/lib/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,sBAAsB,EACtB,cAAc,EACd,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAUtB,wBAAgB,iBAAiB,IAAI,sBAAsB,CAa1D;AAsBD,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,cAAc,EAAE,EAC1B,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,GACrC,MAAM,CAyBR"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/lib/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAWjB,wBAAgB,iBAAiB,IAAI,sBAAsB,CAgB1D;AAsBD,wBAAgB,aAAa,CAAC,EAAE,EAAE,qBAAqB,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,cAAc,CAuBjG;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,eAAe,GAChB,EAAE;IACD,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC,eAAe,EAAE,OAAO,CAAC;CAC1B,GAAG,gBAAgB,CAiBnB"}

package/dist/lib/defaults.d.ts

@@ -0,0 +1,9 @@
+import { VistaViewCloseFunction, VistaViewSetupFunction, VistaViewTransitionFunction } from './types';
+import { VistaView } from './vista-view';
+export declare function setTouchActions(vistaView: VistaView): void;
+export declare function removeTouchActions(vistaView: VistaView): void;
+export declare const defaultInit: (vistaView: VistaView) => void;
+export declare const defaultSetup: VistaViewSetupFunction;
+export declare const defaultTransition: VistaViewTransitionFunction;
+export declare const defaultClose: VistaViewCloseFunction;
+//# sourceMappingURL=defaults.d.ts.map

package/dist/lib/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/lib/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACtB,2BAA2B,EAC5B,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,wBAAgB,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAoG1D;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAO7D;AAMD,eAAO,MAAM,WAAW,GAAI,WAAW,SAAS,SAE/C,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,sBAsB1B,CAAC;AAIF,eAAO,MAAM,iBAAiB,EAAE,2BAiD/B,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,sBAK1B,CAAC"}

package/dist/lib/types.d.ts

@@ -0,0 +1,83 @@
+import { VistaView } from './vista-view';
+export type VistaViewElmProps = {
+    objectFit: string;
+    borderRadius: string;
+    objectPosition: string;
+    overflow: string;
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    naturalWidth?: number;
+    naturalHeight?: number;
+};
+export type VistaViewImage = {
+    src: string;
+    alt?: string;
+    thumb?: string;
+};
+export type VistaViewImageIndexed = {
+    index: number;
+    imageElm?: HTMLImageElement;
+    anchorElm?: HTMLAnchorElement;
+} & VistaViewImage;
+export type VistaViewOptions = {
+    animationDurationBase?: number;
+    initialZIndex?: number;
+    detectReducedMotion?: boolean;
+    zoomStep?: number;
+    maxZoomLevel?: number;
+    touchSpeedThreshold?: number;
+    preloads?: number;
+    keyboardListeners?: boolean;
+    controls?: {
+        topLeft?: (VistaViewDefaultControls | VistaViewCustomControl)[];
+        topRight?: (VistaViewDefaultControls | VistaViewCustomControl)[];
+        topCenter?: (VistaViewDefaultControls | VistaViewCustomControl)[];
+        bottomCenter?: (VistaViewDefaultControls | VistaViewCustomControl)[];
+        bottomLeft?: (VistaViewDefaultControls | VistaViewCustomControl)[];
+        bottomRight?: (VistaViewDefaultControls | VistaViewCustomControl)[];
+    };
+    onImageView?: (params: VistaViewData) => void;
+    onOpen?: (params: VistaViewData) => void;
+    onClose?: (params: VistaViewData) => void;
+    transitionFunction?: VistaViewTransitionFunction;
+    setupFunction?: VistaViewSetupFunction;
+    closeFunction?: VistaViewCloseFunction;
+    initFunction?: VistaViewInitFunction;
+};
+export type VistaViewDefaultControls = 'indexDisplay' | 'zoomIn' | 'zoomOut' | 'close' | 'description';
+export type VistaViewCustomControl = {
+    name: string;
+    icon: string;
+    onClick: (v: VistaViewImageIndexed) => void | Promise<void>;
+};
+export type VistaViewData = {
+    htmlElements: {
+        from: HTMLElement[] | null;
+        to: HTMLElement[] | null;
+    };
+    images: {
+        from: VistaViewImageIndexed[] | null;
+        to: VistaViewImageIndexed[] | null;
+    };
+    index: {
+        from: number | null;
+        to: number | null;
+    };
+    via: {
+        next: boolean;
+        prev: boolean;
+    };
+    container: HTMLElement;
+    elements: NodeListOf<HTMLElement> | VistaViewImage[];
+    isReducedMotion: boolean;
+    navActive: boolean;
+    isZoomed: HTMLImageElement | false;
+    options: VistaViewOptions;
+};
+export type VistaViewTransitionFunction = (params: VistaViewData) => VistaViewImageIndexed | Promise<VistaViewImageIndexed>;
+export type VistaViewSetupFunction = (params: VistaViewData) => void;
+export type VistaViewCloseFunction = (vistaView: VistaView) => void;
+export type VistaViewInitFunction = (vistaView: VistaView) => void;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/utils.d.ts

@@ -1,16 +1,15 @@
-import { VistaViewElm } from './vista-view';
-export declare function getElmProperties(elm: HTMLElement): VistaViewElm;
+import { VistaViewElmProps } from './types';
+export declare function getElmProperties(elm: HTMLElement): VistaViewElmProps;
 export declare function createTrustedHtml(htmlString: string): DocumentFragment;
 export declare function isNotZeroCssValue(value?: string): false | string | undefined;
-export declare function getRenderedSize(image: HTMLImageElement): {
+export declare function getFittedSize(img: HTMLImageElement): {
     width: number;
     height: number;
 };
-export declare function getFittedSize(img: HTMLImageElement): {
+export declare function getFullSizeDim(img: HTMLImageElement): {
     width: number;
     height: number;
 };
-export declare function makeFullScreenContain(img: HTMLImageElement, setDataAttribute?: boolean): void;
 export declare function getMaxMinZoomLevels(currentWidth: number, currentHeight: number): {
     maxDiffX: number;
     minDiffY: number;

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,WAAW,GAAG,YAAY,CAQ/D;AAyBD,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAQtE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAI5E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAM1F;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,gBAAgB,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CA8DA;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,GAAE,OAAe,QAwC7F;AAED,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,GACpB;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAgBA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,WAAW,GAAG,iBAAiB,CAepE;AAyBD,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAQtE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAI5E;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,gBAAgB,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CA8DA;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,gBAAgB,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAwCA;AAED,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,GACpB;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAgBA"}

package/dist/lib/vista-view.d.ts

@@ -1,84 +1,76 @@
-export type VistaViewElm = {
-    objectFit?: string;
-    borderRadius?: string;
-    objectPosition?: string;
-    overflow?: string;
-};
-export type VistaViewImage = {
-    src: string;
-    width: number;
-    height: number;
-    alt?: string;
-    smallSrc?: string;
-    anchor?: HTMLAnchorElement;
-    image?: HTMLImageElement;
-    onClick?: (e: Event) => void;
-};
-export type VistaViewOptions = {
-    animationDurationBase?: number;
-    initialZIndex?: number;
-    detectReducedMotion?: boolean;
-    zoomStep?: number;
-    maxZoomLevel?: number;
-    touchSpeedThreshold?: number;
-    controls?: {
-        topLeft?: (VistaViewDefaultControls | VistaViewCustomControl)[];
-        topRight?: (VistaViewDefaultControls | VistaViewCustomControl)[];
-        topCenter?: (VistaViewDefaultControls | VistaViewCustomControl)[];
-        bottomCenter?: (VistaViewDefaultControls | VistaViewCustomControl)[];
-        bottomLeft?: (VistaViewDefaultControls | VistaViewCustomControl)[];
-        bottomRight?: (VistaViewDefaultControls | VistaViewCustomControl)[];
-    };
-};
-export type VistaViewDefaultControls = 'indexDisplay' | 'zoomIn' | 'zoomOut' | 'download' | 'close' | 'description';
-export type VistaViewCustomControl = {
-    name: string;
-    icon: string;
-    onClick: (v: VistaViewImage) => void;
-};
+import { VistaViewCustomControl, VistaViewImage, VistaViewImageIndexed, VistaViewOptions } from './types';
 export declare const DefaultOptions: {
     detectReducedMotion: boolean;
+    animationDurationBase: number;
     zoomStep: number;
     maxZoomLevel: number;
     touchSpeedThreshold: number;
+    preloads: number;
+    keyboardListeners: boolean;
     controls: VistaViewOptions["controls"];
 };
+export declare const GlobalVistaState: {
+    somethingOpened: VistaView | null;
+};
 export declare class VistaView {
-    private options;
-    private elements;
-    private currentIndex;
-    private currentDescription;
-    private rootElement;
-    private containerElement;
-    private indexDisplayElement;
-    private descriptionElement;
-    private isActive;
-    private isZoomed;
-    private isReducedMotion;
-    private setInitialProperties;
-    private setFullScreenContain;
+    options: VistaViewOptions;
+    elements: NodeListOf<HTMLElement> | VistaViewImage[];
+    isReducedMotion: boolean;
+    currentIndex: {
+        _value: number | null;
+        _vistaView: VistaView | null;
+        _via: {
+            next: boolean;
+            prev: boolean;
+        };
+        get value(): number | null;
+        set value(v: number);
+        via: {
+            next: boolean;
+            prev: boolean;
+        };
+    };
+    rootElm: HTMLElement | null;
+    imageContainerElm: HTMLElement | null;
+    customControls: {
+        [key: string]: VistaViewCustomControl;
+    };
+    currentImages: VistaViewImageIndexed[] | null;
+    currentItems: HTMLDivElement[] | null;
+    navActive: boolean;
+    isZoomed: HTMLImageElement | false;
+    private onClickElements;
+    private onResizeHandler;
+    private onKeyDown;
+    private userSetup;
+    private userTransition;
+    private userClose;
+    private userInit;
     private onZoomedPointerDown;
     private onZoomedPointerMove;
     private onZoomedPointerUp;
-    private onPointerDown;
-    private onPointerMove;
-    private onPointerUp;
-    private onKeyDown;
-    constructor(elements: VistaViewImage[], options?: VistaViewOptions);
+    constructor(elements: NodeListOf<HTMLElement> | VistaViewImage[], options?: VistaViewOptions);
+    private swap;
     private setZoomed;
-    private setIndexDisplay;
-    private setCurrentDescription;
-    private getAnimationDurationBase;
     private zoomIn;
     private zoomOut;
     private clearZoom;
-    private resetImageOpacity;
-    private setTouchActions;
-    private removeTouchActions;
-    open(index?: number): void;
-    close(animate?: boolean): Promise<void>;
+    private getImages;
+    private setInitialDimPos;
+    private updateZoomButtonsVisibility;
+    private loadImages;
+    private setIndexDisplay;
+    private setCurrentDescription;
+    private getCurrentIndexes;
+    private setKeyboardListeners;
+    private setResizeListeners;
+    open(startIndex?: number): void;
+    close(wait?: boolean): Promise<void>;
     destroy(): void;
-    view(index: number): void;
+    view(index: number, state?: {
+        next: boolean;
+        prev: boolean;
+    }): void;
     next(): void;
     prev(): void;
     getCurrentIndex(): number;

package/dist/lib/vista-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vista-view.d.ts","sourceRoot":"","sources":["../../src/lib/vista-view.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,CAAC,wBAAwB,GAAG,sBAAsB,CAAC,EAAE,CAAC;QAChE,QAAQ,CAAC,EAAE,CAAC,wBAAwB,GAAG,sBAAsB,CAAC,EAAE,CAAC;QACjE,SAAS,CAAC,EAAE,CAAC,wBAAwB,GAAG,sBAAsB,CAAC,EAAE,CAAC;QAClE,YAAY,CAAC,EAAE,CAAC,wBAAwB,GAAG,sBAAsB,CAAC,EAAE,CAAC;QACrE,UAAU,CAAC,EAAE,CAAC,wBAAwB,GAAG,sBAAsB,CAAC,EAAE,CAAC;QACnE,WAAW,CAAC,EAAE,CAAC,wBAAwB,GAAG,sBAAsB,CAAC,EAAE,CAAC;KACrE,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAChC,cAAc,GACd,QAAQ,GACR,SAAS,GACT,UAAU,GACV,OAAO,GACP,aAAa,CAAC;AAClB,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtC,CAAC;AAMF,eAAO,MAAM,cAAc;;;;;cAWpB,gBAAgB,CAAC,UAAU,CAAC;CAClC,CAAC;AAEF,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,QAAQ,CAAmB;IAEnC,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,kBAAkB,CAAc;IAExC,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,kBAAkB,CAA4B;IACtD,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,QAAQ,CAA2B;IAE3C,OAAO,CAAC,eAAe,CAAU;IAEjC,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,mBAAmB,CAA4C;IACvE,OAAO,CAAC,mBAAmB,CAA4C;IACvE,OAAO,CAAC,iBAAiB,CAA4C;IAErE,OAAO,CAAC,aAAa,CAA4C;IACjE,OAAO,CAAC,aAAa,CAA4C;IACjE,OAAO,CAAC,WAAW,CAA4C;IAC/D,OAAO,CAAC,SAAS,CAA6C;gBAElD,QAAQ,EAAE,cAAc,EAAE,EAAE,OAAO,CAAC,EAAE,gBAAgB;IA8BlE,OAAO,CAAC,SAAS;IAoHjB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,MAAM;IAwCd,OAAO,CAAC,OAAO;IA0Df,OAAO,CAAC,SAAS;IAwBjB,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,eAAe;IA2FvB,OAAO,CAAC,kBAAkB;IAS1B,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IA6PpB,KAAK,CAAC,OAAO,UAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IA+B1C,OAAO,IAAI,IAAI;IAWf,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAczB,IAAI,IAAI,IAAI;IAKZ,IAAI,IAAI,IAAI;IAKZ,eAAe,IAAI,MAAM;CAG1B"}
+{"version":3,"file":"vista-view.d.ts","sourceRoot":"","sources":["../../src/lib/vista-view.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAIV,sBAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,gBAAgB,EAEjB,MAAM,SAAS,CAAC;AAIjB,eAAO,MAAM,cAAc;;;;;;;;cAcpB,gBAAgB,CAAC,UAAU,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE;IAAE,eAAe,EAAE,SAAS,GAAG,IAAI,CAAA;CAEjE,CAAC;AAEF,qBAAa,SAAS;IACpB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,cAAc,EAAE,CAAC;IACrD,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY;gBACM,MAAM,GAAG,IAAI;oBACT,SAAS,GAAG,IAAI;;;;;qBAOvB,MAAM,GAAG,IAAI;qBALb,MAAM;aAWR;YAAE,IAAI,EAAE,OAAO,CAAC;YAAC,IAAI,EAAE,OAAO,CAAA;SAAE;MAG3C;IAEF,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IACnC,iBAAiB,EAAE,WAAW,GAAG,IAAI,CAAQ;IAC7C,cAAc,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,sBAAsB,CAAA;KAAE,CAAM;IAC/D,aAAa,EAAE,qBAAqB,EAAE,GAAG,IAAI,CAAQ;IACrD,YAAY,EAAE,cAAc,EAAE,GAAG,IAAI,CAAQ;IAC7C,SAAS,UAAQ;IACjB,QAAQ,EAAE,gBAAgB,GAAG,KAAK,CAAS;IAE3C,OAAO,CAAC,eAAe,CAAqC;IAE5D,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAO,CAAC,SAAS,CAA6C;IAE9D,OAAO,CAAC,SAAS,CAAwC;IACzD,OAAO,CAAC,cAAc,CAAkD;IACxE,OAAO,CAAC,SAAS,CAAwC;IACzD,OAAO,CAAC,QAAQ,CAAsC;IAEtD,OAAO,CAAC,mBAAmB,CAA4C;IACvE,OAAO,CAAC,mBAAmB,CAA4C;IACvE,OAAO,CAAC,iBAAiB,CAA4C;gBAEzD,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,cAAc,EAAE,EAAE,OAAO,CAAC,EAAE,gBAAgB;YA6C9E,IAAI;IA+ElB,OAAO,CAAC,SAAS;IAiGjB,OAAO,CAAC,MAAM;IAsCd,OAAO,CAAC,OAAO;IA2Df,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAwBjB,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,2BAA2B;IAqCnC,OAAO,CAAC,UAAU;IAkElB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,iBAAiB;IA2BzB,OAAO,CAAC,oBAAoB;IA6B5B,OAAO,CAAC,kBAAkB;IAyB1B,IAAI,CAAC,UAAU,GAAE,MAAU,GAAG,IAAI;IAkJ5B,KAAK,CAAC,IAAI,UAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAgEvC,OAAO,IAAI,IAAI;IASf,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;IAYnE,IAAI,IAAI,IAAI;IAKZ,IAAI,IAAI,IAAI;IAKZ,eAAe,IAAI,MAAM;CAG1B"}

package/dist/react.cjs

@@ -1 +1 @@
-const e=require(`./vistaview-B7UMydz4.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r(n={}){let r=(0,t.useRef)(null),i=(0,t.useRef)(null);return(0,t.useEffect)(()=>{if(r.current)return i.current=e.t({parent:r.current,...n}),()=>{i.current?.destroy(),i.current=null}},[]),{ref:r,open:(0,t.useCallback)((e=0)=>i.current?.open(e),[]),close:(0,t.useCallback)(()=>i.current?.close(),[]),next:(0,t.useCallback)(()=>i.current?.next(),[]),prev:(0,t.useCallback)(()=>i.current?.prev(),[]),getCurrentIndex:(0,t.useCallback)(()=>i.current?.getCurrentIndex()??-1,[]),view:(0,t.useCallback)(e=>i.current?.view(e),[])}}function i({children:e,className:t,style:i,...a}){let{ref:o}=r(a);return(0,n.jsx)(`div`,{ref:o,className:t,style:i,children:e})}exports.VistaView=i,exports.useVistaView=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),l=require("./vistaview.cjs");function f(u){const r=t.useRef(null);return t.useEffect(()=>(r.current=l.vistaView(u),()=>{var e;(e=r.current)==null||e.destroy(),r.current=null}),[]),{open:t.useCallback((e=0)=>{var n;return(n=r.current)==null?void 0:n.open(e)},[]),close:t.useCallback(()=>{var e;return(e=r.current)==null?void 0:e.close()},[]),next:t.useCallback(()=>{var e;return(e=r.current)==null?void 0:e.next()},[]),prev:t.useCallback(()=>{var e;return(e=r.current)==null?void 0:e.prev()},[]),getCurrentIndex:t.useCallback(()=>{var e;return((e=r.current)==null?void 0:e.getCurrentIndex())??-1},[]),view:t.useCallback(e=>{var n;return(n=r.current)==null?void 0:n.view(e)},[])}}function w({children:u,className:r,style:e,selector:n,...a}){const s=t.useRef(null),c=t.useRef(null);return t.useEffect(()=>{if(s.current){if(!n)throw new Error("VistaView: selector is required");return c.current=l.vistaView({...a,elements:s.current.querySelectorAll(n)}),()=>{var i;(i=c.current)==null||i.destroy(),c.current=null}}},[]),o.jsx("div",{ref:s,className:r,style:e,children:u})}exports.VistaView=w;exports.useVistaView=f;

package/dist/react.d.ts

@@ -1,8 +1,6 @@
-import { VistaViewOptions, VistaViewInterface, VistaViewImage } from './vistaview';
-export type { VistaViewOptions, VistaViewInterface, VistaViewImage };
-type UseVistaViewOptions = Omit<VistaViewOptions, 'parent'>;
+import { VistaViewParams, VistaViewInterface, VistaViewImage } from './vistaview';
+export type { VistaViewParams, VistaViewInterface, VistaViewImage };
 type UseVistaViewReturn = {
-    ref: React.RefObject<HTMLDivElement | null>;
     open: (startIndex?: number) => void;
     close: () => void;
     next: () => void;
@@ -10,11 +8,12 @@ type UseVistaViewReturn = {
     getCurrentIndex: () => number;
     view: (index: number) => void;
 };
-export declare function useVistaView(options?: UseVistaViewOptions): UseVistaViewReturn;
-type VistaViewProps = UseVistaViewOptions & {
+export declare function useVistaView(options: VistaViewParams): UseVistaViewReturn;
+type VistaViewProps = VistaViewParams & {
     children: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
+    selector: string;
 };
-export declare function VistaView({ children, className, style, ...options }: VistaViewProps): React.ReactElement;
+export declare function VistaView({ children, className, style, selector, ...options }: VistaViewProps): React.ReactElement;
 //# 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":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAExF,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC;AAErE,KAAK,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAE5D,KAAK,kBAAkB,GAAG;IACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,kBAAkB,CAsBlF;AAED,KAAK,cAAc,GAAG,mBAAmB,GAAG;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,OAAO,EACX,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAOrC"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEvF,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC;AAEpE,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,YAAY,CAAC,OAAO,EAAE,eAAe,GAAG,kBAAkB,CAmBzE;AAED,KAAK,cAAc,GAAG,eAAe,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,OAAO,EACX,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAmBrC"}