@ironsource/shared-ui 2.1.12-test.50 → 2.1.12-test.52

package/components/dialog/v4/index.d.ts

@@ -1,6 +1,293 @@
 import Dialog from './DialogV4.vue';
 declare const DialogTypes: () => ({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+            testId: string;
+            size: "small" | "medium" | "extraSmall";
+            content: string;
+            subtitle: string;
+            appendToBody: boolean;
+            closeDelay: number;
+            openDelay: number;
+            escapeToClose: boolean;
+            showBackdrop: boolean;
+            closeOnClickOutside: boolean;
+            beforeClose: (show: () => void) => void;
+            showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
+            showFooter: boolean;
+            saveButtonLabel: string;
+            saveButtonLoading: boolean;
+            saveButtonColor: import("../../button/common/consts").ButtonColor;
+            cancelButtonLabel: string;
+            cancelButtonColor: string;
+            noPadding: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "extraSmall">;
+                default: string;
+            };
+            content: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            subtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            appendToBody: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            openDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            escapeToClose: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showBackdrop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            beforeClose: {
+                type: import("vue").PropType<(show: () => void) => void>;
+                default: any;
+            };
+            showCloseButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveButtonLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonColor: {
+                type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
+                default: string;
+            };
+            cancelButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: import("../v3").Reason) => any;
+            onCancel?: () => any;
+            onOpen?: () => any;
+            onSave?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "open") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "close", reason: import("../v3").Reason) => void) & ((event: "cancel") => void) & ((event: "save") => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "extraSmall">;
+                default: string;
+            };
+            content: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            subtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            appendToBody: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            openDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            escapeToClose: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showBackdrop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            beforeClose: {
+                type: import("vue").PropType<(show: () => void) => void>;
+                default: any;
+            };
+            showCloseButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveButtonLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonColor: {
+                type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
+                default: string;
+            };
+            cancelButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: boolean) => any;
+            onClose?: (reason: import("../v3").Reason) => any;
+            onCancel?: () => any;
+            onOpen?: () => any;
+            onSave?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            close: (reason: import("../v3").Reason) => void;
+            save: () => void;
+            cancel: () => void;
+        }, string, {
+            title: string;
+            testId: string;
+            size: "small" | "medium" | "extraSmall";
+            content: string;
+            subtitle: string;
+            appendToBody: boolean;
+            closeDelay: number;
+            openDelay: number;
+            escapeToClose: boolean;
+            showBackdrop: boolean;
+            closeOnClickOutside: boolean;
+            beforeClose: (show: () => void) => void;
+            showCloseButton: boolean;
+            showCancelButton: boolean;
+            showSaveButton: boolean;
+            showFooter: boolean;
+            saveButtonLabel: string;
+            saveButtonLoading: boolean;
+            saveButtonColor: import("../../button/common/consts").ButtonColor;
+            cancelButtonLabel: string;
+            cancelButtonColor: string;
+            noPadding: boolean;
+        }, {}, string> & {
+            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: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         title: {
             type: import("vue").PropType<string>;
             default: string;
@@ -93,171 +380,13 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & Readonly<{
-        onCancel?: () => any;
-        onClose?: (reason: import("../v3").Reason) => any;
-        onOpen?: () => any;
+    }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
-        onSave?: () => any;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: boolean) => void;
-        open: () => void;
-        close: (reason: import("../v3").Reason) => void;
-        save: () => void;
-        cancel: () => void;
-    }, import("vue").PublicProps, {
-        title: string;
-        testId: string;
-        size: "small" | "medium" | "extraSmall";
-        content: string;
-        subtitle: string;
-        appendToBody: boolean;
-        closeDelay: number;
-        openDelay: number;
-        escapeToClose: boolean;
-        showBackdrop: boolean;
-        closeOnClickOutside: boolean;
-        beforeClose: (show: () => void) => void;
-        showCloseButton: boolean;
-        showCancelButton: boolean;
-        showSaveButton: boolean;
-        showFooter: boolean;
-        saveButtonLabel: string;
-        saveButtonLoading: boolean;
-        saveButtonColor: import("../../button/common/consts").ButtonColor;
-        cancelButtonLabel: string;
-        cancelButtonColor: string;
-        noPadding: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "extraSmall">;
-            default: string;
-        };
-        content: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-        };
-        subtitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        appendToBody: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeDelay: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        openDelay: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        escapeToClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showBackdrop: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeOnClickOutside: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        beforeClose: {
-            type: import("vue").PropType<(show: () => void) => void>;
-            default: any;
-        };
-        showCloseButton: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showCancelButton: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showSaveButton: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showFooter: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        saveButtonLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        saveButtonLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        saveButtonColor: {
-            type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
-            default: string;
-        };
-        cancelButtonLabel: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        cancelButtonColor: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        noPadding: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onCancel?: () => any;
         onClose?: (reason: import("../v3").Reason) => any;
