@car-cutter/vue-webplayer 0.6.1 → 0.7.0

package/dist/index.d.ts

@@ -10,30 +10,30 @@ declare type AspectRatio_2 = `${number}:${number}`;
 declare type Category = {
     id: string;
     title: string;
-    items: Item[];
+    items: Item_2[];
 };
 
 declare type Category_2 = {
     id: string;
     title: string;
-    items: Item_2[];
+    items: Item[];
 };
 
 export declare type Composition = {
     aspectRatio: AspectRatio_2;
-    imageHdWidth: ImageWidth_2;
-    imageSubWidths: ImageWidth_2[];
+    imageHdWidth: MediaWidth_3;
+    imageSubWidths: MediaWidth_3[];
     categories: Category_2[];
 };
 
 declare type Composition_2 = {
     aspectRatio: AspectRatio;
-    imageHdWidth: ImageWidth;
-    imageSubWidths: ImageWidth[];
+    imageHdWidth: MediaWidth_2;
+    imageSubWidths: MediaWidth_2[];
     categories: Category[];
 };
 
-export declare const DEFAULT_EVENT_PREFIX: string = "cc-webplayer:";
+export declare const DEFAULT_EVENT_PREFIX = "cc-webplayer:" satisfies string;
 
 export declare const EVENT_COMPOSITION_LOAD_ERROR = "composition-load-error";
 
@@ -53,6 +53,8 @@ export declare const EVENT_HOTSPOTS_OFF = "hotspots-off";
 
 export declare const EVENT_HOTSPOTS_ON = "hotspots-on";
 
+export declare const EVENT_ITEM_CHANGE = "item-change";
+
 /**
  * Generates a URL for fetching the composition JSON for a given customer and vehicle.
  *
@@ -99,12 +101,6 @@ declare type ImageItem = { type: "image" } & ImageWithHotspots;
 
 declare type ImageItem_2 = { type: "image" } & ImageWithHotspots_2;
 
-declare type ImageLoadStrategy = "quality" | "speed";
-
-declare type ImageWidth = number;
-
-declare type ImageWidth_2 = number;
-
 declare type ImageWithHotspots = {
     src: string;
     hotspots?: Hotspot[];
@@ -115,9 +111,19 @@ declare type ImageWithHotspots_2 = {
     hotspots?: Hotspot_2[];
 };
 
-declare type Item = ImageItem | VideoItem | ThreeSixtyItem;
+export declare type Item = ImageItem_2 | VideoItem_2 | ThreeSixtyItem_2;
+
+declare type Item_2 = ImageItem | VideoItem | ThreeSixtyItem;
+
+export declare type MediaLoadStrategy = "quality" | "balanced" | "speed";
+
+declare type MediaLoadStrategy_2 = "quality" | "balanced" | "speed";
+
+declare type MediaWidth = number;
+
+declare type MediaWidth_2 = number;
 
-declare type Item_2 = ImageItem_2 | VideoItem_2 | ThreeSixtyItem_2;
+declare type MediaWidth_3 = number;
 
 declare type ThreeSixtyItem = {
     type: "360";
@@ -149,6 +155,10 @@ export declare const WebPlayer: DefineComponent<WebPlayerProps, {}, {}, {}, {},
 compositionLoading: (url: string) => any;
 compositionLoaded: (composition: Composition_2) => any;
 compositionLoadError: (error: unknown) => any;
+itemChange: (props: {
+index: number;
+item: Item_2;
+}) => any;
 extendModeOn: () => any;
 extendModeOff: () => any;
 hotspotsOn: () => any;
@@ -159,6 +169,10 @@ galleryClose: () => any;
 onCompositionLoading?: ((url: string) => any) | undefined;
 onCompositionLoaded?: ((composition: Composition_2) => any) | undefined;
 onCompositionLoadError?: ((error: unknown) => any) | undefined;
+onItemChange?: ((props: {
+index: number;
+item: Item_2;
+}) => any) | undefined;
 onExtendModeOn?: (() => any) | undefined;
 onExtendModeOff?: (() => any) | undefined;
 onHotspotsOn?: (() => any) | undefined;
@@ -171,6 +185,10 @@ export declare type WebPlayerEvents = {
     compositionLoading: [url: string];
     compositionLoaded: [composition: Composition_2];
     compositionLoadError: [error: unknown];
+    itemChange: [props: {
+        index: number;
+        item: Item_2;
+    }];
     extendModeOn: [];
     extendModeOff: [];
     hotspotsOn: [];
@@ -184,9 +202,10 @@ export declare type WebPlayerProps = {
     hideCategories?: boolean;
     infiniteCarrousel?: boolean;
     permanentGallery?: boolean;
-    imageLoadStrategy?: ImageLoadStrategy;
-    minImageWidth?: number;
-    maxImageWidth?: number;
+    mediaLoadStrategy?: MediaLoadStrategy_2;
+    minMediaWidth?: MediaWidth;
+    maxMediaWidth?: MediaWidth;
+    preloadRange?: number;
     preventFullScreen?: boolean;
     eventPrefix?: string;
     reverse360?: boolean;