@hekeh/easy-audio-player-vue/dist/index.d.ts

A simple audio player

import { AllowedComponentProps } from 'vue';
import { ComponentCustomProperties } from 'vue';
import { ComponentCustomProps } from 'vue';
import { ComponentInternalInstance } from 'vue';
import { ComponentOptionsBase } from 'vue';
import { ComponentOptionsMixin } from 'vue';
import { ComponentProvideOptions } from 'vue';
import { ComponentPublicInstance } from 'vue';
import { ComputedRef } from 'vue';
import { CreateComponentPublicInstanceWithMixins } from 'vue';
import { DebuggerEvent } from 'vue';
import { DefineComponent } from 'vue';
import { ExtractPropTypes } from 'vue';
import { GlobalComponents } from 'vue';
import { GlobalDirectives } from 'vue';
import { Instance } from '@hekeh/el-popover';
import { Measurable } from '@hekeh/el-popover';
import { nextTick } from 'vue';
import { Options } from '@hekeh/el-popover';
import { Placement } from '@hekeh/el-popover';
import { PopperEffect } from '@hekeh/el-popover';
import { PropType } from 'vue';
import { PublicProps } from 'vue';
import { Ref } from 'vue';
import { ShallowUnwrapRef } from 'vue';
import { Slot } from 'vue';
import { StyleValue } from 'vue';
import { TooltipTriggerType } from '@hekeh/el-popover';
import { VNodeProps } from 'vue';
import { WatchOptions } from 'vue';
import { WatchStopHandle } from 'vue';

declare interface AudioPlayerOptions {
    showDownloadButton?: boolean;
    stopOthersOnPlay?: boolean;
}

declare function bem(block: string, element?: string, modifier?: string): string;

