@playkit-js/playkit-js-ui 0.80.2 → 0.80.3-canary.0-6b56c7e
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/dist/playkit-js-ui.d.ts +48 -42
- package/dist/playkit-ui.js +1 -1
- package/dist/playkit-ui.js.map +1 -1
- package/dist/tsdoc-metadata.json +1 -1
- package/package.json +3 -1
- package/src/components/shell/shell.tsx +4 -0
- package/src/event/event-type.ts +2 -1
- package/src/event/events/player-hovered-event.ts +20 -0
package/dist/playkit-js-ui.d.ts
CHANGED
|
@@ -2286,7 +2286,7 @@ declare interface CvaaState {
|
|
|
2286
2286
|
style: string;
|
|
2287
2287
|
}
|
|
2288
2288
|
|
|
2289
|
-
declare const _default: (state:
|
|
2289
|
+
declare const _default: (state: ConfigState | undefined, action: any) => any;
|
|
2290
2290
|
|
|
2291
2291
|
declare const _default_10: (state: VolumeState | undefined, action: any) => {
|
|
2292
2292
|
draggingActive: any;
|
|
@@ -2457,12 +2457,12 @@ declare const _default_7: (state: SeekbarState | undefined, action: any) => {
|
|
|
2457
2457
|
declare const _default_8: (state: SettingsState | undefined, action: any) => {
|
|
2458
2458
|
quality: any;
|
|
2459
2459
|
speed: number;
|
|
2460
|
-
audio?: string
|
|
2460
|
+
audio?: string;
|
|
2461
2461
|
advancedAudioDesc: boolean;
|
|
2462
2462
|
} | {
|
|
2463
2463
|
speed: any;
|
|
2464
2464
|
quality: number;
|
|
2465
|
-
audio?: string
|
|
2465
|
+
audio?: string;
|
|
2466
2466
|
advancedAudioDesc: boolean;
|
|
2467
2467
|
} | {
|
|
2468
2468
|
audio: any;
|
|
@@ -2473,20 +2473,20 @@ declare const _default_8: (state: SettingsState | undefined, action: any) => {
|
|
|
2473
2473
|
advancedAudioDesc: any;
|
|
2474
2474
|
quality: number;
|
|
2475
2475
|
speed: number;
|
|
2476
|
-
audio?: string
|
|
2476
|
+
audio?: string;
|
|
2477
2477
|
} | {
|
|
2478
2478
|
isCaptionsEnabled: any;
|
|
2479
2479
|
quality: number;
|
|
2480
2480
|
speed: number;
|
|
2481
|
-
audio?: string
|
|
2481
|
+
audio?: string;
|
|
2482
2482
|
advancedAudioDesc: boolean;
|
|
2483
2483
|
};
|
|
2484
2484
|
|
|
2485
2485
|
declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
2486
2486
|
playerClasses: any[];
|
|
2487
|
-
isMobile?: boolean
|
|
2488
|
-
playerSize?: string
|
|
2489
|
-
isSmallSize?: boolean
|
|
2487
|
+
isMobile?: boolean;
|
|
2488
|
+
playerSize?: string;
|
|
2489
|
+
isSmallSize?: boolean;
|
|
2490
2490
|
guiClientRect: any;
|
|
2491
2491
|
playerClientRect: any;
|
|
2492
2492
|
videoClientRect: any;
|
|
@@ -2502,12 +2502,12 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2502
2502
|
[key: string]: any;
|
|
2503
2503
|
};
|
|
2504
2504
|
presetSettings: PresetSettings;
|
|
2505
|
-
documentWidth?: number
|
|
2505
|
+
documentWidth?: number;
|
|
2506
2506
|
} | {
|
|
2507
2507
|
isMobile: any;
|
|
2508
2508
|
playerClasses: string[];
|
|
2509
|
-
playerSize?: string
|
|
2510
|
-
isSmallSize?: boolean
|
|
2509
|
+
playerSize?: string;
|
|
2510
|
+
isSmallSize?: boolean;
|
|
2511
2511
|
guiClientRect: any;
|
|
2512
2512
|
playerClientRect: any;
|
|
2513
2513
|
videoClientRect: any;
|
|
@@ -2523,12 +2523,12 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2523
2523
|
[key: string]: any;
|
|
2524
2524
|
};
|
|
2525
2525
|
presetSettings: PresetSettings;
|
|
2526
|
-
documentWidth?: number
|
|
2526
|
+
documentWidth?: number;
|
|
2527
2527
|
} | {
|
|
2528
2528
|
playerSize: any;
|
|
2529
2529
|
playerClasses: string[];
|
|
2530
|
-
isMobile?: boolean
|
|
2531
|
-
isSmallSize?: boolean
|
|
2530
|
+
isMobile?: boolean;
|
|
2531
|
+
isSmallSize?: boolean;
|
|
2532
2532
|
guiClientRect: any;
|
|
2533
2533
|
playerClientRect: any;
|
|
2534
2534
|
videoClientRect: any;
|
|
@@ -2544,12 +2544,12 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2544
2544
|
[key: string]: any;
|
|
2545
2545
|
};
|
|
2546
2546
|
presetSettings: PresetSettings;
|
|
2547
|
-
documentWidth?: number
|
|
2547
|
+
documentWidth?: number;
|
|
2548
2548
|
} | {
|
|
2549
2549
|
isSmallSize: any;
|
|
2550
2550
|
playerClasses: string[];
|
|
2551
|
-
isMobile?: boolean
|
|
2552
|
-
playerSize?: string
|
|
2551
|
+
isMobile?: boolean;
|
|
2552
|
+
playerSize?: string;
|
|
2553
2553
|
guiClientRect: any;
|
|
2554
2554
|
playerClientRect: any;
|
|
2555
2555
|
videoClientRect: any;
|
|
@@ -2565,13 +2565,13 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2565
2565
|
[key: string]: any;
|
|
2566
2566
|
};
|
|
2567
2567
|
presetSettings: PresetSettings;
|
|
2568
|
-
documentWidth?: number
|
|
2568
|
+
documentWidth?: number;
|
|
2569
2569
|
} | {
|
|
2570
2570
|
documentWidth: any;
|
|
2571
2571
|
playerClasses: string[];
|
|
2572
|
-
isMobile?: boolean
|
|
2573
|
-
playerSize?: string
|
|
2574
|
-
isSmallSize?: boolean
|
|
2572
|
+
isMobile?: boolean;
|
|
2573
|
+
playerSize?: string;
|
|
2574
|
+
isSmallSize?: boolean;
|
|
2575
2575
|
guiClientRect: any;
|
|
2576
2576
|
playerClientRect: any;
|
|
2577
2577
|
videoClientRect: any;
|
|
@@ -2590,9 +2590,9 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2590
2590
|
} | {
|
|
2591
2591
|
playerHover: any;
|
|
2592
2592
|
playerClasses: string[];
|
|
2593
|
-
isMobile?: boolean
|
|
2594
|
-
playerSize?: string
|
|
2595
|
-
isSmallSize?: boolean
|
|
2593
|
+
isMobile?: boolean;
|
|
2594
|
+
playerSize?: string;
|
|
2595
|
+
isSmallSize?: boolean;
|
|
2596
2596
|
guiClientRect: any;
|
|
2597
2597
|
playerClientRect: any;
|
|
2598
2598
|
videoClientRect: any;
|
|
@@ -2607,13 +2607,13 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2607
2607
|
[key: string]: any;
|
|
2608
2608
|
};
|
|
2609
2609
|
presetSettings: PresetSettings;
|
|
2610
|
-
documentWidth?: number
|
|
2610
|
+
documentWidth?: number;
|
|
2611
2611
|
} | {
|
|
2612
2612
|
playerNav: any;
|
|
2613
2613
|
playerClasses: string[];
|
|
2614
|
-
isMobile?: boolean
|
|
2615
|
-
playerSize?: string
|
|
2616
|
-
isSmallSize?: boolean
|
|
2614
|
+
isMobile?: boolean;
|
|
2615
|
+
playerSize?: string;
|
|
2616
|
+
isSmallSize?: boolean;
|
|
2617
2617
|
guiClientRect: any;
|
|
2618
2618
|
playerClientRect: any;
|
|
2619
2619
|
videoClientRect: any;
|
|
@@ -2628,13 +2628,13 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2628
2628
|
[key: string]: any;
|
|
2629
2629
|
};
|
|
2630
2630
|
presetSettings: PresetSettings;
|
|
2631
|
-
documentWidth?: number
|
|
2631
|
+
documentWidth?: number;
|
|
2632
2632
|
} | {
|
|
2633
2633
|
smartContainerOpen: any;
|
|
2634
2634
|
playerClasses: string[];
|
|
2635
|
-
isMobile?: boolean
|
|
2636
|
-
playerSize?: string
|
|
2637
|
-
isSmallSize?: boolean
|
|
2635
|
+
isMobile?: boolean;
|
|
2636
|
+
playerSize?: string;
|
|
2637
|
+
isSmallSize?: boolean;
|
|
2638
2638
|
guiClientRect: any;
|
|
2639
2639
|
playerClientRect: any;
|
|
2640
2640
|
videoClientRect: any;
|
|
@@ -2649,13 +2649,13 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2649
2649
|
[key: string]: any;
|
|
2650
2650
|
};
|
|
2651
2651
|
presetSettings: PresetSettings;
|
|
2652
|
-
documentWidth?: number
|
|
2652
|
+
documentWidth?: number;
|
|
2653
2653
|
} | {
|
|
2654
2654
|
activePresetName: any;
|
|
2655
2655
|
playerClasses: string[];
|
|
2656
|
-
isMobile?: boolean
|
|
2657
|
-
playerSize?: string
|
|
2658
|
-
isSmallSize?: boolean
|
|
2656
|
+
isMobile?: boolean;
|
|
2657
|
+
playerSize?: string;
|
|
2658
|
+
isSmallSize?: boolean;
|
|
2659
2659
|
guiClientRect: any;
|
|
2660
2660
|
playerClientRect: any;
|
|
2661
2661
|
videoClientRect: any;
|
|
@@ -2670,13 +2670,13 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2670
2670
|
[key: string]: any;
|
|
2671
2671
|
};
|
|
2672
2672
|
presetSettings: PresetSettings;
|
|
2673
|
-
documentWidth?: number
|
|
2673
|
+
documentWidth?: number;
|
|
2674
2674
|
} | {
|
|
2675
2675
|
presetSettings: any;
|
|
2676
2676
|
playerClasses: string[];
|
|
2677
|
-
isMobile?: boolean
|
|
2678
|
-
playerSize?: string
|
|
2679
|
-
isSmallSize?: boolean
|
|
2677
|
+
isMobile?: boolean;
|
|
2678
|
+
playerSize?: string;
|
|
2679
|
+
isSmallSize?: boolean;
|
|
2680
2680
|
guiClientRect: any;
|
|
2681
2681
|
playerClientRect: any;
|
|
2682
2682
|
videoClientRect: any;
|
|
@@ -2691,7 +2691,7 @@ declare const _default_9: (state: ShellState | undefined, action: any) => {
|
|
|
2691
2691
|
sidePanelsSizes: {
|
|
2692
2692
|
[key: string]: any;
|
|
2693
2693
|
};
|
|
2694
|
-
documentWidth?: number
|
|
2694
|
+
documentWidth?: number;
|
|
2695
2695
|
};
|
|
2696
2696
|
|
|
2697
2697
|
/**
|
|
@@ -3071,6 +3071,7 @@ declare const EventType: {
|
|
|
3071
3071
|
readonly USER_SELECTED_CAPTIONS_BACKGROUND_COLOR: "playkit-ui-userselectedcaptionsbackgroundcolor";
|
|
3072
3072
|
readonly USER_SELECTED_CAPTIONS_BACKGROUND_OPACITY: "playkit-ui-userselectedcaptionsbackgroundopacity";
|
|
3073
3073
|
readonly BOTTOM_BAR_CLIENT_RECT_CHANGED: "playkit-ui-bottombarclientrectchanged";
|
|
3074
|
+
readonly PLAYER_HOVERED: "playkit-ui-playerhovered";
|
|
3074
3075
|
};
|
|
3075
3076
|
export { EventType }
|
|
3076
3077
|
export { EventType as UIEventType }
|
|
@@ -3615,7 +3616,12 @@ declare const initialState_9: {
|
|
|
3615
3616
|
bottom: string;
|
|
3616
3617
|
};
|
|
3617
3618
|
sidePanelsSizes: {
|
|
3618
|
-
[
|
|
3619
|
+
[SidePanelOrientation.VERTICAL]: {
|
|
3620
|
+
min: number;
|
|
3621
|
+
max: number;
|
|
3622
|
+
ratio: number;
|
|
3623
|
+
};
|
|
3624
|
+
[SidePanelOrientation.HORIZONTAL]: {
|
|
3619
3625
|
min: number;
|
|
3620
3626
|
max: number;
|
|
3621
3627
|
ratio: number;
|