@lazycatcloud/lzc-video-player 0.0.53 → 0.0.55

package/dist/src/components/PlayList/index.vue.d.ts

@@ -1,7 +1,8 @@
 import type { VideoInfo } from '../../model';
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
     };
     isPlaying: {
         type: import("vue").PropType<(info: VideoInfo) => boolean>;
@@ -12,7 +13,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     back: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
     };
     isPlaying: {
         type: import("vue").PropType<(info: VideoInfo) => boolean>;

package/dist/src/components/Video/components/LzcCurrentTimeDisplay.d.ts

@@ -1,53 +1,7 @@
-import videojs from "video.js";
-declare const Component: {
-    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Component;
-    prototype: videojs.Component;
-    getComponent(name: "button" | "Button"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
-        prototype: videojs.Button;
-    };
-    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ClickableComponentOptions | undefined): videojs.ClickableComponent;
-        prototype: videojs.ClickableComponent;
-    };
-    getComponent(name: "ModalDialog" | "modaldialog"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions | undefined): videojs.ModalDialog;
-        prototype: videojs.ModalDialog;
-    };
-    getComponent(name: "menu" | "Menu"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions | undefined): videojs.Menu;
-        prototype: videojs.Menu;
-    };
-    getComponent(name: "MenuButton" | "menubutton"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions | undefined): videojs.MenuButton;
-        prototype: videojs.MenuButton;
-    };
-    getComponent(name: "MenuItem" | "menuitem"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions | undefined): videojs.MenuItem;
-        prototype: videojs.MenuItem;
-    };
-    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.MouseTimeDisplay;
-        prototype: videojs.MouseTimeDisplay;
-    };
-    getComponent(name: "Spacer" | "spacer"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Spacer;
-        prototype: videojs.Spacer;
-    };
-    getComponent(name: "player" | "Player"): {
-        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions | undefined): import("video.js").VideoJsPlayer;
-        prototype: import("video.js").VideoJsPlayer;
-        getTagSettings(tag: Element): any;
-    };
-    getComponent(name: "timeTooltip" | "TimeTooltip"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.TimeToolTip;
-        prototype: videojs.TimeToolTip;
-    };
-    getComponent(name: string): any;
-    registerComponent(name: string, ComponentToRegister: any): any;
-};
+import type { LzcPlayer } from "video.js";
+declare const Component: typeof import("video.js/dist/types/component").default;
 export declare class LzcCurrentTimeDisplay extends Component {
-    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    constructor(player: LzcPlayer, options?: any);
     buildCSSClass(): string;
 }
 export default LzcCurrentTimeDisplay;

package/dist/src/components/Video/components/LzcFullscreenToggle.d.ts

@@ -1,12 +1,10 @@
-import videojs from "video.js";
-declare const Button: {
-    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
-    prototype: videojs.Button;
-};
+import type { LzcPlayer } from "video.js";
+import type ButtonType from "video.js/dist/types/button";
+declare const Button: typeof ButtonType;
 declare class LzcFullscreenToggle extends Button {
-    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    constructor(player: LzcPlayer, options?: any);
     buildCSSClass(): string;
-    createEl(): HTMLButtonElement;
+    createEl(): Element;
     handleClick(_: Event): void;
 }
 export default LzcFullscreenToggle;

package/dist/src/components/Video/components/LzcLoadingSpinner.d.ts