declare const EasyAudioPlayer: DefineComponent<    {
url: string;
options: AudioPlayerOptions;
}, {
container: Ref<HTMLElement | null, HTMLElement | null>;
player: Ref<HTMLAudioElement | null, HTMLAudioElement | null>;
isPlaying: Ref<boolean, boolean>;
isLoading: Ref<boolean, boolean>;
showDownloadButton: ComputedRef<boolean>;
namespace: string;
togglePlay: () => Promise<void>;
downloadAudio: () => void;
onUpdateVolume: (volume: number) => void;
bem: typeof bem;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
url: string;
options: AudioPlayerOptions;
}> & Readonly<{}>, {
options: AudioPlayerOptions;
}, {}, {
PlayerVolume: DefineComponent<    {}, {
volumeBar: Ref<HTMLElement | null, HTMLElement | null>;
volumeBarPin: Ref<HTMLElement | null, HTMLElement | null>;
volumeBarWrapper: Ref<HTMLElement | null, HTMLElement | null>;
volume: ComputedRef<number>;
handleVolumeBarClick: (event: MouseEvent) => void;
startDraggingVolume: (event: MouseEvent) => void;
toggleVolumeOpen: () => void;
bem: typeof bem;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
'update:volume': (_: number) => boolean;
}, string, PublicProps, Readonly<{}> & Readonly<{
"onUpdate:volume"?: ((_: number) => any) | undefined;
}>, {}, {}, {
ElPopover: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<    {
readonly trigger: {
readonly type: PropType<TooltipTriggerType | TooltipTriggerType[]>;
readonly default: "hover";
};
readonly placement: {
readonly type: PropType<Placement>;
readonly default: "bottom";
};
readonly disabled: BooleanConstructor;
readonly visible: {
readonly type: PropType<boolean | null>;
readonly default: null;
};
readonly transition: StringConstructor;
readonly popperOptions: {
readonly type: PropType<Partial<Options>>;
readonly default: () => {};
};
readonly tabindex: {
readonly type: PropType<number | string>;
readonly default: 0;
};
readonly content: {
readonly type: StringConstructor;
readonly default: "";
};
readonly popperStyle: {
type: PropType<StyleValue>;
};
readonly popperClass: {
type: PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>;
};
readonly enterable: {
readonly default: true;
readonly type: BooleanConstructor;
};
readonly effect: {
readonly default: "light";
readonly type: PropType<PopperEffect | string>;
};
readonly teleported: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly title: StringConstructor;
readonly width: {
readonly type: PropType<string | number>;
readonly default: 150;
};
readonly offset: {
readonly type: NumberConstructor;
readonly default: undefined;
};
readonly showAfter: {
readonly type: NumberConstructor;
readonly default: 0;
};
readonly hideAfter: {
readonly type: NumberConstructor;
readonly default: 200;
};
readonly autoClose: {
readonly type: NumberConstructor;
readonly default: 0;
};
readonly showArrow: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly persistent: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly 'onUpdate:visible': {
readonly type: PropType<(visible: boolean) => void>;
};
}>> & Readonly<{
"onAfter-leave"?: (() => any) | undefined;
"onBefore-enter"?: (() => any) | undefined;
"onAfter-enter"?: (() => any) | undefined;
"onBefore-leave"?: (() => any) | undefined;
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
}>, {
popperRef: ComputedRef<({
$: ComponentInternalInstance;
$data: {};
$props: Partial<{
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
}> & Omit<{
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "role">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: Slot<any> | undefined;
}>;
$root: ComponentPublicInstance | null;
$parent: ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: ComponentOptionsBase<Readonly<ExtractPropTypes<    {
readonly role: {
readonly type: PropType<"dialog" | "menu" | "tooltip" | "grid" | "group" | "listbox" | "navigation" | "tree">;
readonly validator: (val: string) => boolean;
readonly default: "tooltip";
};
}>> & Readonly<{}>, {
triggerRef: Ref<Measurable | undefined>;
contentRef: Ref<HTMLElement | undefined>;
popperInstanceRef: Ref<Instance | undefined>;
referenceRef: Ref<Measurable | undefined>;
role: ComputedRef<string>;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: WatchOptions): WatchStopHandle;
} & Readonly<{
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
}> & Omit<Readonly<ExtractPropTypes<    {
readonly role: {
readonly type: PropType<"dialog" | "menu" | "tooltip" | "grid" | "group" | "listbox" | "navigation" | "tree">;
readonly validator: (val: string) => boolean;
readonly default: "tooltip";
};
}>> & Readonly<{}>, "role" | "triggerRef" | "contentRef" | "popperInstanceRef" | "referenceRef"> & ShallowUnwrapRef<    {
triggerRef: Ref<Measurable | undefined>;
contentRef: Ref<HTMLElement | undefined>;
popperInstanceRef: Ref<Instance | undefined>;
referenceRef: Ref<Measurable | undefined>;
role: ComputedRef<string>;
}> & {} & ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
};
}) | undefined>;
hide: () => void;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"after-leave": () => void;
"before-enter": () => void;
"after-enter": () => void;
"before-leave": () => void;
"update:visible": (value: boolean) => void;
}, PublicProps, {
readonly disabled: boolean;
readonly showAfter: number;
readonly hideAfter: number;
readonly autoClose: number;
readonly placement: Placement;
readonly effect: string;
readonly content: string;
readonly offset: number;
readonly width: string | number;
readonly popperOptions: Partial<Options>;
readonly visible: boolean | null;
readonly enterable: boolean;
readonly tabindex: string | number;
readonly trigger: TooltipTriggerType | TooltipTriggerType[];
readonly persistent: boolean;
readonly teleported: boolean;
readonly showArrow: boolean;
}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<ExtractPropTypes<    {
readonly trigger: {
readonly type: PropType<TooltipTriggerType | TooltipTriggerType[]>;
readonly default: "hover";
};
readonly placement: {
readonly type: PropType<Placement>;
readonly default: "bottom";
};
readonly disabled: BooleanConstructor;
readonly visible: {
readonly type: PropType<boolean | null>;
readonly default: null;
};
readonly transition: StringConstructor;
readonly popperOptions: {
readonly type: PropType<Partial<Options>>;
readonly default: () => {};
};
readonly tabindex: {
readonly type: PropType<number | string>;
readonly default: 0;
};
readonly content: {
readonly type: StringConstructor;
readonly default: "";
};
readonly popperStyle: {
type: PropType<StyleValue>;
};
readonly popperClass: {
type: PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>;
};
readonly enterable: {
readonly default: true;
readonly type: BooleanConstructor;
};
readonly effect: {
readonly default: "light";
readonly type: PropType<PopperEffect | string>;
};
readonly teleported: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly title: StringConstructor;
readonly width: {
readonly type: PropType<string | number>;
readonly default: 150;
};
readonly offset: {
readonly type: NumberConstructor;
readonly default: undefined;
};
readonly showAfter: {
readonly type: NumberConstructor;
readonly default: 0;
};
readonly hideAfter: {
readonly type: NumberConstructor;
readonly default: 200;
};
readonly autoClose: {
readonly type: NumberConstructor;
readonly default: 0;
};
readonly showArrow: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly persistent: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly 'onUpdate:visible': {
readonly type: PropType<(visible: boolean) => void>;
};
}>> & Readonly<{
"onAfter-leave"?: (() => any) | undefined;
"onBefore-enter"?: (() => any) | undefined;
"onAfter-enter"?: (() => any) | undefined;
"onBefore-leave"?: (() => any) | undefined;
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
}>, {
popperRef: ComputedRef<({
$: ComponentInternalInstance;
$data: {};
$props: Partial<{
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
}> & Omit<{
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "role">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: Slot<any> | undefined;
}>;
$root: ComponentPublicInstance | null;
$parent: ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: ComponentOptionsBase<Readonly<ExtractPropTypes<    {
readonly role: {
readonly type: PropType<"dialog" | "menu" | "tooltip" | "grid" | "group" | "listbox" | "navigation" | "tree">;
readonly validator: (val: string) => boolean;
readonly default: "tooltip";
};
}>> & Readonly<{}>, {
triggerRef: Ref<Measurable | undefined>;
contentRef: Ref<HTMLElement | undefined>;
popperInstanceRef: Ref<Instance | undefined>;
referenceRef: Ref<Measurable | undefined>;
role: ComputedRef<string>;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: WatchOptions): WatchStopHandle;
} & Readonly<{
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
}> & Omit<Readonly<ExtractPropTypes<    {
readonly role: {
readonly type: PropType<"dialog" | "menu" | "tooltip" | "grid" | "group" | "listbox" | "navigation" | "tree">;
readonly validator: (val: string) => boolean;
readonly default: "tooltip";
};
}>> & Readonly<{}>, "role" | "triggerRef" | "contentRef" | "popperInstanceRef" | "referenceRef"> & ShallowUnwrapRef<    {
triggerRef: Ref<Measurable | undefined>;
contentRef: Ref<HTMLElement | undefined>;
popperInstanceRef: Ref<Instance | undefined>;
referenceRef: Ref<Measurable | undefined>;
role: ComputedRef<string>;
}> & {} & ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
};
}) | undefined>;
hide: () => void;
}, {}, {}, {}, {
readonly disabled: boolean;
readonly showAfter: number;
readonly hideAfter: number;
readonly autoClose: number;
readonly placement: Placement;
readonly effect: string;
readonly content: string;
readonly offset: number;
readonly width: string | number;
readonly popperOptions: Partial<Options>;
readonly visible: boolean | null;
readonly enterable: boolean;
readonly tabindex: string | number;
readonly trigger: TooltipTriggerType | TooltipTriggerType[];
readonly persistent: boolean;
readonly teleported: boolean;
readonly showArrow: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & ComponentOptionsBase<Readonly<ExtractPropTypes<    {
readonly trigger: {
readonly type: PropType<TooltipTriggerType | TooltipTriggerType[]>;
readonly default: "hover";
};
readonly placement: {
readonly type: PropType<Placement>;
readonly default: "bottom";
};
readonly disabled: BooleanConstructor;
readonly visible: {
readonly type: PropType<boolean | null>;
readonly default: null;
};
readonly transition: StringConstructor;
readonly popperOptions: {
readonly type: PropType<Partial<Options>>;
readonly default: () => {};
};
readonly tabindex: {
readonly type: PropType<number | string>;
readonly default: 0;
};
readonly content: {
readonly type: StringConstructor;
readonly default: "";
};
readonly popperStyle: {
type: PropType<StyleValue>;
};
readonly popperClass: {
type: PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>;
};
readonly enterable: {
readonly default: true;
readonly type: BooleanConstructor;
};
readonly effect: {
readonly default: "light";
readonly type: PropType<PopperEffect | string>;
};
readonly teleported: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly title: StringConstructor;
readonly width: {
readonly type: PropType<string | number>;
readonly default: 150;
};
readonly offset: {
readonly type: NumberConstructor;
readonly default: undefined;
};
readonly showAfter: {
readonly type: NumberConstructor;
readonly default: 0;
};
readonly hideAfter: {
readonly type: NumberConstructor;
readonly default: 200;
};
readonly autoClose: {
readonly type: NumberConstructor;
readonly default: 0;
};
readonly showArrow: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly persistent: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly 'onUpdate:visible': {
readonly type: PropType<(visible: boolean) => void>;
};
}>> & Readonly<{
"onAfter-leave"?: (() => any) | undefined;
"onBefore-enter"?: (() => any) | undefined;
"onAfter-enter"?: (() => any) | undefined;
"onBefore-leave"?: (() => any) | undefined;
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
}>, {
popperRef: ComputedRef<({
$: ComponentInternalInstance;
$data: {};
$props: Partial<{
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
}> & Omit<{
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "role">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: Slot<any> | undefined;
}>;
$root: ComponentPublicInstance | null;
$parent: ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: ComponentOptionsBase<Readonly<ExtractPropTypes<    {
readonly role: {
readonly type: PropType<"dialog" | "menu" | "tooltip" | "grid" | "group" | "listbox" | "navigation" | "tree">;
readonly validator: (val: string) => boolean;
readonly default: "tooltip";
};
}>> & Readonly<{}>, {
triggerRef: Ref<Measurable | undefined>;
contentRef: Ref<HTMLElement | undefined>;
popperInstanceRef: Ref<Instance | undefined>;
referenceRef: Ref<Measurable | undefined>;
role: ComputedRef<string>;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: WatchOptions): WatchStopHandle;
} & Readonly<{
readonly role: "grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree";
}> & Omit<Readonly<ExtractPropTypes<    {
readonly role: {
readonly type: PropType<"dialog" | "menu" | "tooltip" | "grid" | "group" | "listbox" | "navigation" | "tree">;
readonly validator: (val: string) => boolean;
readonly default: "tooltip";
};
}>> & Readonly<{}>, "role" | "triggerRef" | "contentRef" | "popperInstanceRef" | "referenceRef"> & ShallowUnwrapRef<    {
triggerRef: Ref<Measurable | undefined>;
contentRef: Ref<HTMLElement | undefined>;
popperInstanceRef: Ref<Instance | undefined>;
referenceRef: Ref<Measurable | undefined>;
role: ComputedRef<string>;
}> & {} & ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
};
}) | undefined>;
hide: () => void;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"after-leave": () => void;
"before-enter": () => void;
"after-enter": () => void;
"before-leave": () => void;
"update:visible": (value: boolean) => void;
}, string, {
readonly disabled: boolean;
readonly showAfter: number;
readonly hideAfter: number;
readonly autoClose: number;
readonly placement: Placement;
readonly effect: string;
readonly content: string;
readonly offset: number;
readonly width: string | number;
readonly popperOptions: Partial<Options>;
readonly visible: boolean | null;
readonly enterable: boolean;
readonly tabindex: string | number;
readonly trigger: TooltipTriggerType | TooltipTriggerType[];
readonly persistent: boolean;
readonly teleported: boolean;
readonly showArrow: boolean;
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
$slots: {
reference?(_: {}): any;
default?(_: {}): any;
};
});
}, {}, string, ComponentProvideOptions, true, {}, any>;
PlayerProgress: DefineComponent<ExtractPropTypes<    {
player: {
type: PropType<HTMLAudioElement | null>;
required: true;
};
}>, {
progressBar: Ref<HTMLElement | null, HTMLElement | null>;
progressBarPin: Ref<HTMLElement | null, HTMLElement | null>;
currentTime: Ref<string, string>;
totalTime: Ref<string, string>;
percent: Ref<number, number>;
updateProgress: () => void;
handleProgressBarClick: (event: MouseEvent) => void;
startDraggingProcess: (event: MouseEvent) => void;
bem: typeof bem;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
player: {
type: PropType<HTMLAudioElement | null>;
required: true;
};
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
}, {}, string, ComponentProvideOptions, true, {}, any>;
export default EasyAudioPlayer;

export { }