@voicenter-team/voicenter-ui-plus 2.0.10 → 3.0.0

package/library/core/types/localization/index.d.ts

@@ -1,23 +0,0 @@
-import { App } from 'vue';
-import { LanguageType, TranslationsType, GetTranslationType, Global$tVUType } from './Localization.types';
-declare module '@vue/runtime-core' {
-    interface ComponentCustomProperties {
-        $tVU: Global$tVUType;
-    }
-}
-/**
- * Updates the locale messages by combining the existing messages with the new dictionary for a specified locale.
- *
- * @param {string} locale - The code of the locale for which messages are being updated.
- * @param {TranslationsType} dictionary - The dictionary object containing translations for the specified locale.
- * @return {void} - Does not return a value.
- */
-declare function updateLocaleMessages(locale: string, dictionary: TranslationsType): void;
-declare function changeLocale(locale: string): void;
-export declare const tVUManage: {
-    updateLocaleMessages: typeof updateLocaleMessages;
-    changeLocale: typeof changeLocale;
-};
-export declare const tVU: Global$tVUType;
-export default function (app: App, lang?: LanguageType, getTranslation?: GetTranslationType): void;
-export {};

package/library/core/types/services/VcNotifyService.d.ts

@@ -1,22 +0,0 @@
-import { App } from 'vue';
-declare const VcNotifySymbol: unique symbol;
-declare const NotifyService: {
-    add: (message: unknown) => void;
-    removeGroup: (group: string) => void;
-    removeAllGroups: () => void;
-};
-export declare const notify: {
-    add(message: unknown): void;
-    removeGroup(group: string): void;
-    removeAllGroups(): void;
-};
-export { VcNotifySymbol, NotifyService };
-declare module '@vue/runtime-core' {
-    interface ComponentCustomProperties {
-        $notify: typeof notify;
-    }
-}
-declare const _default: {
-    install: (app: App) => void;
-};
-export default _default;

package/library/core/types/theme/index.d.ts

@@ -1,26 +0,0 @@
-import { themeType, UIThemeConfig } from './theme.types';
-export declare function overrideElementTheme(theme: {
-    [key: string]: string;
-}): {
-    'el-color-primary': string;
-    'el-color-success': string;
-    'el-color-warning': string;
-    'el-color-danger': string;
-    'el-color-error': string;
-    'el-color-info': string;
-    'el-fill-color': string;
-    'el-text-color-primary': string;
-    'el-text-color-regular': string;
-    'el-text-color-placeholder': string;
-    'el-disabled-text-color': string;
-    'el-text-color-disabled': string;
-    transparent: string;
-    white: string;
-    black: string;
-    current: string;
-};
-export declare function appendGlobalCssVariables(cssData: {
-    [key: string]: string;
-}, appendTo: HTMLElement): void;
-export declare function getThemeConfigData(themeConfig?: UIThemeConfig): Promise<themeType>;
-export default function (themeConfig?: UIThemeConfig, appendTo?: HTMLElement): Promise<void | {}>;

package/library/core/types/theme/themes.json.d.ts