@@ -1,53 +1,7 @@
-import videojs from "video.js";
-declare const Component: {
-    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Component;
-    prototype: videojs.Component;
-    getComponent(name: "button" | "Button"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
-        prototype: videojs.Button;
-    };
-    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ClickableComponentOptions | undefined): videojs.ClickableComponent;
-        prototype: videojs.ClickableComponent;
-    };
-    getComponent(name: "ModalDialog" | "modaldialog"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions | undefined): videojs.ModalDialog;
-        prototype: videojs.ModalDialog;
-    };
-    getComponent(name: "menu" | "Menu"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions | undefined): videojs.Menu;
-        prototype: videojs.Menu;
-    };
-    getComponent(name: "MenuButton" | "menubutton"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions | undefined): videojs.MenuButton;
-        prototype: videojs.MenuButton;
-    };
-    getComponent(name: "MenuItem" | "menuitem"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions | undefined): videojs.MenuItem;
-        prototype: videojs.MenuItem;
-    };
-    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.MouseTimeDisplay;
-        prototype: videojs.MouseTimeDisplay;
-    };
-    getComponent(name: "Spacer" | "spacer"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Spacer;
-        prototype: videojs.Spacer;
-    };
-    getComponent(name: "player" | "Player"): {
-        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions | undefined): import("video.js").VideoJsPlayer;
-        prototype: import("video.js").VideoJsPlayer;
-        getTagSettings(tag: Element): any;
-    };
-    getComponent(name: "timeTooltip" | "TimeTooltip"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.TimeToolTip;
-        prototype: videojs.TimeToolTip;
-    };
-    getComponent(name: string): any;
-    registerComponent(name: string, ComponentToRegister: any): any;
-};
+import type { LzcPlayer } from "video.js";
+declare const Component: typeof import("video.js/dist/types/component").default;
 declare class LzcLoadingSpinner extends Component {
-    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    constructor(player: LzcPlayer, options?: any);
     createEl(): Element;
 }
 export default LzcLoadingSpinner;

package/dist/src/components/Video/components/LzcModal/index.vue.d.ts

