@lazycatcloud/lzc-video-player 0.0.1

package/README.md

@@ -0,0 +1,2 @@
+# lzc-video-player
+

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

@@ -0,0 +1,19 @@
+import type { VideoInfo } from '../../model';
+declare const _default: import("vue").DefineComponent<{
+    isPlaying: {
+        type: import("vue").PropType<(info: VideoInfo) => boolean>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    openVideo: (info: VideoInfo) => void;
+    back: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isPlaying: {
+        type: import("vue").PropType<(info: VideoInfo) => boolean>;
+        required: true;
+    };
+}>> & {
+    onOpenVideo?: ((info: VideoInfo) => any) | undefined;
+    onBack?: (() => any) | undefined;
+}, {}>;
+export default _default;

package/dist/components/SlideItem/index.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
+    default?(_: {}): any;
+    right?(_: {}): any;
+}>;
+export default _default;
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Spectrum/index.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    height: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    gap: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    gap: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    height: string;
+    width: string;
+    gap: string;
+}>;
+export default _default;

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

@@ -0,0 +1,53 @@
+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;
+};
+export declare class LzcCurrentTimeDisplay extends Component {
+    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    buildCSSClass(): string;
+}
+export default LzcCurrentTimeDisplay;

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

@@ -0,0 +1,53 @@
+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;
+};
+declare class LzcLoadingSpinner extends Component {
+    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    createEl(): Element;
+}
+export default LzcLoadingSpinner;

package/dist/components/Video/components/LzcModal/components/simpleList.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    items: {
+        type: import("vue").PropType<any[]>;
+        required: true;
+    };
+    isActive: {
+        type: import("vue").PropType<(item: any) => boolean>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: any) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: import("vue").PropType<any[]>;
+        required: true;
+    };
+    isActive: {
+        type: import("vue").PropType<(item: any) => boolean>;
+        required: true;
+    };
+}>> & {
+    onSelect?: ((item: any) => any) | undefined;
+}, {}>, {
+    default?(_: {
+        data: {
+            item: any;
+            index: number;
+        };
+    }): any;
+}>;
+export default _default;
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Video/components/LzcModal/index-horizontal.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/dist/components/Video/components/LzcModal/index-vertical.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,21 @@
+import type videojs from "video.js";
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<videojs.ModalDialog>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<videojs.ModalDialog>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1 @@
+export declare const activePage: import("vue").Ref<string>;

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

@@ -0,0 +1,11 @@
+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);
+    openModal(active: "LzcPlayrate" | "LzcPlaylist" | "LzcResolution"): void;
+    createEl(): Element;
+}
+export default LzcModal;

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

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("ok" | "hide")[], "ok" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>> & {
+    onOk?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,12 @@
+import videojs from "video.js";
+declare const Tech: videojs.Tech | undefined;
+declare class LzcCast extends Tech {
+    private _currentTime;
+    constructor(options: any, ready: any);
+    currentTime(): number;
+    setCurrentTime(seconds: number): void;
+    play(): void;
+    pause(): void;
+    paused(): boolean;
+}
+export default LzcCast;

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,31 @@
+import type { TouchSwipeParams } from "quasar";
+interface DimensionObject {
+    width: number;
+    height: number;
+}
+export interface TouchPanEvent extends TouchSwipeParams {
+    isFirst: boolean;
+    isFinal: boolean;
+    offset: {
+        x: number;
+        y: number;
+    };
+    delta: {
+        x: number;
+        y: number;
+    };
+    position: {
+        top: number;
+        left: number;
+    };
+}
+export declare const computeBrightness: (currBrightness: number, event: TouchPanEvent, dim: DimensionObject) => {
+    percent: number;
+    brightness: number;
+};
+export declare const computeVolume: (currentVolume: number, event: TouchPanEvent, dim: DimensionObject) => {
+    percent: number;
+    volume: number;
+};
+export declare const computeProgress: (total: number, currentTime: number, event: TouchPanEvent, dim: DimensionObject) => number;
+export {};

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,19 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+        required: true;
+    };
+}>>, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +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";
+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 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>;

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

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

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

@@ -0,0 +1,53 @@
+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;
+};
+declare class LzcOverlay extends Component {
+    constructor(player: videojs.Player, options?: videojs.ModalDialogOptions);
+    createEl(): Element;
+}
+export default LzcOverlay;

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

@@ -0,0 +1,11 @@
+import videojs from "video.js";
+declare const Button: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
+    prototype: videojs.Button;
+};
+declare class LzcPlayrateButton extends Button {
+    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    createEl(): HTMLButtonElement;
+    handleClick(): void;
+}
+export default LzcPlayrateButton;

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

@@ -0,0 +1,53 @@
+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;
+};
+declare class LzcPlayToggle extends Button {
+    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    createEl(): Element;
+}
+export default LzcPlayToggle;

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

@@ -0,0 +1,12 @@
+import videojs from "video.js";
+declare const Button: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions | undefined): videojs.Button;
+    prototype: videojs.Button;
+};
+declare class LzcPlaylistButton extends Button {
+    constructor(player: videojs.Player, options?: videojs.ComponentOptions);
+    createEl(): HTMLButtonElement;
+    dispose(): void;
+    handleClick(): void;
+}
+export default LzcPlaylistButton;