+        onCancel?: () => any;
         onOpen?: () => any;
-        "onUpdate:modelValue"?: (value: boolean) => any;
         onSave?: () => any;
-    }>, {}, {}, {}, {}, {
-        title: string;
-        testId: string;
-        size: "small" | "medium" | "extraSmall";
-        content: string;
-        subtitle: string;
-        appendToBody: boolean;
-        closeDelay: number;
-        openDelay: number;
-        escapeToClose: boolean;
-        showBackdrop: boolean;
-        closeOnClickOutside: boolean;
-        beforeClose: (show: () => void) => void;
-        showCloseButton: boolean;
-        showCancelButton: boolean;
-        showSaveButton: boolean;
-        showFooter: boolean;
-        saveButtonLabel: string;
-        saveButtonLoading: boolean;
-        saveButtonColor: import("../../button/common/consts").ButtonColor;
-        cancelButtonLabel: string;
-        cancelButtonColor: string;
-        noPadding: boolean;
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -354,13 +483,13 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & Readonly<{
-    onCancel?: () => any;
+}>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: import("../v3").Reason) => any;
+    onCancel?: () => any;
     onOpen?: () => any;
-    "onUpdate:modelValue"?: (value: boolean) => any;
     onSave?: () => any;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     open: () => void;
     close: (reason: import("../v3").Reason) => void;
