@voicenter-team/voicenter-ui-plus 0.0.1

package/library/types/src/components/VcLoading/VcLoading.vue.d.ts

@@ -0,0 +1,66 @@
+import { PropType } from 'vue';
+import { VcLoadingType } from './VcLoading.types';
+declare type NumberOrNumberString = PropType<string | number | undefined>;
+declare const _sfc_main: import("vue").DefineComponent<{
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullPage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberOrNumberString;
+        default: number;
+    };
+    loader: {
+        type: PropType<VcLoadingType>;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, unknown, {
+    transition: string;
+}, {
+    isActive(): boolean;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullPage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberOrNumberString;
+        default: number;
+    };
+    loader: {
+        type: PropType<VcLoadingType>;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>>, {
+    size: string | number | undefined;
+    icon: string;
+    color: string;
+    active: boolean;
+    fullPage: boolean;
+    loader: VcLoadingType;
+}>;
+export default _sfc_main;

package/library/types/src/components/VcModal/VcModal.types.d.ts

@@ -0,0 +1,4 @@
+export declare type DialogPositionType = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | undefined;
+export interface DialogBreakpoints {
+    [key: string]: string;
+}

package/library/types/src/components/VcModal/VcModal.vue.d.ts

@@ -0,0 +1,210 @@
+import { PropType } from 'vue';
+import { DialogBreakpoints, DialogPositionType } from './VcModal.types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    maximizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<DialogPositionType>;
+        default: string;
+    };
+    header: {
+        type: StringConstructor;
+        default: string;
+    };
+    footer: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaCloseLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    contentClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    contentStyle: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: null;
+    };
+    baseZIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dismissableMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    breakpoints: {
+        type: PropType<DialogBreakpoints> | undefined;
+        default: undefined;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, {
+    containerVisible: boolean;
+    maximized: boolean;
+    mask: HTMLElement | null;
+    container: HTMLElement | null;
+    styleElement: HTMLStyleElement | null;
+    documentKeydownListener: any;
+    autoZIndex: boolean;
+}, {
+    maskClass(): string[];
+    dialogClass(): (string | {
+        'vc-dialog-maximized': boolean;
+    })[];
+    ariaLabelledById(): string;
+    ariaId(): string;
+    contentStyleClass(): (string | {
+        'vc-dialog-no-footer': boolean;
+    })[];
+    attributeSelector(): string;
+    modalWidth(): string | undefined;
+    modalMaxWidth(): string | undefined;
+}, {
+    destroyStyle(): void;
+    /**
+ * Create responsive width (for breakpoints prop)
+ */
+    createStyle(): void;
+    onMaskClick(event: Event): void;
+    getPositionClass(): string;
+    onBeforeEnter(el: HTMLElement | Element): void;
+    onEnter(): void;
+    onEnterCancelled(): void;
+    bindGlobalListeners(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    bindDocumentKeyDownListener(): void;
+    enableDocumentSettings(): void;
+    onBeforeLeave(): void;
+    onLeave(): void;
+    onAfterLeave(el: HTMLElement | Element): void;
+    unbindGlobalListeners(): void;
+    unbindDocumentKeyDownListener(): void;
+    unbindDocumentState(): void;
+    containerRef(el: HTMLElement): string;
+    focus(): void;
+    maskRef(el: HTMLElement): string;
+    close(): void;
+    maximize(event: Event): void;
+}, import("vue").DefineComponent<{
+    appendTo: {
+        type: PropType<import("../../types/AppendToTarget.types").DefaultAppendToType>;
+        default: string;
+    };
+}, unknown, unknown, {
+    appendDisabled(): boolean;
+    appendTarget(): import("../../types/AppendToTarget.types").DefaultAppendToType | null;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appendTo: {
+        type: PropType<import("../../types/AppendToTarget.types").DefaultAppendToType>;
+        default: string;
+    };
+}>>, {
+    appendTo: import("../../types/AppendToTarget.types").DefaultAppendToType;
+}>, import("vue").ComponentOptionsMixin, ("hide" | "show" | "close" | "unmaximize" | "maximize")[], "hide" | "show" | "close" | "unmaximize" | "maximize", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    maximizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<DialogPositionType>;
+        default: string;
+    };
+    header: {
+        type: StringConstructor;
+        default: string;
+    };
+    footer: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaCloseLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    contentClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    contentStyle: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: null;
+    };
+    baseZIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dismissableMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    breakpoints: {
+        type: PropType<DialogBreakpoints> | undefined;
+        default: undefined;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    maxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onUnmaximize?: ((...args: any[]) => any) | undefined;
+    onMaximize?: ((...args: any[]) => any) | undefined;
+}, {
+    width: string;
+    position: DialogPositionType;
+    maxWidth: string;
+    visible: boolean;
+    closable: boolean;
+    contentStyle: string | Record<string, any>;
+    maximizable: boolean;
+    header: string;
+    footer: string;
+    ariaCloseLabel: string;
+    closeOnEscape: boolean;
+    contentClass: string;
+    baseZIndex: number;
+    dismissableMask: boolean;
+    breakpoints: DialogBreakpoints;
+}>;
+export default _sfc_main;