@@ -1,230 +0,0 @@
-declare const _default: {
-  "blue": {
-    "card-shadow-color": "#E0E2E5",
-    "card-bg-color": "#fff",
-    "table-shadow-color": "#EBEBEB",
-    "default-text": "#263148",
-    "primary-text": "#263148",
-    "secondary-text": "#567391",
-    "heading-text": "#263148",
-    "active-elements": "#2675FF",
-    "inactive-elements": "#BEC2C9",
-    "primary": "#2675FF",
-    "primary-alternative": "#2675FF",
-    "secondary": "#BEC2C9",
-    "destructive": "#FF4D4D",
-    "ui-lines": "#EBEBEB",
-    "major-ui-lines": "#E0E2E5",
-    "progress-line-done": "#2675FF",
-    "progress-line-not-done": "#BEC2C9",
-    "icons": "#2675FF",
-    "headers": "#263148",
-    "placeholders": "#9EA6B2",
-    "field-borders": "#EBEBEB",
-    "field-bg": "#FFFFFF",
-    "table-headings": "#2675FF",
-    "inactive-text": "#888F9D",
-    "default-loader": "#FFFFFF",
-    "skeleton-loader": "#EDEDED",
-    "skeleton-loader-animation": "#ffffff59",
-    "transparent": "transparent",
-    "current": "currentColor",
-    "error": "#FF4D4D",
-    "success": "#7ED321",
-    "warning": "#FAB11E",
-    "white": "#FFFFFF",
-    "black": "#000000",
-    "light-bg": "#FFFFFF",
-    "main-bg": "#F5F6FA",
-    "dark-bg": "#E0E2E5",
-    "btn-filled-text": "#FFF",
-    "overlay-bg": "#000",
-    "scrollbar-track": "#f1f1f1",
-    "scrollbar-thumb": "#888",
-    "scrollbar-thumb-hover": "#555",
-    "actions-mix-color": "#000000"
-  },
-  "red": {
-    "card-shadow-color": "#CCCCCC",
-    "card-bg-color": "#fff",
-    "table-shadow-color": "#EBEBEB",
-    "default-text": "#575757",
-    "heading-text": "#575757",
-    "primary-text": "#263148",
-    "secondary-text": "#567391",
-    "active-elements": "#5969E4",
-    "inactive-elements": "#8292A5",
-    "primary-alternative": "#EC444D",
-    "primary": "#fc0303",
-    "secondary": "#8292A5",
-    "destructive": "#EC444D",
-    "ui-lines": "#E0E2E5",
-    "major-ui-lines": "#FFCCCE",
-    "progress-line-done": "#575757",
-    "progress-line-not-done": "#8292A5",
-    "icons": "#0E5263",
-    "headers": "#263148",
-    "placeholders": "#9EA6B2",
-    "field-borders": "#BEC2C9",
-    "field-bg": "#FFFFFF",
-    "table-headings": "#0E5263",
-    "inactive-text": "#888F9D",
-    "default-loader": "#FFFFFF",
-    "skeleton-loader": "#EDEDED",
-    "skeleton-loader-animation": "#ffffff59",
-    "transparent": "transparent",
-    "current": "currentColor",
-    "error": "#EC444D",
-    "success": "#0EB886",
-    "warning": "#ECA944",
-    "white": "#FFFFFF",
-    "black": "#000000",
-    "light-bg": "#FFFFFF",
-    "main-bg": "#F7FAFC",
-    "dark-bg": "#FFCCCE",
-    "btn-filled-text": "#FFF",
-    "overlay-bg": "#000",
-    "scrollbar-track": "#f1f1f1",
-    "scrollbar-thumb": "#888",
-    "scrollbar-thumb-hover": "#555",
-    "actions-mix-color": "#000000"
-  },
-  "redGreen": {
-    "card-shadow-color": "#CCCCCC",
-    "card-bg-color": "#fff",
-    "table-shadow-color": "#EBEBEB",
-    "default-text": "#263148",
-    "heading-text": "#263148",
-    "primary-text": "#263148",
-    "secondary-text": "#567391",
-    "active-elements": "#D34C4C",
-    "inactive-elements": "#8292A5",
-    "primary-alternative": "#19815A",
-    "primary": "#D34C4C",
-    "secondary": "#8292A5",
-    "destructive": "#FF4D4D",
-    "ui-lines": "#E0E2E5",
-    "major-ui-lines": "#FFCCCE",
-    "progress-line-done": "#575757",
-    "progress-line-not-done": "#8292A5",
-    "icons": "#D34C4C",
-    "headers": "#263148",
-    "placeholders": "#9EA6B2",
-    "field-borders": "#BEC2C9",
-    "field-bg": "#FFFFFF",
-    "table-headings": "#D34C4C",
-    "inactive-text": "#888F9D",
-    "default-loader": "#FFFFFF",
-    "skeleton-loader": "#EDEDED",
-    "skeleton-loader-animation": "#ffffff59",
-    "transparent": "transparent",
-    "current": "currentColor",
-    "error": "#EC444D",
-    "success": "#0EB886",
-    "warning": "#ECA944",
-    "white": "#FFFFFF",
-    "black": "#000000",
-    "light-bg": "#FFFFFF",
-    "main-bg": "#F7FAFC",
-    "dark-bg": "#FFCCCE",
-    "btn-filled-text": "#FFF",
-    "overlay-bg": "#000",
-    "scrollbar-track": "#f1f1f1",
-    "scrollbar-thumb": "#888",
-    "scrollbar-thumb-hover": "#555",
-    "actions-mix-color": "#000000"
-  },
-  "black": {
-    "default-text": "#FFF",
-    "heading-text": "#FFF",
-    "primary-text": "#FFF",
-    "secondary-text": "#FFF",
-    "card-shadow-color": "#EBEBEB",
-    "card-bg-color": "#000",
-    "active-elements": "#D34C4C",
-    "inactive-elements": "#8292A5",
-    "primary-alternative": "#0f8ea7",
-    "primary": "#D34C4C",
-    "secondary": "#8292A5",
-    "destructive": "#711132",
-    "ui-lines": "#474747",
-    "major-ui-lines": "#E0E2E5",
-    "progress-line-done": "#575757",
-    "progress-line-not-done": "#363636",
-    "icons": "#07687B",
-    "headers": "#338ea9",
-    "placeholders": "#CCCCCC",
-    "field-borders": "#E0E2E5",
-    "field-bg": "#151515",
-    "table-headings": "#338ea9",
-    "table-shadow-color": "#EBEBEB",
-    "inactive-text": "#CCCCCC",
-    "default-loader": "#FFFFFF",
-    "skeleton-loader": "#3b3d41",
-    "skeleton-loader-animation": "#00000059",
-    "error": "#dc3643",
-    "success": "#13a363",
-    "warning": "#ffb341",
-    "transparent": "transparent",
-    "current": "currentColor",
-    "white": "#FFFFFF",
-    "black": "#000000",
-    "light-bg": "#000",
-    "main-bg": "#202124",
-    "dark-bg": "#131212",
-    "btn-filled-text": "#FFF",
-    "overlay-bg": "#636c78",
-    "scrollbar-track": "#f1f1f1",
-    "scrollbar-thumb": "#888",
-    "scrollbar-thumb-hover": "#555",
-    "actions-mix-color": "#FFF"
-  },
-  "voicenterRed": {
-    "card-shadow-color": "#0000001f",
-    "card-bg-color": "#ffffff",
-    "table-shadow-color": "#00000012",
-    "default-text": "#525D70",
-    "heading-text": "#161922",
-    "primary-text": "#161922",
-    "secondary-text": "#525D70",
-    "active-elements": "#E80130",
-    "inactive-elements": "#A6B0C0",
-    "primary-alternative": "#E80130",
-    "primary": "#E80130",
-    "secondary": "#567391",
-    "destructive": "#720118",
-    "ui-lines": "#E2E6EE",
-    "major-ui-lines": "#CDD4E0",
-    "progress-line-done": "#0eb886",
-    "progress-line-not-done": "#949eaf",
-    "icons": "#161922",
-    "headers": "#161922",
-    "placeholders": "#567391",
-    "field-borders": "#CDD4E0",
-    "field-bg": "#FFFFFF",
-    "table-headings": "#161922",
-    "inactive-text": "#A6B0C0",
-    "default-loader": "#FFFFFF",
-    "skeleton-loader": "#EEF1F4",
-    "skeleton-loader-animation": "#ffffff59",
-    "transparent": "transparent",
-    "current": "currentColor",
-    "error": "#720118",
-    "success": "#0eb886",
-    "warning": "#D67804",
-    "white": "#FFFFFF",
-    "black": "#000000",
-    "light-bg": "#FFFFFF",
-    "main-bg": "#F8F9FB",
-    "dark-bg": "#EEF1F4",
-    "btn-filled-text": "#FFFFFF",
-    "overlay-bg": "#161922",
-    "scrollbar-track": "#FFFFFF",
-    "scrollbar-thumb": "#E2E6EE",
-    "scrollbar-thumb-hover": "#949EAF",
-    "actions-mix-color": "#161922"
-  }
-}
-;
-
-export default _default;

