@agrotools1/at-components1 0.1.3 → 1.1.0

package/dist/DataTable/index.d.ts

@@ -1,21 +1,26 @@
 export declare const AtDataTable: {
-    DataTable: import("vue").DefineComponent<{
+    DataTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         value: {
-            type: import("vue").PropType<{
+            type: import('vue').PropType<{
                 [key: string]: unknown;
             }[]>;
             required: true;
         };
         withEditableFields: {
-            type: import("vue").PropType<string[]>;
+            type: import('vue').PropType<Array<string>>;
             default: undefined;
         };
         withSelection: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        withDefaultSelectedItems: {
+            type: import('vue').PropType<Array<string>>;
+            required: false;
+            default: () => undefined;
+        };
         withPaginator: {
-            type: import("vue").PropType<{
+            type: import('vue').PropType<{
                 total: number;
                 pageSize: number;
                 onUpdatePage: (page: number) => void;
@@ -23,26 +28,64 @@ export declare const AtDataTable: {
             default: undefined;
         };
         keyExtractor: {
-            type: import("vue").PropType<(item: any) => string>;
+            type: import('vue').PropType<(item: any) => string>;
             default: (item: any) => any;
         };
         columnsClasses: {
-            type: import("vue").PropType<string[]>;
+            type: import('vue').PropType<Array<string>>;
             default: () => never[];
         };
         alignColumns: {
-            type: import("vue").PropType<"center" | "left" | "right">;
+            type: import('vue').PropType<"left" | "center" | "right" | "between">;
             default: string;
         };
-    }, {
-        tableData: import("vue").Ref<{
+        isLoading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loadingRowsLength: {
+            type: NumberConstructor;
+            default: number;
+        };
+        disable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        disableWithoutCSS: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        stickHeader: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>, {
+        reactiveIsLoading: import('vue').ComputedRef<boolean>;
+        withSelectionModel: import('vue').Ref<boolean, boolean>;
+        handleWithSelectionChanges: (value: boolean) => void;
+        tableData: import('vue').Ref<{
+            [key: string]: unknown;
+        }[], {
+            [key: string]: unknown;
+        }[] | {
+            [key: string]: unknown;
+        }[]>;
+        activeTableData: import('vue').Ref<{
+            [key: string]: unknown;
+        }[], {
             [key: string]: unknown;
         }[]>;
         columns: string[];
         updateColumn: (column: string) => void;
         internalUpdateColumn: (column: string) => void;
-        internalColumns: string[];
-        lastHoveredTr: import("vue").Ref<{
+        internalColumns: import('vue').Reactive<string[]>;
+        lastHoveredTr: import('vue').Ref<{
+            element: HTMLTableRowElement;
+            item: any;
+        } | null, {
+            element: HTMLTableRowElement;
+            item: any;
+        } | {
             element: HTMLTableRowElement;
             item: any;
         } | null>;
@@ -50,32 +93,222 @@ export declare const AtDataTable: {
         extractKey: (item: any) => string | undefined;
         updateOnKeyDown: (event: KeyboardEvent, field: string) => void;
         handleTrClick: (event: MouseEvent, field: string) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:selected-items": (items: any[]) => boolean;
-        "update:table-data": (data: {
+        paginatorRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            total: {
+                type: NumberConstructor;
+                required: true;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                required: true;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableWithoutCSS: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:activePage"?: ((page: number) => any) | undefined;
+        }>, {
+            activePage: import('vue').Ref<number, number>;
+            activeChunk: import('vue').Ref<number, number>;
+            pageChunks: import('vue').ComputedRef<number[][]>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            isDisabledWithoutCSS: import('vue').ComputedRef<boolean>;
+            pages: import('vue').ComputedRef<number[]>;
+            icons: {
+                arrowLeft: string;
+                arrowRight: string;
+                doubleLeft: string;
+                doubleRight: string;
+            };
+            nextChunk: () => void;
+            nextPage: () => void;
+            previousPage: () => void;
+            previousChunk: () => void;
+        }, {}, {}, {
+            setPage(page: number): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            'update:activePage': (page: number) => boolean;
+        }, import('vue').PublicProps, {
+            disable: boolean;
+            disableWithoutCSS: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            total: {
+                type: NumberConstructor;
+                required: true;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                required: true;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableWithoutCSS: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:activePage"?: ((page: number) => any) | undefined;
+        }>, {
+            activePage: import('vue').Ref<number, number>;
+            activeChunk: import('vue').Ref<number, number>;
+            pageChunks: import('vue').ComputedRef<number[][]>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            isDisabledWithoutCSS: import('vue').ComputedRef<boolean>;
+            pages: import('vue').ComputedRef<number[]>;
+            icons: {
+                arrowLeft: string;
+                arrowRight: string;
+                doubleLeft: string;
+                doubleRight: string;
+            };
+            nextChunk: () => void;
+            nextPage: () => void;
+            previousPage: () => void;
+            previousChunk: () => void;
+        }, {}, {}, {
+            setPage(page: number): void;
+        }, {
+            disable: boolean;
+            disableWithoutCSS: boolean;
+        }> | undefined, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            total: {
+                type: NumberConstructor;
+                required: true;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                required: true;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableWithoutCSS: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:activePage"?: ((page: number) => any) | undefined;
+        }>, {
+            activePage: import('vue').Ref<number, number>;
+            activeChunk: import('vue').Ref<number, number>;
+            pageChunks: import('vue').ComputedRef<number[][]>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            isDisabledWithoutCSS: import('vue').ComputedRef<boolean>;
+            pages: import('vue').ComputedRef<number[]>;
+            icons: {
+                arrowLeft: string;
+                arrowRight: string;
+                doubleLeft: string;
+                doubleRight: string;
+            };
+            nextChunk: () => void;
+            nextPage: () => void;
+            previousPage: () => void;
+            previousChunk: () => void;
+        }, {}, {}, {
+            setPage(page: number): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            'update:activePage': (page: number) => boolean;
+        }, import('vue').PublicProps, {
+            disable: boolean;
+            disableWithoutCSS: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            total: {
+                type: NumberConstructor;
+                required: true;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                required: true;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableWithoutCSS: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:activePage"?: ((page: number) => any) | undefined;
+        }>, {
+            activePage: import('vue').Ref<number, number>;
+            activeChunk: import('vue').Ref<number, number>;
+            pageChunks: import('vue').ComputedRef<number[][]>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            isDisabledWithoutCSS: import('vue').ComputedRef<boolean>;
+            pages: import('vue').ComputedRef<number[]>;
+            icons: {
+                arrowLeft: string;
+                arrowRight: string;
+                doubleLeft: string;
+                doubleRight: string;
+            };
+            nextChunk: () => void;
+            nextPage: () => void;
+            previousPage: () => void;
+            previousChunk: () => void;
+        }, {}, {}, {
+            setPage(page: number): void;
+        }, {
+            disable: boolean;
+            disableWithoutCSS: boolean;
+        }> | undefined>;
+    }, {}, {}, {
+        setPage(page: number): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:selected-items': (items: Array<any>) => boolean;
+        'update:table-data': (data: {
             [key: string]: unknown;
         }[]) => boolean;
-        "update:table-cell": (data: {
+        'update:table-cell': (data: {
             field: string;
             value: string | number | boolean;
         }) => boolean;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         value: {
-            type: import("vue").PropType<{
+            type: import('vue').PropType<{
                 [key: string]: unknown;
             }[]>;
             required: true;
         };
         withEditableFields: {
-            type: import("vue").PropType<string[]>;
+            type: import('vue').PropType<Array<string>>;
             default: undefined;
         };
         withSelection: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        withDefaultSelectedItems: {
+            type: import('vue').PropType<Array<string>>;
+            required: false;
+            default: () => undefined;
+        };
         withPaginator: {
-            type: import("vue").PropType<{
+            type: import('vue').PropType<{
                 total: number;
                 pageSize: number;
                 onUpdatePage: (page: number) => void;
@@ -83,18 +316,38 @@ export declare const AtDataTable: {
             default: undefined;
         };
         keyExtractor: {
-            type: import("vue").PropType<(item: any) => string>;
+            type: import('vue').PropType<(item: any) => string>;
             default: (item: any) => any;
         };
         columnsClasses: {
-            type: import("vue").PropType<string[]>;
+            type: import('vue').PropType<Array<string>>;
             default: () => never[];
         };
         alignColumns: {
-            type: import("vue").PropType<"center" | "left" | "right">;
+            type: import('vue').PropType<"left" | "center" | "right" | "between">;
             default: string;
         };
-    }>> & {
+        isLoading: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        loadingRowsLength: {
+            type: NumberConstructor;
+            default: number;
+        };
+        disable: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        disableWithoutCSS: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        stickHeader: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
         "onUpdate:selected-items"?: ((items: any[]) => any) | undefined;
         "onUpdate:table-data"?: ((data: {
             [key: string]: unknown;
@@ -103,10 +356,14 @@ export declare const AtDataTable: {
             field: string;
             value: string | number | boolean;
         }) => any) | undefined;
-    }, {
-        alignColumns: "center" | "left" | "right";
+    }>, {
+        isLoading: boolean;
+        alignColumns: "center" | "left" | "right" | "between";
+        disable: boolean;
+        disableWithoutCSS: boolean;
         withEditableFields: string[];
         withSelection: boolean;
+        withDefaultSelectedItems: string[];
         withPaginator: {
             total: number;
             pageSize: number;
@@ -114,95 +371,283 @@ export declare const AtDataTable: {
         } | undefined;
         keyExtractor: (item: any) => string;
         columnsClasses: string[];
-    }, {}>;
-    Column: import("vue").DefineComponent<{
+        loadingRowsLength: number;
+        stickHeader: boolean;
+    }, {}, {
+        AtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            bold: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            as: {
+                type: () => "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+                required: true;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            bold: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            as: {
+                type: () => "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+                required: true;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            bold: boolean;
+            as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        AtColumn: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            field: {
+                type: StringConstructor;
+                required: true;
+            };
+            label: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            withMaxMinFilter: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+        }>, {
+            alignColumns: import('vue').Ref<"center" | "left" | "right" | "between", "center" | "left" | "right" | "between">;
+            filterSvg: string;
+            orientation: import('vue').Ref<"top" | "bottom", "top" | "bottom">;
+            toggleOrientation: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:orientation"[], "update:orientation", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            field: {
+                type: StringConstructor;
+                required: true;
+            };
+            label: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            withMaxMinFilter: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            "onUpdate:orientation"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            label: string;
+            withMaxMinFilter: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        AtPaginator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            total: {
+                type: NumberConstructor;
+                required: true;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                required: true;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableWithoutCSS: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            activePage: import('vue').Ref<number, number>;
+            activeChunk: import('vue').Ref<number, number>;
+            pageChunks: import('vue').ComputedRef<number[][]>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            isDisabledWithoutCSS: import('vue').ComputedRef<boolean>;
+            pages: import('vue').ComputedRef<number[]>;
+            icons: {
+                arrowLeft: string;
+                arrowRight: string;
+                doubleLeft: string;
+                doubleRight: string;
+            };
+            nextChunk: () => void;
+            nextPage: () => void;
+            previousPage: () => void;
+            previousChunk: () => void;
+        }, {}, {}, {
+            setPage(page: number): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            'update:activePage': (page: number) => boolean;
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            total: {
+                type: NumberConstructor;
+                required: true;
+            };
+            pageSize: {
+                type: NumberConstructor;
+                required: true;
+            };
+            disable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disableWithoutCSS: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:activePage"?: ((page: number) => any) | undefined;
+        }>, {
+            disable: boolean;
+            disableWithoutCSS: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        AtCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            disabled: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["disabled"]>;
+                default: boolean;
+                validator: (value: boolean) => boolean;
+            };
+            modelValue: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["value"]>;
+                default: undefined;
+                validator: (value: import('..').CheckboxProps["value"]) => boolean;
+            };
+            val: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["val"]>;
+                default: undefined;
+            };
+            size: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["size"]>;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            labelledby: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["labelledby"]>;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+        }>, {
+            checkmarck: string;
+            buttonRef: import('vue').Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+            inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+            computedSize: import('vue').ComputedRef<string>;
+            onClick: (event: MouseEvent) => void;
+            borderRadius: import('vue').ComputedRef<string>;
+            isCheckedValue: import('vue').ComputedRef<boolean>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "update:modelValue")[], "click" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            disabled: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["disabled"]>;
+                default: boolean;
+                validator: (value: boolean) => boolean;
+            };
+            modelValue: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["value"]>;
+                default: undefined;
+                validator: (value: import('..').CheckboxProps["value"]) => boolean;
+            };
+            val: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["val"]>;
+                default: undefined;
+            };
+            size: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["size"]>;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            labelledby: {
+                required: false;
+                type: import('vue').PropType<import('..').CheckboxProps["labelledby"]>;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: "12" | "16" | "20" | "24" | "28";
+            disabled: boolean;
+            val: string | undefined;
+            labelledby: string;
+            modelValue: boolean | string[];
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Column: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         field: {
             type: StringConstructor;
             required: true;
         };
         label: {
             type: StringConstructor;
-            required: true;
+            required: false;
+            default: string;
         };
         withMaxMinFilter: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: undefined;
         };
-    }, {
-        alignColumns: import("vue").Ref<"center" | "left" | "right">;
+    }>, {
+        alignColumns: import('vue').Ref<"center" | "left" | "right" | "between", "center" | "left" | "right" | "between">;
         filterSvg: string;
-        orientation: import("vue").Ref<"bottom" | "top">;
-        onClick: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        orientation: import('vue').Ref<"top" | "bottom", "top" | "bottom">;
+        toggleOrientation: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:orientation"[], "update:orientation", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         field: {
             type: StringConstructor;
             required: true;
         };
         label: {
             type: StringConstructor;
-            required: true;
+            required: false;
+            default: string;
         };
         withMaxMinFilter: {
-            type: import("vue").PropType<boolean>;
+            type: import('vue').PropType<boolean>;
             default: undefined;
         };
-    }>>, {
+    }>> & Readonly<{
+        "onUpdate:orientation"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        label: string;
         withMaxMinFilter: boolean;
-    }, {}>;
-    Tag: import("vue").DefineComponent<{
-        type: {
-            type: import("vue").PropType<"disabled" | "error" | "success" | "warning" | "info">;
-            required: true;
-            default: string;
-        };
-    }, {
-        icon: string;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: import("vue").PropType<"disabled" | "error" | "success" | "warning" | "info">;
-            required: true;
-            default: string;
-        };
-    }>>, {
-        type: "disabled" | "error" | "success" | "warning" | "info";
-    }, {}>;
-    Counters: import("vue").DefineComponent<{
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Counters: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         columns: {
-            type: () => {
-                label: string;
-                key: string;
-            }[];
+            type: () => import('./Counters/Counters.vue').CountersProps["columns"];
             required: true;
         };
         list: {
-            type: () => any[];
+            type: () => import('./Counters/Counters.vue').CountersProps["list"];
             required: true;
         };
-    }, {
-        isOpened: import("vue").Ref<boolean>;
+    }>, {
+        isOpened: import('vue').Ref<boolean, boolean>;
         toggleClick: () => void;
         handleClose: () => void;
-        countersQuantityRef: import("vue").Ref<HTMLElement | null>;
-        computedItems: import("vue").ComputedRef<{
+        countersQuantityRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        computedItems: import('vue').ComputedRef<{
             label: string;
             key: string;
             value: any[];
         }[]>;
-        itemsRef: import("vue").Ref<HTMLElement | null>;
+        itemsRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         closeIcon: string;
         checkIfContainerIsWithinViewport: () => void;
         onDispatchEvent: (event: any) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         columns: {
-            type: () => {
-                label: string;
-                key: string;
-            }[];
+            type: () => import('./Counters/Counters.vue').CountersProps["columns"];
             required: true;
         };
         list: {
-            type: () => any[];
+            type: () => import('./Counters/Counters.vue').CountersProps["list"];
             required: true;
         };
-    }>>, {}, {}>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 };
+//# sourceMappingURL=index.d.ts.map