package/library/types/src/components/VcPagination/VcPagination.types.d.ts

@@ -0,0 +1,4 @@
+export declare type DropDownOptions = Array<{
+    text: number;
+    page: number;
+}>;

package/library/types/src/components/VcPagination/VcPagination.vue.d.ts

@@ -0,0 +1,64 @@
+import { DropDownOptions } from './VcPagination.types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    perPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    total: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, {
+    config: {
+        labelKey: string;
+        valueKey: string;
+    };
+    value: number;
+    dropDownOptions: DropDownOptions;
+    defaultStartPageValue: number;
+}, {
+    start(): number;
+    end(): number;
+    disableDecrement(): boolean;
+    disableIncrement(): boolean;
+    labelText(): string;
+}, {
+    createDropDownOptions(): void;
+    decrement(): void;
+    increment(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "prev" | "next")[], "update:modelValue" | "prev" | "next", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    perPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    total: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onPrev?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: number;
+    label: string;
+    perPage: number;
+    total: number;
+}>;
+export default _sfc_main;

package/library/types/src/components/VcPagination/VcPaginationButton.vue.d.ts

@@ -0,0 +1,34 @@
+import { PropType } from 'vue';
+import { ButtonIconType, ButtonColor } from '../../components/VcButton/VcButton.types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<ButtonIconType>;
+        default: string;
+    };
+    color: {
+        type: PropType<ButtonColor>;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<ButtonIconType>;
+        default: string;
+    };
+    color: {
+        type: PropType<ButtonColor>;
+        default: string;
+    };
+}>>, {
+    type: ButtonIconType;
+    icon: string;
+    color: ButtonColor;
+}>;
+export default _sfc_main;

package/library/types/src/components/VcPopover/VcPopover.types.d.ts

@@ -0,0 +1,3 @@
+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';

package/library/types/src/components/VcPopover/VcPopover.vue.d.ts

