@wscsports/blaze-web-sdk 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wscsports/blaze-web-sdk",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "main": "publish/index",
   "types": "publish/index",
   "files": [

package/publish/index.d.ts

@@ -697,7 +697,7 @@ export declare const FAIL_TO_LOAD_TIMEOUT_MS = 3000;
 export declare class Database implements IDatabase {
     private readonly options;
     constructor(options: IDatabaseOptions);
-    dbInstance: IDBDatabase;
+    dbInstance?: IDBDatabase;
     init(options: IDatabaseInitOptions): Promise<void>;
     createTransaction(tableName: string, mode: 'readonly' | 'readwrite'): IDBObjectStore | undefined;
     get<T>(tableName: string, key: string): Promise<IResponse<T>>;
@@ -1093,7 +1093,7 @@ export interface IButtonPlayerNavigationConfig {
 export interface IButtonPlayerConfig {
     iconUrl: string;
     eventType: string;
-    clickHandler: () => void;
+    clickHandler: (event: Event) => void;
     dataTestId?: string;
 }
 
@@ -1671,7 +1671,6 @@ declare abstract class VideoCacheServiceClass extends VideoCacheServiceClass_bas
     checkCacheSize(): Promise<void>;
     isVideoDownloading(url: string): boolean;
     isInitialized(): boolean;
-    private handleError;
     private fetchAndCache;
     private cacheResponse;
     addCacheVideoByUrl(url: string): Promise<Response | void>;
@@ -1865,6 +1864,23 @@ type BlazeMomentsPlayerButtonStyle = {
     tablet: BlazeMomentsPlayerButtonDeviceStyle;
     desktop: BlazeMomentsPlayerButtonDeviceStyle;
 };
+type BlazeSeekBarStyle = {
+    isVisible: boolean;
+    isThumbVisible: boolean;
+    backgroundColor: string;
+    progressColor: string;
+    height: string;
+    cornerRadius: string;
+    thumbColor: string;
+    thumbSize: string;
+};
+export type BlazeMomentsPlayerSeekBarStyle = {
+    isVisible: boolean;
+    bottomSpacing: string;
+    horizontalSpacing: string;
+    playingState: BlazeSeekBarStyle;
+    pausedState: BlazeSeekBarStyle;
+};
 export interface MomentPlayerStyle {
     headingText: BlazeMomentsPlayerHeadingTextStyle;
     bodyText: BlazeMomentsPlayerBodyTextStyle;
@@ -1873,6 +1889,7 @@ export interface MomentPlayerStyle {
     icons: BlazeMomentIconsStyle;
     iconsButtonOrder: IconButtonType[];
     iconsPosition: IconsPositionType;
+    seekBar: BlazeMomentsPlayerSeekBarStyle;
 }
 export interface CtaButtonStyle {
     borderRadius: string;
@@ -3202,9 +3219,10 @@ export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
 
 export declare class BlazeWidgetMomentSeekBar extends HTMLElement {
     video: BlazeWidgetVideo | BlazeWidgetAd;
+    seekBarStyle: BlazeMomentsPlayerSeekBarStyle;
     private progress;
     private playbackParts;
-    private isEmphasized;
+    private isProgressBarPaused;
     private listeners;
     onPause?: () => void;
     onResume?: () => void;
@@ -3219,10 +3237,11 @@ export declare class BlazeWidgetMomentSeekBar extends HTMLElement {
     private isInit;
     private animationFrameId;
     private lastProgress;
+    private progressBarContainer;
     private progressBarFill;
     private progressBarKnob;
     private isMouseIn;
-    constructor(video: BlazeWidgetVideo | BlazeWidgetAd);
+    constructor(video: BlazeWidgetVideo | BlazeWidgetAd, seekBarStyle: BlazeMomentsPlayerSeekBarStyle);
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, oldValue: string, _newValue: string): void;
     connectedCallback(): void;
@@ -3241,12 +3260,13 @@ export declare class BlazeWidgetMomentSeekBar extends HTMLElement {
     private onTouchMove;
     private handleOnMouseOut;
     private handleOnMouseIn;
-    private resetSeekBarStyle;
-    private emphasizesSeekBarStyle;
+    private applyPlayingSeekBarStyle;
+    private applyPauseSeekBarStyle;
     reset(): void;
     private handleSeek;
     private styleProgressContainer;
     private createPlaybackPart;
+    private updateProgressBarStyles;
     render(): void;
 }