@@ -1,20 +1,21 @@
-import type videojs from "video.js";
+import type { LzcPlayer } from "video.js";
+import type ModalDialog from "video.js/dist/types/modal-dialog";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
     modal: {
-        type: import("vue").PropType<videojs.ModalDialog>;
+        type: import("vue").PropType<ModalDialog>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
     modal: {
-        type: import("vue").PropType<videojs.ModalDialog>;
+        type: import("vue").PropType<ModalDialog>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Video/components/LzcModal/list.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Video/components/LzcModal/playrate.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Video/components/LzcModal/resolution.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Video/components/LzcModal.d.ts

@@ -1,10 +1,8 @@
-import videojs from "video.js";
-declare const Component: {
-    new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions | undefined): videojs.ModalDialog;
-    prototype: videojs.ModalDialog;
-};
-declare class LzcModal extends Component {
-    constructor(player: videojs.Player, options?: videojs.ModalDialogOptions);
+import type { LzcPlayer } from "video.js";
+import type ModalDialogType from "video.js/dist/types/modal-dialog";
+declare const ModalDialog: typeof ModalDialogType;
+declare class LzcModal extends ModalDialog {
+    constructor(player: LzcPlayer, options?: any);
     openModal(active: "LzcPlayrate" | "LzcPlaylist" | "LzcResolution"): void;
     createEl(): Element;
 }

package/dist/src/components/Video/components/LzcOverlay/cast.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "ok")[], "hide" | "ok", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{

package/dist/src/components/Video/components/LzcOverlay/castPlugin.d.ts

@@ -1,5 +1,4 @@
-import videojs from "video.js";
-declare const Tech: videojs.Tech | undefined;
+declare const Tech: import("video.js/dist/types/tech/tech").default | undefined;
 declare class LzcCast extends Tech {
     private _currentTime;
     constructor(options: any, ready: any);

package/dist/src/components/Video/components/LzcOverlay/casting.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Video/components/LzcOverlay/error.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Video/components/LzcOverlay/helper.d.ts

@@ -1,8 +1,4 @@
 import type { TouchSwipeParams } from "quasar";
-interface DimensionObject {
-    width: number;
-    height: number;
-}
 export interface TouchPanEvent extends TouchSwipeParams {
     isFirst: boolean;
     isFinal: boolean;
@@ -19,13 +15,12 @@ export interface TouchPanEvent extends TouchSwipeParams {
         left: number;
     };
 }
-export declare const computeBrightness: (currBrightness: number, event: TouchPanEvent, dim: DimensionObject) => {
+export declare const computeBrightness: (currBrightness: number, event: TouchPanEvent, dim: any) => {
     percent: number;
     brightness: number;
 };
-export declare const computeVolume: (currentVolume: number, event: TouchPanEvent, dim: DimensionObject) => {
+export declare const computeVolume: (currentVolume: number, event: TouchPanEvent, dim: any) => {
     percent: number;
     volume: number;
 };
-export declare const computeProgress: (total: number, currentTime: number, event: TouchPanEvent, dim: DimensionObject) => number;
-export {};
+export declare const computeProgress: (total: number, currentTime: number, event: TouchPanEvent, dim: any) => number;

package/dist/src/components/Video/components/LzcOverlay/index.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Video/components/LzcOverlay/playing.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Video/components/LzcOverlay/playingButtons.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/Video/components/LzcOverlay/playingLayout.vue.d.ts

@@ -1,11 +1,12 @@
+import type { LzcPlayer } from "video.js";
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     player: {
-        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        type: import("vue").PropType<LzcPlayer>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {

package/dist/src/components/Video/components/LzcOverlay/useCast.d.ts

@@ -1,16 +1,16 @@
 import { type Ref } from "vue";
 import type { Subscription } from "rxjs";
 import { type RemoteMediaPlayer } from "@lazycatcloud/sdk/dist/dlna/dlna";
-import type videojs from "video.js";
+import type { LzcPlayer } from "video.js";
 export declare const devices: Ref<RemoteMediaPlayer[]>;
 export declare const castSubscribe: Ref<Subscription | null>;
 export declare const castDevice: Ref<RemoteMediaPlayer | null>;
 export declare const castLoading: Ref<boolean>;
 export declare const castPaused: Ref<boolean>;
 export declare function useRefresh(): void;
-export declare function doPlayAction(player: videojs.Player, mediaFile: string): Promise<void>;
+export declare function doPlayAction(player: LzcPlayer, mediaFile: string): Promise<void>;
 export declare function doPauseAction(): Promise<import("@lazycatcloud/sdk/dist/google/protobuf/empty").Empty>;
 export declare function doContinueAction(): Promise<import("@lazycatcloud/sdk/dist/google/protobuf/empty").Empty>;
 export declare function doStopAction(): Promise<void>;
 export declare function doSeekAction(time: number): Promise<import("@lazycatcloud/sdk/dist/google/protobuf/empty").Empty>;
-export declare function doPlayNextAction(player: videojs.Player, mediaFile: string): Promise<void>;
+export declare function doPlayNextAction(player: LzcPlayer, mediaFile: string): Promise<void>;

package/dist/src/components/Video/components/LzcOverlay/useCommon.d.ts

@@ -1,5 +1,5 @@
-import type videojs from "video.js";
-export declare const useVideoName: (player: videojs.Player) => {
+import type { LzcPlayer } from "video.js";
+export declare const useVideoName: (player: LzcPlayer) => {
     videoName: import("vue").Ref<string, string>;
 };
 export declare function parseSecond(t: string | number): number;

package/dist/src/components/Video/components/LzcOverlay.d.ts

@@ -1,53 +1,7 @@
-import videojs from "video.js";
-declare const Component: {
-    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Component;
-    prototype: videojs.Component;
-    getComponent(name: "button" | "Button"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
-        prototype: videojs.Button;
-    };
-    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ClickableComponentOptions | undefined): videojs.ClickableComponent;
-        prototype: videojs.ClickableComponent;
-    };
-    getComponent(name: "ModalDialog" | "modaldialog"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions | undefined): videojs.ModalDialog;
-        prototype: videojs.ModalDialog;
-    };
-    getComponent(name: "menu" | "Menu"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions | undefined): videojs.Menu;
-        prototype: videojs.Menu;
-    };
-    getComponent(name: "MenuButton" | "menubutton"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions | undefined): videojs.MenuButton;
-        prototype: videojs.MenuButton;
-    };
-    getComponent(name: "MenuItem" | "menuitem"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions | undefined): videojs.MenuItem;
-        prototype: videojs.MenuItem;
-    };
-    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.MouseTimeDisplay;
-        prototype: videojs.MouseTimeDisplay;
-    };
-    getComponent(name: "Spacer" | "spacer"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Spacer;
-        prototype: videojs.Spacer;
-    };
-    getComponent(name: "player" | "Player"): {
-        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions | undefined): import("video.js").VideoJsPlayer;
-        prototype: import("video.js").VideoJsPlayer;
-        getTagSettings(tag: Element): any;
-    };
-    getComponent(name: "timeTooltip" | "TimeTooltip"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.TimeToolTip;
-        prototype: videojs.TimeToolTip;
-    };
-    getComponent(name: string): any;
-    registerComponent(name: string, ComponentToRegister: any): any;
-};
+import type { LzcPlayer } from "video.js";
+declare const Component: typeof import("video.js/dist/types/component").default;
 declare class LzcOverlay extends Component {
-    constructor(player: videojs.Player, options?: videojs.ModalDialogOptions);
+    constructor(player: LzcPlayer, options?: any);
     createEl(): Element;
 }
 export default LzcOverlay;