@@ -389,7 +518,7 @@ declare const DialogTypes: () => ({
     cancelButtonLabel: string;
     cancelButtonColor: string;
     noPadding: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;
         default?(_: {}): any;

package/components/dropdown/common/Dropdown.common.d.ts

@@ -1,55 +1,49 @@
-import { onClickOutside } from '@vueuse/core';
+import { onClickOutside, UseVirtualListItem } from '@vueuse/core';
 import { Ref } from 'vue';
 export declare const dropdownCommon: (props: any, emit: any, commonOptions: any) => {
     onKeydown: (event: any) => void;
     location: import("vue").ComputedRef<any>;
-    open: Ref<boolean, boolean>;
+    open: Ref<boolean>;
     toggleMenu: (value?: any, withFocus?: boolean) => void;
     onButtonKeydown: (event: any) => void;
     displayedValue: import("vue").ComputedRef<any>;
-    labelRef: Ref<HTMLLabelElement, HTMLLabelElement>;
-    query: Ref<string, string>;
+    labelRef: Ref<HTMLLabelElement>;
+    query: Ref<string>;
     containerProps: {
-        ref: Ref<HTMLElement, HTMLElement>;
+        ref: Ref<HTMLElement>;
         onScroll: () => void;
-        style: import("vue").StyleValue;
     };
     calculateTableHeight: import("vue").ComputedRef<number>;
-    wrapperProps: import("vue").ComputedRef<{
+    wrapperProps: Ref<{
         style: {
             width: string;
             height: string;
             marginTop: string;
-        } | {
-            width: string;
-            height: string;
-            marginLeft: string;
-            display: string;
         };
     }>;
     filteredOptions: import("vue").ComputedRef<any>;
     allSelected: import("vue").ComputedRef<boolean>;
-    allSelectedApplied: Ref<boolean, boolean>;
+    allSelectedApplied: Ref<boolean>;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     onSelectAll: () => void;
-    virtualOptions: Ref<import("@vueuse/core").UseVirtualListItem<any>[], import("@vueuse/core").UseVirtualListItem<any>[]>;
+    virtualOptions: Ref<UseVirtualListItem<unknown>[]>;
     isSelected: (arr: any, element: any) => boolean;
-    selectedOption: import("vue").WritableComputedRef<unknown, unknown>;
-    selectedOptionPrevious: Ref<unknown, unknown>;
+    selectedOption: import("vue").WritableComputedRef<unknown>;
+    selectedOptionPrevious: Ref<unknown>;
     selectedValue: import("vue").ComputedRef<any>;
     onSelect: (option: any, index?: number) => void;
-    activeIndex: Ref<number, number>;
+    activeIndex: Ref<number>;
     onCancel: () => void;
     onApply: () => void;
     scrollTo: (index: number) => void;
     onClickOutside: typeof onClickOutside;
-    listRef: Ref<HTMLUListElement, HTMLUListElement>;
-    buttonRef: Ref<HTMLButtonElement, HTMLButtonElement>;
-    apply: Ref<HTMLButtonElement, HTMLButtonElement>;
-    cancel: Ref<HTMLButtonElement, HTMLButtonElement>;
-    el: Ref<HTMLDivElement, HTMLDivElement>;
-    triggerRef: Ref<any, any>;
-    clearAll: Ref<HTMLButtonElement, HTMLButtonElement>;
+    listRef: Ref<HTMLUListElement>;
+    buttonRef: Ref<HTMLButtonElement>;
+    apply: Ref<HTMLButtonElement>;
+    cancel: Ref<HTMLButtonElement>;
+    el: Ref<HTMLDivElement>;
+    triggerRef: Ref<any>;
+    clearAll: Ref<HTMLButtonElement>;
     onClearAllSelections: (applyChanges?: boolean) => void;
     isGroup: (option: any) => boolean;
     flattenAndMarkGroupOptions: (options: any) => any;

package/components/dropdown/common/Dropdown.common.js

@@ -2,13 +2,12 @@ import { useToggle as ke } from "../../../composables/useToggle.js";
 import { inject as Ge, ref as r, computed as c, watch as b, useSlots as Le, toRaw as I, nextTick as N, provide as Ue, onMounted as Be } from "vue";
 import { isObjectInArray as ue } from "../../../utils/array.js";
 import { objectsEqual as He } from "../../../utils/object.js";
-import { useVirtualList as qe, onClickOutside as ie, useInfiniteScroll as Xe } from "@vueuse/core";
-import { useClamp as $e } from "@vueuse/math";
+import { useClamp as qe, useVirtualList as Xe, onClickOutside as ie, useInfiniteScroll as $e } from "@vueuse/core";
 import { Mode as w, Type as U, DropdownContext as je } from "./DropdownContext.js";
 import { pxToRem as ze } from "../../../utils/style.js";
 import { useEditableContext as We } from "../../table-cells/common/EditableContext.js";
 import { useGroupedOptions as Je } from "./useGroupedOptions.js";
-const ul = (e, d, y) => {
+const nl = (e, d, y) => {
   const B = Ge("isTreeDropdown", !1), {
     sortOutGroups: H,
     flattenAndMarkGroupOptions: q,
@@ -60,7 +59,7 @@ const ul = (e, d, y) => {
     set(l) {
       d("update:isOpen", l);
     }
-  }), me = c(() => o.value.length - 1), g = $e(0, 0, me), p = c(() => n.value ? e.displayValue(n.value) : ""), Ae = (l) => {
+  }), me = c(() => o.value.length - 1), g = qe(0, 0, me), p = c(() => n.value ? e.displayValue(n.value) : ""), Ae = (l) => {
     if (!l.value.length && !e.multiOptionsPlaceholderPrefix && !e.multiOptionsPlaceholderSuffix)
       return e.placeholder;
     const t = !e.multiOptionsPlaceholderPrefix && !e.multiOptionsPlaceholderSuffix ? `${l.value.length} selected` : `${e.multiOptionsPlaceholderPrefix ?? ""}${l.value.length ?? "0"}${e.multiOptionsPlaceholderSuffix ?? ""}`;
@@ -110,7 +109,7 @@ const ul = (e, d, y) => {
     containerProps: k,
     wrapperProps: we,
     scrollTo: P
-  } = qe(o, {
+  } = Xe(o, {
     itemHeight: le.value,
     overscan: e.disableVirtualScroll ? 1 / 0 : 2
   });
@@ -347,7 +346,7 @@ const ul = (e, d, y) => {
       u * le.value + y.PADDING_PX
     );
   });
-  return Xe(
+  return $e(
     k.ref,
     () => {
       !e.loadMoreLoading && e.infiniteLoading && d("loadMore");
@@ -396,5 +395,5 @@ const ul = (e, d, y) => {
   };
 };
 export {
-  ul as dropdownCommon
+  nl as dropdownCommon
 };

package/components/dropdown/common/Option.common.d.ts

@@ -4,6 +4,6 @@ export declare const optionCommon: (props: any) => {
     id: string;
     onClick: (event: Event) => void;
     api: import("./DropdownContext").DropdownContextProps;
-    el: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+    el: import("vue").Ref<HTMLDivElement>;
     active: import("vue").ComputedRef<any>;
 };