vistaview 0.7.7 → 0.10.9
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.
- package/README.md +276 -97
- package/dist/extensions/dailymotion-video.d.ts +2 -0
- package/dist/extensions/dailymotion-video.js +80 -0
- package/dist/extensions/dailymotion-video.umd.js +1 -0
- package/dist/extensions/download.d.ts +2 -0
- package/dist/extensions/download.js +35 -0
- package/dist/extensions/download.umd.js +1 -0
- package/dist/extensions/google-maps.d.ts +2 -0
- package/dist/extensions/google-maps.js +94 -0
- package/dist/extensions/google-maps.umd.js +1 -0
- package/dist/extensions/image-story.d.ts +2 -0
- package/dist/extensions/image-story.js +621 -0
- package/dist/extensions/image-story.umd.js +2 -0
- package/dist/extensions/logger.d.ts +2 -0
- package/dist/extensions/logger.js +23 -0
- package/dist/extensions/logger.umd.js +1 -0
- package/dist/extensions/mapbox.d.ts +2 -0
- package/dist/extensions/mapbox.js +124 -0
- package/dist/extensions/mapbox.umd.js +1 -0
- package/dist/extensions/openstreetmap.d.ts +2 -0
- package/dist/extensions/openstreetmap.js +125 -0
- package/dist/extensions/openstreetmap.umd.js +1 -0
- package/dist/extensions/streamable-video.d.ts +2 -0
- package/dist/extensions/streamable-video.js +76 -0
- package/dist/extensions/streamable-video.umd.js +1 -0
- package/dist/extensions/vidyard-video.d.ts +2 -0
- package/dist/extensions/vidyard-video.js +80 -0
- package/dist/extensions/vidyard-video.umd.js +1 -0
- package/dist/extensions/vimeo-video.d.ts +2 -0
- package/dist/extensions/vimeo-video.js +76 -0
- package/dist/extensions/vimeo-video.umd.js +1 -0
- package/dist/extensions/wistia-video.d.ts +2 -0
- package/dist/extensions/wistia-video.js +85 -0
- package/dist/extensions/wistia-video.umd.js +1 -0
- package/dist/extensions/youtube-video.d.ts +2 -0
- package/dist/extensions/youtube-video.js +88 -0
- package/dist/extensions/youtube-video.umd.js +1 -0
- package/dist/lib/components.d.ts +1 -3
- package/dist/lib/components.d.ts.map +1 -1
- package/dist/lib/defaults/image-setup.d.ts +3 -0
- package/dist/lib/defaults/image-setup.d.ts.map +1 -0
- package/dist/lib/defaults/init.d.ts.map +1 -1
- package/dist/lib/defaults/open.d.ts +3 -0
- package/dist/lib/defaults/open.d.ts.map +1 -0
- package/dist/lib/defaults/options.d.ts.map +1 -1
- package/dist/lib/defaults/transition.d.ts +1 -1
- package/dist/lib/defaults/transition.d.ts.map +1 -1
- package/dist/lib/extensions/dailymotion-video.d.ts +34 -0
- package/dist/lib/extensions/dailymotion-video.d.ts.map +1 -0
- package/dist/lib/extensions/download.d.ts +3 -0
- package/dist/lib/extensions/download.d.ts.map +1 -0
- package/dist/lib/extensions/google-maps.d.ts +49 -0
- package/dist/lib/extensions/google-maps.d.ts.map +1 -0
- package/dist/lib/extensions/image-story.d.ts +12 -0
- package/dist/lib/extensions/image-story.d.ts.map +1 -0
- package/dist/lib/extensions/logger.d.ts +3 -0
- package/dist/lib/extensions/logger.d.ts.map +1 -0
- package/dist/lib/extensions/mapbox.d.ts +53 -0
- package/dist/lib/extensions/mapbox.d.ts.map +1 -0
- package/dist/lib/extensions/openstreetmap.d.ts +51 -0
- package/dist/lib/extensions/openstreetmap.d.ts.map +1 -0
- package/dist/lib/extensions/streamable-video.d.ts +32 -0
- package/dist/lib/extensions/streamable-video.d.ts.map +1 -0
- package/dist/lib/extensions/vidyard-video.d.ts +33 -0
- package/dist/lib/extensions/vidyard-video.d.ts.map +1 -0
- package/dist/lib/extensions/vimeo-video.d.ts +36 -0
- package/dist/lib/extensions/vimeo-video.d.ts.map +1 -0
- package/dist/lib/extensions/wistia-video.d.ts +34 -0
- package/dist/lib/extensions/wistia-video.d.ts.map +1 -0
- package/dist/lib/extensions/youtube-video.d.ts +38 -0
- package/dist/lib/extensions/youtube-video.d.ts.map +1 -0
- package/dist/lib/main.d.ts +2 -2
- package/dist/lib/main.d.ts.map +1 -1
- package/dist/lib/types.d.ts +135 -43
- package/dist/lib/types.d.ts.map +1 -1
- package/dist/lib/utils/get-fitted-size.d.ts +5 -0
- package/dist/lib/utils/get-fitted-size.d.ts.map +1 -0
- package/dist/lib/utils/get-full-size-dim.d.ts +5 -0
- package/dist/lib/utils/get-full-size-dim.d.ts.map +1 -0
- package/dist/lib/utils/get-style.d.ts +5 -0
- package/dist/lib/utils/get-style.d.ts.map +1 -0
- package/dist/lib/utils/index.d.ts +3 -0
- package/dist/lib/utils/index.d.ts.map +1 -0
- package/dist/lib/utils/is-not-zero-css.d.ts +2 -0
- package/dist/lib/utils/is-not-zero-css.d.ts.map +1 -0
- package/dist/lib/utils/parse-element.d.ts +3 -0
- package/dist/lib/utils/parse-element.d.ts.map +1 -0
- package/dist/lib/vista-box.d.ts +107 -0
- package/dist/lib/vista-box.d.ts.map +1 -0
- package/dist/lib/vista-hires-transition.d.ts +32 -0
- package/dist/lib/vista-hires-transition.d.ts.map +1 -0
- package/dist/lib/vista-image-event.d.ts +23 -0
- package/dist/lib/vista-image-event.d.ts.map +1 -0
- package/dist/lib/vista-image.d.ts +33 -0
- package/dist/lib/vista-image.d.ts.map +1 -0
- package/dist/lib/{pointers.d.ts → vista-pointers.d.ts} +1 -1
- package/dist/lib/vista-pointers.d.ts.map +1 -0
- package/dist/lib/vista-state.d.ts +18 -0
- package/dist/lib/vista-state.d.ts.map +1 -0
- package/dist/lib/vista-view.d.ts +28 -31
- package/dist/lib/vista-view.d.ts.map +1 -1
- package/dist/react.d.ts +9 -9
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +59 -49
- package/dist/solid.d.ts +8 -11
- package/dist/solid.d.ts.map +1 -1
- package/dist/solid.js +28 -32
- package/dist/style.css +1 -1
- package/dist/styles/autumn-amber.css +1 -0
- package/dist/styles/autumn-amber.d.ts +1 -0
- package/dist/styles/cotton-candy.css +1 -0
- package/dist/styles/cotton-candy.d.ts +1 -0
- package/dist/styles/dark-rounded.css +1 -1
- package/dist/styles/ember-glow.css +1 -0
- package/dist/styles/ember-glow.d.ts +1 -0
- package/dist/styles/extensions/image-story.css +1 -0
- package/dist/styles/extensions/image-story.d.ts +1 -0
- package/dist/styles/forest-moss.css +1 -0
- package/dist/styles/forest-moss.d.ts +1 -0
- package/dist/styles/green-lake.css +1 -0
- package/dist/styles/green-lake.d.ts +1 -0
- package/dist/styles/ice-crystal.css +1 -0
- package/dist/styles/ice-crystal.d.ts +1 -0
- package/dist/styles/lavender-fields.css +1 -0
- package/dist/styles/lavender-fields.d.ts +1 -0
- package/dist/styles/midnight-gold.css +1 -0
- package/dist/styles/midnight-gold.d.ts +1 -0
- package/dist/styles/midnight-ocean.css +1 -0
- package/dist/styles/midnight-ocean.d.ts +1 -0
- package/dist/styles/mint-chocolate.css +1 -0
- package/dist/styles/mint-chocolate.d.ts +1 -0
- package/dist/styles/neon-nights.css +1 -0
- package/dist/styles/neon-nights.d.ts +1 -0
- package/dist/styles/paper-light.css +1 -0
- package/dist/styles/paper-light.d.ts +1 -0
- package/dist/styles/retro-arcade.css +1 -0
- package/dist/styles/retro-arcade.d.ts +1 -0
- package/dist/styles/soft-neutral.css +1 -0
- package/dist/styles/soft-neutral.d.ts +1 -0
- package/dist/styles/stark-minimal.css +1 -0
- package/dist/styles/stark-minimal.d.ts +1 -0
- package/dist/styles/strawberry.css +1 -0
- package/dist/styles/strawberry.d.ts +1 -0
- package/dist/svelte.d.ts +11 -2
- package/dist/svelte.d.ts.map +1 -1
- package/dist/svelte.js +36 -14
- package/dist/vista-box-CQvGrjln.js +318 -0
- package/dist/vistaview.d.ts +9 -2
- package/dist/vistaview.d.ts.map +1 -1
- package/dist/vistaview.js +740 -670
- package/dist/vistaview.umd.js +14 -7
- package/dist/vue.d.ts +28 -9
- package/dist/vue.d.ts.map +1 -1
- package/dist/vue.js +43 -24
- package/package.json +8 -3
- package/dist/lib/defaults/setup.d.ts +0 -3
- package/dist/lib/defaults/setup.d.ts.map +0 -1
- package/dist/lib/errors.d.ts +0 -4
- package/dist/lib/errors.d.ts.map +0 -1
- package/dist/lib/image-state.d.ts +0 -40
- package/dist/lib/image-state.d.ts.map +0 -1
- package/dist/lib/pointers.d.ts.map +0 -1
- package/dist/lib/utils.d.ts +0 -27
- package/dist/lib/utils.d.ts.map +0 -1
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { VistaExtension, VistaImageParams } from '../types';
|
|
2
|
+
import { VistaBox } from '../vista-box';
|
|
3
|
+
export interface GoogleMapsConfig {
|
|
4
|
+
apiKey: string;
|
|
5
|
+
zoom?: number;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
mapType?: 'roadmap' | 'satellite' | 'hybrid' | 'terrain';
|
|
9
|
+
}
|
|
10
|
+
export interface GoogleMapsLocation {
|
|
11
|
+
lat: number;
|
|
12
|
+
lng: number;
|
|
13
|
+
zoom?: number;
|
|
14
|
+
query?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Parse Google Maps URL and extract location data
|
|
18
|
+
* Supports various Google Maps URL formats:
|
|
19
|
+
* - https://www.google.com/maps?q=40.7128,-74.0060
|
|
20
|
+
* - https://www.google.com/maps/@40.7128,-74.0060,15z
|
|
21
|
+
* - https://maps.google.com?q=40.7128,-74.0060
|
|
22
|
+
* - https://goo.gl/maps/...
|
|
23
|
+
* @param url - Google Maps URL
|
|
24
|
+
* @returns Location data or null if not found
|
|
25
|
+
*/
|
|
26
|
+
export declare function parseGoogleMapsLocation(url: string): GoogleMapsLocation | null;
|
|
27
|
+
/**
|
|
28
|
+
* Get Google Maps static image URL
|
|
29
|
+
* @param location - Location data
|
|
30
|
+
* @param config - Google Maps configuration
|
|
31
|
+
* @returns Static map image URL
|
|
32
|
+
*/
|
|
33
|
+
export declare function getGoogleMapsStaticImage(location: GoogleMapsLocation, config: GoogleMapsConfig): string;
|
|
34
|
+
export declare class VistaGoogleMaps extends VistaBox {
|
|
35
|
+
element: HTMLDivElement | HTMLImageElement;
|
|
36
|
+
private mapsConfig;
|
|
37
|
+
private location;
|
|
38
|
+
constructor(par: VistaImageParams, config: GoogleMapsConfig, location: GoogleMapsLocation);
|
|
39
|
+
protected getFullSizeDim(): {
|
|
40
|
+
width: number;
|
|
41
|
+
height: number;
|
|
42
|
+
};
|
|
43
|
+
setFinalTransform(): {
|
|
44
|
+
close: boolean;
|
|
45
|
+
cancel: () => void;
|
|
46
|
+
} | undefined;
|
|
47
|
+
}
|
|
48
|
+
export declare function googleMaps(config: GoogleMapsConfig): VistaExtension;
|
|
49
|
+
//# sourceMappingURL=google-maps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"google-maps.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/google-maps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC1D;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,GAAG,IAAI,CA4C9E;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,kBAAkB,EAC5B,MAAM,EAAE,gBAAgB,GACvB,MAAM,CAUR;AAED,qBAAa,eAAgB,SAAQ,QAAQ;IAC3C,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAAC;IAC3C,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,QAAQ,CAAqB;gBAEzB,GAAG,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,kBAAkB;IAiEzF,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAS7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,gBAAgB,GAAG,cAAc,CAqBnE"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { VistaExtension } from '../types';
|
|
2
|
+
type VistaGetStoryResult = {
|
|
3
|
+
content: string;
|
|
4
|
+
onLoad?: () => void;
|
|
5
|
+
onUnload?: () => void;
|
|
6
|
+
};
|
|
7
|
+
export declare function imageStory({ getStory, maxStoryCache, }: {
|
|
8
|
+
getStory: (imageIndex: number) => Promise<VistaGetStoryResult>;
|
|
9
|
+
maxStoryCache?: number;
|
|
10
|
+
}): VistaExtension;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=image-story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-story.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/image-story.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,UAAU,CAAC;AAM1D,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAmCF,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,aAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,cAAc,CAyFjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/logger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAqC,MAAM,UAAU,CAAC;AAM7F,wBAAgB,MAAM,IAAI,cAAc,CAwBvC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { VistaExtension, VistaImageParams } from '../types';
|
|
2
|
+
import { VistaBox } from '../vista-box';
|
|
3
|
+
export interface MapboxConfig {
|
|
4
|
+
accessToken: string;
|
|
5
|
+
zoom?: number;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
style?: string;
|
|
9
|
+
pitch?: number;
|
|
10
|
+
bearing?: number;
|
|
11
|
+
}
|
|
12
|
+
export interface MapboxLocation {
|
|
13
|
+
lng: number;
|
|
14
|
+
lat: number;
|
|
15
|
+
zoom?: number;
|
|
16
|
+
bearing?: number;
|
|
17
|
+
pitch?: number;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Parse Mapbox URL and extract location data
|
|
21
|
+
* Supports various Mapbox URL formats:
|
|
22
|
+
* - https://api.mapbox.com/styles/v1/{username}/{style_id}/static/-74.0060,40.7128,15,0/800x600
|
|
23
|
+
* - Custom format: mapbox://-74.0060,40.7128,15
|
|
24
|
+
* @param url - Mapbox URL or coordinate string
|
|
25
|
+
* @returns Location data or null if not found
|
|
26
|
+
*/
|
|
27
|
+
export declare function parseMapboxLocation(url: string): MapboxLocation | null;
|
|
28
|
+
/**
|
|
29
|
+
* Get Mapbox static image URL
|
|
30
|
+
* @param location - Location data
|
|
31
|
+
* @param config - Mapbox configuration
|
|
32
|
+
* @returns Static map image URL
|
|
33
|
+
*/
|
|
34
|
+
export declare function getMapboxStaticImage(location: MapboxLocation, config: MapboxConfig): string;
|
|
35
|
+
export declare class VistaMapbox extends VistaBox {
|
|
36
|
+
element: HTMLDivElement | HTMLImageElement;
|
|
37
|
+
private mapboxConfig;
|
|
38
|
+
private location;
|
|
39
|
+
private thumbnailImage;
|
|
40
|
+
constructor(par: VistaImageParams, config: MapboxConfig, location: MapboxLocation);
|
|
41
|
+
private loadMapboxGL;
|
|
42
|
+
private initializeMap;
|
|
43
|
+
protected getFullSizeDim(): {
|
|
44
|
+
width: number;
|
|
45
|
+
height: number;
|
|
46
|
+
};
|
|
47
|
+
setFinalTransform(): {
|
|
48
|
+
close: boolean;
|
|
49
|
+
cancel: () => void;
|
|
50
|
+
} | undefined;
|
|
51
|
+
}
|
|
52
|
+
export declare function mapbox(config: MapboxConfig): VistaExtension;
|
|
53
|
+
//# sourceMappingURL=mapbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mapbox.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/mapbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAoCtE;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM,CAY3F;AAED,qBAAa,WAAY,SAAQ,QAAQ;IACvC,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAAC;IAC3C,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,cAAc,CAAmB;gBAE7B,GAAG,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc;YA0CnE,YAAY;IA8B1B,OAAO,CAAC,aAAa;IA0DrB,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAS7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG,cAAc,CAqB3D"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { VistaExtension, VistaImageParams } from '../types';
|
|
2
|
+
import { VistaBox } from '../vista-box';
|
|
3
|
+
export interface OpenStreetMapConfig {
|
|
4
|
+
zoom?: number;
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
tileLayer?: string;
|
|
8
|
+
attribution?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface OpenStreetMapLocation {
|
|
11
|
+
lat: number;
|
|
12
|
+
lng: number;
|
|
13
|
+
zoom?: number;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Parse OpenStreetMap URL and extract location data
|
|
17
|
+
* Supports various OpenStreetMap URL formats:
|
|
18
|
+
* - https://www.openstreetmap.org/#map=15/40.7128/-74.0060
|
|
19
|
+
* - https://www.openstreetmap.org/?mlat=40.7128&mlon=-74.0060#map=15/40.7128/-74.0060
|
|
20
|
+
* - Custom format: osm://40.7128,-74.0060,15
|
|
21
|
+
* @param url - OpenStreetMap URL or coordinate string
|
|
22
|
+
* @returns Location data or null if not found
|
|
23
|
+
*/
|
|
24
|
+
export declare function parseOpenStreetMapLocation(url: string): OpenStreetMapLocation | null;
|
|
25
|
+
/**
|
|
26
|
+
* Get OpenStreetMap static image URL
|
|
27
|
+
* Uses a direct tile approach for static map preview
|
|
28
|
+
* @param location - Location data
|
|
29
|
+
* @param config - OpenStreetMap configuration
|
|
30
|
+
* @returns Static map image URL
|
|
31
|
+
*/
|
|
32
|
+
export declare function getOpenStreetMapStaticImage(location: OpenStreetMapLocation, config: OpenStreetMapConfig): string;
|
|
33
|
+
export declare class VistaOpenStreetMap extends VistaBox {
|
|
34
|
+
element: HTMLDivElement | HTMLImageElement;
|
|
35
|
+
private osmConfig;
|
|
36
|
+
private location;
|
|
37
|
+
private thumbnailImage;
|
|
38
|
+
constructor(par: VistaImageParams, config: OpenStreetMapConfig, location: OpenStreetMapLocation);
|
|
39
|
+
private loadLeaflet;
|
|
40
|
+
private initializeMap;
|
|
41
|
+
protected getFullSizeDim(): {
|
|
42
|
+
width: number;
|
|
43
|
+
height: number;
|
|
44
|
+
};
|
|
45
|
+
setFinalTransform(): {
|
|
46
|
+
close: boolean;
|
|
47
|
+
cancel: () => void;
|
|
48
|
+
} | undefined;
|
|
49
|
+
}
|
|
50
|
+
export declare function openStreetMap(config?: OpenStreetMapConfig): VistaExtension;
|
|
51
|
+
//# sourceMappingURL=openstreetmap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"openstreetmap.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/openstreetmap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,GAAG,IAAI,CA0CpF;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,qBAAqB,EAC/B,MAAM,EAAE,mBAAmB,GAC1B,MAAM,CAiBR;AAED,qBAAa,kBAAmB,SAAQ,QAAQ;IAC9C,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAAC;IAC3C,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,cAAc,CAAmB;gBAE7B,GAAG,EAAE,gBAAgB,EAAE,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,qBAAqB;YA2CjF,WAAW;IA8BzB,OAAO,CAAC,aAAa;IA2DrB,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAS7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,aAAa,CAAC,MAAM,GAAE,mBAAwB,GAAG,cAAc,CAiB9E"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { VistaExtension, VistaImageParams } from '../types';
|
|
2
|
+
import { VistaBox } from '../vista-box';
|
|
3
|
+
/**
|
|
4
|
+
* Parse Streamable URL and extract video ID
|
|
5
|
+
* Supports various Streamable URL formats:
|
|
6
|
+
* - https://streamable.com/VIDEO_ID
|
|
7
|
+
* - https://streamable.com/e/VIDEO_ID
|
|
8
|
+
* @param url - Streamable video URL
|
|
9
|
+
* @returns Video ID or null if not found
|
|
10
|
+
*/
|
|
11
|
+
export declare function parseStreamableVideoId(url: string): string | null;
|
|
12
|
+
/**
|
|
13
|
+
* Get Streamable video thumbnail URL
|
|
14
|
+
* @param videoUrl - Streamable video URL
|
|
15
|
+
* @returns Thumbnail URL
|
|
16
|
+
*/
|
|
17
|
+
export declare function getStreamableThumbnail(videoUrl: string): string;
|
|
18
|
+
export declare class VistaStreamableVideo extends VistaBox {
|
|
19
|
+
element: HTMLDivElement | HTMLImageElement;
|
|
20
|
+
url: string;
|
|
21
|
+
constructor(par: VistaImageParams);
|
|
22
|
+
protected getFullSizeDim(): {
|
|
23
|
+
width: number;
|
|
24
|
+
height: number;
|
|
25
|
+
};
|
|
26
|
+
setFinalTransform(): {
|
|
27
|
+
close: boolean;
|
|
28
|
+
cancel: () => void;
|
|
29
|
+
} | undefined;
|
|
30
|
+
}
|
|
31
|
+
export declare function streamableVideo(): VistaExtension;
|
|
32
|
+
//# sourceMappingURL=streamable-video.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"streamable-video.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/streamable-video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAcjE;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAO/D;AAED,qBAAa,oBAAqB,SAAQ,QAAQ;IAChD,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAAC;IAC3C,GAAG,EAAE,MAAM,CAAC;gBAEA,GAAG,EAAE,gBAAgB;IA0DjC,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAU7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,eAAe,IAAI,cAAc,CAiBhD"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { VistaExtension, VistaImageParams } from '../types';
|
|
2
|
+
import { VistaBox } from '../vista-box';
|
|
3
|
+
/**
|
|
4
|
+
* Parse Vidyard URL and extract video ID
|
|
5
|
+
* Supports various Vidyard URL formats:
|
|
6
|
+
* - https://video.vidyard.com/watch/VIDEO_ID
|
|
7
|
+
* - https://play.vidyard.com/VIDEO_ID
|
|
8
|
+
* - https://share.vidyard.com/watch/VIDEO_ID
|
|
9
|
+
* @param url - Vidyard video URL
|
|
10
|
+
* @returns Video ID or null if not found
|
|
11
|
+
*/
|
|
12
|
+
export declare function parseVidyardVideoId(url: string): string | null;
|
|
13
|
+
/**
|
|
14
|
+
* Get Vidyard video thumbnail URL
|
|
15
|
+
* @param videoUrl - Vidyard video URL
|
|
16
|
+
* @returns Thumbnail URL
|
|
17
|
+
*/
|
|
18
|
+
export declare function getVidyardThumbnail(videoUrl: string): string;
|
|
19
|
+
export declare class VistaVidyardVideo extends VistaBox {
|
|
20
|
+
element: HTMLDivElement | HTMLImageElement;
|
|
21
|
+
url: string;
|
|
22
|
+
constructor(par: VistaImageParams);
|
|
23
|
+
protected getFullSizeDim(): {
|
|
24
|
+
width: number;
|
|
25
|
+
height: number;
|
|
26
|
+
};
|
|
27
|
+
setFinalTransform(): {
|
|
28
|
+
close: boolean;
|
|
29
|
+
cancel: () => void;
|
|
30
|
+
} | undefined;
|
|
31
|
+
}
|
|
32
|
+
export declare function vidyardVideo(): VistaExtension;
|
|
33
|
+
//# sourceMappingURL=vidyard-video.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vidyard-video.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/vidyard-video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAkB9D;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAO5D;AAED,qBAAa,iBAAkB,SAAQ,QAAQ;IAC7C,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAAC;IAC3C,GAAG,EAAE,MAAM,CAAC;gBAEA,GAAG,EAAE,gBAAgB;IA0DjC,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAU7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,YAAY,IAAI,cAAc,CAiB7C"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { VistaExtension, VistaImageParams } from '../types';
|
|
2
|
+
import { VistaBox } from '../vista-box';
|
|
3
|
+
/**
|
|
4
|
+
* Parse Vimeo URL and extract video ID
|
|
5
|
+
* Supports various Vimeo URL formats:
|
|
6
|
+
* - https://vimeo.com/VIDEO_ID
|
|
7
|
+
* - https://player.vimeo.com/video/VIDEO_ID
|
|
8
|
+
* - https://vimeo.com/channels/CHANNEL/VIDEO_ID
|
|
9
|
+
* - https://vimeo.com/groups/GROUP/videos/VIDEO_ID
|
|
10
|
+
* @param url - Vimeo video URL
|
|
11
|
+
* @returns Video ID or null if not found
|
|
12
|
+
*/
|
|
13
|
+
export declare function parseVimeoVideoId(url: string): string | null;
|
|
14
|
+
/**
|
|
15
|
+
* Get Vimeo video thumbnail URL
|
|
16
|
+
* Note: This uses a workaround as Vimeo's official API requires authentication.
|
|
17
|
+
* For production use, consider using Vimeo's oEmbed API.
|
|
18
|
+
* @param videoUrl - Vimeo video URL
|
|
19
|
+
* @returns Thumbnail URL (placeholder pattern)
|
|
20
|
+
*/
|
|
21
|
+
export declare function getVimeoThumbnail(videoUrl: string): string;
|
|
22
|
+
export declare class VistaVimeoVideo extends VistaBox {
|
|
23
|
+
element: HTMLDivElement | HTMLImageElement;
|
|
24
|
+
url: string;
|
|
25
|
+
constructor(par: VistaImageParams);
|
|
26
|
+
protected getFullSizeDim(): {
|
|
27
|
+
width: number;
|
|
28
|
+
height: number;
|
|
29
|
+
};
|
|
30
|
+
setFinalTransform(): {
|
|
31
|
+
close: boolean;
|
|
32
|
+
cancel: () => void;
|
|
33
|
+
} | undefined;
|
|
34
|
+
}
|
|
35
|
+
export declare function vimeoVideo(): VistaExtension;
|
|
36
|
+
//# sourceMappingURL=vimeo-video.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vimeo-video.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/vimeo-video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAc5D;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAS1D;AAED,qBAAa,eAAgB,SAAQ,QAAQ;IAC3C,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAAC;IAC3C,GAAG,EAAE,MAAM,CAAC;gBAEA,GAAG,EAAE,gBAAgB;IA0DjC,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAU7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,UAAU,IAAI,cAAc,CAiB3C"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { VistaExtension, VistaImageParams } from '../types';
|
|
2
|
+
import { VistaBox } from '../vista-box';
|
|
3
|
+
/**
|
|
4
|
+
* Parse Wistia URL and extract video ID
|
|
5
|
+
* Supports various Wistia URL formats:
|
|
6
|
+
* - https://home.wistia.com/medias/VIDEO_ID
|
|
7
|
+
* - https://fast.wistia.net/embed/iframe/VIDEO_ID
|
|
8
|
+
* - https://ACCOUNT.wistia.com/medias/VIDEO_ID
|
|
9
|
+
* @param url - Wistia video URL
|
|
10
|
+
* @returns Video ID or null if not found
|
|
11
|
+
*/
|
|
12
|
+
export declare function parseWistiaVideoId(url: string): string | null;
|
|
13
|
+
/**
|
|
14
|
+
* Get Wistia video thumbnail URL using oEmbed API
|
|
15
|
+
* Note: This fetches data asynchronously from Wistia's oEmbed endpoint
|
|
16
|
+
* @param videoUrl - Wistia video URL
|
|
17
|
+
* @returns Promise with thumbnail URL
|
|
18
|
+
*/
|
|
19
|
+
export declare function getWistiaThumbnail(videoUrl: string): Promise<string>;
|
|
20
|
+
export declare class VistaWistiaVideo extends VistaBox {
|
|
21
|
+
element: HTMLDivElement | HTMLImageElement;
|
|
22
|
+
url: string;
|
|
23
|
+
constructor(par: VistaImageParams);
|
|
24
|
+
protected getFullSizeDim(): {
|
|
25
|
+
width: number;
|
|
26
|
+
height: number;
|
|
27
|
+
};
|
|
28
|
+
setFinalTransform(): {
|
|
29
|
+
close: boolean;
|
|
30
|
+
cancel: () => void;
|
|
31
|
+
} | undefined;
|
|
32
|
+
}
|
|
33
|
+
export declare function wistiaVideo(): VistaExtension;
|
|
34
|
+
//# sourceMappingURL=wistia-video.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wistia-video.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/wistia-video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAiB7D;AAED;;;;;GAKG;AACH,wBAAsB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAkB1E;AAED,qBAAa,gBAAiB,SAAQ,QAAQ;IAC5C,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAAC;IAC3C,GAAG,EAAE,MAAM,CAAC;gBAEA,GAAG,EAAE,gBAAgB;IA0DjC,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAU7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,WAAW,IAAI,cAAc,CAiB5C"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { VistaExtension, VistaImageParams } from '../types';
|
|
2
|
+
import { VistaBox } from '../vista-box';
|
|
3
|
+
/**
|
|
4
|
+
* Parse YouTube URL and extract video ID
|
|
5
|
+
* Supports various YouTube URL formats:
|
|
6
|
+
* - https://www.youtube.com/watch?v=VIDEO_ID
|
|
7
|
+
* - https://youtu.be/VIDEO_ID
|
|
8
|
+
* - https://www.youtube.com/embed/VIDEO_ID
|
|
9
|
+
* - https://m.youtube.com/watch?v=VIDEO_ID
|
|
10
|
+
* - https://www.youtube.com/v/VIDEO_ID
|
|
11
|
+
* - https://www.youtube.com/live/VIDEO_ID
|
|
12
|
+
* - https://www.youtube.com/shorts/VIDEO_ID
|
|
13
|
+
* @param url - YouTube video URL
|
|
14
|
+
* @returns Video ID or null if not found
|
|
15
|
+
*/
|
|
16
|
+
export declare function parseYouTubeVideoId(url: string): string | null;
|
|
17
|
+
/**
|
|
18
|
+
* Get YouTube video thumbnail URL
|
|
19
|
+
* @param videoUrl - YouTube video URL
|
|
20
|
+
* @param quality - Thumbnail quality: 'maxres' | 'hq' | 'mq' | 'sd' | 'default'
|
|
21
|
+
* @returns Thumbnail URL
|
|
22
|
+
*/
|
|
23
|
+
export declare function getYouTubeThumbnail(videoUrl: string, quality?: 'maxres' | 'hq' | 'mq' | 'sd' | 'default'): string;
|
|
24
|
+
export declare class VistaYoutubeVideo extends VistaBox {
|
|
25
|
+
element: HTMLDivElement | HTMLImageElement;
|
|
26
|
+
url: string;
|
|
27
|
+
constructor(par: VistaImageParams);
|
|
28
|
+
protected getFullSizeDim(): {
|
|
29
|
+
width: number;
|
|
30
|
+
height: number;
|
|
31
|
+
};
|
|
32
|
+
setFinalTransform(): {
|
|
33
|
+
close: boolean;
|
|
34
|
+
cancel: () => void;
|
|
35
|
+
} | undefined;
|
|
36
|
+
}
|
|
37
|
+
export declare function youtubeVideo(): VistaExtension;
|
|
38
|
+
//# sourceMappingURL=youtube-video.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"youtube-video.d.ts","sourceRoot":"","sources":["../../../src/lib/extensions/youtube-video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAoB9D;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAgB,GACxD,MAAM,CAeR;AAED,qBAAa,iBAAkB,SAAQ,QAAQ;IAC7C,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAAC;IAC3C,GAAG,EAAE,MAAM,CAAC;gBAEA,GAAG,EAAE,gBAAgB;IA0DjC,SAAS,CAAC,cAAc,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAU7D,iBAAiB;;;;CAGlB;AAED,wBAAgB,YAAY,IAAI,cAAc,CAiB7C"}
|
package/dist/lib/main.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function vistaView({ elements, ...opts }:
|
|
1
|
+
import { VistaInterface, VistaParamsNeo } from './types';
|
|
2
|
+
export declare function vistaView({ elements, ...opts }: VistaParamsNeo): VistaInterface | null;
|
|
3
3
|
//# sourceMappingURL=main.d.ts.map
|
package/dist/lib/main.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/lib/main.
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAkB,cAAc,EAAE,MAAM,SAAS,CAAC;AAgD9E,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,GAAG,cAAc,GAAG,IAAI,CA+BtF"}
|
package/dist/lib/types.d.ts
CHANGED
|
@@ -1,16 +1,8 @@
|
|
|
1
|
+
import { VistaBox } from './vista-box';
|
|
2
|
+
import { VistaState } from './vista-state';
|
|
1
3
|
import { VistaView } from './vista-view';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
borderRadius: string;
|
|
5
|
-
objectPosition: string;
|
|
6
|
-
overflow: string;
|
|
7
|
-
top: number;
|
|
8
|
-
left: number;
|
|
9
|
-
width: number;
|
|
10
|
-
height: number;
|
|
11
|
-
naturalWidth?: number;
|
|
12
|
-
naturalHeight?: number;
|
|
13
|
-
};
|
|
4
|
+
import { VistaHiresTransitionOpt } from './vista-hires-transition';
|
|
5
|
+
export type { VistaImage } from './vista-image';
|
|
14
6
|
export type VistaOpt = {
|
|
15
7
|
animationDurationBase?: number;
|
|
16
8
|
initialZIndex?: number;
|
|
@@ -20,37 +12,36 @@ export type VistaOpt = {
|
|
|
20
12
|
arrowOnSmallScreens?: boolean;
|
|
21
13
|
rapidLimit?: number;
|
|
22
14
|
controls?: {
|
|
23
|
-
topLeft?: (VistaDefaultCtrl |
|
|
24
|
-
topRight?: (VistaDefaultCtrl |
|
|
25
|
-
topCenter?: (VistaDefaultCtrl |
|
|
26
|
-
bottomCenter?: (VistaDefaultCtrl |
|
|
27
|
-
bottomLeft?: (VistaDefaultCtrl |
|
|
28
|
-
bottomRight?: (VistaDefaultCtrl |
|
|
15
|
+
topLeft?: (VistaDefaultCtrl | VistaExtension)[];
|
|
16
|
+
topRight?: (VistaDefaultCtrl | VistaExtension)[];
|
|
17
|
+
topCenter?: (VistaDefaultCtrl | VistaExtension)[];
|
|
18
|
+
bottomCenter?: (VistaDefaultCtrl | VistaExtension)[];
|
|
19
|
+
bottomLeft?: (VistaDefaultCtrl | VistaExtension)[];
|
|
20
|
+
bottomRight?: (VistaDefaultCtrl | VistaExtension)[];
|
|
29
21
|
};
|
|
30
|
-
|
|
22
|
+
extensions?: VistaExtension[];
|
|
23
|
+
onImageView?: (params: VistaData, vistaView: VistaView) => void;
|
|
24
|
+
onContentChange?: (content: VistaImageClone, vistaView: VistaView) => void;
|
|
31
25
|
onOpen?: (vistaView: VistaView) => void;
|
|
32
26
|
onClose?: (vistaView: VistaView) => void;
|
|
33
27
|
transitionFunction?: VistaTransitionFn;
|
|
34
|
-
|
|
28
|
+
imageSetupFunction?: VistaImageSetupFn;
|
|
29
|
+
openFunction?: VistaOpenFn;
|
|
35
30
|
closeFunction?: VistaCloseFn;
|
|
36
31
|
initFunction?: VistaInitFn;
|
|
37
32
|
};
|
|
38
33
|
export type VistaDefaultCtrl = 'indexDisplay' | 'zoomIn' | 'zoomOut' | 'close' | 'description';
|
|
39
|
-
export type
|
|
40
|
-
src: string;
|
|
41
|
-
alt?: string;
|
|
42
|
-
thumb?: string;
|
|
43
|
-
};
|
|
44
|
-
export type VistaImgIdx = {
|
|
45
|
-
index: number;
|
|
46
|
-
imageElm?: HTMLImageElement;
|
|
47
|
-
anchorElm?: HTMLAnchorElement;
|
|
48
|
-
} & VistaImg;
|
|
49
|
-
export type VistaCustomCtrl = {
|
|
34
|
+
export type VistaExtension = {
|
|
50
35
|
name: string;
|
|
51
|
-
icon: string;
|
|
52
36
|
description?: string;
|
|
53
|
-
|
|
37
|
+
control?: () => HTMLElement | null;
|
|
38
|
+
onInitializeImage?: (params: VistaImageParams) => VistaBox | void | null | undefined;
|
|
39
|
+
onImageView?: (params: VistaData, vistaView: VistaView) => void;
|
|
40
|
+
onContentChange?: (content: VistaImageClone, vistaView: VistaView) => void;
|
|
41
|
+
onOpen?: (vistaView: VistaView) => void;
|
|
42
|
+
onClose?: (vistaView: VistaView) => void;
|
|
43
|
+
onDeactivateUi?: (names: string[], requestBy: VistaBox | null, vistaView: VistaView) => void;
|
|
44
|
+
onReactivateUi?: (names: string[], requestBy: VistaBox | null, vistaView: VistaView) => void;
|
|
54
45
|
};
|
|
55
46
|
export type VistaData = {
|
|
56
47
|
htmlElements: {
|
|
@@ -58,8 +49,8 @@ export type VistaData = {
|
|
|
58
49
|
to: HTMLElement[] | null;
|
|
59
50
|
};
|
|
60
51
|
images: {
|
|
61
|
-
from:
|
|
62
|
-
to:
|
|
52
|
+
from: VistaBox[] | null;
|
|
53
|
+
to: VistaBox[] | null;
|
|
63
54
|
};
|
|
64
55
|
index: {
|
|
65
56
|
from: number | null;
|
|
@@ -75,17 +66,18 @@ export type VistaTransitionFn = (params: VistaData, abortSignal: AbortSignal) =>
|
|
|
75
66
|
cleanup: () => void;
|
|
76
67
|
transitionEnded: Promise<void>;
|
|
77
68
|
} | void;
|
|
78
|
-
export type
|
|
79
|
-
export type VistaCloseFn = (vistaView: VistaView) => void;
|
|
69
|
+
export type VistaImageSetupFn = (params: VistaData) => void;
|
|
80
70
|
export type VistaInitFn = (vistaView: VistaView) => void;
|
|
81
|
-
export type
|
|
82
|
-
|
|
83
|
-
} & VistaOpt;
|
|
71
|
+
export type VistaOpenFn = (vistaView: VistaView) => void;
|
|
72
|
+
export type VistaCloseFn = (vistaView: VistaView) => void;
|
|
84
73
|
export type VistaInterface = {
|
|
85
74
|
open: (startIndex?: number) => void;
|
|
86
75
|
close: () => Promise<void>;
|
|
76
|
+
reset: () => void;
|
|
87
77
|
next: () => void;
|
|
88
78
|
prev: () => void;
|
|
79
|
+
zoomIn: () => void;
|
|
80
|
+
zoomOut: () => void;
|
|
89
81
|
destroy: () => void;
|
|
90
82
|
getCurrentIndex: () => number;
|
|
91
83
|
view: (index: number) => void;
|
|
@@ -101,16 +93,116 @@ export type VistaPointer = {
|
|
|
101
93
|
movementY: number;
|
|
102
94
|
id: number | string;
|
|
103
95
|
};
|
|
104
|
-
export type VistaPointerEvent = 'down' | 'move' | 'up' | 'cancel';
|
|
105
96
|
export type VistaPointerListenerArgs = {
|
|
106
|
-
event:
|
|
97
|
+
event: 'down' | 'move' | 'up' | 'cancel';
|
|
107
98
|
pointer: VistaPointer;
|
|
108
99
|
pointers: VistaPointer[];
|
|
109
100
|
lastPointerLen: number;
|
|
110
101
|
};
|
|
111
102
|
export type VistaPointerListener = (args: VistaPointerListenerArgs) => void;
|
|
112
103
|
export type VistaExternalPointerListenerArgs = VistaPointerListenerArgs & {
|
|
104
|
+
state: VistaState;
|
|
113
105
|
hasInternalExecution: boolean;
|
|
114
|
-
abortController: AbortController;
|
|
106
|
+
abortController: AbortController | null;
|
|
107
|
+
};
|
|
108
|
+
export type VistaImgConfig = {
|
|
109
|
+
src: string;
|
|
110
|
+
alt?: string;
|
|
111
|
+
srcSet?: string;
|
|
112
|
+
};
|
|
113
|
+
export type VistaImgOrigin = {
|
|
114
|
+
anchor?: HTMLAnchorElement;
|
|
115
|
+
image: HTMLImageElement;
|
|
116
|
+
src: string;
|
|
117
|
+
srcSet: string;
|
|
118
|
+
borderRadius: string;
|
|
119
|
+
objectFit: string;
|
|
120
|
+
};
|
|
121
|
+
export type VistaParsedElm = {
|
|
122
|
+
config: VistaImgConfig;
|
|
123
|
+
parsedSrcSet?: {
|
|
124
|
+
src: string;
|
|
125
|
+
width: number;
|
|
126
|
+
}[];
|
|
127
|
+
origin?: VistaImgOrigin;
|
|
128
|
+
};
|
|
129
|
+
export type VistaImageParams = {
|
|
130
|
+
elm: VistaParsedElm;
|
|
131
|
+
pos: number;
|
|
132
|
+
index: number;
|
|
133
|
+
maxZoomLevel: number;
|
|
134
|
+
onScale: (par: {
|
|
135
|
+
vistaImage: VistaBox;
|
|
136
|
+
scale: number;
|
|
137
|
+
isMax: boolean;
|
|
138
|
+
isMin: boolean;
|
|
139
|
+
}) => void;
|
|
140
|
+
vistaView: VistaView;
|
|
141
|
+
transitionState?: VistaHiresTransitionOpt;
|
|
142
|
+
transitionShouldWait?: () => boolean;
|
|
143
|
+
};
|
|
144
|
+
export type VistaParamsNeo = {
|
|
145
|
+
elements: string | VistaImgConfig[];
|
|
146
|
+
} & VistaOpt;
|
|
147
|
+
export type VistaImageState = {
|
|
148
|
+
_t: VistaBox;
|
|
149
|
+
_width: number;
|
|
150
|
+
_height: number;
|
|
151
|
+
_transform: {
|
|
152
|
+
x: number;
|
|
153
|
+
y: number;
|
|
154
|
+
scale: number;
|
|
155
|
+
};
|
|
156
|
+
_translate: {
|
|
157
|
+
x: number;
|
|
158
|
+
y: number;
|
|
159
|
+
};
|
|
160
|
+
_lessThanMinWidth: boolean;
|
|
161
|
+
lessThanMinWidth: boolean;
|
|
162
|
+
translate: {
|
|
163
|
+
x: number;
|
|
164
|
+
y: number;
|
|
165
|
+
};
|
|
166
|
+
transform: {
|
|
167
|
+
x: number;
|
|
168
|
+
y: number;
|
|
169
|
+
scale: number;
|
|
170
|
+
};
|
|
171
|
+
width: number;
|
|
172
|
+
height: number;
|
|
173
|
+
};
|
|
174
|
+
export type VistaImageClone = {
|
|
175
|
+
config: {
|
|
176
|
+
src: string;
|
|
177
|
+
alt?: string;
|
|
178
|
+
srcSet?: string;
|
|
179
|
+
};
|
|
180
|
+
origin: {
|
|
181
|
+
src: string;
|
|
182
|
+
srcSet: string;
|
|
183
|
+
borderRadius: string;
|
|
184
|
+
objectFit: string;
|
|
185
|
+
} | null;
|
|
186
|
+
parsedSrcSet?: {
|
|
187
|
+
src: string;
|
|
188
|
+
width: number;
|
|
189
|
+
}[];
|
|
190
|
+
element: string;
|
|
191
|
+
thumb?: string;
|
|
192
|
+
index: number;
|
|
193
|
+
pos: number;
|
|
194
|
+
state: {
|
|
195
|
+
width: number;
|
|
196
|
+
height: number;
|
|
197
|
+
transform: {
|
|
198
|
+
x: number;
|
|
199
|
+
y: number;
|
|
200
|
+
scale: number;
|
|
201
|
+
};
|
|
202
|
+
translate: {
|
|
203
|
+
x: number;
|
|
204
|
+
y: number;
|
|
205
|
+
};
|
|
206
|
+
};
|
|
115
207
|
};
|
|
116
208
|
//# sourceMappingURL=types.d.ts.map
|