package/dist/src/components/Video/components/LzcPlayRate.d.ts

@@ -1,11 +1,8 @@
-import videojs from "video.js";
-declare const Button: {
-    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
-    prototype: videojs.Button;
-};
+import type { LzcPlayer } from "video.js";
+declare const Button: typeof import("video.js/dist/types/component").default;
 declare class LzcPlayrateButton extends Button {
-    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
-    createEl(): HTMLButtonElement;
+    constructor(player: LzcPlayer, options?: any);
+    createEl(): Element;
     handleClick(): void;
 }
 export default LzcPlayrateButton;

package/dist/src/components/Video/components/LzcPlayToggle.d.ts

@@ -1,53 +1,7 @@
-import videojs from "video.js";
-declare const Button: {
-    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Component;
-    prototype: videojs.Component;
-    getComponent(name: "button" | "Button"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
-        prototype: videojs.Button;
-    };
-    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ClickableComponentOptions | undefined): videojs.ClickableComponent;
-        prototype: videojs.ClickableComponent;
-    };
-    getComponent(name: "ModalDialog" | "modaldialog"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions | undefined): videojs.ModalDialog;
-        prototype: videojs.ModalDialog;
-    };
-    getComponent(name: "menu" | "Menu"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions | undefined): videojs.Menu;
-        prototype: videojs.Menu;
-    };
-    getComponent(name: "MenuButton" | "menubutton"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions | undefined): videojs.MenuButton;
-        prototype: videojs.MenuButton;
-    };
-    getComponent(name: "MenuItem" | "menuitem"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions | undefined): videojs.MenuItem;
-        prototype: videojs.MenuItem;
-    };
-    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.MouseTimeDisplay;
-        prototype: videojs.MouseTimeDisplay;
-    };
-    getComponent(name: "Spacer" | "spacer"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined, ready?: videojs.Component.ReadyCallback | undefined): videojs.Spacer;
-        prototype: videojs.Spacer;
-    };
-    getComponent(name: "player" | "Player"): {
-        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions | undefined): import("video.js").VideoJsPlayer;
-        prototype: import("video.js").VideoJsPlayer;
-        getTagSettings(tag: Element): any;
-    };
-    getComponent(name: "timeTooltip" | "TimeTooltip"): {
-        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.TimeToolTip;
-        prototype: videojs.TimeToolTip;
-    };
-    getComponent(name: string): any;
-    registerComponent(name: string, ComponentToRegister: any): any;
-};
+import type { LzcPlayer } from "video.js";
+declare const Button: typeof import("video.js/dist/types/component").default;
 declare class LzcPlayToggle extends Button {
-    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    constructor(player: LzcPlayer, options?: any);
     createEl(): Element;
 }
 export default LzcPlayToggle;

package/dist/src/components/Video/components/LzcPlaylistButton.d.ts

@@ -1,11 +1,8 @@
-import videojs from "video.js";
-declare const Button: {
-    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
-    prototype: videojs.Button;
-};
+import type { LzcPlayer } from "video.js";
+declare const Button: typeof import("video.js/dist/types/component").default;
 declare class LzcPlaylistButton extends Button {
-    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
-    createEl(): HTMLButtonElement;
+    constructor(player: LzcPlayer, options?: any);
+    createEl(): Element;
     dispose(): void;
     handleClick(): void;
 }

package/dist/src/components/Video/components/LzcPlaylistNext.d.ts

@@ -1,12 +1,9 @@
-import videojs from "video.js";
-declare const Button: {
-    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
-    prototype: videojs.Button;
-};
+import type { LzcPlayer } from "video.js";
+declare const Button: typeof import("video.js/dist/types/component").default;
 declare class LzcPlaylistNext extends Button {
     private store;
-    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
-    createEl(): HTMLButtonElement;
+    constructor(player: LzcPlayer, options?: any);
+    createEl(): Element;
     dispose(): void;
     handleClick(): void;
 }