package/library/core/types/tokens/tokens.d.ts

@@ -1,7 +0,0 @@
-import { InjectionKey } from 'vue';
-import { RTLState, VcCollapseProvideType, VcTabPaneProvideType, VcTabsProvideType, VcSoundPlayerProvideType } from '../types';
-export declare const VcCollapseProvideKey: InjectionKey<VcCollapseProvideType>;
-export declare const VcTabsProvideKey: InjectionKey<VcTabsProvideType>;
-export declare const VcTabPaneProvideKey: InjectionKey<VcTabPaneProvideType>;
-export declare const VcRTLToken: InjectionKey<RTLState>;
-export declare const VcSoundPlayerProvideKey: InjectionKey<VcSoundPlayerProvideType>;

package/library/core/types/types/Entry.types.d.ts

@@ -1,15 +0,0 @@
-import { LanguageType } from '../localization/Localization.types';
-import { UIThemeConfig } from '../theme/theme.types';
-export declare type UIConfig = {
-    components?: string[];
-    lang?: LanguageType;
-    themeConfig?: UIThemeConfig;
-    entityComponentsEnabled?: boolean;
-    /**
-     * If `true`, automatically inserts `<link>` elements for icon fonts into the `<head>` of the document.
-     * The styles that will be injected has only font-family declaration, the styles of icons itself alongside with font-family declaration are already included in the style.css bundle
-     * This option is useful for custom elements with shadow dom development as font-family declaration inside of shadow dom is not supported by the browsers
-     * Defaults to `false`.
-     */
-    injectIconFont?: boolean;
-};

