npm - @ironsource/shared-ui - Versions diffs - 2.1.11-test.5 → 2.1.11-test.50 - Mend

@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.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 (191) hide show

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

@@ -7,6 +7,7 @@ import ButtonDropdownTrigger from './ButtonDropdownTrigger.vue';
 import ButtonFilterDropdownTrigger from './ButtonFilterDropdownTrigger.vue';
 import TreeDropdown from './TreeDropdown.vue';
 import Option from './OptionV4.vue';
+import ConditionalDropdown from './ConditionalDropdown.vue';
 declare const DropdownTypes: () => (({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -606,6 +607,7 @@ declare const DropdownTypes: () => (({
             open: boolean;
             mandatory: boolean;
             loading: boolean;
+            valueToCopy: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
@@ -616,7 +618,6 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -650,6 +651,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -694,10 +699,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -709,7 +710,7 @@ declare const DropdownTypes: () => (({
         }>> & {
             onClick?: () => any;
             onCopyToClipboard?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "valueToCopy" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "selectedOption" | "brandIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -754,6 +755,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -798,10 +803,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -824,6 +825,7 @@ declare const DropdownTypes: () => (({
             open: boolean;
             mandatory: boolean;
             loading: boolean;
+            valueToCopy: string;
             options: unknown[];
             singleAppSelection: boolean;
             placeholder: string;
@@ -834,7 +836,6 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
         }, {}, string> & {
@@ -888,6 +889,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -932,10 +937,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -982,6 +983,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         default: any;
@@ -1026,10 +1031,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: any;
     };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     selectedOption: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -1052,6 +1053,7 @@ declare const DropdownTypes: () => (({
     open: boolean;
     mandatory: boolean;
     loading: boolean;
+    valueToCopy: string;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
@@ -1062,7 +1064,6 @@ declare const DropdownTypes: () => (({
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    valueToCopy: string;
     selectedOption: any;
     brandIconType: "android" | "ios";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -1091,11 +1092,13 @@ declare const DropdownTypes: () => (({
             iconKey: 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;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
                 type: import("vue").PropType<unknown>;
@@ -1157,6 +1160,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            endTextIconKey: {
+                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;
@@ -1177,12 +1184,16 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isMulti: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             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" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
+        } & 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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1257,6 +1268,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            endTextIconKey: {
+                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;
@@ -1277,6 +1292,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isMulti: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -1300,11 +1319,13 @@ declare const DropdownTypes: () => (({
             iconKey: 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;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1386,6 +1407,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
+        endTextIconKey: {
+            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;
@@ -1406,6 +1431,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        isMulti: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -1476,6 +1505,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
+    endTextIconKey: {
+        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;
@@ -1496,6 +1529,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    isMulti: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     selectedProp: {
         type: import("vue").PropType<boolean>;
     };
@@ -1519,11 +1556,13 @@ declare const DropdownTypes: () => (({
     iconKey: 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;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
@@ -1592,6 +1631,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    cancelAllSelectedDisplay: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    displayValueInQuotes: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1642,6 +1689,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    cancelAllSelectedDisplay: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    displayValueInQuotes: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onClear?: () => any;
 }, {
@@ -1652,6 +1707,8 @@ declare const DropdownTypes: () => (({
     feedbackVariant: string;
     allSelected: boolean;
     displayedValue: any;
+    cancelAllSelectedDisplay: boolean;
+    displayValueInQuotes: boolean;
 }> | ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -1670,9 +1727,10 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
-            onClear: () => void;
+            valueToCopy: string;
             placeholder: string;
             multi: boolean;
+            infiniteLoading: boolean;
             showSelectAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
@@ -1691,26 +1749,27 @@ declare const DropdownTypes: () => (({
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
             searchAutoFocus: boolean;
+            onClearSearch: () => void;
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionsEndTextIconKey: string;
             optionFlagKey: string;
-            valueToCopy: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
             groupedOptions: boolean;
             comparingKey: string;
-            withConditions: boolean;
             customNumberOfDisplayedOptions: number;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             disableVirtualScroll: boolean;
             overrideOptionCountCalculation: (option: unknown) => number;
+            withConditions: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             theme: {
                 type: import("vue").PropType<string>;
@@ -1755,13 +1814,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -1770,14 +1829,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1786,6 +1845,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadMoreLoading: {
+                type: import("vue").PropType<boolean>;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1858,6 +1924,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onClearSearch: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
@@ -1886,11 +1956,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            optionFlagKey: {
+            optionsEndTextIconKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
+            optionFlagKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
@@ -1914,11 +1984,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            withConditions: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
             customNumberOfDisplayedOptions: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -1943,17 +2008,24 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
+            onAllSelectedChanged?: (value: boolean) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
+            onLoadMore?: () => any;
+            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" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "withConditions" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & 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" | "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">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1965,7 +2037,7 @@ declare const DropdownTypes: () => (({
         }>;
         $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: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "unsavedSelectionUpdate", value: unknown[]) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -2011,13 +2083,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -2026,14 +2098,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2042,6 +2114,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadMoreLoading: {
+                type: import("vue").PropType<boolean>;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2114,6 +2193,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onClearSearch: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
@@ -2142,11 +2225,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            optionFlagKey: {
+            optionsEndTextIconKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
+            optionFlagKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
@@ -2170,11 +2253,6 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            withConditions: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
             customNumberOfDisplayedOptions: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -2199,14 +2277,21 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
+            onAllSelectedChanged?: (value: boolean) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
+            onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         }, {
@@ -2222,6 +2307,9 @@ declare const DropdownTypes: () => (({
             clear: () => void;
             copyToClipboard: () => void;
             onsearch: (value: string) => void;
+            loadMore: () => void;
+            allSelectedChanged: (value: boolean) => void;
+            unsavedSelectionUpdate: (value: unknown[]) => void;
         }, string, {
             theme: string;
             testId: string;
@@ -2236,9 +2324,10 @@ declare const DropdownTypes: () => (({
             skidding: number;
             modelValue: any;
             selected: any;
-            onClear: () => void;
+            valueToCopy: string;
             placeholder: string;
             multi: boolean;
+            infiniteLoading: boolean;
             showSelectAll: boolean;
             defaultOpen: boolean;
             keepOpen: boolean;
@@ -2257,26 +2346,27 @@ declare const DropdownTypes: () => (({
             onSearch: (option: any, term: string) => boolean;
             noResultsText: string;
             searchAutoFocus: boolean;
+            onClearSearch: () => void;
             optionNameKey: string;
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionsEndTextIconKey: string;
             optionFlagKey: string;
-            valueToCopy: string;
             disabledOptionKey: string;
             optionTwoLinesVariant: "horizontal" | "vertical";
             optionTwoLinesKey: string;
             groupedOptions: boolean;
             comparingKey: string;
-            withConditions: boolean;
             customNumberOfDisplayedOptions: number;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
             disableVirtualScroll: boolean;
             overrideOptionCountCalculation: (option: unknown) => number;
+            withConditions: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -2341,13 +2431,13 @@ declare const DropdownTypes: () => (({
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -2356,14 +2446,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        onClear: {
-            type: import("vue").PropType<() => void>;
-            default: () => true;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2372,6 +2462,13 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadMoreLoading: {
+            type: import("vue").PropType<boolean>;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2444,6 +2541,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        onClearSearch: {
+            type: import("vue").PropType<() => void>;
+            default: () => true;
+        };
         displayValue: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
@@ -2472,11 +2573,11 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        optionFlagKey: {
+        optionsEndTextIconKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        valueToCopy: {
+        optionFlagKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
@@ -2500,11 +2601,6 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: any;
         };
-        withConditions: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
         customNumberOfDisplayedOptions: {
             type: import("vue").PropType<number>;
             default: any;
@@ -2529,14 +2625,21 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<(option: unknown) => number>;
             default: any;
         };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onCopyToClipboard?: () => any;
         onClear?: () => any;
         onApply?: (value: unknown) => any;
         onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
+        onAllSelectedChanged?: (value: boolean) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOnsearch?: (value: string) => any;
+        onLoadMore?: () => any;
+        onUnsavedSelectionUpdate?: (value: unknown[]) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -2590,13 +2693,13 @@ declare const DropdownTypes: () => (({
     loading: {
         type: import("vue").PropType<boolean>;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -2605,14 +2708,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown>;
         default: any;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
     };
-    onClear: {
-        type: import("vue").PropType<() => void>;
-        default: () => true;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2621,6 +2724,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    loadMoreLoading: {
+        type: import("vue").PropType<boolean>;
+    };
+    infiniteLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     showSelectAll: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2693,6 +2803,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    onClearSearch: {
+        type: import("vue").PropType<() => void>;
+        default: () => true;
+    };
     displayValue: {
         type: import("vue").PropType<(option: unknown) => string>;
         required: true;
@@ -2721,11 +2835,11 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: any;
     };
-    optionFlagKey: {
+    optionsEndTextIconKey: {
         type: import("vue").PropType<string>;
         default: any;
     };
-    valueToCopy: {
+    optionFlagKey: {
         type: import("vue").PropType<string>;
         default: any;
     };
@@ -2749,11 +2863,6 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: any;
     };
-    withConditions: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
     customNumberOfDisplayedOptions: {
         type: import("vue").PropType<number>;
         default: any;
@@ -2778,14 +2887,21 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<(option: unknown) => number>;
         default: any;
     };
+    withConditions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onCopyToClipboard?: () => any;
     onClear?: () => any;
     onApply?: (value: unknown) => any;
     onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
+    onAllSelectedChanged?: (value: boolean) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOnsearch?: (value: string) => any;
+    onLoadMore?: () => any;
+    onUnsavedSelectionUpdate?: (value: unknown[]) => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
@@ -2801,6 +2917,9 @@ declare const DropdownTypes: () => (({
     clear: () => void;
     copyToClipboard: () => void;
     onsearch: (value: string) => void;
+    loadMore: () => void;
+    allSelectedChanged: (value: boolean) => void;
+    unsavedSelectionUpdate: (value: unknown[]) => void;
 }, string, {
     theme: string;
     testId: string;
@@ -2815,9 +2934,10 @@ declare const DropdownTypes: () => (({
     skidding: number;
     modelValue: any;
     selected: any;
-    onClear: () => void;
+    valueToCopy: string;
     placeholder: string;
     multi: boolean;
+    infiniteLoading: boolean;
     showSelectAll: boolean;
     defaultOpen: boolean;
     keepOpen: boolean;
@@ -2836,26 +2956,27 @@ declare const DropdownTypes: () => (({
     onSearch: (option: any, term: string) => boolean;
     noResultsText: string;
     searchAutoFocus: boolean;
+    onClearSearch: () => void;
     optionNameKey: string;
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionsEndTextIconKey: string;
     optionFlagKey: string;
-    valueToCopy: string;
     disabledOptionKey: string;
     optionTwoLinesVariant: "horizontal" | "vertical";
     optionTwoLinesKey: string;
     groupedOptions: boolean;
     comparingKey: string;
-    withConditions: boolean;
     customNumberOfDisplayedOptions: number;
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
     disableVirtualScroll: boolean;
     overrideOptionCountCalculation: (option: unknown) => number;
+    withConditions: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         label?(_: {}): any;
@@ -2884,6 +3005,7 @@ declare const DropdownTypes: () => (({
                 optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionAndIconKey: string;
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionsEndTextIconKey: string;
                 optionFlagKey: string;
                 feedbackVariant: "success" | "warning" | "error";
                 valueToCopy: string;
@@ -2900,6 +3022,8 @@ declare const DropdownTypes: () => (({
         "input-list"?(_: {
             open: true;
         }): any;
+        "custom-list-area"?(_: {}): any;
+        "select-all"?(_: {}): any;
         "group-option"?(_: {}): any;
         default?(_: {
             option: unknown;
@@ -2996,6 +3120,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             size: "small" | "medium" | "large";
             selected: unknown[];
+            valueToCopy: string;
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3004,8 +3129,8 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             disabledOptionKey: string;
+            optionEndTextIconKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             testId: {
                 type: import("vue").PropType<string>;
@@ -3026,6 +3151,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3066,14 +3195,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionEndTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionChildrenKey: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -3089,7 +3218,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" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3123,6 +3252,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -3163,14 +3296,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            valueToCopy: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
             disabledOptionKey: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionEndTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionChildrenKey: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -3194,6 +3327,7 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             size: "small" | "medium" | "large";
             selected: unknown[];
+            valueToCopy: string;
             placeholder: string;
             inlineSearchPlaceholder: string;
             optionNameKey: string;
@@ -3202,8 +3336,8 @@ declare const DropdownTypes: () => (({
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             optionEndIconKey: string;
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-            valueToCopy: string;
             disabledOptionKey: string;
+            optionEndTextIconKey: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -3244,6 +3378,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -3284,14 +3422,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
         disabledOptionKey: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionEndTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         optionChildrenKey: {
             type: import("vue").PropType<string>;
             required: true;
@@ -3331,6 +3469,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         default: any;
     };
+    valueToCopy: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -3371,14 +3513,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: any;
     };
-    valueToCopy: {
-        type: import("vue").PropType<string>;
-        default: any;
-    };
     disabledOptionKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    optionEndTextIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     optionChildrenKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3402,6 +3544,7 @@ declare const DropdownTypes: () => (({
     disabled: boolean;
     size: "small" | "medium" | "large";
     selected: unknown[];
+    valueToCopy: string;
     placeholder: string;
     inlineSearchPlaceholder: string;
     optionNameKey: string;
@@ -3410,11 +3553,201 @@ declare const DropdownTypes: () => (({
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     optionEndIconKey: string;
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-    valueToCopy: string;
     disabledOptionKey: string;
+    optionEndTextIconKey: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "trigger-end-icon"?(_: {}): any;
     };
-})))[];
-export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, };
+})) | 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;
+    };
+    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;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedCondition": (value: {
+        label: string;
+        value: string;
+        multi: boolean;
+    }) => void;
+    "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
+    };
+    optionNameKey: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    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;
+    };
+}>> & {
+    onClear?: () => any;
+    "onUpdate:selectedCondition"?: (value: {
+        label: string;
+        value: string;
+        multi: boolean;
+    }) => any;
+    "onUpdate:appliedSelections"?: (value: unknown) => any;
+}, {
+    label: string;
+    testId: string;
+    isOpen: boolean;
+    infiniteLoading: boolean;
+    optionNameKey: string;
+    optionFlagKey: string;
+    groupedOptions: boolean;
+    comparingKey: string;
+    minCharsToStart: number;
+    searchQuery: string;
+    loadMoreFn: () => Promise<any[]>;
+    fetchDataDebounceTime: number;
+    autoFocusSearch: boolean;
+}>)[];
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };