@ironsource/shared-ui 2.1.12-rc.24 → 2.1.12-rc.26

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

@@ -1679,6 +1679,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    shownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1737,6 +1741,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    shownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>> & {
     onClear?: () => any;
 }, {
@@ -1749,6 +1757,7 @@ declare const DropdownTypes: () => (({
     displayedValue: any;
     cancelAllSelectedDisplay: boolean;
     displayValueInQuotes: boolean;
+    shownValuesCount: number;
 }> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -1772,6 +1781,7 @@ declare const DropdownTypes: () => (({
             multi: boolean;
             infiniteLoading: boolean;
             showSelectAll: boolean;
+            showClearAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
             autoSize: boolean;
@@ -1786,6 +1796,7 @@ declare const DropdownTypes: () => (({
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
             triggerShowAllSelectedText: boolean;
+            triggerShownValuesCount: number;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             inlineSearch: boolean;
             inlineSearchPlaceholder: string;
@@ -1900,6 +1911,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showClearAll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1956,6 +1971,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            triggerShownValuesCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             predefinedTrigger: {
                 type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
                 default: "default" | "icon-button" | "chip" | "app";
@@ -2085,7 +2104,7 @@ declare const DropdownTypes: () => (({
             onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2185,6 +2204,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showClearAll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2241,6 +2264,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            triggerShownValuesCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             predefinedTrigger: {
                 type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
                 default: "default" | "icon-button" | "chip" | "app";
@@ -2405,6 +2432,7 @@ declare const DropdownTypes: () => (({
             multi: boolean;
             infiniteLoading: boolean;
             showSelectAll: boolean;
+            showClearAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
             autoSize: boolean;
@@ -2419,6 +2447,7 @@ declare const DropdownTypes: () => (({
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
             triggerShowAllSelectedText: boolean;
+            triggerShownValuesCount: number;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             inlineSearch: boolean;
             inlineSearchPlaceholder: string;
@@ -2553,6 +2582,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClearAll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         defaultOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2609,6 +2642,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        triggerShownValuesCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         predefinedTrigger: {
             type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
             default: "default" | "icon-button" | "chip" | "app";
@@ -2831,6 +2868,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showClearAll: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     defaultOpen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2887,6 +2928,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    triggerShownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     predefinedTrigger: {
         type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
         default: "default" | "icon-button" | "chip" | "app";
@@ -3051,6 +3096,7 @@ declare const DropdownTypes: () => (({
     multi: boolean;
     infiniteLoading: boolean;
     showSelectAll: boolean;
+    showClearAll: boolean;
     defaultOpen: boolean;
     keepOpen: boolean;
     autoSize: boolean;
@@ -3065,6 +3111,7 @@ declare const DropdownTypes: () => (({
     triggerFeedbackVariant: "success" | "warning" | "error";
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
+    triggerShownValuesCount: number;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     inlineSearch: boolean;
     inlineSearchPlaceholder: string;
@@ -3678,112 +3725,427 @@ declare const DropdownTypes: () => (({
     $slots: {
         "trigger-end-icon"?(_: {}): any;
     };
-})) | import("vue").DefineComponent<{
-    label: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    infiniteLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    optionNameKey: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    optionIconKey: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    optionImageKey: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    optionIconType: {
-        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-        default: any;
-    };
-    optionFlagKey: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    groupedOptions: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    comparingKey: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    conditionalOptions: {
-        type: import("vue").PropType<{
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            label: string;
+            testId: string;
+            isOpen: boolean;
+            infiniteLoading: boolean;
+            triggerShownValuesCount: number;
+            optionNameKey: string;
+            optionIconKey: string;
+            optionImageKey: string;
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionFlagKey: string;
+            groupedOptions: boolean;
+            comparingKey: string;
+            minCharsToStart: number;
+            searchQuery: string;
+            loadMoreFn: () => Promise<any[]>;
+            fetchDataDebounceTime: number;
+            autoFocusSearch: boolean;
+            loadingOverride: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            triggerShownValuesCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            groupedOptions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            comparingKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            conditionalOptions: {
+                type: import("vue").PropType<{
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }[]>;
+                required: true;
+            };
+            selectedCondition: {
+                type: import("vue").PropType<{
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }>;
+                required: true;
+            };
+            appliedSelections: {
+                type: import("vue").PropType<unknown>;
+                required: true;
+            };
+            fetchFnCallback: {
+                type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+                required: true;
+            };
+            minCharsToStart: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            searchQuery: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loadMoreFn: {
+                type: import("vue").PropType<() => Promise<any[]>>;
+                default: any;
+            };
+            fetchDataDebounceTime: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            autoFocusSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loadingOverride: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClear?: () => any;
+            onClosed?: () => any;
+            "onUpdate:selectedCondition"?: (value: {
+                label: string;
+                value: string;
+                multi: boolean;
+            }) => any;
+            "onUpdate:appliedSelections"?: (value: unknown) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "isOpen" | "infiniteLoading" | "triggerShownValuesCount" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionFlagKey" | "groupedOptions" | "comparingKey" | "minCharsToStart" | "searchQuery" | "loadMoreFn" | "fetchDataDebounceTime" | "autoFocusSearch" | "loadingOverride">;
+        $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: "clear") => void) & ((event: "closed") => void) & ((event: "update:selectedCondition", value: {
             label: string;
             value: string;
             multi: boolean;
-        }[]>;
-        required: true;
-    };
-    selectedCondition: {
-        type: import("vue").PropType<{
+        }) => void) & ((event: "update:appliedSelections", value: unknown) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            triggerShownValuesCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            groupedOptions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            comparingKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            conditionalOptions: {
+                type: import("vue").PropType<{
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }[]>;
+                required: true;
+            };
+            selectedCondition: {
+                type: import("vue").PropType<{
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }>;
+                required: true;
+            };
+            appliedSelections: {
+                type: import("vue").PropType<unknown>;
+                required: true;
+            };
+            fetchFnCallback: {
+                type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+                required: true;
+            };
+            minCharsToStart: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            searchQuery: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loadMoreFn: {
+                type: import("vue").PropType<() => Promise<any[]>>;
+                default: any;
+            };
+            fetchDataDebounceTime: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            autoFocusSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loadingOverride: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClear?: () => any;
+            onClosed?: () => any;
+            "onUpdate:selectedCondition"?: (value: {
+                label: string;
+                value: string;
+                multi: boolean;
+            }) => any;
+            "onUpdate:appliedSelections"?: (value: unknown) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:selectedCondition": (value: {
+                label: string;
+                value: string;
+                multi: boolean;
+            }) => void;
+            "update:appliedSelections": (value: unknown) => void;
+            clear: () => void;
+            closed: () => void;
+        }, string, {
+            label: string;
+            testId: string;
+            isOpen: boolean;
+            infiniteLoading: boolean;
+            triggerShownValuesCount: number;
+            optionNameKey: string;
+            optionIconKey: string;
+            optionImageKey: string;
+            optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionFlagKey: string;
+            groupedOptions: boolean;
+            comparingKey: string;
+            minCharsToStart: number;
+            searchQuery: string;
+            loadMoreFn: () => Promise<any[]>;
+            fetchDataDebounceTime: number;
+            autoFocusSearch: boolean;
+            loadingOverride: 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<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        triggerShownValuesCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        conditionalOptions: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }[]>;
+            required: true;
+        };
+        selectedCondition: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }>;
+            required: true;
+        };
+        appliedSelections: {
+            type: import("vue").PropType<unknown>;
+            required: true;
+        };
+        fetchFnCallback: {
+            type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+            required: true;
+        };
+        minCharsToStart: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        searchQuery: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loadMoreFn: {
+            type: import("vue").PropType<() => Promise<any[]>>;
+            default: any;
+        };
+        fetchDataDebounceTime: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        autoFocusSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        loadingOverride: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClear?: () => any;
+        onClosed?: () => any;
+        "onUpdate:selectedCondition"?: (value: {
             label: string;
             value: string;
             multi: boolean;
-        }>;
-        required: true;
-    };
-    appliedSelections: {
-        type: import("vue").PropType<unknown>;
-        required: true;
-    };
-    fetchFnCallback: {
-        type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
-        required: true;
-    };
-    minCharsToStart: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    searchQuery: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    loadMoreFn: {
-        type: import("vue").PropType<() => Promise<any[]>>;
-        default: any;
-    };
-    fetchDataDebounceTime: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    autoFocusSearch: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    loadingOverride: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:selectedCondition": (value: {
-        label: string;
-        value: string;
-        multi: boolean;
-    }) => void;
-    "update:appliedSelections": (value: unknown) => void;
-    clear: () => void;
-    closed: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }) => any;
+        "onUpdate:appliedSelections"?: (value: unknown) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3801,6 +4163,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    triggerShownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3888,11 +4254,21 @@ declare const DropdownTypes: () => (({
         multi: boolean;
     }) => any;
     "onUpdate:appliedSelections"?: (value: unknown) => any;
-}, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedCondition": (value: {
+        label: string;
+        value: string;
+        multi: boolean;
+    }) => void;
+    "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
+    closed: () => void;
+}, string, {
     label: string;
     testId: string;
     isOpen: boolean;
     infiniteLoading: boolean;
+    triggerShownValuesCount: number;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
@@ -3906,5 +4282,11 @@ declare const DropdownTypes: () => (({
     fetchDataDebounceTime: number;
     autoFocusSearch: boolean;
     loadingOverride: boolean;
-}>)[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "option-end"?(_: {
+            option: any;
+        }): any;
+    };
+})))[];
 export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };