npm - @ironsource/shared-ui - Versions diffs - 2.1.12-rc.5 → 2.1.12-rc.50 - Mend

@ironsource/shared-ui 2.1.12-rc.5 → 2.1.12-rc.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (352) hide show

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

@@ -1078,6 +1078,7 @@ declare const DropdownTypes: () => (({
         $data: {};
         $props: Partial<{
             option: any;
+            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             disabled: boolean;
             active: boolean;
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -1087,23 +1088,29 @@ declare const DropdownTypes: () => (({
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
+            tooltipAttachedToText: boolean;
             nameKey: string;
             imageKey: string;
             iconKey: string;
+            warningKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
             endTextIconKey: string;
-            toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             treeMainOption: boolean;
             treeMainOptionExpanded: boolean;
             stopOptionClickEventPropagation: boolean;
             treeChildShown: boolean;
             isMulti: boolean;
+            minMaxSelectionTooltipMessage: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1140,6 +1147,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            tooltipAttachedToText: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             nameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1152,6 +1163,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            warningKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             iconType: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
@@ -1164,10 +1179,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            toolTipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
             treeMainOption: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1188,12 +1199,16 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            minMaxSelectionTooltipMessage: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
         }>> & {
             onToggleTreeCollapse?: (option: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "tooltipPlacement" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "tooltipAttachedToText" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1212,6 +1227,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1248,6 +1267,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            tooltipAttachedToText: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             nameKey: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1260,6 +1283,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            warningKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             iconType: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
@@ -1272,10 +1299,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            toolTipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
             treeMainOption: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1296,6 +1319,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            minMaxSelectionTooltipMessage: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -1305,6 +1332,7 @@ declare const DropdownTypes: () => (({
             toggleTreeCollapse: (option: unknown) => void;
         }, string, {
             option: any;
+            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             disabled: boolean;
             active: boolean;
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -1314,18 +1342,20 @@ declare const DropdownTypes: () => (({
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
+            tooltipAttachedToText: boolean;
             nameKey: string;
             imageKey: string;
             iconKey: string;
+            warningKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             endIconKey: string;
             endTextIconKey: string;
-            toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             treeMainOption: boolean;
             treeMainOptionExpanded: boolean;
             stopOptionClickEventPropagation: boolean;
             treeChildShown: boolean;
             isMulti: boolean;
+            minMaxSelectionTooltipMessage: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1351,6 +1381,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1387,6 +1421,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        tooltipAttachedToText: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         nameKey: {
             type: import("vue").PropType<string>;
             default: any;
@@ -1399,6 +1437,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
+        warningKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         iconType: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
@@ -1411,10 +1453,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
-        toolTipPlacement: {
-            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-            default: string;
-        };
         treeMainOption: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1435,6 +1473,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        minMaxSelectionTooltipMessage: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -1449,6 +1491,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown>;
         default: any;
     };
+    tooltipPlacement: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1485,6 +1531,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tooltipAttachedToText: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     nameKey: {
         type: import("vue").PropType<string>;
         default: any;
@@ -1497,6 +1547,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
+    warningKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     iconType: {
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
@@ -1509,10 +1563,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
-    toolTipPlacement: {
-        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-        default: string;
-    };
     treeMainOption: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1533,6 +1583,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    minMaxSelectionTooltipMessage: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     selectedProp: {
         type: import("vue").PropType<boolean>;
     };
@@ -1542,6 +1596,7 @@ declare const DropdownTypes: () => (({
     toggleTreeCollapse: (option: unknown) => void;
 }, string, {
     option: any;
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
     active: boolean;
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -1551,18 +1606,20 @@ declare const DropdownTypes: () => (({
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
+    tooltipAttachedToText: boolean;
     nameKey: string;
     imageKey: string;
     iconKey: string;
+    warningKey: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endIconKey: string;
     endTextIconKey: string;
-    toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     treeMainOption: boolean;
     treeMainOptionExpanded: boolean;
     stopOptionClickEventPropagation: boolean;
     treeChildShown: boolean;
     isMulti: boolean;
+    minMaxSelectionTooltipMessage: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -1570,19 +1627,40 @@ declare const DropdownTypes: () => (({
         "icon-start"?(_: {}): any;
         default?(_: {}): any;
         "icon-end"?(_: {}): any;
+        "option-end"?(_: {
+            option: any;
+        }): any;
     };
 })) | import("vue").DefineComponent<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
 }>>, {
     testId: string;
+    iconName: string;
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
 }> | import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
@@ -1639,6 +1717,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<{
@@ -1697,6 +1779,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    shownValuesCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>> & {
     onClear?: () => any;
 }, {
@@ -1709,6 +1795,7 @@ declare const DropdownTypes: () => (({
     displayedValue: any;
     cancelAllSelectedDisplay: boolean;
     displayValueInQuotes: boolean;
+    shownValuesCount: number;
 }> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -1726,17 +1813,20 @@ declare const DropdownTypes: () => (({
             mandatory: boolean;
             skidding: number;
             modelValue: any;
-            selected: any;
             valueToCopy: string;
+            selected: any;
             placeholder: string;
             multi: boolean;
             infiniteLoading: boolean;
             showSelectAll: boolean;
+            showClearAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
             dynamicFilterMode: boolean;
+            minSelections: number;
+            maxSelections: number;
             isOnTop: boolean;
             triggerLabel: string;
             triggerHelperText: string;
@@ -1744,6 +1834,7 @@ declare const DropdownTypes: () => (({
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
             triggerShowAllSelectedText: boolean;
+            triggerShownValuesCount: number;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             inlineSearch: boolean;
             inlineSearchPlaceholder: string;
@@ -1759,12 +1850,14 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionsEndTextIconKey: string;
             optionFlagKey: string;
+            optionWarningKey: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
             groupedOptions: boolean;
             comparingKey: string;
             customNumberOfDisplayedOptions: number;
+            optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -1826,14 +1919,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            selected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -1857,6 +1950,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;
@@ -1877,6 +1974,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            minSelections: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            maxSelections: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1905,6 +2010,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";
@@ -1969,6 +2078,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            optionWarningKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1993,6 +2106,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: any;
             };
+            optionTooltipPosition: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2030,7 +2147,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" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "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" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2099,14 +2216,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            selected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -2130,6 +2247,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;
@@ -2150,6 +2271,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            minSelections: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            maxSelections: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2178,6 +2307,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";
@@ -2242,6 +2375,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            optionWarningKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2266,6 +2403,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<number>;
                 default: any;
             };
+            optionTooltipPosition: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2332,17 +2473,20 @@ declare const DropdownTypes: () => (({
             mandatory: boolean;
             skidding: number;
             modelValue: any;
-            selected: any;
             valueToCopy: string;
+            selected: any;
             placeholder: string;
             multi: boolean;
             infiniteLoading: boolean;
             showSelectAll: boolean;
+            showClearAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
             autoSize: boolean;
             disableKeyboardEvents: boolean;
             dynamicFilterMode: boolean;
+            minSelections: number;
+            maxSelections: number;
             isOnTop: boolean;
             triggerLabel: string;
             triggerHelperText: string;
@@ -2350,6 +2494,7 @@ declare const DropdownTypes: () => (({
             triggerFeedbackVariant: "success" | "warning" | "error";
             triggerFeedbackShowIcon: boolean;
             triggerShowAllSelectedText: boolean;
+            triggerShownValuesCount: number;
             predefinedTrigger: "default" | "icon-button" | "chip" | "app";
             inlineSearch: boolean;
             inlineSearchPlaceholder: string;
@@ -2365,12 +2510,14 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionsEndTextIconKey: string;
             optionFlagKey: string;
+            optionWarningKey: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
             groupedOptions: boolean;
             comparingKey: string;
             customNumberOfDisplayedOptions: number;
+            optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -2452,14 +2599,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
-        selected: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        selected: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -2483,6 +2630,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;
@@ -2503,6 +2654,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        minSelections: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        maxSelections: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2531,6 +2690,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";
@@ -2595,6 +2758,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
+        optionWarningKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         disabledOptionKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2619,6 +2786,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<number>;
             default: any;
         };
+        optionTooltipPosition: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2718,14 +2889,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown>;
         default: any;
     };
-    selected: {
-        type: import("vue").PropType<unknown>;
-        default: any;
-    };
     valueToCopy: {
         type: import("vue").PropType<string>;
         default: any;
     };
+    selected: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -2749,6 +2920,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;
@@ -2769,6 +2944,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    minSelections: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxSelections: {
+        type: import("vue").PropType<number>;
+        default: any;
+    };
     isOnTop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2797,6 +2980,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";
@@ -2861,6 +3048,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
+    optionWarningKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     disabledOptionKey: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2885,6 +3076,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<number>;
         default: any;
     };
+    optionTooltipPosition: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
     fullWidth: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2951,17 +3146,20 @@ declare const DropdownTypes: () => (({
     mandatory: boolean;
     skidding: number;
     modelValue: any;
-    selected: any;
     valueToCopy: string;
+    selected: any;
     placeholder: string;
     multi: boolean;
     infiniteLoading: boolean;
     showSelectAll: boolean;
+    showClearAll: boolean;
     defaultOpen: boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
     dynamicFilterMode: boolean;
+    minSelections: number;
+    maxSelections: number;
     isOnTop: boolean;
     triggerLabel: string;
     triggerHelperText: string;
@@ -2969,6 +3167,7 @@ declare const DropdownTypes: () => (({
     triggerFeedbackVariant: "success" | "warning" | "error";
     triggerFeedbackShowIcon: boolean;
     triggerShowAllSelectedText: boolean;
+    triggerShownValuesCount: number;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     inlineSearch: boolean;
     inlineSearchPlaceholder: string;
@@ -2984,12 +3183,14 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionsEndTextIconKey: string;
     optionFlagKey: string;
+    optionWarningKey: string;
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
     groupedOptions: boolean;
     comparingKey: string;
     customNumberOfDisplayedOptions: number;
+    optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -3051,6 +3252,10 @@ declare const DropdownTypes: () => (({
             active: boolean;
             disabled: any;
         }): any;
+        "option-end"?(_: {
+            option: any;
+        }): any;
+        footer?(_: {}): any;
     };
 })) | import("vue").DefineComponent<{
     label: {
@@ -3138,8 +3343,8 @@ declare const DropdownTypes: () => (({
             testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
-            selected: unknown[];
             valueToCopy: string;
+            selected: unknown[];
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3166,14 +3371,14 @@ declare const DropdownTypes: () => (({
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
-            selected: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            selected: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3237,7 +3442,7 @@ declare const DropdownTypes: () => (({
         }>> & {
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "valueToCopy" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3267,14 +3472,14 @@ declare const DropdownTypes: () => (({
             isOpen: {
                 type: import("vue").PropType<boolean>;
             };
-            selected: {
-                type: import("vue").PropType<unknown[]>;
-                default: any;
-            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            selected: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3345,8 +3550,8 @@ declare const DropdownTypes: () => (({
             testId: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
-            selected: unknown[];
             valueToCopy: string;
+            selected: unknown[];
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3393,14 +3598,14 @@ declare const DropdownTypes: () => (({
         isOpen: {
             type: import("vue").PropType<boolean>;
         };
-        selected: {
-            type: import("vue").PropType<unknown[]>;
-            default: any;
-        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        selected: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -3484,14 +3689,14 @@ declare const DropdownTypes: () => (({
     isOpen: {
         type: import("vue").PropType<boolean>;
     };
-    selected: {
-        type: import("vue").PropType<unknown[]>;
-        default: any;
-    };
     valueToCopy: {
         type: import("vue").PropType<string>;
         default: any;
     };
+    selected: {
+        type: import("vue").PropType<unknown[]>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -3562,8 +3767,8 @@ declare const DropdownTypes: () => (({
     testId: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
-    selected: unknown[];
     valueToCopy: string;
+    selected: unknown[];
     placeholder: string;
     inlineSearchPlaceholder: string;
     optionNameKey: string;
@@ -3578,112 +3783,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;
@@ -3701,6 +4221,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;
@@ -3788,11 +4312,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;
@@ -3806,5 +4340,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, };