package/library/core/types/types/ExcelParser.types.d.ts

@@ -1,128 +0,0 @@
-export declare type RuleResultType = {
-    valid: boolean;
-    type: string;
-};
-export declare type ResultValidData = {
-    valid: boolean;
-    errors: Array<RuleResultType>;
-};
-export declare type ErrorRowType = {
-    column: string;
-    errors: ResultValidData;
-};
-export declare type BindingErrorsType = {
-    row: number;
-    errors: Array<ErrorRowType>;
-};
-export declare type TValidationRules = {
-    required?: boolean;
-    numeric?: boolean;
-    minLength?: number;
-    maxLength?: number;
-    alphaNum?: boolean;
-};
-export declare type ValueOf<T> = T[keyof T];
-export declare type ValidationFunctionType = (type: keyof TValidationRules, opt?: number | boolean) => RuleResultType;
-export declare type RulesObjectType = {
-    [key in keyof TValidationRules]: ValidationFunctionType;
-};
-export declare type NormalizeHeaderOptionType = {
-    key: string;
-    value: string;
-};
-export declare type OptionsType = {
-    hasHeader: boolean;
-    normalizeHeader?: NormalizeHeaderOptionType;
-};
-export declare type FileObjectType = {
-    fileName: string;
-    size: number;
-    content?: string | ArrayBuffer | null;
-};
-export declare type ParserDataObjectType = {
-    sheetName: string;
-    countRows: number;
-    header: Array<string>;
-    cols: Array<{
-        key: number;
-        name: string;
-    }>;
-    data: Array<any>;
-};
-export declare type ValidationOptionsType = {
-    [key in keyof TValidationRules]: ValueOf<TValidationRules>;
-};
-export declare type BindingHeaderObjectType = {
-    key: string;
-    property: string;
-    validationOptions: ValidationOptionsType;
-    inner?: Array<{
-        key: string;
-        property: string;
-        prefix?: string;
-    }>;
-};
-export declare type BindingsModelObjectType = {
-    key: string;
-    property: string;
-    type: string;
-    validationOptions: ValidationOptionsType;
-    inner?: Array<{
-        key: string;
-        property: string;
-        prefix?: string;
-    }>;
-};
-export declare type BindRowErrorObjectType = {
-    row: number;
-    errors: {
-        column: string;
-        errors: {
-            valid: boolean;
-            errors: {
-                type: string;
-                valid: boolean;
-            }[];
-        };
-    }[];
-};
-export declare type BindingRowItemType = {
-    ID: number;
-    [key: string]: any;
-};
-export declare type ValidateRowReturnType = {
-    valid: boolean;
-    row?: number;
-    errors: Array<ErrorRowType>;
-};
-interface BindResult<T> {
-    [key: string]: T;
-}
-export declare type BindResultObjectType<T> = BindResult<T> & {
-    ID: number;
-};
-export declare type BindTableHeaderObjectType = {
-    columnItemKey: string;
-    columnItemLabel: string;
-    key: string;
-    property: string;
-    type: string;
-    validationOptions: {
-        required: boolean;
-        numeric?: boolean;
-    };
-    inner: Array<any>;
-};
-export declare type SelectedRowObjectType<T> = BindResult<T> & {
-    ID?: number;
-    selected?: boolean;
-};
-export declare type BindDataRowUpdateType = {
-    [key: string]: string | number;
-    ID: number;
-};
-export declare type BindDataRowUpdateModalType = {
-    row: BindDataRowUpdateType;
-    id: number;
-};
-export {};

package/library/core/types/types/OptionAndConfig.types.d.ts

