vistaview 0.5.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/README.md +59 -56
  2. package/dist/lib/components.d.ts +5 -6
  3. package/dist/lib/components.d.ts.map +1 -1
  4. package/dist/lib/defaults/close.d.ts +3 -0
  5. package/dist/lib/defaults/close.d.ts.map +1 -0
  6. package/dist/lib/defaults/init.d.ts +3 -0
  7. package/dist/lib/defaults/init.d.ts.map +1 -0
  8. package/dist/lib/defaults/options.d.ts +3 -0
  9. package/dist/lib/defaults/options.d.ts.map +1 -0
  10. package/dist/lib/defaults/setup.d.ts +3 -0
  11. package/dist/lib/defaults/setup.d.ts.map +1 -0
  12. package/dist/lib/defaults/transition.d.ts +3 -0
  13. package/dist/lib/defaults/transition.d.ts.map +1 -0
  14. package/dist/lib/errors.d.ts +4 -0
  15. package/dist/lib/errors.d.ts.map +1 -0
  16. package/dist/lib/image-state.d.ts +39 -0
  17. package/dist/lib/image-state.d.ts.map +1 -0
  18. package/dist/lib/main.d.ts +3 -0
  19. package/dist/lib/main.d.ts.map +1 -0
  20. package/dist/lib/pointers.d.ts +23 -0
  21. package/dist/lib/pointers.d.ts.map +1 -0
  22. package/dist/lib/throttle.d.ts +7 -0
  23. package/dist/lib/throttle.d.ts.map +1 -0
  24. package/dist/lib/types.d.ts +70 -36
  25. package/dist/lib/types.d.ts.map +1 -1
  26. package/dist/lib/utils.d.ts +17 -9
  27. package/dist/lib/utils.d.ts.map +1 -1
  28. package/dist/lib/vista-view.d.ts +36 -70
  29. package/dist/lib/vista-view.d.ts.map +1 -1
  30. package/dist/react.d.ts +4 -12
  31. package/dist/react.d.ts.map +1 -1
  32. package/dist/react.js +17 -13
  33. package/dist/solid.d.ts +4 -12
  34. package/dist/solid.d.ts.map +1 -1
  35. package/dist/solid.js +21 -20
  36. package/dist/svelte.d.ts +2 -11
  37. package/dist/svelte.d.ts.map +1 -1
  38. package/dist/svelte.js +7 -6
  39. package/dist/vistaview.css +1 -1
  40. package/dist/vistaview.d.ts +3 -19
  41. package/dist/vistaview.d.ts.map +1 -1
  42. package/dist/vistaview.js +753 -643
  43. package/dist/vistaview.umd.js +11 -15
  44. package/dist/vue.d.ts +2 -10
  45. package/dist/vue.d.ts.map +1 -1
  46. package/dist/vue.js +15 -14
  47. package/package.json +8 -13
  48. package/dist/lib/defaults.d.ts +0 -9
  49. package/dist/lib/defaults.d.ts.map +0 -1
  50. package/dist/lib/pinch-detector.d.ts +0 -33
  51. package/dist/lib/pinch-detector.d.ts.map +0 -1
  52. package/dist/react.cjs +0 -1
  53. package/dist/solid.cjs +0 -1
  54. package/dist/svelte.cjs +0 -1
  55. package/dist/vistaview.cjs +0 -16
  56. package/dist/vue.cjs +0 -1
@@ -1,85 +1,51 @@
1
- import { VistaViewCustomControl, VistaViewImage, VistaViewImageIndexed, VistaViewOptions } from './types';
2
- export declare class VistaViewTransitionAbortedError extends Error {
3
- constructor(message: string);
4
- }
5
- export declare const DefaultOptions: {
6
- detectReducedMotion: boolean;
7
- animationDurationBase: number;
8
- zoomStep: number;
9
- maxZoomLevel: number;
10
- touchSpeedThreshold: number;
11
- preloads: number;
12
- keyboardListeners: boolean;
13
- arrowOnSmallScreens: boolean;
14
- controls: VistaViewOptions["controls"];
15
- };
1
+ import { VistaImg, VistaOpt, VistaExternalPointerListenerArgs } from './types';
16
2
  export declare const GlobalVistaState: {
17
3
  somethingOpened: VistaView | null;
18
4
  };
