@car-cutter/wc-webplayer 0.6.0 → 0.7.0

package/dist/index.d.ts

@@ -15,12 +15,12 @@ export declare function checkCustomElementsDefinition(): boolean;
 
 export declare type Composition = {
     aspectRatio: AspectRatio;
-    imageHdWidth: ImageWidth;
-    imageSubWidths: ImageWidth[];
+    imageHdWidth: MediaWidth;
+    imageSubWidths: MediaWidth[];
     categories: Category[];
 };
 
-export declare const DEFAULT_EVENT_PREFIX: string = "cc-webplayer:";
+export declare const DEFAULT_EVENT_PREFIX = "cc-webplayer:" satisfies string;
 
 /**
  * Defines WebPlayer's custom elements in the DOM.
@@ -51,6 +51,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.
  *
@@ -81,18 +83,24 @@ declare type Hotspot = {
 
 declare type ImageItem = { type: "image" } & ImageWithHotspots;
 
-declare type ImageLoadStrategy = "quality" | "speed";
-
-declare type ImageLoadStrategy_2 = "quality" | "speed";
-
-declare type ImageWidth = number;
-
 declare type ImageWithHotspots = {
     src: string;
     hotspots?: Hotspot[];
 };
 
-declare type Item = ImageItem | VideoItem | ThreeSixtyItem;
+export declare type Item = ImageItem | VideoItem | ThreeSixtyItem;
+
+export declare type MediaLoadStrategy = "quality" | "balanced" | "speed";
+
+declare type MediaLoadStrategy_2 = "quality" | "balanced" | "speed";
+
+declare type MediaLoadStrategy_3 = "quality" | "balanced" | "speed";
+
+declare type MediaWidth = number;
+
+declare type MediaWidth_2 = number;
+
+declare type MediaWidth_3 = number;
 
 declare type ThreeSixtyItem = {
     type: "360";
@@ -130,9 +138,10 @@ export declare type WebPlayerProps = {
     hideCategories?: boolean;
     infiniteCarrousel?: boolean;
     permanentGallery?: boolean;
-    imageLoadStrategy?: ImageLoadStrategy;
-    minImageWidth?: number;
-    maxImageWidth?: number;
+    mediaLoadStrategy?: MediaLoadStrategy_2;
+    minMediaWidth?: MediaWidth_2;
+    maxMediaWidth?: MediaWidth_2;
+    preloadRange?: number;
     preventFullScreen?: boolean;
     eventPrefix?: string;
     reverse360?: boolean;
@@ -143,9 +152,10 @@ declare type WebPlayerProps_2 = {
     hideCategories?: boolean;
     infiniteCarrousel?: boolean;
     permanentGallery?: boolean;
-    imageLoadStrategy?: ImageLoadStrategy_2;
-    minImageWidth?: number;
-    maxImageWidth?: number;
+    mediaLoadStrategy?: MediaLoadStrategy_3;
+    minMediaWidth?: MediaWidth_3;
+    maxMediaWidth?: MediaWidth_3;
+    preloadRange?: number;
     preventFullScreen?: boolean;
     eventPrefix?: string;
     reverse360?: boolean;