@car-cutter/wc-webplayer 0.7.0 → 0.8.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 declare type AspectRatio = `${number}:${number}`;
 
-declare type CamelToKebab<S extends string> = S extends `${infer T}${infer U}` ? `${T extends Lowercase<T> ? "" : "-"}${Lowercase<T>}${CamelToKebab<U>}` : S;
+declare type CamelToDashed<S extends string> = S extends `${infer T}${infer U}` ? `${T extends Lowercase<T> ? "" : "-"}${Lowercase<T>}${CamelToDashed<U>}` : S;
 
 declare type Category = {
     id: string;
@@ -94,46 +94,55 @@ 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 PropsToAttributes<T> = {
+    [K in keyof T as CamelToDashed<string & K>]: ToStringOrOptional<T[K]>;
+};
 
 declare type ThreeSixtyItem = {
     type: "360";
     images: ImageWithHotspots[];
 };
 
+declare type ToStringOrOptional<T> = T extends undefined ? string | undefined : string;
+
 declare type VideoItem = {
     type: "video";
     src: string;
-    poster: string;
+    poster?: string;
 };
 
+export declare const WEB_PLAYER_CUSTOM_MEDIA_WC_TAG = "cc-webplayer-custom-media";
+
 export declare const WEB_PLAYER_ICON_WC_TAG = "cc-webplayer-icon";
 
 export declare const WEB_PLAYER_WC_TAG = "cc-webplayer";
 
-export declare type WebPlayerAttributes = Record<CamelToKebab<keyof WebPlayerProps_2>, string>;
+export declare type WebPlayerAttributes = PropsToAttributes<WebPlayerProps>;
 
-export declare type WebPlayerIconAttributes = Record<CamelToKebab<keyof WebPlayerIconProps_2>, string>;
+export declare type WebPlayerCustomMediaAttributes = PropsToAttributes<WebPlayerCustomMediaProps>;
 
-export declare type WebPlayerIconProps = {
-    name: string;
-    color?: string;
+declare type WebPlayerCustomMediaProps = {
+    index: number;
+    thumbnailSrc?: string;
 };
 
-declare type WebPlayerIconProps_2 = {
-    name: string;
-    color?: string;
+export declare const webPlayerCustomMediaPropsToAttributes: (props: WebPlayerCustomMediaProps) => WebPlayerCustomMediaAttributes;
+
+export declare type WebPlayerIconAttributes = PropsToAttributes<WebPlayerIconProps>;
+
+declare type WebPlayerIconName = "UI_ARROW_RIGHT" | "UI_BURGER" | "UI_CLOSE" | "UI_EXTEND" | "UI_GALLERY" | "UI_HOTSPOTS" | "UI_IMAGE" | "UI_MINUS" | "UI_PAUSE" | "UI_PLAY" | "UI_PLUS" | "UI_REDUCE" | "UI_360" | "UI_VOLUME" | "UI_VOLUME_OFF" | "CONTROLS_PREV" | "CONTROLS_NEXT" | (string & {});
+
+declare type WebPlayerIconProps = {
+    name: WebPlayerIconName;
 };
 
-export declare const webPlayerIconPropsToAttributes: (props: WebPlayerIconProps_2) => WebPlayerIconAttributes;
+export declare const webPlayerIconPropsToAttributes: (props: WebPlayerIconProps) => WebPlayerIconAttributes;
 
-export declare type WebPlayerProps = {
+declare type WebPlayerProps = {
     compositionUrl: string;
     hideCategories?: boolean;
     infiniteCarrousel?: boolean;
@@ -147,20 +156,6 @@ export declare type WebPlayerProps = {
     reverse360?: boolean;
 };
 
-declare type WebPlayerProps_2 = {
-    compositionUrl: string;
-    hideCategories?: boolean;
-    infiniteCarrousel?: boolean;
-    permanentGallery?: boolean;
-    mediaLoadStrategy?: MediaLoadStrategy_3;
-    minMediaWidth?: MediaWidth_3;
-    maxMediaWidth?: MediaWidth_3;
-    preloadRange?: number;
-    preventFullScreen?: boolean;
-    eventPrefix?: string;
-    reverse360?: boolean;
-};
-
-export declare const webPlayerPropsToAttributes: (props: WebPlayerProps_2) => WebPlayerAttributes;
+export declare const webPlayerPropsToAttributes: (props: WebPlayerProps) => WebPlayerAttributes;
 
 export { }