19
5
  export declare class VistaView {
20
- options: VistaViewOptions;
21
- elements: NodeListOf<HTMLElement> | VistaViewImage[];
6
+ options: VistaOpt;
7
+ elements: NodeListOf<HTMLElement> | VistaImg[];
22
8
  isReducedMotion: boolean;
23
- currentIndex: {
24
- _value: number | null;
25
- _vistaView: VistaView | null;
26
- _via: {
27
- next: boolean;
28
- prev: boolean;
29
- };
30
- get value(): number | null;
31
- set value(v: number);
32
- via: {
33
- next: boolean;
34
- prev: boolean;
35
- };
36
- };
37
- rootElm: HTMLElement | null;
38
- imageContainerElm: HTMLElement | null;
39
- customControls: {
40
- [key: string]: VistaViewCustomControl;
41
- };
42
- currentImages: VistaViewImageIndexed[] | null;
43
- currentItems: HTMLDivElement[] | null;
44
- isZoomed: HTMLImageElement | false;
9
+ private currentIndex;
10
+ private currentChildren;
11
+ private setupFunction;
12
+ private initFunction;
13
+ private closeFunction;
14
+ private transitionFunction;
15
+ private pointers;
16
+ private imageState;
17
+ root: HTMLElement | null;
18
+ imageContainer: HTMLElement | null;
19
+ qs<T extends HTMLElement>(selector: string): T | null;
45
20
  private onClickElements;
46
21
  private defaultOnClickHandler;
47
- private onResizeHandler;
48
- private onKeyDown;
49
- private userSetup;
50
- private userTransition;
51
- private userClose;
52
- private userInit;
53
- private onZoomedPointerDown;
54
- private onZoomedPointerMove;
55
- private onZoomedPointerUp;
56
- private transitionAbortControllers;
57
- constructor(elements: NodeListOf<HTMLElement> | VistaViewImage[], options?: VistaViewOptions);
58
- private setFullSizeImageDim;
59
- private loadImageTimeout;
22
+ private abortController;
23
+ private throttle;
24
+ constructor(elements: NodeListOf<HTMLElement> | VistaImg[], options?: VistaOpt);
25
+ private lastSwapTime;
60
26
  private swap;
61
- private setZoomed;
62
- zoomIn(): void;
63
- zoomOut(): void;
64
- private clearZoom;
65
- private getImages;
66
- private setInitialDimPos;
67
- private updateZoomButtonsVisibility;
68
- private loadImages;
69
- private setIndexDisplay;
70
- private setCurrentDescription;
71
- private getCurrentIndexes;
72
- private setKeyboardListeners;
73
- private setResizeListeners;
27
+ private getChildElements;
28
+ isZoomedIn: boolean;
29
+ private zoomIn;
30
+ private zoomOut;
31
+ private displayActiveIndex;
32
+ private waitForImagesToLoad;
33
+ private onKeyDown;
34
+ private onScroll;
35
+ private onResizeHandler;
36
+ private pointerListeners;
37
+ registerPointerListener(listener: (e: VistaExternalPointerListenerArgs) => void): void;
38
+ private unregisterPointerListeners;
39
+ private getInternalPointerListener;
74
40
  open(startIndex?: number): void;
75
- close(wait?: boolean): Promise<void>;
41
+ close(animate?: boolean): Promise<void>;
42
+ next(): void;
43
+ prev(): void;
76
44
  destroy(): void;
77
- view(index: number, state?: {
45
+ getCurrentIndex(): number;
46
+ view(index: number, via?: {
78
47
  next: boolean;
79
48
  prev: boolean;
80
49
  }): void;
81
- next(): void;
82
- prev(): void;
83
- getCurrentIndex(): number;
84
50
  }
85
51
  //# sourceMappingURL=vista-view.d.ts.map
@@ -1 +1 @@
1
- {"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,qBAAa,+BAAgC,SAAQ,KAAK;gBAC5C,OAAO,EAAE,MAAM;CAI5B;AAED,eAAO,MAAM,cAAc;;;;;;;;;cAepB,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;;;;;qBAUvB,MAAM,GAAG,IAAI;qBARb,MAAM;aAcR;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,QAAQ,EAAE,gBAAgB,GAAG,KAAK,CAAS;IAE3C,OAAO,CAAC,eAAe,CAIrB;IACF,OAAO,CAAC,qBAAqB,CAAwD;IAErF,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;IAErE,OAAO,CAAC,0BAA0B,CAA0C;gBAEhE,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,cAAc,EAAE,EAAE,OAAO,CAAC,EAAE,gBAAgB;IA2C5F,OAAO,CAAC,mBAAmB;IAsD3B,OAAO,CAAC,gBAAgB,CAA8C;YACxD,IAAI;IAqIlB,OAAO,CAAC,SAAS;IAgJjB,MAAM,IAAI,IAAI;IAsCd,OAAO,IAAI,IAAI;IA2Df,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,SAAS;IAwBjB,OAAO,CAAC,gBAAgB;IA8BxB,OAAO,CAAC,2BAA2B;IAqCnC,OAAO,CAAC,UAAU;IA+ElB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,iBAAiB;IA2BzB,OAAO,CAAC,oBAAoB;IA6B5B,OAAO,CAAC,kBAAkB;IAqB1B,IAAI,CAAC,UAAU,GAAE,MAAU,GAAG,IAAI;IAwJ5B,KAAK,CAAC,IAAI,UAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IA+DvC,OAAO,IAAI,IAAI;IAWf,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;IAWnE,IAAI,IAAI,IAAI;IAKZ,IAAI,IAAI,IAAI;IAKZ,eAAe,IAAI,MAAM;CAG1B"}
1
+ {"version":3,"file":"vista-view.d.ts","sourceRoot":"","sources":["../../src/lib/vista-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,QAAQ,EAGR,QAAQ,EAIR,gCAAgC,EACjC,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,gBAAgB,EAAE;IAAE,eAAe,EAAE,SAAS,GAAG,IAAI,CAAA;CAEjE,CAAC;AAEF,qBAAa,SAAS;IACpB,OAAO,EAAE,QAAQ,CAAC;IAClB,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,QAAQ,EAAE,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;IAEzB,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,eAAe,CAAmE;IAE1F,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,kBAAkB,CAAiC;IAC3D,OAAO,CAAC,QAAQ,CAA8B;IAC9C,OAAO,CAAC,UAAU,CAAkB;IAEpC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAQ;IAChC,cAAc,EAAE,WAAW,GAAG,IAAI,CAAQ;IAC1C,EAAE,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI;IAIrD,OAAO,CAAC,eAAe,CAIrB;IAEF,OAAO,CAAC,qBAAqB,CAAwD;IAErF,OAAO,CAAC,eAAe,CAAgC;IAEvD,OAAO,CAAC,QAAQ,CAAkB;gBAEtB,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,QAAQ,EAAE,EAAE,OAAO,GAAE,QAAa;IAsElF,OAAO,CAAC,YAAY,CAAK;YACX,IAAI;IAmFlB,OAAO,CAAC,gBAAgB;IAkDxB,UAAU,EAAE,OAAO,CAAS;IAC5B,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,mBAAmB;IAmD3B,OAAO,CAAC,SAAS,CAuBf;IAEF,OAAO,CAAC,QAAQ,CAYd;IAEF,OAAO,CAAC,eAAe,CAkBrB;IAGF,OAAO,CAAC,gBAAgB,CAAyD;IACjF,uBAAuB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,gCAAgC,KAAK,IAAI,GAAG,IAAI;IAGtF,OAAO,CAAC,0BAA0B;IAIlC,OAAO,CAAC,0BAA0B,CAuDhC;IAGF,IAAI,CAAC,UAAU,GAAE,MAAU,GAAG,IAAI;IA+I5B,KAAK,CAAC,OAAO,GAAE,OAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IA0DnD,IAAI,IAAI,IAAI;IASZ,IAAI,IAAI,IAAI;IASZ,OAAO,IAAI,IAAI;IAcf,eAAe,IAAI,MAAM;IAOzB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;CAoBlE"}
package/dist/react.d.ts CHANGED
@@ -1,19 +1,11 @@
1
- import { VistaViewParams, VistaViewInterface, VistaViewImage } from './vistaview';
2
- export type { VistaViewParams, VistaViewInterface, VistaViewImage };
3
- type UseVistaViewReturn = {
4
- open: (startIndex?: number) => void;
5
- close: () => void;
6
- next: () => void;
7
- prev: () => void;
8
- getCurrentIndex: () => number;
9
- view: (index: number) => void;
10
- };
11
- export declare function useVistaView(options: VistaViewParams): UseVistaViewReturn;
12
- type VistaViewProps = VistaViewParams & {
1
+ import { VistaParams, VistaInterface } from './vistaview';
2
+ export declare function useVistaView(options: VistaParams): VistaInterface;
3
+ type VistaViewProps = VistaParams & {
13
4
  children: React.ReactNode;
14
5
  className?: string;
15
6
  style?: React.CSSProperties;
16
7
  selector: string;
17
8
  };
18
9
  export declare function VistaView({ children, className, style, selector, ...options }: VistaViewProps): React.ReactElement;
10
+ export {};
19
11
  //# sourceMappingURL=react.d.ts.map
@@ -1 +1 @@
1
- {"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"}
1
+ {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/D,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,cAAc,CAoBjE;AAED,KAAK,cAAc,GAAG,WAAW,GAAG;IAClC,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"}
package/dist/react.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- import { useRef as o, useEffect as l, useCallback as n } from "react";
1
+ import { jsx as d } from "react/jsx-runtime";
2
+ import { useRef as s, useEffect as l, useCallback as n } from "react";
3
3
  import { vistaView as f } from "./vistaview.js";
4
- function d(u) {
5
- const e = o(null);
4
+ function v(u) {
5
+ const e = s(null);
6
6
  return l(() => (e.current = f(u), () => {
7
7
  var r;
8
8
  (r = e.current) == null || r.destroy(), e.current = null;
@@ -13,7 +13,7 @@ function d(u) {
13
13
  }, []),
14
14
  close: n(() => {
15
15
  var r;
16
- return (r = e.current) == null ? void 0 : r.close();
16
+ return ((r = e.current) == null ? void 0 : r.close()) ?? Promise.resolve();
17
17
  }, []),
18
18
  next: n(() => {
19
19
  var r;
@@ -30,28 +30,32 @@ function d(u) {
30
30
  view: n((r) => {
31
31
  var t;
32
32
  return (t = e.current) == null ? void 0 : t.view(r);
33
+ }, []),
34
+ destroy: n(() => {
35
+ var r;
36
+ return (r = e.current) == null ? void 0 : r.destroy();
33
37
  }, [])
34
38
  };
35
39
  }
36
- function v({
40
+ function V({
37
41
  children: u,
38
42
  className: e,
39
43
  style: r,
40
44
  selector: t,
41
45
  ...a
42
46
  }) {
43
- const c = o(null), i = o(null);
47
+ const c = s(null), o = s(null);
44
48
  return l(() => {
45
49
  if (c.current) {
46
50
  if (!t) throw new Error("VistaView: selector is required");
47
- return i.current = f({ ...a, elements: c.current.querySelectorAll(t) }), () => {
48
- var s;
49
- (s = i.current) == null || s.destroy(), i.current = null;
51
+ return o.current = f({ ...a, elements: c.current.querySelectorAll(t) }), () => {
52
+ var i;
53
+ (i = o.current) == null || i.destroy(), o.current = null;
50
54
  };
51
55
  }
52
- }, []), /* @__PURE__ */ p("div", { ref: c, className: e, style: r, children: u });
56
+ }, []), /* @__PURE__ */ d("div", { ref: c, className: e, style: r, children: u });
53
57
  }
54
58
  export {
55
- v as VistaView,
56
- d as useVistaView
59
+ V as VistaView,
60
+ v as useVistaView
57
61
  };
package/dist/solid.d.ts CHANGED
@@ -1,20 +1,12 @@
1
1
  import { JSX } from 'solid-js';
2
- import { VistaViewParams, VistaViewInterface, VistaViewImage, VistaViewOptions } from './vistaview';
3
- export type { VistaViewParams, VistaViewInterface, VistaViewImage, VistaViewOptions };
4
- type UseVistaViewReturn = {
5
- open: (startIndex?: number) => void;
6
- close: () => void;
7
- next: () => void;
8
- prev: () => void;
9
- getCurrentIndex: () => number;
10
- view: (index: number) => void;
11
- };
12
- export declare function useVistaView(options: VistaViewParams): UseVistaViewReturn;
13
- type VistaViewProps = Omit<VistaViewOptions, 'elements'> & {
2
+ import { VistaParams, VistaInterface, VistaOpt } from './vistaview';
3
+ export declare function useVistaView(options: VistaParams): VistaInterface;
4
+ type VistaViewProps = Omit<VistaOpt, 'elements'> & {
14
5
  children: JSX.Element;
15
6
  class?: string;
16
7
  selector: string;
17
8
  ref?: (el: HTMLDivElement) => void;
18
9
  };
19
10
  export declare function VistaView(props: VistaViewProps): JSX.Element;
11
+ export {};
20
12
  //# sourceMappingURL=solid.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../src/solid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAExD,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EACjB,MAAM,aAAa,CAAC;AAErB,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AAEtF,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,CAezE;AAED,KAAK,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACzD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA4B5D"}
1
+ {"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../src/solid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAExD,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEzE,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,cAAc,CAgBjE;AAED,KAAK,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IACjD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA4B5D"}
package/dist/solid.js CHANGED
@@ -1,38 +1,39 @@
1
- import { onCleanup as u, onMount as w } from "solid-js";
2
- import { vistaView as f } from "./vistaview.js";
3
- function s(r) {
4
- const e = f(r);
1
+ import { onCleanup as u, onMount as s } from "solid-js";
2
+ import { vistaView as d } from "./vistaview.js";
3
+ function x(r) {
4
+ const e = d(r);
5
5
  return u(() => {
6
6
  e == null || e.destroy();
7
7
  }), {
8
- open: (t = 0) => e == null ? void 0 : e.open(t),
9
- close: () => e == null ? void 0 : e.close(),
8
+ open: (o = 0) => e == null ? void 0 : e.open(o),
9
+ close: () => (e == null ? void 0 : e.close()) ?? Promise.resolve(),
10
10
  next: () => e == null ? void 0 : e.next(),
11
11
  prev: () => e == null ? void 0 : e.prev(),
12
12
  getCurrentIndex: () => (e == null ? void 0 : e.getCurrentIndex()) ?? -1,
13
- view: (t) => e == null ? void 0 : e.view(t)
13
+ view: (o) => e == null ? void 0 : e.view(o),
14
+ destroy: () => e == null ? void 0 : e.destroy()
14
15
  };
15
16
  }
16
- function v(r) {
17
- let e, t = null;
18
- w(() => {
17
+ function y(r) {
18
+ let e, o = null;
19
+ s(() => {
19
20
  if (!e) return;
20
21
  if (!r.selector) throw new Error("VistaView: selector is required");
21
- const { children: l, class: o, selector: d, ref: V, ...m } = r;
22
- t = f({ ...m, elements: e.querySelectorAll(d) });
22
+ const { children: t, class: l, selector: m, ref: w, ...i } = r;
23
+ o = d({ ...i, elements: e.querySelectorAll(m) });
23
24
  }), u(() => {
24
- t == null || t.destroy(), t = null;
25
+ o == null || o.destroy(), o = null;
25
26
  });
26
- const i = (l) => {
27
- var o;
28
- e = l, (o = r.ref) == null || o.call(r, l);
27
+ const f = (t) => {
28
+ var l;
29
+ e = t, (l = r.ref) == null || l.call(r, t);
29
30
  };
30
31
  return (() => {
31
- const l = document.createElement("div");
32
- return r.class && (l.className = r.class), i(l), l;
32
+ const t = document.createElement("div");
33
+ return r.class && (t.className = r.class), f(t), t;
33
34
  });
34
35
  }
35
36
  export {
36
- v as VistaView,
37
- s as useVistaView
37
+ y as VistaView,
38
+ x as useVistaView
38
39
  };
package/dist/svelte.d.ts CHANGED
@@ -1,12 +1,3 @@
1
- import { VistaViewParams, VistaViewInterface, VistaViewImage, VistaViewOptions } from './vistaview';
2
- export type { VistaViewParams, VistaViewInterface, VistaViewImage, VistaViewOptions };
3
- type UseVistaViewReturn = {
4
- open: (startIndex?: number) => void;
5
- close: () => void;
6
- next: () => void;
7
- prev: () => void;
8
- getCurrentIndex: () => number;
9
- view: (index: number) => void;
10
- };
11
- export declare function useVistaView(options: VistaViewParams): UseVistaViewReturn;
1
+ import { VistaParams, VistaInterface } from './vistaview';
2
+ export declare function useVistaView(options: VistaParams): VistaInterface;
12
3
  //# sourceMappingURL=svelte.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../src/svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EACjB,MAAM,aAAa,CAAC;AAErB,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AAEtF,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,CAezE"}
1
+ {"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../src/svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/D,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,cAAc,CAgBjE"}
package/dist/svelte.js CHANGED
@@ -1,18 +1,19 @@
1
1
  import { onDestroy as p } from "svelte";
2
- import { vistaView as u } from "./vistaview.js";
3
- function m(e) {
4
- const r = u(e);
2
+ import { vistaView as v } from "./vistaview.js";
3
+ function u(e) {
4
+ const r = v(e);
5
5
  return p(() => {
6
6
  r == null || r.destroy();
7
7
  }), {
8
8
  open: (o = 0) => r == null ? void 0 : r.open(o),
9
- close: () => r == null ? void 0 : r.close(),
9
+ close: () => (r == null ? void 0 : r.close()) ?? Promise.resolve(),
10
10
  next: () => r == null ? void 0 : r.next(),
11
11
  prev: () => r == null ? void 0 : r.prev(),
12
12
  getCurrentIndex: () => (r == null ? void 0 : r.getCurrentIndex()) ?? -1,
13
- view: (o) => r == null ? void 0 : r.view(o)
13
+ view: (o) => r == null ? void 0 : r.view(o),
14
+ destroy: () => r == null ? void 0 : r.destroy()
14
15
  };
15
16
  }
16
17
  export {
17
- m as useVistaView
18
+ u as useVistaView
18
19
  };
@@ -1 +1 @@
1
- :root{--vistaview-bg-color: #000000;--vistaview-text-color: #ffffff;--vistaview-background-blur: 10px;--vistaview-background-opacity: .8;--vistaview-initial-z-index: 1;--vistaview-destination-z-index: 2147483647;--vistaview-animation-duration: 333;--vistaview-center-x: 50%;--vistaview-center-y: 50%;--vistaview-container-initial-width: 0;--vistaview-container-initial-height: 0;--vistaview-container-initial-top: 0;--vistaview-container-initial-left: 0;--vistaview-image-border-radius: 0px;--vistaview-current-index: 0;--vistaview-number-elements: 0}@keyframes vistaview-pos-in{0%{top:var(--vistaview-container-initial-top);left:var(--vistaview-container-initial-left)}to{top:var(--vistaview-center-y);left:var(--vistaview-center-x)}}@keyframes vistaview-pos-out{0%{top:var(--vistaview-center-y);left:var(--vistaview-center-x)}to{top:var(--vistaview-container-initial-top);left:var(--vistaview-container-initial-left)}}@keyframes vistaview-anim-in{0%{width:var(--vistaview-container-initial-width);height:var(--vistaview-container-initial-height);background:rgb(from var(--vistaview-bg-color) r g b / 0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-radius:var(--vistaview-image-border-radius);z-index:var(--vistaview-initial-z-index)}50%{width:var(--vistaview-container-initial-width);height:var(--vistaview-container-initial-height);background:rgb(from var(--vistaview-bg-color) r g b / 0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-radius:0;z-index:var(--vistaview-initial-z-index)}to{z-index:var(--vistaview-destination-z-index);width:100%;height:100%;background:rgb(from var(--vistaview-bg-color) r g b / var(--vistaview-background-opacity));-webkit-backdrop-filter:blur(var(--vistaview-background-blur));backdrop-filter:blur(var(--vistaview-background-blur));border-radius:0}}@keyframes vistaview-anim-out{0%{z-index:var(--vistaview-destination-z-index);width:100%;height:100%;background:rgb(from var(--vistaview-bg-color) r g b / var(--vistaview-background-opacity));-webkit-backdrop-filter:blur(var(--vistaview-background-blur));backdrop-filter:blur(var(--vistaview-background-blur));border-radius:0}50%{width:var(--vistaview-container-initial-width);height:var(--vistaview-container-initial-height);background:rgb(from var(--vistaview-bg-color) r g b / 0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-radius:var(--vistaview-image-border-radius);z-index:var(--vistaview-initial-z-index)}to{width:var(--vistaview-container-initial-width);height:var(--vistaview-container-initial-height);background:rgb(from var(--vistaview-bg-color) r g b / 0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border-radius:var(--vistaview-image-border-radius);z-index:var(--vistaview-initial-z-index)}}@keyframes vistaview-ui-anim-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes vistaview-ui-anim-out{0%{opacity:1}50%{opacity:1}to{opacity:0}}@keyframes vistaview-pulse{0%{opacity:1;border-radius:3px;scale:1}50%{opacity:.7;border-radius:7px;scale:.99}to{opacity:1;border-radius:3px;scale:1}}@keyframes vistaview-simple-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes vistaview-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.vistaview-root{position:fixed;display:none;isolation:isolate;overflow:hidden;translate:-50% -50%;width:var(--vistaview-container-initial-width);height:var(--vistaview-container-initial-height);top:var(--vistaview-container-initial-top);left:var(--vistaview-container-initial-left);border-radius:var(--vistaview-image-border-radius)}.vistaview-container{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;margin:0;padding:0}.vistaview-image-container{--vistaview-pointer-diff-x: 0px;--vistaview-pointer-diff-y: 0px;position:relative;top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden;touch-action:none}.vistaview-item{position:absolute;width:100%;height:100%;top:0;left:0;margin:0;padding:0;translate:var(--vistaview-pointer-diff-x) var(--vistaview-pointer-diff-y)}.vistaview-item.vistaview-image-load-failed:after{content:"Failed to load image";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:red;padding:8px 12px;border-radius:4px;font-size:16px}.vistaview-item img.vistaview-image-lowres{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:vistaview-pulse 1s ease-in-out infinite;background:linear-gradient(45deg,#1a1a1a,#333,#1a1a1a,#555);background-size:400% 400%;animation:vistaview-pulse 1s ease-in-out infinite,vistaview-gradient 3s ease-in-out infinite}.vistaview-item img.vistaview-image-lowres:has(+img.vistaview-image-loaded){animation:none}.vistaview-item img.vistaview-image-lowres.vistaview-image--hidden{opacity:0}.vistaview-item img.vistaview-image-highres{--pointer-diff-x: 0px;--pointer-diff-y: 0px;cursor:zoom-in;display:block;position:absolute;top:calc(50% + var(--pointer-diff-y));left:calc(50% + var(--pointer-diff-x));translate:-50% -50%;object-fit:cover;opacity:0;transition:width calc(var(--vistaview-animation-duration) * 1ms) ease calc(var(--vistaview-animation-duration) * .3ms),height calc(var(--vistaview-animation-duration) * 1ms) ease calc(var(--vistaview-animation-duration) * .3ms),opacity calc(var(--vistaview-animation-duration) * 1ms) ease 0ms;max-width:100%;max-height:100%}.vistaview-item img.vistaview-image-highres.vistaview-image--zooming{transition:width calc(var(--vistaview-animation-duration) * 1ms) ease 0s,height calc(var(--vistaview-animation-duration) * 1ms) ease 0s,opacity calc(var(--vistaview-animation-duration) * 1ms) ease 0s;max-width:unset;max-height:unset;cursor:grab}.vistaview-item img.vistaview-image-highres.vistaview-image--zooming:active{cursor:grabbing}.vistaview-item img.vistaview-image-highres.vistaview-image--zooming-out{transition:width calc(var(--vistaview-animation-duration) * 1ms) ease 0s,height calc(var(--vistaview-animation-duration) * 1ms) ease 0s,opacity calc(var(--vistaview-animation-duration) * 1ms) ease 0s,top .3s ease 0s,left .3s ease 0s}.vistaview-item img.vistaview-image-highres.vistaview-image-loaded{opacity:1}.vistaview-ui{opacity:0}.vistaview-ui button{background:none;color:inherit;border:none;font:inherit;cursor:pointer;outline:inherit;box-sizing:border-box;margin:0;padding:8px;border-radius:0;display:flex;align-items:center;justify-content:center;background-color:var(--vistaview-bg-color);color:var(--vistaview-text-color)}.vistaview-ui button:disabled{color:rgb(from var(--vistaview-text-color) r g b / .5);cursor:not-allowed}.vistaview-ui button:hover{background-color:hsl(from var(--vistaview-bg-color) h s calc(l + 20))}.vistaview-ui button:active{background-color:hsl(from var(--vistaview-bg-color) h s calc(l + 40))}.vistaview-ui button.vistaview-button--loading{animation:vistaview-simple-pulse .5s ease-in-out infinite}.vistaview-ui button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vistaview-ui.vistaview-prev-btn{position:absolute;top:50%;left:0;translate:0 -50%;display:flex;align-items:center;justify-content:center;z-index:2}.vistaview-ui.vistaview-next-btn{position:absolute;top:50%;right:0;translate:0 -50%;display:flex;align-items:center;justify-content:center;z-index:2}.vistaview-ui.vistaview-top-bar,.vistaview-ui.vistaview-bottom-bar{position:absolute;top:0;right:0;width:100%;z-index:2;display:flex;align-items:center;justify-content:space-between}.vistaview-ui.vistaview-top-bar>div,.vistaview-ui.vistaview-bottom-bar>div{display:flex}.vistaview-ui.vistaview-top-bar .vistaview-index-display,.vistaview-ui.vistaview-bottom-bar .vistaview-index-display{font-size:16px;padding:8px;background-color:var(--vistaview-bg-color);color:var(--vistaview-text-color)}.vistaview-ui.vistaview-top-bar .vistaview-description,.vistaview-ui.vistaview-bottom-bar .vistaview-description{font-size:14px;padding:8px 15px;background-color:var(--vistaview-bg-color);color:var(--vistaview-text-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vistaview-ui.vistaview-bottom-bar{bottom:0;top:unset}.vistaview-root.vistaview-no-arrows-sm .vistaview-ui.vistaview-prev-btn,.vistaview-root.vistaview-no-arrows-sm .vistaview-ui.vistaview-next-btn{display:none}@media screen and (min-width:768px){.vistaview-root.vistaview-no-arrows-sm .vistaview-ui.vistaview-prev-btn,.vistaview-root.vistaview-no-arrows-sm .vistaview-ui.vistaview-next-btn{display:flex}}.vistaview-root.vistaview--initialized{display:block;animation:vistaview-anim-in calc(var(--vistaview-animation-duration) * 1ms) ease-in forwards,vistaview-pos-in calc(var(--vistaview-animation-duration) * .6ms) ease-out forwards}.vistaview-root.vistaview--initialized .vistaview-ui{animation:vistaview-ui-anim-in calc(var(--vistaview-animation-duration) * 1ms) ease-out calc(var(--vistaview-animation-duration) * 1ms) forwards}.vistaview-root.vistaview--closing{animation:vistaview-pos-out calc(var(--vistaview-animation-duration) * .8ms) cubic-bezier(.7,-.4,.8,.6) forwards,vistaview-anim-out calc(var(--vistaview-animation-duration) * 1ms) ease-out forwards}.vistaview-root.vistaview--closing .vistaview-ui,.vistaview-root.vistaview--closing .vistaview-ui.vistaview-prev-btn,.vistaview-root.vistaview--closing .vistaview-ui.vistaview-next-btn{display:none}.vistaview-root.vistaview--closing img.vistaview-image-lowres{border-radius:var(--vistaview-image-border-radius)}.vistaview-root.vistaview--closing img.vistaview-image-lowres.vistaview-image--hidden{opacity:1}.vistaview-root.vistaview--closing img.vistaview-image-highres{width:var(--vistaview-fitted-width)!important;height:var(--vistaview-fitted-height)!important;transition:width calc(var(--vistaview-animation-duration) * .5ms) ease 0ms,height calc(var(--vistaview-animation-duration) * .5ms) ease 0ms,opacity calc(var(--vistaview-animation-duration) * .5ms) ease calc(var(--vistaview-animation-duration) * .5ms)}.vistaview-root.vistaview--closing img.vistaview-image-highres.vistaview-image-loaded{opacity:0}.vistaview--none{display:none!important}.vistaview--reduced-motion,.vistaview--reduced-motion *{--vistaview-animation-duration: 0;animation-name:none!important;animation-duration:0ms!important;transition-duration:0ms!important}
1
+ :root{--vvw-bg-color: #000000;--vvw-text-color: #ffffff;--vvw-bg-blur: 10px;--vvw-bg-opacity: .8;--vvw-init-z: 1;--vvw-dest-z: 2147483647;--vvw-anim-dur: 333;--vvw-init-w: 0;--vvw-init-h: 0;--vvw-init-t: 0;--vvw-init-l: 0;--vvw-idx: 0;--vvw-radius: 0px}@keyframes vvw-pulse{0%{opacity:1;border-radius:var(--vvw-init-radius);scale:1}50%{opacity:.7;border-radius:var(--vvw-pulse-radius);scale:.99}to{opacity:1;border-radius:var(--vvw-init-radius);scale:1}}@keyframes vvw-simple-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes vvw-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.vvw-root{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;z-index:var(--vvw-init-z);opacity:0;isolation:isolate;transform:none;touch-action:none}.vvw-container{position:relative;width:100%;height:100%;overflow:hidden}.vvw-container .vvw-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:rgb(from var(--vvw-bg-color) r g b / var(--vvw-bg-opacity));-webkit-backdrop-filter:blur(var(--vvw-bg-blur));backdrop-filter:blur(var(--vvw-bg-blur));opacity:0;transition:opacity calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 1ms) ease}.vvw-image-container{position:relative;height:100%;overflow:hidden;isolation:isolate;pointer-events:none}.vvw-item{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none}.vvw-item img{position:absolute;display:block;top:50%;left:50%;translate:-50% -50%}.vvw-item .vvw-img-err{position:absolute;top:50%;left:50%;translate:-50% -50%;color:#fff;background-color:red;font-size:14px;text-align:center;padding:8px 12px;margin:0;display:none;z-index:2}.vvw-item .vvw-img-lo{--vvw-init-radius: 0px;--vvw-pulse-radius: 0px;--vvw-init-x: 0px;--vvw-init-y: 0px;--vvw-current-x: 0px;--vvw-current-y: 0px;outline:1px solid rgba(255,255,255,.2);z-index:0;opacity:1;border-radius:var(--vvw-init-radius);overflow:hidden;transition:transform calc(var(--vvw-anim-dur) * 1ms) ease;transform:translate3d(var(--vvw-current-x),var(--vvw-current-y),0);background:linear-gradient(45deg,#1a1a1a,#333,#1a1a1a,#555);background-size:400% 400%;animation:vvw-gradient 3s ease-in-out infinite}.vvw-item .vvw-img-hi{pointer-events:auto;cursor:zoom-in;--vvw-init-radius: 0px;--vvw-init-w: 0px;--vvw-init-h: 0px;--vvw-current-w: 0px;--vvw-current-h: 0px;--vvw-current-radius: 0px;width:var(--vvw-init-w);height:var(--vvw-init-h);border-radius:var(--vvw-init-radius);z-index:1;overflow:hidden;object-fit:cover;opacity:0;transition:width calc(var(--vvw-anim-dur) * 1.5ms) ease,height calc(var(--vvw-anim-dur) * 1.5ms) ease,border-radius calc(var(--vvw-anim-dur) * 1.5ms) ease}.vvw-ui{opacity:0;transition:opacity calc(var(--vvw-anim-dur) * 1ms) ease calc(var(--vvw-anim-dur) * 2ms)}.vvw-ui.vvw-top-bar,.vvw-ui.vvw-bottom-bar{position:absolute;top:0;left:0;width:100%;z-index:6;display:flex;align-items:center;justify-content:space-between}.vvw-ui.vvw-top-bar>div,.vvw-ui.vvw-bottom-bar>div{display:flex}.vvw-ui.vvw-index{font-size:16px;padding:8px;background-color:var(--vvw-bg-color);color:var(--vvw-text-color)}.vvw-ui.vvw-desc{font-size:14px;padding:8px 15px;background-color:var(--vvw-bg-color);color:var(--vvw-text-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vvw-ui.vvw-bottom-bar{top:unset;bottom:0}.vvw-ui button{background:none;color:inherit;border:0px;font:inherit;cursor:pointer;outline:inherit;box-sizing:border-box;margin:0;padding:8px;border-radius:0;display:flex;align-items:center;justify-content:center;background-color:var(--vvw-bg-color);color:var(--vvw-text-color)}.vvw-ui button:disabled{color:rgb(from var(--vvw-text-color) r g b / .5);cursor:not-allowed}.vvw-ui button:hover{background-color:hsl(from var(--vvw-bg-color) h s calc(l + 20))}.vvw-ui button:active{background-color:hsl(from var(--vvw-bg-color) h s calc(l + 40))}.vvw-ui button.vvw-button--loading{animation:vvw-simple-pulse .5s ease-in-out infinite}.vvw-ui button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vvw-ui.vvw-prev{position:absolute;top:50%;left:0;translate:0 -50%;display:flex;align-items:center;justify-content:center;z-index:2}.vvw-ui.vvw-next{position:absolute;top:50%;right:0;translate:0 -50%;display:flex;align-items:center;justify-content:center;z-index:2}.vvw-root.vvw--active{opacity:1;transition:z-index 0ms calc(var(--vvw-anim-dur) * 1ms) ease;z-index:var(--vvw-dest-z)}.vvw-root.vvw--active .vvw-container .vvw-bg{opacity:1}.vvw-root.vvw--active .vvw-img-lo{--vvw-current-x: 0px !important;--vvw-current-y: 0px !important}.vvw-root.vvw--active .vvw-ui{opacity:1}.vvw-root.vvw--settled .vvw-img-lo{animation:vvw-pulse 1s infinite,vvw-gradient 3s ease-in-out infinite;animation-delay:calc(var(--vvw-anim-dur) * 2ms)}.vvw-root.vvw--settled .vvw-img-lo:has(+img.vvw--loaded){animation:none;opacity:0}.vvw-root.vvw--settled .vvw-img-err:has(~img.vvw--loaderror){display:block}.vvw-root.vvw--settled .vvw-img-hi.vvw--loaded{opacity:1;width:var(--vvw-current-w);height:var(--vvw-current-h);border-radius:var(--vvw-current-radius)}.vvw-root.vvw--settled .vvw-img-hi.vvw--ready{transition:none}.vvw-root.vvw--closing{transition:opacity calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 2ms) ease,transform 0s calc(var(--vvw-anim-dur) * 2ms) ease,z-index 0s calc(var(--vvw-anim-dur) * 1ms) ease;transform:scale(1);z-index:var(--vvw-init-z);opacity:0!important}.vvw-root.vvw--closing .vvw-img-err:has(~img.vvw--loaderror){display:none}.vvw-root.vvw--closing .vvw-img-hi.vvw--loaded,.vvw-root.vvw--closing .vvw-img-hi.vvw--ready{transition:width calc(var(--vvw-anim-dur) * 1ms) ease,height calc(var(--vvw-anim-dur) * 1ms) ease,border-radius calc(var(--vvw-anim-dur) * 1ms) ease,top calc(var(--vvw-anim-dur) * 1ms) ease,left calc(var(--vvw-anim-dur) * 1ms) ease,opacity 0ms calc(var(--vvw-anim-dur) * 1ms) ease;opacity:0;top:50%!important;left:50%!important;width:var(--vvw-init-w)!important;height:var(--vvw-init-h)!important;border-radius:var(--vvw-init-radius)!important}.vvw-root.vvw--closing .vvw-img-lo{transition:opacity 0ms calc(var(--vvw-anim-dur) * 1ms) ease,transform calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 1ms) ease;opacity:1!important;--vvw-current-x: var(--vvw-init-x) !important;--vvw-current-y: var(--vvw-init-y) !important}.vvw-root.vvw--closing .vvw-ui{transition:opacity calc(var(--vvw-anim-dur) * 1ms) ease;opacity:0}.vvw-root.vvw--closing .vvw-container .vvw-bg{transition:opacity calc(var(--vvw-anim-dur) * 1ms) calc(var(--vvw-anim-dur) * 1ms) ease;opacity:0}
@@ -1,21 +1,5 @@
1
- import { DefaultOptions, VistaViewTransitionAbortedError } from './lib/vista-view';
2
- import { vistaViewDownload } from './lib/components';
3
- import { setTouchActions, removeTouchActions, defaultClose, defaultInit, defaultSetup, defaultTransition } from './lib/defaults';
4
- import { VistaViewImage, VistaViewOptions } from './lib/types';
5
1
  export type * from './lib/types';
6
- export { DefaultOptions, vistaViewDownload, VistaViewTransitionAbortedError };
7
- export { setTouchActions, removeTouchActions, defaultClose, defaultInit, defaultSetup, defaultTransition, };
8
- export type VistaViewParams = {
9
- elements: string | NodeListOf<HTMLElement> | VistaViewImage[];
10
- } & VistaViewOptions;
11
- export type VistaViewInterface = {
12
- open: (startIndex?: number) => void;
13
- close: () => void;
14
- next: () => void;
15
- prev: () => void;
16
- destroy: () => void;
17
- getCurrentIndex: () => number;
18
- view: (index: number) => void;
19
- };
20
- export declare function vistaView({ elements, ...opts }: VistaViewParams): VistaViewInterface | null;
2
+ export { vistaView } from './lib/main';
3
+ export { DefaultOptions } from './lib/defaults/options';
4
+ export { vistaViewDownload } from './lib/components';
21
5
  //# sourceMappingURL=vistaview.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"vistaview.d.ts","sourceRoot":"","sources":["../src/vistaview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAC;AAC9F,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpE,OAAO,aAAa,CAAC;AAErB,mBAAmB,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,CAAC;AAC9E,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,iBAAiB,GAClB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,cAAc,EAAE,CAAC;CAC/D,GAAG,gBAAgB,CAAC;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,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,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,CAAC;AAmCF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,GAAG,kBAAkB,GAAG,IAAI,CAuB3F"}
1
+ {"version":3,"file":"vistaview.d.ts","sourceRoot":"","sources":["../src/vistaview.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,mBAAmB,aAAa,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}