@@ -1,34 +0,0 @@
-import type { StyleValue } from 'vue';
-import { COMPONENT_COLOR_TYPE } from '../enum/constants';
-import { NestedKeys, PathValue } from '.';
-import { ObjectAnyType } from '.';
-export type OptionObjectValueType = ObjectAnyType;
-export type OptionNonObjectValueType = string | number | boolean;
-export type OptionValueType = OptionObjectValueType | OptionNonObjectValueType;
-export type ConfigOptionType<Option extends OptionValueType> = Option extends OptionObjectValueType ? {
-    valueKey: NestedKeys<Option>;
-    labelKey?: NestedKeys<Option>;
-    iconKey?: NestedKeys<Option>;
-    colorKey?: NestedKeys<Option>;
-    onClickFuncKey?: NestedKeys<Option>;
-    onClickSkipKey?: NestedKeys<Option>;
-    iconColorHex?: NestedKeys<Option>;
-    searchKey?: NestedKeys<Option> | Array<NestedKeys<Option>>;
-    disabledKey?: NestedKeys<Option>;
-    classKey?: NestedKeys<Option>;
-    styleKey?: NestedKeys<Option>;
-    optionIconStyleKey?: NestedKeys<Option>;
-} : never;
-export type ExtractValueType<Option extends OptionValueType, Config extends ConfigOptionType<Option>> = Option extends OptionObjectValueType ? Config extends {
-    valueKey: infer Key;
-} ? Key extends NestedKeys<Option> ? PathValue<Option, Key> : Option : Option : Option;
-export type OptionMappedType<Option extends OptionValueType, Config extends ConfigOptionType<Option>> = {
-    originalItem: Option;
-    value: ExtractValueType<Option, Config>;
-    label: string;
-    disabled: boolean;
-    icon: string;
-    color: COMPONENT_COLOR_TYPE;
-    iconStyle: StyleValue;
-    key: string;
-};

package/library/core/types/types/VcDropdown.types.d.ts

@@ -1,41 +0,0 @@
-import { ObjectAnyType } from './basic.types';
-import { COMPONENT_COLOR_TYPE, COMPONENT_SIZE_TYPE } from '../enum/constants';
-import { PopoverPlacementType } from './VcPopover.types';
-export type VcDropdownFn = (...args: any[]) => void;
-export type VcDropdownOption = {
-    label?: string;
-    labelClass?: string;
-    contentClass?: string;
-    icon?: string;
-    disabled?: boolean;
-    divided?: boolean;
-    value?: string | number | ObjectAnyType | VcDropdownFn;
-    color?: COMPONENT_COLOR_TYPE;
-};
-export type VcDropdownProps = {
-    options?: Array<VcDropdownOption>;
-    size?: COMPONENT_SIZE_TYPE;
-    maxHeight?: string | number;
-    disabled?: boolean;
-    placement?: PopoverPlacementType;
-    effect?: 'dark' | 'light' | string;
-    trigger?: 'click' | 'hover' | 'contextmenu';
-    triggerKeys?: Array<string>;
-    virtualTriggering?: boolean;
-    virtualRef?: HTMLElement;
-    hideOnClick?: boolean;
-    showArrow?: boolean;
-    showTimeout?: number;
-    hideTimeout?: number;
-    role?: 'dialog' | 'grid' | 'group' | 'listbox' | 'menu' | 'navigation' | 'tooltip' | 'tree';
-    tabindex?: number;
-    popperClass?: string;
-    popperStyle?: string | ObjectAnyType;
-    popperOptions?: ObjectAnyType;
-    teleported?: boolean;
-    appendTo?: string | HTMLElement;
-    persistent?: boolean;
-    labelClass?: string;
-    contentClass?: string;
-    color?: COMPONENT_COLOR_TYPE;
-};

package/library/core/types/types/VcFileUploader.types.d.ts

@@ -1,6 +0,0 @@
-export interface FileUploaded extends File {
-    id?: number;
-    File: string | ArrayBuffer | null | File;
-    [key: string]: any;
-}
-export type ReturnFileType = 'base64' | 'file';

package/library/core/types/types/VcMdEditor.types.d.ts

@@ -1,18 +0,0 @@
-import type { ObjectAnyType } from './basic.types';
-export type TMDEditorParameterItem = {
-    label: string;
-    tag: string;
-    description?: string;
-    schema?: ObjectAnyType;
-};
-export type TMDEditorGroupParameterItems = {
-    label: string;
-    options: Array<TMDEditorParameterItem>;
-};
-export type TMDEditorParameterOption = TMDEditorParameterItem | TMDEditorGroupParameterItems;
-export type BlockValidationIssue = {
-    tag: string;
-    line: number;
-    type: 'unclosed' | 'unopened';
-};
-export declare function isGroupParameter(item: TMDEditorParameterOption): item is TMDEditorGroupParameterItems;