@@ -0,0 +1,150 @@
+import { PropType } from 'vue';
+import { PopoverPlacementType, PopoverThemeType, PopoverTriggerType } from '../../components/VcPopover/VcPopover.types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popoverWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popoverMaxWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    themeEffect: {
+        type: PropType<PopoverThemeType>;
+        default: string;
+    };
+    placement: {
+        type: PropType<PopoverPlacementType>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popoverClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    delayClose: {
+        type: NumberConstructor;
+        default: number;
+    };
+    trigger: {
+        type: PropType<PopoverTriggerType>;
+        default: string;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mouseEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    oppositePlacement: {
+        type: PropType<PopoverPlacementType[]>;
+        default: undefined;
+    };
+}, unknown, {
+    BASE_CLASS: string;
+}, {
+    contentStyles(): string | {
+        [key: string]: string | undefined;
+    };
+    modelVisible(): undefined | boolean;
+    isManual(): boolean;
+    popoverTrigger(): string;
+    fallbackPlacements(): string[];
+}, {
+    onShow(event: PointerEvent): void;
+    onHide(event: PointerEvent): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show" | "update:open")[], "hide" | "show" | "update:open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popoverWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popoverMaxWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    themeEffect: {
+        type: PropType<PopoverThemeType>;
+        default: string;
+    };
+    placement: {
+        type: PropType<PopoverPlacementType>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popoverClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    delayClose: {
+        type: NumberConstructor;
+        default: number;
+    };
+    trigger: {
+        type: PropType<PopoverTriggerType>;
+        default: string;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mouseEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    oppositePlacement: {
+        type: PropType<PopoverPlacementType[]>;
+        default: undefined;
+    };
+}>> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    open: boolean;
+    offset: number;
+    trigger: PopoverTriggerType;
+    placement: PopoverPlacementType;
+    teleported: boolean;
+    persistent: boolean;
+    popoverWidth: string | number;
+    popoverMaxWidth: string | number;
+    themeEffect: PopoverThemeType;
+    popoverClass: string;
+    delayClose: number;
+    mouseEvent: boolean;
+    oppositePlacement: PopoverPlacementType[];
+}>;
+export default _sfc_main;

package/library/types/src/components/VcProgress/VcProgress.types.d.ts

@@ -0,0 +1,16 @@
+export declare type ProgressFn = (percentage: number) => string;
+export declare type StatusProgressConfig = {
+    [key: string]: string;
+};
+export declare type StatusProgress = '' | 'primary' | 'success' | 'warning' | 'error';
+export declare type BarStyle = {
+    width: string;
+    animationDuration: string;
+    backgroundColor: string;
+};
+export declare type StatusIconProgress = {
+    icon: string;
+    color: {
+        [key: string]: string;
+    };
+};

package/library/types/src/components/VcProgress/VcProgress.vue.d.ts

@@ -0,0 +1,147 @@
+import { PropType } from 'vue';
+import { BarStyle, ProgressFn, StatusIconProgress, StatusProgress } from './VcProgress.types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+        validator: (val: number) => boolean;
+    };
+    status: {
+        type: PropType<StatusProgress>;
+        default: string;
+        values: string[];
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textInside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    format: {
+        type: PropType<ProgressFn>;
+        default: (percentage: number) => string;
+    };
+    customColorMethod: {
+        type: PropType<ProgressFn | undefined>;
+        default: undefined;
+    };
+    showStatusIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, unknown, {
+    outerBarStyle(): {
+        [key: string]: string;
+    };
+    progressTextSize(): number;
+    content(): string;
+    containerStyle(): {
+        [key: string]: string;
+    };
+    barStyle(): BarStyle;
+    statusIcon(): StatusIconProgress | null;
+    progressColor(): string;
+}, {
+    getColor(): {
+        variable: string;
+        color: string;
+    };
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+        validator: (val: number) => boolean;
+    };
+    status: {
+        type: PropType<StatusProgress>;
+        default: string;
+        values: string[];
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    textInside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    format: {
+        type: PropType<ProgressFn>;
+        default: (percentage: number) => string;
+    };
+    customColorMethod: {
+        type: PropType<ProgressFn | undefined>;
+        default: undefined;
+    };
+    showStatusIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    color: string;
+    indeterminate: boolean;
+    width: string | number;
+    height: number;
+    format: ProgressFn;
+    percentage: number;
+    status: StatusProgress;
+    duration: number;
+    textInside: boolean;
+    showText: boolean;
+    customColorMethod: ProgressFn | undefined;
+    showStatusIcon: boolean;
+    striped: boolean;
+}>;
+export default _sfc_main;