package/library/core/types/types/VcMeterGroup.types.d.ts

@@ -1,27 +0,0 @@
-import { TIconClass } from './icons.types';
-export interface IMeterItem {
-    /**
-     * Current label of the meter item.
-     */
-    label: string;
-    /**
-     * Current value of the meter item.
-     */
-    value: number;
-    /**
-     * Current color of the meter item.
-     */
-    color?: string;
-    /**
-     * Current icon of the meter item.
-     */
-    icon?: TIconClass;
-    /**
-     * Optional keys.
-     */
-    [key: string]: any;
-    /**
-     * percent value for label
-     */
-    percent?: string;
-}

package/library/core/types/types/VcPopover.types.d.ts

@@ -1,59 +0,0 @@
-import { ButtonColor, ButtonSize, ButtonType } from './VcButton.types';
-import { TIconClass } from './icons.types';
-import { VNode } from 'vue';
-export declare type PopoverTriggerType = 'click' | 'focus' | 'hover' | 'contextmenu' | 'manual';
-export declare type PopoverPlacementType = 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end' | 'right-start' | 'right' | 'right-end';
-export declare type PopoverThemeType = 'dark' | 'light';
-export declare type TPConfirmActionsParams = {
-    label?: string;
-    color?: ButtonColor;
-    icon?: TIconClass;
-    size?: ButtonSize;
-    type?: ButtonType;
-};
-export declare type TConfirmPopupParams = {
-    target: any;
-    header?: string;
-    icon?: string;
-    iconClasses?: string;
-    type?: 'confirm' | 'save' | 'edit' | 'delete';
-    message?: string;
-    renderContent?: VNode;
-    placement?: PopoverPlacementType;
-    popoverWidth?: string | number;
-    popoverMaxWidth?: string | number;
-    confirmAction?: TPConfirmActionsParams;
-    cancelAction?: TPConfirmActionsParams;
-    confirm?: () => void;
-    cancel?: () => void;
-};
-export declare type TConfirmPopupObject = {
-    target: any;
-    open: boolean;
-    header?: string;
-    type: string;
-    icon?: string;
-    iconClasses?: '';
-    message: string;
-    popoverMaxWidth?: string | number;
-    renderContent: VNode | undefined;
-    placement: PopoverPlacementType | undefined;
-    openPopup: (params: TConfirmPopupParams) => void;
-    closePopup: () => void;
-    onClose?: () => void;
-    onConfirm?: () => void;
-    confirmAction?: TPConfirmActionsParams;
-    cancelAction?: TPConfirmActionsParams;
-};
-export declare type TPopConfirmOptions = {
-    themeEffect?: PopoverThemeType;
-    placement?: PopoverPlacementType;
-    persistent?: boolean;
-    popoverClass?: string;
-    teleported?: boolean;
-    mouseEvent?: boolean;
-    offset?: number;
-    delayClose?: number;
-    actionSize?: ButtonSize;
-    confirmActionColor?: ButtonColor;
-};

package/library/core/types/types/VcSoundPlayer.types.d.ts

@@ -1,34 +0,0 @@
-import { Ref } from 'vue';
-import { WaveSurferOptions } from 'wavesurfer.js';
-export declare type VcSoundPlayerSize = 'sm' | 'md';
-export declare type VcSoundDownloads = Array<string>;
-export declare type VcSoundPlayerProvideType = {
-    componentId: string;
-    options?: Ref<WaveSurferOptions>;
-    isInitialized?: Ref<boolean>;
-    loading?: Ref<boolean>;
-    isPlaying?: Ref<boolean>;
-    isInitSound?: Ref<boolean>;
-    showReset?: Ref<boolean>;
-    duration?: Ref<number>;
-    speed?: Ref<number>;
-    currentTime?: Ref<number>;
-    volume?: Ref<number>;
-    defaultVolume?: () => number;
-    isPlayingInProgress?: Ref<boolean>;
-    initWavesurfer?: (id: string, el?: HTMLElement) => void;
-    play?: () => void;
-    pause?: () => void;
-    stop?: () => void;
-    skipBackward?: (seconds?: number) => void;
-    skipForward?: (seconds?: number) => void;
-    setPlaybackRate?: (speed: number) => void;
-};
-export type HoverPluginOptions = {
-    lineColor?: string;
-    lineWidth?: string | number;
-    labelColor?: string;
-    labelSize?: string | number;
-    labelBackground?: string;
-    formatTimeCallback?: (seconds: number) => string;
-};